ctt-babylon 0.13.39 → 0.13.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/core/babylon-c1-txt/babylon-c1-txt.component.mjs +11 -0
- package/esm2022/lib/components/core/babylon-c1-txt/index.mjs +2 -0
- package/esm2022/lib/components/core/babylon-he-me-svg-text-cta-mot/babylon-he-me-svg-text-cta-mot.component.mjs +7 -2
- package/esm2022/lib/components/core/babylon-map-txt/babylon-map-txt.component.mjs +53 -0
- package/esm2022/lib/components/core/babylon-map-txt/index.mjs +2 -0
- package/esm2022/lib/components/core/babylon-sli-c1-img-text/babylon-sli-c1-img-text.component.mjs +3 -3
- package/esm2022/lib/components/core/babylon-sli-c3-svg-vid-cta/babylon-sli-c3-svg-vid-cta.component.mjs +107 -74
- package/esm2022/lib/components/core/babylon-sli-c3-txt-img-cta/babylon-sli-c3-txt-img-cta.component.mjs +12 -0
- package/esm2022/lib/components/core/babylon-sli-c3-txt-img-cta/index.mjs +2 -0
- package/esm2022/lib/components/core/babylon-top-slider-img-video/babylon-top-slider-img-video.component.mjs +114 -0
- package/esm2022/lib/components/core/babylon-top-slider-img-video/index.mjs +2 -0
- package/esm2022/lib/components/core/index.mjs +5 -1
- package/esm2022/lib/components/external/core/c4-for-c2-txt/c4-for-c2-txt.component.mjs +3 -3
- package/esm2022/lib/components/external/core/c4-lis-c2-img-txt-c/list-rooms.component.mjs +15 -7
- package/esm2022/lib/components/external/core/c4-sli-c1-img-txt/h04-slider-text.component.mjs +8 -3
- package/esm2022/lib/directives/link-type/link-type.directive.mjs +4 -1
- package/esm2022/lib/directives/sliders/swiper-init.directive.mjs +11 -8
- package/esm2022/lib/services/mapper/mapper.service.mjs +7 -4
- package/fesm2022/ctt-babylon.mjs +329 -95
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/lib/components/core/babylon-c1-txt/babylon-c1-txt.component.d.ts +5 -0
- package/lib/components/core/babylon-c1-txt/index.d.ts +1 -0
- package/lib/components/core/babylon-he-me-svg-text-cta-mot/babylon-he-me-svg-text-cta-mot.component.d.ts +2 -1
- package/lib/components/core/babylon-map-txt/babylon-map-txt.component.d.ts +15 -0
- package/lib/components/core/babylon-map-txt/index.d.ts +1 -0
- package/lib/components/core/babylon-sli-c3-svg-vid-cta/babylon-sli-c3-svg-vid-cta.component.d.ts +12 -8
- package/lib/components/core/babylon-sli-c3-txt-img-cta/babylon-sli-c3-txt-img-cta.component.d.ts +5 -0
- package/lib/components/core/babylon-sli-c3-txt-img-cta/index.d.ts +1 -0
- package/lib/components/core/babylon-top-slider-img-video/babylon-top-slider-img-video.component.d.ts +26 -0
- package/lib/components/core/babylon-top-slider-img-video/index.d.ts +1 -0
- package/lib/components/core/index.d.ts +4 -0
- package/lib/components/external/core/c4-sli-c1-img-txt/h04-slider-text.component.d.ts +1 -0
- package/package.json +1 -1
package/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -94,6 +94,9 @@ class BabylonLinkTypeDirective {
|
|
|
94
94
|
case 'anchor':
|
|
95
95
|
this.handleAnchorLink(this.href);
|
|
96
96
|
break;
|
|
97
|
+
case 'anchor_link':
|
|
98
|
+
this.handleAnchorLink(this.href);
|
|
99
|
+
break;
|
|
97
100
|
case 'pdf_link':
|
|
98
101
|
this.handlePdfLink(this.href);
|
|
99
102
|
break;
|
|
@@ -3660,7 +3663,8 @@ class MapperService {
|
|
|
3660
3663
|
return imagesArray
|
|
3661
3664
|
?.filter((item) => item?.active === true)
|
|
3662
3665
|
?.map((item) => ({
|
|
3663
|
-
subtitle: item?.
|
|
3666
|
+
subtitle: item?.subtitle,
|
|
3667
|
+
alt: item?.alt,
|
|
3664
3668
|
img: this.getImageResponsive(item, false),
|
|
3665
3669
|
buttons: Utils.mapButtons(item?.buttons),
|
|
3666
3670
|
links: Utils.mapButtons(item?.links),
|
|
@@ -3688,7 +3692,9 @@ class MapperService {
|
|
|
3688
3692
|
return array
|
|
3689
3693
|
?.filter((room, index, self) => self?.findIndex((r) => r?.id === room?.id) === index)
|
|
3690
3694
|
?.map((item) => ({
|
|
3691
|
-
buttons: Utils.mapButtons(item?.buttons
|
|
3695
|
+
buttons: Utils.mapButtons(item?.buttons
|
|
3696
|
+
/* item?.buttons?.slice().reverse() TODO: ".slice().reverse()" esto se hace en el componente que lo use */
|
|
3697
|
+
),
|
|
3692
3698
|
links: Utils.mapButtons(item?.links),
|
|
3693
3699
|
images: [
|
|
3694
3700
|
this.getImageResponsive(item?.multimedia?.find((img) => img?.cover) || item?.multimedia?.[0], false),
|
|
@@ -5304,7 +5310,7 @@ class MapperService {
|
|
|
5304
5310
|
title: props?.texts?.title,
|
|
5305
5311
|
subtitle: props?.texts?.subtitle,
|
|
5306
5312
|
items: props?.languages,
|
|
5307
|
-
selected: props?.languages
|
|
5313
|
+
selected: props?.languages?.find((lng) => lng.id === this.siteSvc.selectedLanguageInstant?.id),
|
|
5308
5314
|
};
|
|
5309
5315
|
}
|
|
5310
5316
|
mapEngine(props) {
|
|
@@ -7134,6 +7140,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
7134
7140
|
type: Input
|
|
7135
7141
|
}] } });
|
|
7136
7142
|
|
|
7143
|
+
class BabylonC1TxtComponent {
|
|
7144
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonC1TxtComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7145
|
+
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: ["@media (min-width: 1280px){.order-custom-xl-xxl-1{order:1}.order-custom-xl-xxl-2{order:2}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width: 540px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width: 768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width: 1025px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width: 1280px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}@media (min-width: 1366px){.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}}@media (min-width: 1680px){.flex-xxxl-row{flex-direction:row!important}.flex-xxxl-column{flex-direction:column!important}.flex-xxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxl-wrap{flex-wrap:wrap!important}.flex-xxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxl-fill{flex:1 1 auto!important}.flex-xxxl-grow-0{flex-grow:0!important}.flex-xxxl-grow-1{flex-grow:1!important}.flex-xxxl-shrink-0{flex-shrink:0!important}.flex-xxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxl-start{justify-content:flex-start!important}.justify-content-xxxl-end{justify-content:flex-end!important}.justify-content-xxxl-center{justify-content:center!important}.justify-content-xxxl-between{justify-content:space-between!important}.justify-content-xxxl-around{justify-content:space-around!important}.align-items-xxxl-start{align-items:flex-start!important}.align-items-xxxl-end{align-items:flex-end!important}.align-items-xxxl-center{align-items:center!important}.align-items-xxxl-baseline{align-items:baseline!important}.align-items-xxxl-stretch{align-items:stretch!important}.align-content-xxxl-start{align-content:flex-start!important}.align-content-xxxl-end{align-content:flex-end!important}.align-content-xxxl-center{align-content:center!important}.align-content-xxxl-between{align-content:space-between!important}.align-content-xxxl-around{align-content:space-around!important}.align-content-xxxl-stretch{align-content:stretch!important}.align-self-xxxl-auto{align-self:auto!important}.align-self-xxxl-start{align-self:flex-start!important}.align-self-xxxl-end{align-self:flex-end!important}.align-self-xxxl-center{align-self:center!important}.align-self-xxxl-baseline{align-self:baseline!important}.align-self-xxxl-stretch{align-self:stretch!important}.m-xxxl-auto{margin:auto!important}.mt-xxxl-auto,.my-xxxl-auto{margin-top:auto!important}.mr-xxxl-auto,.mx-xxxl-auto{margin-right:auto!important}.mb-xxxl-auto,.my-xxxl-auto{margin-bottom:auto!important}.ml-xxxl-auto,.mx-xxxl-auto{margin-left:auto!important}}@media (min-width: 1921px){.flex-xxxxl-row{flex-direction:row!important}.flex-xxxxl-column{flex-direction:column!important}.flex-xxxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxxl-wrap{flex-wrap:wrap!important}.flex-xxxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxxl-fill{flex:1 1 auto!important}.flex-xxxxl-grow-0{flex-grow:0!important}.flex-xxxxl-grow-1{flex-grow:1!important}.flex-xxxxl-shrink-0{flex-shrink:0!important}.flex-xxxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxxl-start{justify-content:flex-start!important}.justify-content-xxxxl-end{justify-content:flex-end!important}.justify-content-xxxxl-center{justify-content:center!important}.justify-content-xxxxl-between{justify-content:space-between!important}.justify-content-xxxxl-around{justify-content:space-around!important}.align-items-xxxxl-start{align-items:flex-start!important}.align-items-xxxxl-end{align-items:flex-end!important}.align-items-xxxxl-center{align-items:center!important}.align-items-xxxxl-baseline{align-items:baseline!important}.align-items-xxxxl-stretch{align-items:stretch!important}.align-content-xxxxl-start{align-content:flex-start!important}.align-content-xxxxl-end{align-content:flex-end!important}.align-content-xxxxl-center{align-content:center!important}.align-content-xxxxl-between{align-content:space-between!important}.align-content-xxxxl-around{align-content:space-around!important}.align-content-xxxxl-stretch{align-content:stretch!important}.align-self-xxxxl-auto{align-self:auto!important}.align-self-xxxxl-start{align-self:flex-start!important}.align-self-xxxxl-end{align-self:flex-end!important}.align-self-xxxxl-center{align-self:center!important}.align-self-xxxxl-baseline{align-self:baseline!important}.align-self-xxxxl-stretch{align-self:stretch!important}.m-xxxxl-auto{margin:auto!important}.mt-xxxxl-auto,.my-xxxxl-auto{margin-top:auto!important}.mr-xxxxl-auto,.mx-xxxxl-auto{margin-right:auto!important}.mb-xxxxl-auto,.my-xxxxl-auto{margin-bottom:auto!important}.ml-xxxxl-auto,.mx-xxxxl-auto{margin-left:auto!important}}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.mt--150{margin-top:150px!important}.mb--150{margin-bottom:150px!important}.pt--150{padding-top:150px}.pb--150{padding-bottom:150px}.mblock--150{margin-block:150px}.pblock--150{padding-block:150px}.mt--180{margin-top:180px!important}.mb--180{margin-bottom:180px!important}.pt--180{padding-top:180px}.pb--180{padding-bottom:180px}.mblock--180{margin-block:180px}.pblock--180{padding-block:180px}@keyframes move-right{0%{right:30px}50%{right:20px}to{right:30px}}: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_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--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;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--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: #fff;--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-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.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;--type-align: center;--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-width: 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;background-color:var(--cl_background_white)}.c1txt.bg__cream{background-color:var(--cl_background_dark)}@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"] }); }
|
|
7146
|
+
}
|
|
7147
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonC1TxtComponent, decorators: [{
|
|
7148
|
+
type: Component,
|
|
7149
|
+
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: ["@media (min-width: 1280px){.order-custom-xl-xxl-1{order:1}.order-custom-xl-xxl-2{order:2}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width: 540px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width: 768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width: 1025px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width: 1280px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}@media (min-width: 1366px){.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}}@media (min-width: 1680px){.flex-xxxl-row{flex-direction:row!important}.flex-xxxl-column{flex-direction:column!important}.flex-xxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxl-wrap{flex-wrap:wrap!important}.flex-xxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxl-fill{flex:1 1 auto!important}.flex-xxxl-grow-0{flex-grow:0!important}.flex-xxxl-grow-1{flex-grow:1!important}.flex-xxxl-shrink-0{flex-shrink:0!important}.flex-xxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxl-start{justify-content:flex-start!important}.justify-content-xxxl-end{justify-content:flex-end!important}.justify-content-xxxl-center{justify-content:center!important}.justify-content-xxxl-between{justify-content:space-between!important}.justify-content-xxxl-around{justify-content:space-around!important}.align-items-xxxl-start{align-items:flex-start!important}.align-items-xxxl-end{align-items:flex-end!important}.align-items-xxxl-center{align-items:center!important}.align-items-xxxl-baseline{align-items:baseline!important}.align-items-xxxl-stretch{align-items:stretch!important}.align-content-xxxl-start{align-content:flex-start!important}.align-content-xxxl-end{align-content:flex-end!important}.align-content-xxxl-center{align-content:center!important}.align-content-xxxl-between{align-content:space-between!important}.align-content-xxxl-around{align-content:space-around!important}.align-content-xxxl-stretch{align-content:stretch!important}.align-self-xxxl-auto{align-self:auto!important}.align-self-xxxl-start{align-self:flex-start!important}.align-self-xxxl-end{align-self:flex-end!important}.align-self-xxxl-center{align-self:center!important}.align-self-xxxl-baseline{align-self:baseline!important}.align-self-xxxl-stretch{align-self:stretch!important}.m-xxxl-auto{margin:auto!important}.mt-xxxl-auto,.my-xxxl-auto{margin-top:auto!important}.mr-xxxl-auto,.mx-xxxl-auto{margin-right:auto!important}.mb-xxxl-auto,.my-xxxl-auto{margin-bottom:auto!important}.ml-xxxl-auto,.mx-xxxl-auto{margin-left:auto!important}}@media (min-width: 1921px){.flex-xxxxl-row{flex-direction:row!important}.flex-xxxxl-column{flex-direction:column!important}.flex-xxxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxxl-wrap{flex-wrap:wrap!important}.flex-xxxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxxl-fill{flex:1 1 auto!important}.flex-xxxxl-grow-0{flex-grow:0!important}.flex-xxxxl-grow-1{flex-grow:1!important}.flex-xxxxl-shrink-0{flex-shrink:0!important}.flex-xxxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxxl-start{justify-content:flex-start!important}.justify-content-xxxxl-end{justify-content:flex-end!important}.justify-content-xxxxl-center{justify-content:center!important}.justify-content-xxxxl-between{justify-content:space-between!important}.justify-content-xxxxl-around{justify-content:space-around!important}.align-items-xxxxl-start{align-items:flex-start!important}.align-items-xxxxl-end{align-items:flex-end!important}.align-items-xxxxl-center{align-items:center!important}.align-items-xxxxl-baseline{align-items:baseline!important}.align-items-xxxxl-stretch{align-items:stretch!important}.align-content-xxxxl-start{align-content:flex-start!important}.align-content-xxxxl-end{align-content:flex-end!important}.align-content-xxxxl-center{align-content:center!important}.align-content-xxxxl-between{align-content:space-between!important}.align-content-xxxxl-around{align-content:space-around!important}.align-content-xxxxl-stretch{align-content:stretch!important}.align-self-xxxxl-auto{align-self:auto!important}.align-self-xxxxl-start{align-self:flex-start!important}.align-self-xxxxl-end{align-self:flex-end!important}.align-self-xxxxl-center{align-self:center!important}.align-self-xxxxl-baseline{align-self:baseline!important}.align-self-xxxxl-stretch{align-self:stretch!important}.m-xxxxl-auto{margin:auto!important}.mt-xxxxl-auto,.my-xxxxl-auto{margin-top:auto!important}.mr-xxxxl-auto,.mx-xxxxl-auto{margin-right:auto!important}.mb-xxxxl-auto,.my-xxxxl-auto{margin-bottom:auto!important}.ml-xxxxl-auto,.mx-xxxxl-auto{margin-left:auto!important}}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.mt--150{margin-top:150px!important}.mb--150{margin-bottom:150px!important}.pt--150{padding-top:150px}.pb--150{padding-bottom:150px}.mblock--150{margin-block:150px}.pblock--150{padding-block:150px}.mt--180{margin-top:180px!important}.mb--180{margin-bottom:180px!important}.pt--180{padding-top:180px}.pb--180{padding-bottom:180px}.mblock--180{margin-block:180px}.pblock--180{padding-block:180px}@keyframes move-right{0%{right:30px}50%{right:20px}to{right:30px}}: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_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--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;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--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: #fff;--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-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.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;--type-align: center;--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-width: 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;background-color:var(--cl_background_white)}.c1txt.bg__cream{background-color:var(--cl_background_dark)}@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"] }]
|
|
7150
|
+
}] });
|
|
7151
|
+
|
|
7137
7152
|
class ColorPickerService {
|
|
7138
7153
|
constructor(http) {
|
|
7139
7154
|
this.http = http;
|
|
@@ -10163,6 +10178,7 @@ class BabylonHeMeSvgTextCtaMotComponent {
|
|
|
10163
10178
|
this.dialog = dialog;
|
|
10164
10179
|
this.document = document;
|
|
10165
10180
|
this.platformId = platformId;
|
|
10181
|
+
this.dinamyHeader = false;
|
|
10166
10182
|
}
|
|
10167
10183
|
get isBrowser() {
|
|
10168
10184
|
return isPlatformBrowser(this.platformId);
|
|
@@ -10179,10 +10195,12 @@ class BabylonHeMeSvgTextCtaMotComponent {
|
|
|
10179
10195
|
const header = this.mainHeader?.nativeElement;
|
|
10180
10196
|
if (winPos >= space) {
|
|
10181
10197
|
body.classList.add('header__sticky');
|
|
10198
|
+
body.classList.add('header_sticky');
|
|
10182
10199
|
header?.classList.add('header__sticky');
|
|
10183
10200
|
}
|
|
10184
10201
|
else {
|
|
10185
10202
|
body.classList.remove('header__sticky');
|
|
10203
|
+
body.classList.remove('header_sticky');
|
|
10186
10204
|
header?.classList.remove('header__sticky');
|
|
10187
10205
|
}
|
|
10188
10206
|
}
|
|
@@ -10232,7 +10250,7 @@ class BabylonHeMeSvgTextCtaMotComponent {
|
|
|
10232
10250
|
});
|
|
10233
10251
|
}
|
|
10234
10252
|
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 }); }
|
|
10235
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonHeMeSvgTextCtaMotComponent, isStandalone: true, selector: "lib-babylon-he-me-svg-text-cta-mot", inputs: { menu: "menu" }, 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 @if (menu) {\n <ul class=\"MeSvgTxtCtaMot__nav-links\">\n @for (item of menu; track $index) {\n <li>\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n ><span>{{ item.label }}</span></a\n >\n </li>\n }\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 }\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 @if (menu) {\n <ul class=\"modal__menu-nav--links\">\n @for (item of menu; track $index) {\n <li>\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n ><span>{{ item.label }}</span></a\n >\n </li>\n }\n </ul>\n }\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: ["@media (min-width: 1280px){.order-custom-xl-xxl-1{order:1}.order-custom-xl-xxl-2{order:2}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width: 540px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width: 768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width: 1025px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width: 1280px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}@media (min-width: 1366px){.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}}@media (min-width: 1680px){.flex-xxxl-row{flex-direction:row!important}.flex-xxxl-column{flex-direction:column!important}.flex-xxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxl-wrap{flex-wrap:wrap!important}.flex-xxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxl-fill{flex:1 1 auto!important}.flex-xxxl-grow-0{flex-grow:0!important}.flex-xxxl-grow-1{flex-grow:1!important}.flex-xxxl-shrink-0{flex-shrink:0!important}.flex-xxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxl-start{justify-content:flex-start!important}.justify-content-xxxl-end{justify-content:flex-end!important}.justify-content-xxxl-center{justify-content:center!important}.justify-content-xxxl-between{justify-content:space-between!important}.justify-content-xxxl-around{justify-content:space-around!important}.align-items-xxxl-start{align-items:flex-start!important}.align-items-xxxl-end{align-items:flex-end!important}.align-items-xxxl-center{align-items:center!important}.align-items-xxxl-baseline{align-items:baseline!important}.align-items-xxxl-stretch{align-items:stretch!important}.align-content-xxxl-start{align-content:flex-start!important}.align-content-xxxl-end{align-content:flex-end!important}.align-content-xxxl-center{align-content:center!important}.align-content-xxxl-between{align-content:space-between!important}.align-content-xxxl-around{align-content:space-around!important}.align-content-xxxl-stretch{align-content:stretch!important}.align-self-xxxl-auto{align-self:auto!important}.align-self-xxxl-start{align-self:flex-start!important}.align-self-xxxl-end{align-self:flex-end!important}.align-self-xxxl-center{align-self:center!important}.align-self-xxxl-baseline{align-self:baseline!important}.align-self-xxxl-stretch{align-self:stretch!important}.m-xxxl-auto{margin:auto!important}.mt-xxxl-auto,.my-xxxl-auto{margin-top:auto!important}.mr-xxxl-auto,.mx-xxxl-auto{margin-right:auto!important}.mb-xxxl-auto,.my-xxxl-auto{margin-bottom:auto!important}.ml-xxxl-auto,.mx-xxxl-auto{margin-left:auto!important}}@media (min-width: 1921px){.flex-xxxxl-row{flex-direction:row!important}.flex-xxxxl-column{flex-direction:column!important}.flex-xxxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxxl-wrap{flex-wrap:wrap!important}.flex-xxxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxxl-fill{flex:1 1 auto!important}.flex-xxxxl-grow-0{flex-grow:0!important}.flex-xxxxl-grow-1{flex-grow:1!important}.flex-xxxxl-shrink-0{flex-shrink:0!important}.flex-xxxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxxl-start{justify-content:flex-start!important}.justify-content-xxxxl-end{justify-content:flex-end!important}.justify-content-xxxxl-center{justify-content:center!important}.justify-content-xxxxl-between{justify-content:space-between!important}.justify-content-xxxxl-around{justify-content:space-around!important}.align-items-xxxxl-start{align-items:flex-start!important}.align-items-xxxxl-end{align-items:flex-end!important}.align-items-xxxxl-center{align-items:center!important}.align-items-xxxxl-baseline{align-items:baseline!important}.align-items-xxxxl-stretch{align-items:stretch!important}.align-content-xxxxl-start{align-content:flex-start!important}.align-content-xxxxl-end{align-content:flex-end!important}.align-content-xxxxl-center{align-content:center!important}.align-content-xxxxl-between{align-content:space-between!important}.align-content-xxxxl-around{align-content:space-around!important}.align-content-xxxxl-stretch{align-content:stretch!important}.align-self-xxxxl-auto{align-self:auto!important}.align-self-xxxxl-start{align-self:flex-start!important}.align-self-xxxxl-end{align-self:flex-end!important}.align-self-xxxxl-center{align-self:center!important}.align-self-xxxxl-baseline{align-self:baseline!important}.align-self-xxxxl-stretch{align-self:stretch!important}.m-xxxxl-auto{margin:auto!important}.mt-xxxxl-auto,.my-xxxxl-auto{margin-top:auto!important}.mr-xxxxl-auto,.mx-xxxxl-auto{margin-right:auto!important}.mb-xxxxl-auto,.my-xxxxl-auto{margin-bottom:auto!important}.ml-xxxxl-auto,.mx-xxxxl-auto{margin-left:auto!important}}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.mt--150{margin-top:150px!important}.mb--150{margin-bottom:150px!important}.pt--150{padding-top:150px}.pb--150{padding-bottom:150px}.mblock--150{margin-block:150px}.pblock--150{padding-block:150px}.mt--180{margin-top:180px!important}.mb--180{margin-bottom:180px!important}.pt--180{padding-top:180px}.pb--180{padding-bottom:180px}.mblock--180{margin-block:180px}.pblock--180{padding-block:180px}@keyframes move-right{0%{right:30px}50%{right:20px}to{right:30px}}: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_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--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;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--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: #fff;--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-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.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;--type-align: center;--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-width: 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-color:var(--cl_background_white);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__nav-links a,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-links a{color:#62626299}.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-links a:hover,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-links a:hover{color:#626262}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-icons li,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-icons li{color:#62626299}.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-icons li:hover,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-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"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }] }); }
|
|
10253
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonHeMeSvgTextCtaMotComponent, isStandalone: true, selector: "lib-babylon-he-me-svg-text-cta-mot", inputs: { menu: "menu", dinamyHeader: "dinamyHeader" }, 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 @if (menu) {\n <ul class=\"MeSvgTxtCtaMot__nav-links\">\n @for (item of menu; track $index) {\n <li>\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n ><span>{{ item.label }}</span></a\n >\n </li>\n }\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 }\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 @if (menu) {\n <ul class=\"modal__menu-nav--links\">\n @for (item of menu; track $index) {\n <li>\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n ><span>{{ item.label }}</span></a\n >\n </li>\n }\n </ul>\n }\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: ["@media (min-width: 1280px){.order-custom-xl-xxl-1{order:1}.order-custom-xl-xxl-2{order:2}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width: 540px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width: 768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width: 1025px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width: 1280px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}@media (min-width: 1366px){.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}}@media (min-width: 1680px){.flex-xxxl-row{flex-direction:row!important}.flex-xxxl-column{flex-direction:column!important}.flex-xxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxl-wrap{flex-wrap:wrap!important}.flex-xxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxl-fill{flex:1 1 auto!important}.flex-xxxl-grow-0{flex-grow:0!important}.flex-xxxl-grow-1{flex-grow:1!important}.flex-xxxl-shrink-0{flex-shrink:0!important}.flex-xxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxl-start{justify-content:flex-start!important}.justify-content-xxxl-end{justify-content:flex-end!important}.justify-content-xxxl-center{justify-content:center!important}.justify-content-xxxl-between{justify-content:space-between!important}.justify-content-xxxl-around{justify-content:space-around!important}.align-items-xxxl-start{align-items:flex-start!important}.align-items-xxxl-end{align-items:flex-end!important}.align-items-xxxl-center{align-items:center!important}.align-items-xxxl-baseline{align-items:baseline!important}.align-items-xxxl-stretch{align-items:stretch!important}.align-content-xxxl-start{align-content:flex-start!important}.align-content-xxxl-end{align-content:flex-end!important}.align-content-xxxl-center{align-content:center!important}.align-content-xxxl-between{align-content:space-between!important}.align-content-xxxl-around{align-content:space-around!important}.align-content-xxxl-stretch{align-content:stretch!important}.align-self-xxxl-auto{align-self:auto!important}.align-self-xxxl-start{align-self:flex-start!important}.align-self-xxxl-end{align-self:flex-end!important}.align-self-xxxl-center{align-self:center!important}.align-self-xxxl-baseline{align-self:baseline!important}.align-self-xxxl-stretch{align-self:stretch!important}.m-xxxl-auto{margin:auto!important}.mt-xxxl-auto,.my-xxxl-auto{margin-top:auto!important}.mr-xxxl-auto,.mx-xxxl-auto{margin-right:auto!important}.mb-xxxl-auto,.my-xxxl-auto{margin-bottom:auto!important}.ml-xxxl-auto,.mx-xxxl-auto{margin-left:auto!important}}@media (min-width: 1921px){.flex-xxxxl-row{flex-direction:row!important}.flex-xxxxl-column{flex-direction:column!important}.flex-xxxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxxl-wrap{flex-wrap:wrap!important}.flex-xxxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxxl-fill{flex:1 1 auto!important}.flex-xxxxl-grow-0{flex-grow:0!important}.flex-xxxxl-grow-1{flex-grow:1!important}.flex-xxxxl-shrink-0{flex-shrink:0!important}.flex-xxxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxxl-start{justify-content:flex-start!important}.justify-content-xxxxl-end{justify-content:flex-end!important}.justify-content-xxxxl-center{justify-content:center!important}.justify-content-xxxxl-between{justify-content:space-between!important}.justify-content-xxxxl-around{justify-content:space-around!important}.align-items-xxxxl-start{align-items:flex-start!important}.align-items-xxxxl-end{align-items:flex-end!important}.align-items-xxxxl-center{align-items:center!important}.align-items-xxxxl-baseline{align-items:baseline!important}.align-items-xxxxl-stretch{align-items:stretch!important}.align-content-xxxxl-start{align-content:flex-start!important}.align-content-xxxxl-end{align-content:flex-end!important}.align-content-xxxxl-center{align-content:center!important}.align-content-xxxxl-between{align-content:space-between!important}.align-content-xxxxl-around{align-content:space-around!important}.align-content-xxxxl-stretch{align-content:stretch!important}.align-self-xxxxl-auto{align-self:auto!important}.align-self-xxxxl-start{align-self:flex-start!important}.align-self-xxxxl-end{align-self:flex-end!important}.align-self-xxxxl-center{align-self:center!important}.align-self-xxxxl-baseline{align-self:baseline!important}.align-self-xxxxl-stretch{align-self:stretch!important}.m-xxxxl-auto{margin:auto!important}.mt-xxxxl-auto,.my-xxxxl-auto{margin-top:auto!important}.mr-xxxxl-auto,.mx-xxxxl-auto{margin-right:auto!important}.mb-xxxxl-auto,.my-xxxxl-auto{margin-bottom:auto!important}.ml-xxxxl-auto,.mx-xxxxl-auto{margin-left:auto!important}}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.mt--150{margin-top:150px!important}.mb--150{margin-bottom:150px!important}.pt--150{padding-top:150px}.pb--150{padding-bottom:150px}.mblock--150{margin-block:150px}.pblock--150{padding-block:150px}.mt--180{margin-top:180px!important}.mb--180{margin-bottom:180px!important}.pt--180{padding-top:180px}.pb--180{padding-bottom:180px}.mblock--180{margin-block:180px}.pblock--180{padding-block:180px}@keyframes move-right{0%{right:30px}50%{right:20px}to{right:30px}}: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_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--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;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--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: #fff;--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-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.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;--type-align: center;--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-width: 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-color:var(--cl_background_white);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__nav-links a,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-links a{color:#62626299}.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-links a:hover,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-links a:hover{color:#626262}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-icons li,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-icons li{color:#62626299}.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-icons li:hover,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-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"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }] }); }
|
|
10236
10254
|
}
|
|
10237
10255
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonHeMeSvgTextCtaMotComponent, decorators: [{
|
|
10238
10256
|
type: Component,
|
|
@@ -10251,6 +10269,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
10251
10269
|
args: ['modalMenu', { static: true }]
|
|
10252
10270
|
}], menu: [{
|
|
10253
10271
|
type: Input
|
|
10272
|
+
}], dinamyHeader: [{
|
|
10273
|
+
type: Input
|
|
10254
10274
|
}], onWindowScroll: [{
|
|
10255
10275
|
type: HostListener,
|
|
10256
10276
|
args: ['window:scroll']
|
|
@@ -14211,6 +14231,56 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
14211
14231
|
args: ['tabsRoot', { static: true }]
|
|
14212
14232
|
}] } });
|
|
14213
14233
|
|
|
14234
|
+
class BabylonMapTxtComponent {
|
|
14235
|
+
constructor(platformId) {
|
|
14236
|
+
this.platformId = platformId;
|
|
14237
|
+
// desplegable "more/less"
|
|
14238
|
+
this.isExpanded = false;
|
|
14239
|
+
// nombre del modal activo (por si más adelante hay varios)
|
|
14240
|
+
this.activeModal = null;
|
|
14241
|
+
}
|
|
14242
|
+
// ====== MORE / LESS ======
|
|
14243
|
+
toggleMoreLess() {
|
|
14244
|
+
this.isExpanded = !this.isExpanded;
|
|
14245
|
+
}
|
|
14246
|
+
// ====== MODALES ======
|
|
14247
|
+
openModal(name) {
|
|
14248
|
+
this.activeModal = name;
|
|
14249
|
+
this.syncBodyClasses();
|
|
14250
|
+
}
|
|
14251
|
+
closeModal(name) {
|
|
14252
|
+
if (this.activeModal === name) {
|
|
14253
|
+
this.activeModal = null;
|
|
14254
|
+
this.syncBodyClasses();
|
|
14255
|
+
}
|
|
14256
|
+
}
|
|
14257
|
+
syncBodyClasses() {
|
|
14258
|
+
if (!isPlatformBrowser(this.platformId))
|
|
14259
|
+
return;
|
|
14260
|
+
const body = document.body;
|
|
14261
|
+
const mapModal = this.mapModal?.nativeElement;
|
|
14262
|
+
// limpia clases conocidas (si luego tienes más modales añade aquí)
|
|
14263
|
+
body.classList.remove('modal--open', 'mapInfo-1');
|
|
14264
|
+
mapModal.classList.remove('modal--open', 'mapInfo-1');
|
|
14265
|
+
if (this.activeModal) {
|
|
14266
|
+
body.classList.add('modal--open', this.activeModal);
|
|
14267
|
+
mapModal.classList.add('modal--open', this.activeModal);
|
|
14268
|
+
}
|
|
14269
|
+
}
|
|
14270
|
+
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 }); }
|
|
14271
|
+
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: ["@media (min-width: 1280px){.order-custom-xl-xxl-1{order:1}.order-custom-xl-xxl-2{order:2}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width: 540px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width: 768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width: 1025px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width: 1280px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}@media (min-width: 1366px){.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}}@media (min-width: 1680px){.flex-xxxl-row{flex-direction:row!important}.flex-xxxl-column{flex-direction:column!important}.flex-xxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxl-wrap{flex-wrap:wrap!important}.flex-xxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxl-fill{flex:1 1 auto!important}.flex-xxxl-grow-0{flex-grow:0!important}.flex-xxxl-grow-1{flex-grow:1!important}.flex-xxxl-shrink-0{flex-shrink:0!important}.flex-xxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxl-start{justify-content:flex-start!important}.justify-content-xxxl-end{justify-content:flex-end!important}.justify-content-xxxl-center{justify-content:center!important}.justify-content-xxxl-between{justify-content:space-between!important}.justify-content-xxxl-around{justify-content:space-around!important}.align-items-xxxl-start{align-items:flex-start!important}.align-items-xxxl-end{align-items:flex-end!important}.align-items-xxxl-center{align-items:center!important}.align-items-xxxl-baseline{align-items:baseline!important}.align-items-xxxl-stretch{align-items:stretch!important}.align-content-xxxl-start{align-content:flex-start!important}.align-content-xxxl-end{align-content:flex-end!important}.align-content-xxxl-center{align-content:center!important}.align-content-xxxl-between{align-content:space-between!important}.align-content-xxxl-around{align-content:space-around!important}.align-content-xxxl-stretch{align-content:stretch!important}.align-self-xxxl-auto{align-self:auto!important}.align-self-xxxl-start{align-self:flex-start!important}.align-self-xxxl-end{align-self:flex-end!important}.align-self-xxxl-center{align-self:center!important}.align-self-xxxl-baseline{align-self:baseline!important}.align-self-xxxl-stretch{align-self:stretch!important}.m-xxxl-auto{margin:auto!important}.mt-xxxl-auto,.my-xxxl-auto{margin-top:auto!important}.mr-xxxl-auto,.mx-xxxl-auto{margin-right:auto!important}.mb-xxxl-auto,.my-xxxl-auto{margin-bottom:auto!important}.ml-xxxl-auto,.mx-xxxl-auto{margin-left:auto!important}}@media (min-width: 1921px){.flex-xxxxl-row{flex-direction:row!important}.flex-xxxxl-column{flex-direction:column!important}.flex-xxxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxxl-wrap{flex-wrap:wrap!important}.flex-xxxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxxl-fill{flex:1 1 auto!important}.flex-xxxxl-grow-0{flex-grow:0!important}.flex-xxxxl-grow-1{flex-grow:1!important}.flex-xxxxl-shrink-0{flex-shrink:0!important}.flex-xxxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxxl-start{justify-content:flex-start!important}.justify-content-xxxxl-end{justify-content:flex-end!important}.justify-content-xxxxl-center{justify-content:center!important}.justify-content-xxxxl-between{justify-content:space-between!important}.justify-content-xxxxl-around{justify-content:space-around!important}.align-items-xxxxl-start{align-items:flex-start!important}.align-items-xxxxl-end{align-items:flex-end!important}.align-items-xxxxl-center{align-items:center!important}.align-items-xxxxl-baseline{align-items:baseline!important}.align-items-xxxxl-stretch{align-items:stretch!important}.align-content-xxxxl-start{align-content:flex-start!important}.align-content-xxxxl-end{align-content:flex-end!important}.align-content-xxxxl-center{align-content:center!important}.align-content-xxxxl-between{align-content:space-between!important}.align-content-xxxxl-around{align-content:space-around!important}.align-content-xxxxl-stretch{align-content:stretch!important}.align-self-xxxxl-auto{align-self:auto!important}.align-self-xxxxl-start{align-self:flex-start!important}.align-self-xxxxl-end{align-self:flex-end!important}.align-self-xxxxl-center{align-self:center!important}.align-self-xxxxl-baseline{align-self:baseline!important}.align-self-xxxxl-stretch{align-self:stretch!important}.m-xxxxl-auto{margin:auto!important}.mt-xxxxl-auto,.my-xxxxl-auto{margin-top:auto!important}.mr-xxxxl-auto,.mx-xxxxl-auto{margin-right:auto!important}.mb-xxxxl-auto,.my-xxxxl-auto{margin-bottom:auto!important}.ml-xxxxl-auto,.mx-xxxxl-auto{margin-left:auto!important}}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.mt--150{margin-top:150px!important}.mb--150{margin-bottom:150px!important}.pt--150{padding-top:150px}.pb--150{padding-bottom:150px}.mblock--150{margin-block:150px}.pblock--150{padding-block:150px}.mt--180{margin-top:180px!important}.mb--180{margin-bottom:180px!important}.pt--180{padding-top:180px}.pb--180{padding-bottom:180px}.mblock--180{margin-block:180px}.pblock--180{padding-block:180px}@keyframes move-right{0%{right:30px}50%{right:20px}to{right:30px}}: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_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--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;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--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: #fff;--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-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.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;--type-align: center;--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-width: 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:var(--cl_icon);color:#fff;display:flex;align-items:center;justify-content:center}.CanBordoy-Map__icon-btn--plus svg{width:1.75rem;aspect-ratio:1}.CanBordoy-Map__icon-btn--plus:hover{background:var(--cl_accent)}.CanBordoy-Map__dropDown{display:flex;flex-direction:column;position:relative;gap:4rem;align-items:center;background:var(--cl_background_dark);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:var(--font-texts);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:var(--font-texts);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 }] }); }
|
|
14272
|
+
}
|
|
14273
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonMapTxtComponent, decorators: [{
|
|
14274
|
+
type: Component,
|
|
14275
|
+
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: ["@media (min-width: 1280px){.order-custom-xl-xxl-1{order:1}.order-custom-xl-xxl-2{order:2}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width: 540px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width: 768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width: 1025px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width: 1280px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}@media (min-width: 1366px){.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}}@media (min-width: 1680px){.flex-xxxl-row{flex-direction:row!important}.flex-xxxl-column{flex-direction:column!important}.flex-xxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxl-wrap{flex-wrap:wrap!important}.flex-xxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxl-fill{flex:1 1 auto!important}.flex-xxxl-grow-0{flex-grow:0!important}.flex-xxxl-grow-1{flex-grow:1!important}.flex-xxxl-shrink-0{flex-shrink:0!important}.flex-xxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxl-start{justify-content:flex-start!important}.justify-content-xxxl-end{justify-content:flex-end!important}.justify-content-xxxl-center{justify-content:center!important}.justify-content-xxxl-between{justify-content:space-between!important}.justify-content-xxxl-around{justify-content:space-around!important}.align-items-xxxl-start{align-items:flex-start!important}.align-items-xxxl-end{align-items:flex-end!important}.align-items-xxxl-center{align-items:center!important}.align-items-xxxl-baseline{align-items:baseline!important}.align-items-xxxl-stretch{align-items:stretch!important}.align-content-xxxl-start{align-content:flex-start!important}.align-content-xxxl-end{align-content:flex-end!important}.align-content-xxxl-center{align-content:center!important}.align-content-xxxl-between{align-content:space-between!important}.align-content-xxxl-around{align-content:space-around!important}.align-content-xxxl-stretch{align-content:stretch!important}.align-self-xxxl-auto{align-self:auto!important}.align-self-xxxl-start{align-self:flex-start!important}.align-self-xxxl-end{align-self:flex-end!important}.align-self-xxxl-center{align-self:center!important}.align-self-xxxl-baseline{align-self:baseline!important}.align-self-xxxl-stretch{align-self:stretch!important}.m-xxxl-auto{margin:auto!important}.mt-xxxl-auto,.my-xxxl-auto{margin-top:auto!important}.mr-xxxl-auto,.mx-xxxl-auto{margin-right:auto!important}.mb-xxxl-auto,.my-xxxl-auto{margin-bottom:auto!important}.ml-xxxl-auto,.mx-xxxl-auto{margin-left:auto!important}}@media (min-width: 1921px){.flex-xxxxl-row{flex-direction:row!important}.flex-xxxxl-column{flex-direction:column!important}.flex-xxxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxxl-wrap{flex-wrap:wrap!important}.flex-xxxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxxl-fill{flex:1 1 auto!important}.flex-xxxxl-grow-0{flex-grow:0!important}.flex-xxxxl-grow-1{flex-grow:1!important}.flex-xxxxl-shrink-0{flex-shrink:0!important}.flex-xxxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxxl-start{justify-content:flex-start!important}.justify-content-xxxxl-end{justify-content:flex-end!important}.justify-content-xxxxl-center{justify-content:center!important}.justify-content-xxxxl-between{justify-content:space-between!important}.justify-content-xxxxl-around{justify-content:space-around!important}.align-items-xxxxl-start{align-items:flex-start!important}.align-items-xxxxl-end{align-items:flex-end!important}.align-items-xxxxl-center{align-items:center!important}.align-items-xxxxl-baseline{align-items:baseline!important}.align-items-xxxxl-stretch{align-items:stretch!important}.align-content-xxxxl-start{align-content:flex-start!important}.align-content-xxxxl-end{align-content:flex-end!important}.align-content-xxxxl-center{align-content:center!important}.align-content-xxxxl-between{align-content:space-between!important}.align-content-xxxxl-around{align-content:space-around!important}.align-content-xxxxl-stretch{align-content:stretch!important}.align-self-xxxxl-auto{align-self:auto!important}.align-self-xxxxl-start{align-self:flex-start!important}.align-self-xxxxl-end{align-self:flex-end!important}.align-self-xxxxl-center{align-self:center!important}.align-self-xxxxl-baseline{align-self:baseline!important}.align-self-xxxxl-stretch{align-self:stretch!important}.m-xxxxl-auto{margin:auto!important}.mt-xxxxl-auto,.my-xxxxl-auto{margin-top:auto!important}.mr-xxxxl-auto,.mx-xxxxl-auto{margin-right:auto!important}.mb-xxxxl-auto,.my-xxxxl-auto{margin-bottom:auto!important}.ml-xxxxl-auto,.mx-xxxxl-auto{margin-left:auto!important}}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.mt--150{margin-top:150px!important}.mb--150{margin-bottom:150px!important}.pt--150{padding-top:150px}.pb--150{padding-bottom:150px}.mblock--150{margin-block:150px}.pblock--150{padding-block:150px}.mt--180{margin-top:180px!important}.mb--180{margin-bottom:180px!important}.pt--180{padding-top:180px}.pb--180{padding-bottom:180px}.mblock--180{margin-block:180px}.pblock--180{padding-block:180px}@keyframes move-right{0%{right:30px}50%{right:20px}to{right:30px}}: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_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--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;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--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: #fff;--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-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.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;--type-align: center;--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-width: 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:var(--cl_icon);color:#fff;display:flex;align-items:center;justify-content:center}.CanBordoy-Map__icon-btn--plus svg{width:1.75rem;aspect-ratio:1}.CanBordoy-Map__icon-btn--plus:hover{background:var(--cl_accent)}.CanBordoy-Map__dropDown{display:flex;flex-direction:column;position:relative;gap:4rem;align-items:center;background:var(--cl_background_dark);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:var(--font-texts);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:var(--font-texts);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"] }]
|
|
14276
|
+
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
14277
|
+
type: Inject,
|
|
14278
|
+
args: [PLATFORM_ID]
|
|
14279
|
+
}] }], propDecorators: { mapModal: [{
|
|
14280
|
+
type: ViewChild,
|
|
14281
|
+
args: ['mapModal', { static: true }]
|
|
14282
|
+
}] } });
|
|
14283
|
+
|
|
14214
14284
|
class BabylonModalMultipleMotorsComponent {
|
|
14215
14285
|
constructor() {
|
|
14216
14286
|
this.openEngine = new EventEmitter();
|
|
@@ -15186,11 +15256,11 @@ class BabylonSliC1ImgTextComponent {
|
|
|
15186
15256
|
}
|
|
15187
15257
|
}
|
|
15188
15258
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSliC1ImgTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15189
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonSliC1ImgTextComponent, isStandalone: true, selector: "lib-babylon-sli-c1-img-text", inputs: { rigthSide: "rigthSide", texts: "texts", multimedia: "multimedia", buttons: "buttons" }, viewQueries: [{ propertyName: "swiperEl", first: true, predicate: ["swiperEl"], descendants: true }, { propertyName: "nextBtn", first: true, predicate: ["nextBtn"], descendants: true }, { propertyName: "prevBtn", first: true, predicate: ["prevBtn"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section\n class=\"mdl-seoimagen\"\n [ngClass]=\"{\n 'full-slider': (multimedia?.imagenes?.length ?? 0) > 1,\n }\"\n>\n <div class=\"mdl-container\" [ngClass]=\"{ 'seo-right': rigthSide }\">\n <!-- A\u00F1adir seo-right si la imagen debe ir a la derecha -->\n @if (texts?.subtitle) {\n <h2 class=\"m-pretitulo-mobile\">{{ texts?.subtitle }}</h2>\n }\n\n @if (multimedia?.imagenes?.length) {\n <div\n class=\"m-content-left\"\n [ngClass]=\"{\n 'full-slider': (multimedia?.imagenes?.length ?? 0) > 1,\n }\"\n >\n <!-- Contenedor principal: HOST de la directiva -->\n <div\n class=\"js-active-slider\"\n data-slider_autoplay=\"true\"\n data-slider_speed=\"600\"\n data-slides_infinite=\"true\"\n data-slider_draggable=\"true\"\n data-slider_showbtns=\"false\"\n data-slider_showdots=\"false\"\n >\n <div #swiperEl class=\"swiper\">\n <div class=\"swiper-wrapper\">\n @for (item of multimedia?.imagenes; track $index) {\n <div class=\"swiper-slide\">\n <div class=\"slide-media\">\n <img\n [src]=\"item.img?.src\"\n [alt]=\"item.img?.alt\"\n />\n\n @if (\n (multimedia?.imagenes?.length ??\n 0) > 1\n ) {\n <div class=\"slide-overlay\">\n <div class=\"m-content\">\n @if (item.pretitle) {\n <div\n class=\"m-pretitulo\"\n [innerHTML]=\"\n texts?.pretitle\n \"\n ></div>\n }\n @if (item.title) {\n <h2\n class=\"m-titulo\"\n [ngClass]=\"{\n 'no-pad':\n !item.pretitle,\n }\"\n [innerHTML]=\"\n item?.title\n \"\n ></h2>\n }\n @if (item.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"\n item.description\n \"\n ></div>\n }\n @if (\n item?.buttons?.length\n ) {\n @for (\n btn of buttons;\n track $index\n ) {\n <a\n [href]=\"btn.url\"\n [linkType]=\"\n btn.linkType\n \"\n [attr.aria-label]=\"\n btn.label\n \"\n class=\"m-button-big-babylon\"\n >\n {{ btn.label }}\n </a>\n }\n }\n </div>\n </div>\n }\n </div>\n </div>\n }\n </div>\n\n <button\n #prevBtn\n type=\"button\"\n class=\"swiper-button-prev\"\n aria-label=\"Previous\"\n ></button>\n\n <button\n #nextBtn\n type=\"button\"\n class=\"swiper-button-next\"\n aria-label=\"Next\"\n ></button>\n </div>\n </div>\n <!-- \n <img\n class=\"svgBack\"\n src=\"/assets/babylon/svg/holidays.svg\"\n alt=\"\"\n /> -->\n </div>\n }\n\n @if (texts && (multimedia?.imagenes?.length ?? 0) < 2) {\n <div class=\"m-content-right\">\n <div class=\"m-content\">\n @if (texts.pretitle) {\n <div\n class=\"m-pretitulo\"\n [innerHTML]=\"texts.pretitle\"\n ></div>\n }\n @if (texts.title) {\n <h2 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h2>\n }\n @if (texts.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts.description\"\n ></div>\n }\n @if (buttons?.length) {\n @for (item of buttons; track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n class=\"m-button-big-babylon\"\n >{{ item.label }}</a\n >\n }\n }\n </div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-big-babylon{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:var(--cl_btn-box-text);background-color:var(--cl_btn-box);border-radius:var(--btn_radius);border:1px solid var(--cl_btn-box);transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big-babylon{font-size:1.6rem}}.m-button-big-babylon.red{background-color:#ff4338}@media (hover: hover){.m-button-big-babylon.red:hover{background-color:#ed3b37}}.m-button-big-babylon.blue{background-color:#5b87da}@media (hover: hover){.m-button-big-babylon.blue:hover{background-color:#446ecd}}.m-button-big-babylon.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big-babylon.green:hover{background-color:#2ec99b}}.m-button-big-babylon.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big-babylon.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big-babylon span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big-babylon:hover{background-color:var(--cl_btn-box-hover);color:var(--cl_btn-box-text-hover)}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-seoimagen{padding:0!important}.mdl-seoimagen .mdl-container{position:relative;height:1000px;width:100%;display:flex;max-width:none}.mdl-seoimagen .mdl-container.seo-right{flex-direction:row-reverse}.mdl-seoimagen .mdl-container .m-pretitulo-mobile{display:none;font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-pretitulo-mobile{font-size:1.4rem;letter-spacing:.056rem}}.mdl-seoimagen .mdl-container .m-pretitulo-mobile{color:#515050b2;text-transform:uppercase;margin:6.1rem auto 4rem}.mdl-seoimagen .mdl-container .m-content-left{background-size:cover;background-position:center;width:50%;height:100%;display:flex;flex-direction:column;align-items:center;position:relative}.mdl-seoimagen .mdl-container .m-content-left .svgBack{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;width:41.7rem;padding-top:8.4rem;pointer-events:none;position:absolute;z-index:1;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mdl-seoimagen .mdl-container .m-content-left .js-active-slider{height:100%}.mdl-seoimagen .mdl-container .m-content-left .swiper,.mdl-seoimagen .mdl-container .m-content-left .swiper .swiper-container{width:100%;height:100%}.mdl-seoimagen .mdl-container .m-content-left .swiper .swiper-container img{width:100%;height:100%;object-fit:cover}.mdl-seoimagen .mdl-container .m-content-left:hover .svgBack{opacity:1;transform:translateY(0);pointer-events:auto}.mdl-seoimagen .mdl-container .m-content-right{width:50%;height:100%;display:flex;align-items:center;justify-content:center}.mdl-seoimagen .mdl-container .m-content-right .m-content{width:62rem;height:auto;padding:0 5rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{color:var(--cl_pretitle);text-transform:uppercase}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-titulo{font-family:var(--font-title);font-weight:var(--w_title);font-size:5.5rem;line-height:5.8rem;color:var(--cl_title);margin-top:12rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-family:var(--font-text);font-weight:var(--w_text);font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{color:var(--cl_text);margin-top:5rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-button-big{margin-top:5rem}@media (max-width: 1080px){.mdl-seoimagen .mdl-container{height:auto;width:100%;display:flex;flex-direction:column!important}.mdl-seoimagen .mdl-container .m-pretitulo-mobile{display:block}.mdl-seoimagen .mdl-container .m-content-left{width:100%;height:102rem}.mdl-seoimagen .mdl-container .m-content-right{width:100%;padding-bottom:7rem}.mdl-seoimagen .mdl-container .m-content-right .m-content{width:61.7rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{display:none}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-titulo{margin-top:5rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-button-big{margin:5rem auto 0}}@media (max-width: 768px){.mdl-seoimagen .mdl-container .m-content-left{height:76.8rem}.mdl-seoimagen .mdl-container .m-content-right .m-content{padding:0 7.5rem}}@media (max-width: 540px){.mdl-seoimagen .mdl-container .m-content-left{height:54rem}.mdl-seoimagen .mdl-container .m-content-right .m-content{padding:0 3rem}}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-content-left{height:37.5rem}}.mdl-seoimagen.full-slider .m-content-left{width:100%;min-width:0}.mdl-seoimagen.full-slider .m-content-left .swiper{width:100%!important;max-width:100%!important;overflow:hidden}.mdl-seoimagen.full-slider .m-content-left .swiper-wrapper{width:100%!important;max-width:100%!important;box-sizing:border-box}.mdl-seoimagen.full-slider .m-content-left .swiper-slide{width:100%!important;max-width:100%!important;flex:0 0 100%!important;box-sizing:border-box}.mdl-seoimagen.full-slider .m-content-left img{width:100%;height:100%;display:block;object-fit:cover;max-height:80vh}.mdl-seoimagen.full-slider .mdl-container{height:100%;padding:60px 0}.mdl-seoimagen.full-slider .swiper-slide{position:relative}.mdl-seoimagen.full-slider .slide-media{position:relative;width:100%;height:100%}.mdl-seoimagen.full-slider .slide-media img{width:100%;height:auto;display:block;object-fit:cover}.mdl-seoimagen.full-slider .slide-overlay .m-content{position:relative;z-index:1;padding:24px;max-width:560px;pointer-events:auto}.mdl-seoimagen.full-slider .swiper-button-prev,.mdl-seoimagen.full-slider .swiper-button-next{z-index:5}.mdl-seoimagen.full-slider .full-slider{width:100%!important}.mdl-seoimagen.full-slider .full-slider .slide-media{display:flex;flex-direction:row;height:100%}.mdl-seoimagen.full-slider .full-slider .slide-media img{width:50%;height:80vh}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay{pointer-events:none;width:50%;height:auto;display:flex;align-items:center;justify-content:center}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content{width:100%;height:auto;padding:5rem}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-pretitulo{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-pretitulo{color:var(--cl_pretitle);text-transform:uppercase}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-titulo{font-family:var(--font-title);font-weight:var(--w_title);font-size:5.5rem;line-height:5.8rem;color:var(--cl_title);margin-top:12rem;margin-left:-10rem}@media (max-width: 1500px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-titulo{margin-left:0rem}}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-titulo.no-pad{margin-top:0}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-family:var(--font-text);font-weight:var(--w_text);font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{color:var(--cl_text);margin-top:5rem;line-height:var(--lh_text)}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-button-big{margin-top:5rem}@media (max-width: 1080px){.mdl-seoimagen.full-slider .full-slider{height:100%!important}.mdl-seoimagen.full-slider .full-slider .slide-media{flex-direction:column;height:100%}.mdl-seoimagen.full-slider .full-slider .slide-media img{width:100%;object-fit:contain}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay{width:100%}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-titulo{margin-left:-10rem}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content{width:100vw}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }] }); }
|
|
15259
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonSliC1ImgTextComponent, isStandalone: true, selector: "lib-babylon-sli-c1-img-text", inputs: { rigthSide: "rigthSide", texts: "texts", multimedia: "multimedia", buttons: "buttons" }, viewQueries: [{ propertyName: "swiperEl", first: true, predicate: ["swiperEl"], descendants: true }, { propertyName: "nextBtn", first: true, predicate: ["nextBtn"], descendants: true }, { propertyName: "prevBtn", first: true, predicate: ["prevBtn"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section\n class=\"mdl-seoimagen\"\n [ngClass]=\"{\n 'full-slider': (multimedia?.imagenes?.length ?? 0) > 1,\n }\"\n id=\"SliC1ImgText\"\n>\n <div class=\"mdl-container\" [ngClass]=\"{ 'seo-right': rigthSide }\">\n <!-- A\u00F1adir seo-right si la imagen debe ir a la derecha -->\n @if (texts?.subtitle) {\n <h2 class=\"m-pretitulo-mobile\">{{ texts?.subtitle }}</h2>\n }\n\n @if (multimedia?.imagenes?.length) {\n <div\n class=\"m-content-left\"\n [ngClass]=\"{\n 'full-slider': (multimedia?.imagenes?.length ?? 0) > 1,\n }\"\n >\n <!-- Contenedor principal: HOST de la directiva -->\n <div\n class=\"js-active-slider\"\n data-slider_autoplay=\"true\"\n data-slider_speed=\"600\"\n data-slides_infinite=\"true\"\n data-slider_draggable=\"true\"\n data-slider_showbtns=\"false\"\n data-slider_showdots=\"false\"\n >\n <div #swiperEl class=\"swiper\">\n <div class=\"swiper-wrapper\">\n @for (item of multimedia?.imagenes; track $index) {\n <div class=\"swiper-slide\">\n <div class=\"slide-media\">\n <img\n [src]=\"item.img?.src\"\n [alt]=\"item.img?.alt\"\n />\n\n @if (\n (multimedia?.imagenes?.length ??\n 0) > 1\n ) {\n <div class=\"slide-overlay\">\n <div class=\"m-content\">\n @if (item.pretitle) {\n <div\n class=\"m-pretitulo\"\n [innerHTML]=\"\n texts?.pretitle\n \"\n ></div>\n }\n @if (item.title) {\n <h2\n class=\"m-titulo\"\n [ngClass]=\"{\n 'no-pad':\n !item.pretitle,\n }\"\n [innerHTML]=\"\n item?.title\n \"\n ></h2>\n }\n @if (item.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"\n item.description\n \"\n ></div>\n }\n @if (\n item?.buttons?.length\n ) {\n @for (\n btn of buttons;\n track $index\n ) {\n <a\n [href]=\"btn.url\"\n [linkType]=\"\n btn.linkType\n \"\n [attr.aria-label]=\"\n btn.label\n \"\n class=\"m-button-big-babylon\"\n >\n {{ btn.label }}\n </a>\n }\n }\n </div>\n </div>\n }\n </div>\n </div>\n }\n </div>\n\n <button\n #prevBtn\n type=\"button\"\n class=\"swiper-button-prev\"\n aria-label=\"Previous\"\n ></button>\n\n <button\n #nextBtn\n type=\"button\"\n class=\"swiper-button-next\"\n aria-label=\"Next\"\n ></button>\n </div>\n </div>\n <!-- \n <img\n class=\"svgBack\"\n src=\"/assets/babylon/svg/holidays.svg\"\n alt=\"\"\n /> -->\n </div>\n }\n\n @if (texts && (multimedia?.imagenes?.length ?? 0) < 2) {\n <div class=\"m-content-right\">\n <div class=\"m-content\">\n @if (texts.pretitle) {\n <div\n class=\"m-pretitulo\"\n [innerHTML]=\"texts.pretitle\"\n ></div>\n }\n @if (texts.title) {\n <h2 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h2>\n }\n @if (texts.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts.description\"\n ></div>\n }\n @if (buttons?.length) {\n @for (item of buttons; track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n class=\"m-button-big-babylon\"\n >{{ item.label }}</a\n >\n }\n }\n </div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-big-babylon{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:var(--cl_btn-box-text);background-color:var(--cl_btn-box);border-radius:var(--btn_radius);border:1px solid var(--cl_btn-box);transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big-babylon{font-size:1.6rem}}.m-button-big-babylon.red{background-color:#ff4338}@media (hover: hover){.m-button-big-babylon.red:hover{background-color:#ed3b37}}.m-button-big-babylon.blue{background-color:#5b87da}@media (hover: hover){.m-button-big-babylon.blue:hover{background-color:#446ecd}}.m-button-big-babylon.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big-babylon.green:hover{background-color:#2ec99b}}.m-button-big-babylon.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big-babylon.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big-babylon span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big-babylon:hover{background-color:var(--cl_btn-box-hover);color:var(--cl_btn-box-text-hover)}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-seoimagen{padding:0!important}.mdl-seoimagen .mdl-container{position:relative;height:1000px;width:100%;display:flex;max-width:none}.mdl-seoimagen .mdl-container.seo-right{flex-direction:row-reverse}.mdl-seoimagen .mdl-container .m-pretitulo-mobile{display:none;font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-pretitulo-mobile{font-size:1.4rem;letter-spacing:.056rem}}.mdl-seoimagen .mdl-container .m-pretitulo-mobile{color:#515050b2;text-transform:uppercase;margin:6.1rem auto 4rem}.mdl-seoimagen .mdl-container .m-content-left{background-size:cover;background-position:center;width:50%;height:100%;display:flex;flex-direction:column;align-items:center;position:relative}.mdl-seoimagen .mdl-container .m-content-left .svgBack{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;width:41.7rem;padding-top:8.4rem;pointer-events:none;position:absolute;z-index:1;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mdl-seoimagen .mdl-container .m-content-left .js-active-slider{height:100%}.mdl-seoimagen .mdl-container .m-content-left .swiper,.mdl-seoimagen .mdl-container .m-content-left .swiper .swiper-container{width:100%;height:100%}.mdl-seoimagen .mdl-container .m-content-left .swiper .swiper-container img{width:100%;height:100%;object-fit:cover}.mdl-seoimagen .mdl-container .m-content-left:hover .svgBack{opacity:1;transform:translateY(0);pointer-events:auto}.mdl-seoimagen .mdl-container .m-content-right{width:50%;height:100%;display:flex;align-items:center;justify-content:center}.mdl-seoimagen .mdl-container .m-content-right .m-content{width:62rem;height:auto;padding:0 5rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{color:var(--cl_pretitle);text-transform:uppercase}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-titulo{font-family:var(--font-title);font-weight:var(--w_title);font-size:5.5rem;line-height:5.8rem;color:var(--cl_title);margin-top:12rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-family:var(--font-text);font-weight:var(--w_text);font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{color:var(--cl_text);margin-top:5rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-button-big{margin-top:5rem}@media (max-width: 1080px){.mdl-seoimagen .mdl-container{height:auto;width:100%;display:flex;flex-direction:column!important}.mdl-seoimagen .mdl-container .m-pretitulo-mobile{display:block}.mdl-seoimagen .mdl-container .m-content-left{width:100%;height:102rem}.mdl-seoimagen .mdl-container .m-content-right{width:100%;padding-bottom:7rem}.mdl-seoimagen .mdl-container .m-content-right .m-content{width:61.7rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{display:none}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-titulo{margin-top:5rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-button-big{margin:5rem auto 0}}@media (max-width: 768px){.mdl-seoimagen .mdl-container .m-content-left{height:76.8rem}.mdl-seoimagen .mdl-container .m-content-right .m-content{padding:0 7.5rem}}@media (max-width: 540px){.mdl-seoimagen .mdl-container .m-content-left{height:54rem}.mdl-seoimagen .mdl-container .m-content-right .m-content{padding:0 3rem}}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-content-left{height:37.5rem}}.mdl-seoimagen.full-slider .m-content-left{width:100%;min-width:0}.mdl-seoimagen.full-slider .m-content-left .swiper{width:100%!important;max-width:100%!important;overflow:hidden}.mdl-seoimagen.full-slider .m-content-left .swiper-wrapper{width:100%!important;max-width:100%!important;box-sizing:border-box}.mdl-seoimagen.full-slider .m-content-left .swiper-slide{width:100%!important;max-width:100%!important;flex:0 0 100%!important;box-sizing:border-box}.mdl-seoimagen.full-slider .m-content-left img{width:100%;height:100%;display:block;object-fit:cover;max-height:80vh}.mdl-seoimagen.full-slider .mdl-container{height:100%;padding:60px 0}.mdl-seoimagen.full-slider .swiper-slide{position:relative}.mdl-seoimagen.full-slider .slide-media{position:relative;width:100%;height:100%}.mdl-seoimagen.full-slider .slide-media img{width:100%;height:auto;display:block;object-fit:cover}.mdl-seoimagen.full-slider .slide-overlay .m-content{position:relative;z-index:1;padding:24px;max-width:560px;pointer-events:auto}.mdl-seoimagen.full-slider .swiper-button-prev,.mdl-seoimagen.full-slider .swiper-button-next{z-index:5}.mdl-seoimagen.full-slider .full-slider{width:100%!important}.mdl-seoimagen.full-slider .full-slider .slide-media{display:flex;flex-direction:row;height:100%}.mdl-seoimagen.full-slider .full-slider .slide-media img{width:50%;height:80vh}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay{pointer-events:none;width:50%;height:auto;display:flex;align-items:center;justify-content:center}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content{width:100%;height:auto;padding:5rem}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-pretitulo{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-pretitulo{color:var(--cl_pretitle);text-transform:uppercase}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-titulo{font-family:var(--font-title);font-weight:var(--w_title);font-size:5.5rem;line-height:5.8rem;color:var(--cl_title);margin-top:12rem;margin-left:-10rem}@media (max-width: 1500px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-titulo{margin-left:0rem}}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-titulo.no-pad{margin-top:0}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-family:var(--font-text);font-weight:var(--w_text);font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{color:var(--cl_text);margin-top:5rem;line-height:var(--lh_text)}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-button-big{margin-top:5rem}@media (min-width: 1080px) and (max-width: 1500px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay{width:30%}}@media (max-width: 1080px){.mdl-seoimagen.full-slider .full-slider{height:100%!important}.mdl-seoimagen.full-slider .full-slider .slide-media{flex-direction:column;height:100%}.mdl-seoimagen.full-slider .full-slider .slide-media img{width:100%;object-fit:contain}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay{width:100%}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-titulo{margin-left:-10rem}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content{width:100vw}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }] }); }
|
|
15190
15260
|
}
|
|
15191
15261
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSliC1ImgTextComponent, decorators: [{
|
|
15192
15262
|
type: Component,
|
|
15193
|
-
args: [{ selector: 'lib-babylon-sli-c1-img-text', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], template: "<section\n class=\"mdl-seoimagen\"\n [ngClass]=\"{\n 'full-slider': (multimedia?.imagenes?.length ?? 0) > 1,\n }\"\n>\n <div class=\"mdl-container\" [ngClass]=\"{ 'seo-right': rigthSide }\">\n <!-- A\u00F1adir seo-right si la imagen debe ir a la derecha -->\n @if (texts?.subtitle) {\n <h2 class=\"m-pretitulo-mobile\">{{ texts?.subtitle }}</h2>\n }\n\n @if (multimedia?.imagenes?.length) {\n <div\n class=\"m-content-left\"\n [ngClass]=\"{\n 'full-slider': (multimedia?.imagenes?.length ?? 0) > 1,\n }\"\n >\n <!-- Contenedor principal: HOST de la directiva -->\n <div\n class=\"js-active-slider\"\n data-slider_autoplay=\"true\"\n data-slider_speed=\"600\"\n data-slides_infinite=\"true\"\n data-slider_draggable=\"true\"\n data-slider_showbtns=\"false\"\n data-slider_showdots=\"false\"\n >\n <div #swiperEl class=\"swiper\">\n <div class=\"swiper-wrapper\">\n @for (item of multimedia?.imagenes; track $index) {\n <div class=\"swiper-slide\">\n <div class=\"slide-media\">\n <img\n [src]=\"item.img?.src\"\n [alt]=\"item.img?.alt\"\n />\n\n @if (\n (multimedia?.imagenes?.length ??\n 0) > 1\n ) {\n <div class=\"slide-overlay\">\n <div class=\"m-content\">\n @if (item.pretitle) {\n <div\n class=\"m-pretitulo\"\n [innerHTML]=\"\n texts?.pretitle\n \"\n ></div>\n }\n @if (item.title) {\n <h2\n class=\"m-titulo\"\n [ngClass]=\"{\n 'no-pad':\n !item.pretitle,\n }\"\n [innerHTML]=\"\n item?.title\n \"\n ></h2>\n }\n @if (item.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"\n item.description\n \"\n ></div>\n }\n @if (\n item?.buttons?.length\n ) {\n @for (\n btn of buttons;\n track $index\n ) {\n <a\n [href]=\"btn.url\"\n [linkType]=\"\n btn.linkType\n \"\n [attr.aria-label]=\"\n btn.label\n \"\n class=\"m-button-big-babylon\"\n >\n {{ btn.label }}\n </a>\n }\n }\n </div>\n </div>\n }\n </div>\n </div>\n }\n </div>\n\n <button\n #prevBtn\n type=\"button\"\n class=\"swiper-button-prev\"\n aria-label=\"Previous\"\n ></button>\n\n <button\n #nextBtn\n type=\"button\"\n class=\"swiper-button-next\"\n aria-label=\"Next\"\n ></button>\n </div>\n </div>\n <!-- \n <img\n class=\"svgBack\"\n src=\"/assets/babylon/svg/holidays.svg\"\n alt=\"\"\n /> -->\n </div>\n }\n\n @if (texts && (multimedia?.imagenes?.length ?? 0) < 2) {\n <div class=\"m-content-right\">\n <div class=\"m-content\">\n @if (texts.pretitle) {\n <div\n class=\"m-pretitulo\"\n [innerHTML]=\"texts.pretitle\"\n ></div>\n }\n @if (texts.title) {\n <h2 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h2>\n }\n @if (texts.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts.description\"\n ></div>\n }\n @if (buttons?.length) {\n @for (item of buttons; track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n class=\"m-button-big-babylon\"\n >{{ item.label }}</a\n >\n }\n }\n </div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-big-babylon{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:var(--cl_btn-box-text);background-color:var(--cl_btn-box);border-radius:var(--btn_radius);border:1px solid var(--cl_btn-box);transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big-babylon{font-size:1.6rem}}.m-button-big-babylon.red{background-color:#ff4338}@media (hover: hover){.m-button-big-babylon.red:hover{background-color:#ed3b37}}.m-button-big-babylon.blue{background-color:#5b87da}@media (hover: hover){.m-button-big-babylon.blue:hover{background-color:#446ecd}}.m-button-big-babylon.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big-babylon.green:hover{background-color:#2ec99b}}.m-button-big-babylon.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big-babylon.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big-babylon span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big-babylon:hover{background-color:var(--cl_btn-box-hover);color:var(--cl_btn-box-text-hover)}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-seoimagen{padding:0!important}.mdl-seoimagen .mdl-container{position:relative;height:1000px;width:100%;display:flex;max-width:none}.mdl-seoimagen .mdl-container.seo-right{flex-direction:row-reverse}.mdl-seoimagen .mdl-container .m-pretitulo-mobile{display:none;font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-pretitulo-mobile{font-size:1.4rem;letter-spacing:.056rem}}.mdl-seoimagen .mdl-container .m-pretitulo-mobile{color:#515050b2;text-transform:uppercase;margin:6.1rem auto 4rem}.mdl-seoimagen .mdl-container .m-content-left{background-size:cover;background-position:center;width:50%;height:100%;display:flex;flex-direction:column;align-items:center;position:relative}.mdl-seoimagen .mdl-container .m-content-left .svgBack{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;width:41.7rem;padding-top:8.4rem;pointer-events:none;position:absolute;z-index:1;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mdl-seoimagen .mdl-container .m-content-left .js-active-slider{height:100%}.mdl-seoimagen .mdl-container .m-content-left .swiper,.mdl-seoimagen .mdl-container .m-content-left .swiper .swiper-container{width:100%;height:100%}.mdl-seoimagen .mdl-container .m-content-left .swiper .swiper-container img{width:100%;height:100%;object-fit:cover}.mdl-seoimagen .mdl-container .m-content-left:hover .svgBack{opacity:1;transform:translateY(0);pointer-events:auto}.mdl-seoimagen .mdl-container .m-content-right{width:50%;height:100%;display:flex;align-items:center;justify-content:center}.mdl-seoimagen .mdl-container .m-content-right .m-content{width:62rem;height:auto;padding:0 5rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{color:var(--cl_pretitle);text-transform:uppercase}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-titulo{font-family:var(--font-title);font-weight:var(--w_title);font-size:5.5rem;line-height:5.8rem;color:var(--cl_title);margin-top:12rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-family:var(--font-text);font-weight:var(--w_text);font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{color:var(--cl_text);margin-top:5rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-button-big{margin-top:5rem}@media (max-width: 1080px){.mdl-seoimagen .mdl-container{height:auto;width:100%;display:flex;flex-direction:column!important}.mdl-seoimagen .mdl-container .m-pretitulo-mobile{display:block}.mdl-seoimagen .mdl-container .m-content-left{width:100%;height:102rem}.mdl-seoimagen .mdl-container .m-content-right{width:100%;padding-bottom:7rem}.mdl-seoimagen .mdl-container .m-content-right .m-content{width:61.7rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{display:none}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-titulo{margin-top:5rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-button-big{margin:5rem auto 0}}@media (max-width: 768px){.mdl-seoimagen .mdl-container .m-content-left{height:76.8rem}.mdl-seoimagen .mdl-container .m-content-right .m-content{padding:0 7.5rem}}@media (max-width: 540px){.mdl-seoimagen .mdl-container .m-content-left{height:54rem}.mdl-seoimagen .mdl-container .m-content-right .m-content{padding:0 3rem}}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-content-left{height:37.5rem}}.mdl-seoimagen.full-slider .m-content-left{width:100%;min-width:0}.mdl-seoimagen.full-slider .m-content-left .swiper{width:100%!important;max-width:100%!important;overflow:hidden}.mdl-seoimagen.full-slider .m-content-left .swiper-wrapper{width:100%!important;max-width:100%!important;box-sizing:border-box}.mdl-seoimagen.full-slider .m-content-left .swiper-slide{width:100%!important;max-width:100%!important;flex:0 0 100%!important;box-sizing:border-box}.mdl-seoimagen.full-slider .m-content-left img{width:100%;height:100%;display:block;object-fit:cover;max-height:80vh}.mdl-seoimagen.full-slider .mdl-container{height:100%;padding:60px 0}.mdl-seoimagen.full-slider .swiper-slide{position:relative}.mdl-seoimagen.full-slider .slide-media{position:relative;width:100%;height:100%}.mdl-seoimagen.full-slider .slide-media img{width:100%;height:auto;display:block;object-fit:cover}.mdl-seoimagen.full-slider .slide-overlay .m-content{position:relative;z-index:1;padding:24px;max-width:560px;pointer-events:auto}.mdl-seoimagen.full-slider .swiper-button-prev,.mdl-seoimagen.full-slider .swiper-button-next{z-index:5}.mdl-seoimagen.full-slider .full-slider{width:100%!important}.mdl-seoimagen.full-slider .full-slider .slide-media{display:flex;flex-direction:row;height:100%}.mdl-seoimagen.full-slider .full-slider .slide-media img{width:50%;height:80vh}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay{pointer-events:none;width:50%;height:auto;display:flex;align-items:center;justify-content:center}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content{width:100%;height:auto;padding:5rem}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-pretitulo{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-pretitulo{color:var(--cl_pretitle);text-transform:uppercase}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-titulo{font-family:var(--font-title);font-weight:var(--w_title);font-size:5.5rem;line-height:5.8rem;color:var(--cl_title);margin-top:12rem;margin-left:-10rem}@media (max-width: 1500px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-titulo{margin-left:0rem}}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-titulo.no-pad{margin-top:0}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-family:var(--font-text);font-weight:var(--w_text);font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{color:var(--cl_text);margin-top:5rem;line-height:var(--lh_text)}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-button-big{margin-top:5rem}@media (max-width: 1080px){.mdl-seoimagen.full-slider .full-slider{height:100%!important}.mdl-seoimagen.full-slider .full-slider .slide-media{flex-direction:column;height:100%}.mdl-seoimagen.full-slider .full-slider .slide-media img{width:100%;object-fit:contain}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay{width:100%}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-titulo{margin-left:-10rem}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content{width:100vw}}\n"] }]
|
|
15263
|
+
args: [{ selector: 'lib-babylon-sli-c1-img-text', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], template: "<section\n class=\"mdl-seoimagen\"\n [ngClass]=\"{\n 'full-slider': (multimedia?.imagenes?.length ?? 0) > 1,\n }\"\n id=\"SliC1ImgText\"\n>\n <div class=\"mdl-container\" [ngClass]=\"{ 'seo-right': rigthSide }\">\n <!-- A\u00F1adir seo-right si la imagen debe ir a la derecha -->\n @if (texts?.subtitle) {\n <h2 class=\"m-pretitulo-mobile\">{{ texts?.subtitle }}</h2>\n }\n\n @if (multimedia?.imagenes?.length) {\n <div\n class=\"m-content-left\"\n [ngClass]=\"{\n 'full-slider': (multimedia?.imagenes?.length ?? 0) > 1,\n }\"\n >\n <!-- Contenedor principal: HOST de la directiva -->\n <div\n class=\"js-active-slider\"\n data-slider_autoplay=\"true\"\n data-slider_speed=\"600\"\n data-slides_infinite=\"true\"\n data-slider_draggable=\"true\"\n data-slider_showbtns=\"false\"\n data-slider_showdots=\"false\"\n >\n <div #swiperEl class=\"swiper\">\n <div class=\"swiper-wrapper\">\n @for (item of multimedia?.imagenes; track $index) {\n <div class=\"swiper-slide\">\n <div class=\"slide-media\">\n <img\n [src]=\"item.img?.src\"\n [alt]=\"item.img?.alt\"\n />\n\n @if (\n (multimedia?.imagenes?.length ??\n 0) > 1\n ) {\n <div class=\"slide-overlay\">\n <div class=\"m-content\">\n @if (item.pretitle) {\n <div\n class=\"m-pretitulo\"\n [innerHTML]=\"\n texts?.pretitle\n \"\n ></div>\n }\n @if (item.title) {\n <h2\n class=\"m-titulo\"\n [ngClass]=\"{\n 'no-pad':\n !item.pretitle,\n }\"\n [innerHTML]=\"\n item?.title\n \"\n ></h2>\n }\n @if (item.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"\n item.description\n \"\n ></div>\n }\n @if (\n item?.buttons?.length\n ) {\n @for (\n btn of buttons;\n track $index\n ) {\n <a\n [href]=\"btn.url\"\n [linkType]=\"\n btn.linkType\n \"\n [attr.aria-label]=\"\n btn.label\n \"\n class=\"m-button-big-babylon\"\n >\n {{ btn.label }}\n </a>\n }\n }\n </div>\n </div>\n }\n </div>\n </div>\n }\n </div>\n\n <button\n #prevBtn\n type=\"button\"\n class=\"swiper-button-prev\"\n aria-label=\"Previous\"\n ></button>\n\n <button\n #nextBtn\n type=\"button\"\n class=\"swiper-button-next\"\n aria-label=\"Next\"\n ></button>\n </div>\n </div>\n <!-- \n <img\n class=\"svgBack\"\n src=\"/assets/babylon/svg/holidays.svg\"\n alt=\"\"\n /> -->\n </div>\n }\n\n @if (texts && (multimedia?.imagenes?.length ?? 0) < 2) {\n <div class=\"m-content-right\">\n <div class=\"m-content\">\n @if (texts.pretitle) {\n <div\n class=\"m-pretitulo\"\n [innerHTML]=\"texts.pretitle\"\n ></div>\n }\n @if (texts.title) {\n <h2 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h2>\n }\n @if (texts.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts.description\"\n ></div>\n }\n @if (buttons?.length) {\n @for (item of buttons; track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n class=\"m-button-big-babylon\"\n >{{ item.label }}</a\n >\n }\n }\n </div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-big-babylon{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:var(--cl_btn-box-text);background-color:var(--cl_btn-box);border-radius:var(--btn_radius);border:1px solid var(--cl_btn-box);transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big-babylon{font-size:1.6rem}}.m-button-big-babylon.red{background-color:#ff4338}@media (hover: hover){.m-button-big-babylon.red:hover{background-color:#ed3b37}}.m-button-big-babylon.blue{background-color:#5b87da}@media (hover: hover){.m-button-big-babylon.blue:hover{background-color:#446ecd}}.m-button-big-babylon.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big-babylon.green:hover{background-color:#2ec99b}}.m-button-big-babylon.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big-babylon.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big-babylon span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big-babylon:hover{background-color:var(--cl_btn-box-hover);color:var(--cl_btn-box-text-hover)}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-seoimagen{padding:0!important}.mdl-seoimagen .mdl-container{position:relative;height:1000px;width:100%;display:flex;max-width:none}.mdl-seoimagen .mdl-container.seo-right{flex-direction:row-reverse}.mdl-seoimagen .mdl-container .m-pretitulo-mobile{display:none;font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-pretitulo-mobile{font-size:1.4rem;letter-spacing:.056rem}}.mdl-seoimagen .mdl-container .m-pretitulo-mobile{color:#515050b2;text-transform:uppercase;margin:6.1rem auto 4rem}.mdl-seoimagen .mdl-container .m-content-left{background-size:cover;background-position:center;width:50%;height:100%;display:flex;flex-direction:column;align-items:center;position:relative}.mdl-seoimagen .mdl-container .m-content-left .svgBack{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;width:41.7rem;padding-top:8.4rem;pointer-events:none;position:absolute;z-index:1;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mdl-seoimagen .mdl-container .m-content-left .js-active-slider{height:100%}.mdl-seoimagen .mdl-container .m-content-left .swiper,.mdl-seoimagen .mdl-container .m-content-left .swiper .swiper-container{width:100%;height:100%}.mdl-seoimagen .mdl-container .m-content-left .swiper .swiper-container img{width:100%;height:100%;object-fit:cover}.mdl-seoimagen .mdl-container .m-content-left:hover .svgBack{opacity:1;transform:translateY(0);pointer-events:auto}.mdl-seoimagen .mdl-container .m-content-right{width:50%;height:100%;display:flex;align-items:center;justify-content:center}.mdl-seoimagen .mdl-container .m-content-right .m-content{width:62rem;height:auto;padding:0 5rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{color:var(--cl_pretitle);text-transform:uppercase}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-titulo{font-family:var(--font-title);font-weight:var(--w_title);font-size:5.5rem;line-height:5.8rem;color:var(--cl_title);margin-top:12rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-family:var(--font-text);font-weight:var(--w_text);font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{color:var(--cl_text);margin-top:5rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-button-big{margin-top:5rem}@media (max-width: 1080px){.mdl-seoimagen .mdl-container{height:auto;width:100%;display:flex;flex-direction:column!important}.mdl-seoimagen .mdl-container .m-pretitulo-mobile{display:block}.mdl-seoimagen .mdl-container .m-content-left{width:100%;height:102rem}.mdl-seoimagen .mdl-container .m-content-right{width:100%;padding-bottom:7rem}.mdl-seoimagen .mdl-container .m-content-right .m-content{width:61.7rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{display:none}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-titulo{margin-top:5rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-button-big{margin:5rem auto 0}}@media (max-width: 768px){.mdl-seoimagen .mdl-container .m-content-left{height:76.8rem}.mdl-seoimagen .mdl-container .m-content-right .m-content{padding:0 7.5rem}}@media (max-width: 540px){.mdl-seoimagen .mdl-container .m-content-left{height:54rem}.mdl-seoimagen .mdl-container .m-content-right .m-content{padding:0 3rem}}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-content-left{height:37.5rem}}.mdl-seoimagen.full-slider .m-content-left{width:100%;min-width:0}.mdl-seoimagen.full-slider .m-content-left .swiper{width:100%!important;max-width:100%!important;overflow:hidden}.mdl-seoimagen.full-slider .m-content-left .swiper-wrapper{width:100%!important;max-width:100%!important;box-sizing:border-box}.mdl-seoimagen.full-slider .m-content-left .swiper-slide{width:100%!important;max-width:100%!important;flex:0 0 100%!important;box-sizing:border-box}.mdl-seoimagen.full-slider .m-content-left img{width:100%;height:100%;display:block;object-fit:cover;max-height:80vh}.mdl-seoimagen.full-slider .mdl-container{height:100%;padding:60px 0}.mdl-seoimagen.full-slider .swiper-slide{position:relative}.mdl-seoimagen.full-slider .slide-media{position:relative;width:100%;height:100%}.mdl-seoimagen.full-slider .slide-media img{width:100%;height:auto;display:block;object-fit:cover}.mdl-seoimagen.full-slider .slide-overlay .m-content{position:relative;z-index:1;padding:24px;max-width:560px;pointer-events:auto}.mdl-seoimagen.full-slider .swiper-button-prev,.mdl-seoimagen.full-slider .swiper-button-next{z-index:5}.mdl-seoimagen.full-slider .full-slider{width:100%!important}.mdl-seoimagen.full-slider .full-slider .slide-media{display:flex;flex-direction:row;height:100%}.mdl-seoimagen.full-slider .full-slider .slide-media img{width:50%;height:80vh}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay{pointer-events:none;width:50%;height:auto;display:flex;align-items:center;justify-content:center}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content{width:100%;height:auto;padding:5rem}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-pretitulo{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-pretitulo{color:var(--cl_pretitle);text-transform:uppercase}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-titulo{font-family:var(--font-title);font-weight:var(--w_title);font-size:5.5rem;line-height:5.8rem;color:var(--cl_title);margin-top:12rem;margin-left:-10rem}@media (max-width: 1500px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-titulo{margin-left:0rem}}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-titulo.no-pad{margin-top:0}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-family:var(--font-text);font-weight:var(--w_text);font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{color:var(--cl_text);margin-top:5rem;line-height:var(--lh_text)}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-button-big{margin-top:5rem}@media (min-width: 1080px) and (max-width: 1500px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay{width:30%}}@media (max-width: 1080px){.mdl-seoimagen.full-slider .full-slider{height:100%!important}.mdl-seoimagen.full-slider .full-slider .slide-media{flex-direction:column;height:100%}.mdl-seoimagen.full-slider .full-slider .slide-media img{width:100%;object-fit:contain}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay{width:100%}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-titulo{margin-left:-10rem}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content{width:100vw}}\n"] }]
|
|
15194
15264
|
}], propDecorators: { rigthSide: [{
|
|
15195
15265
|
type: Input
|
|
15196
15266
|
}], texts: [{
|
|
@@ -15303,21 +15373,24 @@ class SwiperInitDirective {
|
|
|
15303
15373
|
effect: fade ? 'fade' : 'slide',
|
|
15304
15374
|
autoplay: autoplay ? { delay: 5000 } : false,
|
|
15305
15375
|
allowTouchMove: draggable,
|
|
15306
|
-
observer: true,
|
|
15307
|
-
observeParents: true,
|
|
15308
15376
|
autoHeight: adaptiveHeight,
|
|
15309
15377
|
freeMode: freeMode ? { enabled: true, momentum: true } : false,
|
|
15310
15378
|
slidesPerView: variableWidth ? 'auto' : slides_mobile_xsmall,
|
|
15311
15379
|
spaceBetween: variableWidth ? 16 : 0,
|
|
15380
|
+
observer: true,
|
|
15381
|
+
observeParents: true,
|
|
15312
15382
|
navigation: showButtons && navContainer
|
|
15313
15383
|
? {
|
|
15314
|
-
nextEl:
|
|
15315
|
-
prevEl:
|
|
15384
|
+
nextEl: '.swiper-button-next',
|
|
15385
|
+
prevEl: '.swiper-button-prev',
|
|
15316
15386
|
}
|
|
15317
|
-
:
|
|
15387
|
+
: false,
|
|
15318
15388
|
pagination: showDots && dotsContainer
|
|
15319
|
-
? {
|
|
15320
|
-
|
|
15389
|
+
? {
|
|
15390
|
+
el: '.js-slider-dots',
|
|
15391
|
+
clickable: true,
|
|
15392
|
+
}
|
|
15393
|
+
: false,
|
|
15321
15394
|
breakpoints: {
|
|
15322
15395
|
540: {
|
|
15323
15396
|
slidesPerView: variableWidth ? 'auto' : slides_mobile_small,
|
|
@@ -15426,95 +15499,135 @@ class BabylonSliC3SvgVidCtaComponent {
|
|
|
15426
15499
|
constructor(host, platformId) {
|
|
15427
15500
|
this.host = host;
|
|
15428
15501
|
this.platformId = platformId;
|
|
15429
|
-
this.cleanupFns = [];
|
|
15430
15502
|
}
|
|
15431
|
-
|
|
15503
|
+
// =========================================================
|
|
15504
|
+
// 🖱️ EVENT DELEGATION (La solución a tus problemas)
|
|
15505
|
+
// Escuchamos en todo el componente, no elemento a elemento.
|
|
15506
|
+
// =========================================================
|
|
15507
|
+
onMouseOver(event) {
|
|
15432
15508
|
if (!isPlatformBrowser(this.platformId))
|
|
15433
15509
|
return;
|
|
15434
|
-
|
|
15510
|
+
const target = event.target;
|
|
15511
|
+
// Buscamos si lo que hemos tocado está dentro de nuestro contenedor de imagen/video
|
|
15512
|
+
const imgVidContainer = target.closest('.SliC3SvgVidCta__item--imgVid');
|
|
15513
|
+
// Si no estamos sobre un video, o si ya tiene el iframe creado, salimos
|
|
15514
|
+
if (!imgVidContainer ||
|
|
15515
|
+
imgVidContainer.classList.contains('is-video-hover')) {
|
|
15516
|
+
return;
|
|
15517
|
+
}
|
|
15518
|
+
// Buscamos el div con la data (youtube o vimeo)
|
|
15519
|
+
const ytDiv = imgVidContainer.querySelector('.yt-video');
|
|
15520
|
+
const vmDiv = imgVidContainer.querySelector('.vimeo-video');
|
|
15521
|
+
if (ytDiv) {
|
|
15522
|
+
this.activateVideo(imgVidContainer, ytDiv, 'youtube');
|
|
15523
|
+
}
|
|
15524
|
+
else if (vmDiv) {
|
|
15525
|
+
this.activateVideo(imgVidContainer, vmDiv, 'vimeo');
|
|
15526
|
+
}
|
|
15435
15527
|
}
|
|
15436
|
-
|
|
15437
|
-
|
|
15438
|
-
|
|
15439
|
-
|
|
15528
|
+
onMouseOut(event) {
|
|
15529
|
+
if (!isPlatformBrowser(this.platformId))
|
|
15530
|
+
return;
|
|
15531
|
+
const target = event.target;
|
|
15532
|
+
const imgVidContainer = target.closest('.SliC3SvgVidCta__item--imgVid');
|
|
15533
|
+
if (imgVidContainer) {
|
|
15534
|
+
// Quitamos la clase visual, pero NO destruimos el iframe para que no recargue si vuelves a entrar
|
|
15535
|
+
const item = imgVidContainer.closest('.SliC3SvgVidCta__item');
|
|
15536
|
+
item?.classList.remove('is-video-hover');
|
|
15537
|
+
}
|
|
15440
15538
|
}
|
|
15441
15539
|
// =====================================
|
|
15442
|
-
//
|
|
15540
|
+
// 🎥 Lógica de activación
|
|
15443
15541
|
// =====================================
|
|
15444
|
-
|
|
15445
|
-
const
|
|
15446
|
-
|
|
15447
|
-
|
|
15448
|
-
|
|
15449
|
-
|
|
15450
|
-
|
|
15451
|
-
|
|
15452
|
-
|
|
15453
|
-
|
|
15454
|
-
const imgVid = container.closest('.SliC3SvgVidCta__item--imgVid');
|
|
15542
|
+
activateVideo(container, dataElement, type) {
|
|
15543
|
+
const rawInput = dataElement.getAttribute('data-video-id');
|
|
15544
|
+
if (!rawInput)
|
|
15545
|
+
return;
|
|
15546
|
+
const videoId = this.getVideoId(rawInput, type);
|
|
15547
|
+
if (!videoId) {
|
|
15548
|
+
console.warn('ID de video no válido:', rawInput);
|
|
15549
|
+
return;
|
|
15550
|
+
}
|
|
15551
|
+
// Efectos visuales
|
|
15455
15552
|
const item = container.closest('.SliC3SvgVidCta__item');
|
|
15456
|
-
|
|
15457
|
-
|
|
15458
|
-
|
|
15459
|
-
|
|
15460
|
-
|
|
15461
|
-
|
|
15462
|
-
|
|
15463
|
-
|
|
15464
|
-
|
|
15465
|
-
|
|
15466
|
-
|
|
15467
|
-
|
|
15468
|
-
|
|
15469
|
-
|
|
15470
|
-
|
|
15471
|
-
|
|
15472
|
-
|
|
15473
|
-
|
|
15474
|
-
|
|
15475
|
-
|
|
15476
|
-
|
|
15477
|
-
|
|
15478
|
-
|
|
15479
|
-
|
|
15480
|
-
|
|
15481
|
-
|
|
15482
|
-
|
|
15483
|
-
|
|
15484
|
-
|
|
15485
|
-
|
|
15486
|
-
|
|
15487
|
-
|
|
15488
|
-
|
|
15489
|
-
|
|
15490
|
-
|
|
15491
|
-
|
|
15492
|
-
|
|
15493
|
-
|
|
15494
|
-
|
|
15495
|
-
|
|
15496
|
-
|
|
15497
|
-
|
|
15498
|
-
|
|
15499
|
-
|
|
15500
|
-
|
|
15501
|
-
|
|
15502
|
-
|
|
15503
|
-
|
|
15504
|
-
imgVid.addEventListener('mouseleave', onLeave);
|
|
15505
|
-
this.cleanupFns.push(() => imgVid.removeEventListener('mouseenter', onEnter));
|
|
15506
|
-
this.cleanupFns.push(() => imgVid.removeEventListener('mouseleave', onLeave));
|
|
15553
|
+
item?.classList.add('is-video-hover');
|
|
15554
|
+
// Si ya hay un iframe dentro, no hacemos nada más (ya está cargado)
|
|
15555
|
+
if (container.querySelector('iframe'))
|
|
15556
|
+
return;
|
|
15557
|
+
// Creamos el iframe
|
|
15558
|
+
const iframe = document.createElement('iframe');
|
|
15559
|
+
if (type === 'youtube') {
|
|
15560
|
+
iframe.src = `https://www.youtube.com/embed/${videoId}?autoplay=1&mute=1&controls=0&rel=0&playsinline=1&loop=1&playlist=${videoId}`;
|
|
15561
|
+
}
|
|
15562
|
+
else {
|
|
15563
|
+
iframe.src = `https://player.vimeo.com/video/${videoId}?autoplay=1&muted=1&loop=1&background=1&title=0&byline=0&portrait=0`;
|
|
15564
|
+
}
|
|
15565
|
+
iframe.setAttribute('frameborder', '0');
|
|
15566
|
+
iframe.setAttribute('allow', 'autoplay; encrypted-media; fullscreen; picture-in-picture');
|
|
15567
|
+
// IMPORTANTE: Asegúrate por CSS que el iframe ocupe el 100%
|
|
15568
|
+
iframe.style.width = '100%';
|
|
15569
|
+
iframe.style.height = '100%';
|
|
15570
|
+
iframe.style.position = 'absolute';
|
|
15571
|
+
iframe.style.top = '0';
|
|
15572
|
+
iframe.style.left = '0';
|
|
15573
|
+
iframe.addEventListener('load', () => {
|
|
15574
|
+
item?.classList.add('is-video-ready');
|
|
15575
|
+
});
|
|
15576
|
+
// Limpiamos el div placeholder y metemos el iframe
|
|
15577
|
+
dataElement.innerHTML = '';
|
|
15578
|
+
dataElement.appendChild(iframe);
|
|
15579
|
+
}
|
|
15580
|
+
// =====================================
|
|
15581
|
+
// 🛠️ Helpers de IDs (Actualizados)
|
|
15582
|
+
// =====================================
|
|
15583
|
+
getVideoId(input, type) {
|
|
15584
|
+
// Si no es URL, devolver directo
|
|
15585
|
+
if (!input.match(/^(http(s)?:\/\/)|(www\.)/))
|
|
15586
|
+
return input;
|
|
15587
|
+
return type === 'youtube'
|
|
15588
|
+
? this.extractYoutubeId(input)
|
|
15589
|
+
: this.extractVimeoId(input);
|
|
15590
|
+
}
|
|
15591
|
+
extractYoutubeId(url) {
|
|
15592
|
+
// Soporte completo para Shorts, Watch, Embed, Youtu.be
|
|
15593
|
+
const regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=|shorts\/)([^#\&\?]*).*/;
|
|
15594
|
+
const match = url.match(regExp);
|
|
15595
|
+
return match && match[2].length === 11 ? match[2] : null;
|
|
15596
|
+
}
|
|
15597
|
+
extractVimeoId(url) {
|
|
15598
|
+
const regExp = /vimeo.*\/(\d+)/i;
|
|
15599
|
+
const match = url.match(regExp);
|
|
15600
|
+
return match && match[1] ? match[1] : null;
|
|
15507
15601
|
}
|
|
15508
15602
|
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 }); }
|
|
15509
|
-
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 appSwiperInit\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 <div class=\"swiper-wrapper\">\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 \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 \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 \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 </div>\n <div class=\"js-slider-arrows\"></div>\n </div>\n</section>\n", styles: ["@media (min-width: 1280px){.order-custom-xl-xxl-1{order:1}.order-custom-xl-xxl-2{order:2}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width: 540px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width: 768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width: 1025px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width: 1280px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}@media (min-width: 1366px){.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}}@media (min-width: 1680px){.flex-xxxl-row{flex-direction:row!important}.flex-xxxl-column{flex-direction:column!important}.flex-xxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxl-wrap{flex-wrap:wrap!important}.flex-xxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxl-fill{flex:1 1 auto!important}.flex-xxxl-grow-0{flex-grow:0!important}.flex-xxxl-grow-1{flex-grow:1!important}.flex-xxxl-shrink-0{flex-shrink:0!important}.flex-xxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxl-start{justify-content:flex-start!important}.justify-content-xxxl-end{justify-content:flex-end!important}.justify-content-xxxl-center{justify-content:center!important}.justify-content-xxxl-between{justify-content:space-between!important}.justify-content-xxxl-around{justify-content:space-around!important}.align-items-xxxl-start{align-items:flex-start!important}.align-items-xxxl-end{align-items:flex-end!important}.align-items-xxxl-center{align-items:center!important}.align-items-xxxl-baseline{align-items:baseline!important}.align-items-xxxl-stretch{align-items:stretch!important}.align-content-xxxl-start{align-content:flex-start!important}.align-content-xxxl-end{align-content:flex-end!important}.align-content-xxxl-center{align-content:center!important}.align-content-xxxl-between{align-content:space-between!important}.align-content-xxxl-around{align-content:space-around!important}.align-content-xxxl-stretch{align-content:stretch!important}.align-self-xxxl-auto{align-self:auto!important}.align-self-xxxl-start{align-self:flex-start!important}.align-self-xxxl-end{align-self:flex-end!important}.align-self-xxxl-center{align-self:center!important}.align-self-xxxl-baseline{align-self:baseline!important}.align-self-xxxl-stretch{align-self:stretch!important}.m-xxxl-auto{margin:auto!important}.mt-xxxl-auto,.my-xxxl-auto{margin-top:auto!important}.mr-xxxl-auto,.mx-xxxl-auto{margin-right:auto!important}.mb-xxxl-auto,.my-xxxl-auto{margin-bottom:auto!important}.ml-xxxl-auto,.mx-xxxl-auto{margin-left:auto!important}}@media (min-width: 1921px){.flex-xxxxl-row{flex-direction:row!important}.flex-xxxxl-column{flex-direction:column!important}.flex-xxxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxxl-wrap{flex-wrap:wrap!important}.flex-xxxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxxl-fill{flex:1 1 auto!important}.flex-xxxxl-grow-0{flex-grow:0!important}.flex-xxxxl-grow-1{flex-grow:1!important}.flex-xxxxl-shrink-0{flex-shrink:0!important}.flex-xxxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxxl-start{justify-content:flex-start!important}.justify-content-xxxxl-end{justify-content:flex-end!important}.justify-content-xxxxl-center{justify-content:center!important}.justify-content-xxxxl-between{justify-content:space-between!important}.justify-content-xxxxl-around{justify-content:space-around!important}.align-items-xxxxl-start{align-items:flex-start!important}.align-items-xxxxl-end{align-items:flex-end!important}.align-items-xxxxl-center{align-items:center!important}.align-items-xxxxl-baseline{align-items:baseline!important}.align-items-xxxxl-stretch{align-items:stretch!important}.align-content-xxxxl-start{align-content:flex-start!important}.align-content-xxxxl-end{align-content:flex-end!important}.align-content-xxxxl-center{align-content:center!important}.align-content-xxxxl-between{align-content:space-between!important}.align-content-xxxxl-around{align-content:space-around!important}.align-content-xxxxl-stretch{align-content:stretch!important}.align-self-xxxxl-auto{align-self:auto!important}.align-self-xxxxl-start{align-self:flex-start!important}.align-self-xxxxl-end{align-self:flex-end!important}.align-self-xxxxl-center{align-self:center!important}.align-self-xxxxl-baseline{align-self:baseline!important}.align-self-xxxxl-stretch{align-self:stretch!important}.m-xxxxl-auto{margin:auto!important}.mt-xxxxl-auto,.my-xxxxl-auto{margin-top:auto!important}.mr-xxxxl-auto,.mx-xxxxl-auto{margin-right:auto!important}.mb-xxxxl-auto,.my-xxxxl-auto{margin-bottom:auto!important}.ml-xxxxl-auto,.mx-xxxxl-auto{margin-left:auto!important}}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.mt--150{margin-top:150px!important}.mb--150{margin-bottom:150px!important}.pt--150{padding-top:150px}.pb--150{padding-bottom:150px}.mblock--150{margin-block:150px}.pblock--150{padding-block:150px}.mt--180{margin-top:180px!important}.mb--180{margin-bottom:180px!important}.pt--180{padding-top:180px}.pb--180{padding-bottom:180px}.mblock--180{margin-block:180px}.pblock--180{padding-block:180px}@keyframes move-right{0%{right:30px}50%{right:20px}to{right:30px}}: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_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--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;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--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: #fff;--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-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.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;--type-align: center;--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-width: 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}.btn{border-width:1px;border-style:solid;font-weight:400;text-align:center;height:5rem;display:flex;align-items:center;justify-content:center;transition:all .5s;width:24rem;cursor:pointer;background:transparent}.btn span{white-space:nowrap;font-size:1.8rem;line-height:1;display:block}.btn__primary{border-color:#b3916e;background:#b3916e;color:#fff}.btn__outline{border-color:#52504e;color:#52504e}.btn__outline:hover{border-color:#b3916e;background:#b3916e;color:#fff}.btn__group{display:flex}.btn__link{padding-block-end:.3rem;position:relative;font-weight:500;display:inline-block;transition:all .5s;color:inherit}.btn__link:after{content:\"\";position:absolute;inset-block-end:0;inset-block-start:calc(100% - .1rem);inset-inline-start:0;inset-inline-end:100%;background:#52504e;transition:all .5s}.btn__link:hover:after{inset-inline-end:0}.btn__link--reverse:after{inset-inline-end:0}.btn__link--reverse:hover:after{inset-inline-start:100%}.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}}.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}.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: SwiperInitDirective, selector: ".js-active-slider,[appSwiperInit]" }] }); }
|
|
15603
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonSliC3SvgVidCtaComponent, isStandalone: true, selector: "lib-babylon-sli-c3-svg-vid-cta", inputs: { texts: "texts", multimedia: "multimedia" }, host: { listeners: { "mouseover": "onMouseOver($event)", "mouseout": "onMouseOut($event)" } }, ngImport: i0, template: "@if (multimedia?.imagenes; as imagenes) {\n <section\n class=\"SliC3SvgVidCta js-active-slider\"\n appSwiperInit\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 <div class=\"swiper-wrapper\">\n @for (item of imagenes; track $index) {\n <div class=\"swiper-slide\">\n <a\n [href]=\"item.buttons?.[0]?.url\"\n [linkType]=\"item.buttons?.[0]?.linkType\"\n >\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]=\"item.img?.src\"\n [alt]=\"item.img?.alt\"\n />\n <div\n class=\"yt-video\"\n [attr.data-video-id]=\"\n item.img?.alt\n \"\n >\n \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 @if (item.title) {\n <h3>{{ item.title }}</h3>\n }\n @if (item.subtitle) {\n <p>{{ item.subtitle }}</p>\n }\n </div>\n @if (item.buttons?.[0]; as btn) {\n <div class=\"btn__group\">\n <a\n class=\"btn btn__outline\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n >\n <span>{{ btn.label }}</span>\n </a>\n </div>\n }\n </div>\n </a>\n </div>\n }\n </div>\n </div>\n <div class=\"js-slider-arrows\"></div>\n </div>\n </section>\n}\n", styles: ["@media (min-width: 1280px){.order-custom-xl-xxl-1{order:1}.order-custom-xl-xxl-2{order:2}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width: 540px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width: 768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width: 1025px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width: 1280px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}@media (min-width: 1366px){.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}}@media (min-width: 1680px){.flex-xxxl-row{flex-direction:row!important}.flex-xxxl-column{flex-direction:column!important}.flex-xxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxl-wrap{flex-wrap:wrap!important}.flex-xxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxl-fill{flex:1 1 auto!important}.flex-xxxl-grow-0{flex-grow:0!important}.flex-xxxl-grow-1{flex-grow:1!important}.flex-xxxl-shrink-0{flex-shrink:0!important}.flex-xxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxl-start{justify-content:flex-start!important}.justify-content-xxxl-end{justify-content:flex-end!important}.justify-content-xxxl-center{justify-content:center!important}.justify-content-xxxl-between{justify-content:space-between!important}.justify-content-xxxl-around{justify-content:space-around!important}.align-items-xxxl-start{align-items:flex-start!important}.align-items-xxxl-end{align-items:flex-end!important}.align-items-xxxl-center{align-items:center!important}.align-items-xxxl-baseline{align-items:baseline!important}.align-items-xxxl-stretch{align-items:stretch!important}.align-content-xxxl-start{align-content:flex-start!important}.align-content-xxxl-end{align-content:flex-end!important}.align-content-xxxl-center{align-content:center!important}.align-content-xxxl-between{align-content:space-between!important}.align-content-xxxl-around{align-content:space-around!important}.align-content-xxxl-stretch{align-content:stretch!important}.align-self-xxxl-auto{align-self:auto!important}.align-self-xxxl-start{align-self:flex-start!important}.align-self-xxxl-end{align-self:flex-end!important}.align-self-xxxl-center{align-self:center!important}.align-self-xxxl-baseline{align-self:baseline!important}.align-self-xxxl-stretch{align-self:stretch!important}.m-xxxl-auto{margin:auto!important}.mt-xxxl-auto,.my-xxxl-auto{margin-top:auto!important}.mr-xxxl-auto,.mx-xxxl-auto{margin-right:auto!important}.mb-xxxl-auto,.my-xxxl-auto{margin-bottom:auto!important}.ml-xxxl-auto,.mx-xxxl-auto{margin-left:auto!important}}@media (min-width: 1921px){.flex-xxxxl-row{flex-direction:row!important}.flex-xxxxl-column{flex-direction:column!important}.flex-xxxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxxl-wrap{flex-wrap:wrap!important}.flex-xxxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxxl-fill{flex:1 1 auto!important}.flex-xxxxl-grow-0{flex-grow:0!important}.flex-xxxxl-grow-1{flex-grow:1!important}.flex-xxxxl-shrink-0{flex-shrink:0!important}.flex-xxxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxxl-start{justify-content:flex-start!important}.justify-content-xxxxl-end{justify-content:flex-end!important}.justify-content-xxxxl-center{justify-content:center!important}.justify-content-xxxxl-between{justify-content:space-between!important}.justify-content-xxxxl-around{justify-content:space-around!important}.align-items-xxxxl-start{align-items:flex-start!important}.align-items-xxxxl-end{align-items:flex-end!important}.align-items-xxxxl-center{align-items:center!important}.align-items-xxxxl-baseline{align-items:baseline!important}.align-items-xxxxl-stretch{align-items:stretch!important}.align-content-xxxxl-start{align-content:flex-start!important}.align-content-xxxxl-end{align-content:flex-end!important}.align-content-xxxxl-center{align-content:center!important}.align-content-xxxxl-between{align-content:space-between!important}.align-content-xxxxl-around{align-content:space-around!important}.align-content-xxxxl-stretch{align-content:stretch!important}.align-self-xxxxl-auto{align-self:auto!important}.align-self-xxxxl-start{align-self:flex-start!important}.align-self-xxxxl-end{align-self:flex-end!important}.align-self-xxxxl-center{align-self:center!important}.align-self-xxxxl-baseline{align-self:baseline!important}.align-self-xxxxl-stretch{align-self:stretch!important}.m-xxxxl-auto{margin:auto!important}.mt-xxxxl-auto,.my-xxxxl-auto{margin-top:auto!important}.mr-xxxxl-auto,.mx-xxxxl-auto{margin-right:auto!important}.mb-xxxxl-auto,.my-xxxxl-auto{margin-bottom:auto!important}.ml-xxxxl-auto,.mx-xxxxl-auto{margin-left:auto!important}}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.mt--150{margin-top:150px!important}.mb--150{margin-bottom:150px!important}.pt--150{padding-top:150px}.pb--150{padding-bottom:150px}.mblock--150{margin-block:150px}.pblock--150{padding-block:150px}.mt--180{margin-top:180px!important}.mb--180{margin-bottom:180px!important}.pt--180{padding-top:180px}.pb--180{padding-bottom:180px}.mblock--180{margin-block:180px}.pblock--180{padding-block:180px}@keyframes move-right{0%{right:30px}50%{right:20px}to{right:30px}}: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_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--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;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--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: #fff;--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-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.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;--type-align: center;--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-width: 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}.btn{border-width:1px;border-style:solid;font-weight:400;text-align:center;height:5rem;display:flex;align-items:center;justify-content:center;transition:all .5s;width:24rem;cursor:pointer;background:transparent}.btn span{white-space:nowrap;font-size:1.8rem;line-height:1;display:block}.btn__primary{border-color:#b3916e;background:#b3916e;color:#fff}.btn__outline{border-color:#52504e;color:#52504e}.btn__outline:hover{border-color:#b3916e;background:#b3916e;color:#fff}.btn__group{display:flex}.btn__link{padding-block-end:.3rem;position:relative;font-weight:500;display:inline-block;transition:all .5s;color:inherit}.btn__link:after{content:\"\";position:absolute;inset-block-end:0;inset-block-start:calc(100% - .1rem);inset-inline-start:0;inset-inline-end:100%;background:#52504e;transition:all .5s}.btn__link:hover:after{inset-inline-end:0}.btn__link--reverse:after{inset-inline-end:0}.btn__link--reverse:hover:after{inset-inline-start:100%}.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}}.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}.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: SwiperInitDirective, selector: ".js-active-slider,[appSwiperInit]" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }] }); }
|
|
15510
15604
|
}
|
|
15511
15605
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSliC3SvgVidCtaComponent, decorators: [{
|
|
15512
15606
|
type: Component,
|
|
15513
|
-
args: [{ selector: 'lib-babylon-sli-c3-svg-vid-cta', standalone: true, imports: [SwiperInitDirective], template: "<section\n class=\"SliC3SvgVidCta js-active-slider\"\n appSwiperInit\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 <div class=\"swiper-wrapper\">\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 \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 \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 \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 </div>\n <div class=\"js-slider-arrows\"></div>\n </div>\n</section>\n", styles: ["@media (min-width: 1280px){.order-custom-xl-xxl-1{order:1}.order-custom-xl-xxl-2{order:2}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width: 540px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width: 768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width: 1025px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width: 1280px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}@media (min-width: 1366px){.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}}@media (min-width: 1680px){.flex-xxxl-row{flex-direction:row!important}.flex-xxxl-column{flex-direction:column!important}.flex-xxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxl-wrap{flex-wrap:wrap!important}.flex-xxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxl-fill{flex:1 1 auto!important}.flex-xxxl-grow-0{flex-grow:0!important}.flex-xxxl-grow-1{flex-grow:1!important}.flex-xxxl-shrink-0{flex-shrink:0!important}.flex-xxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxl-start{justify-content:flex-start!important}.justify-content-xxxl-end{justify-content:flex-end!important}.justify-content-xxxl-center{justify-content:center!important}.justify-content-xxxl-between{justify-content:space-between!important}.justify-content-xxxl-around{justify-content:space-around!important}.align-items-xxxl-start{align-items:flex-start!important}.align-items-xxxl-end{align-items:flex-end!important}.align-items-xxxl-center{align-items:center!important}.align-items-xxxl-baseline{align-items:baseline!important}.align-items-xxxl-stretch{align-items:stretch!important}.align-content-xxxl-start{align-content:flex-start!important}.align-content-xxxl-end{align-content:flex-end!important}.align-content-xxxl-center{align-content:center!important}.align-content-xxxl-between{align-content:space-between!important}.align-content-xxxl-around{align-content:space-around!important}.align-content-xxxl-stretch{align-content:stretch!important}.align-self-xxxl-auto{align-self:auto!important}.align-self-xxxl-start{align-self:flex-start!important}.align-self-xxxl-end{align-self:flex-end!important}.align-self-xxxl-center{align-self:center!important}.align-self-xxxl-baseline{align-self:baseline!important}.align-self-xxxl-stretch{align-self:stretch!important}.m-xxxl-auto{margin:auto!important}.mt-xxxl-auto,.my-xxxl-auto{margin-top:auto!important}.mr-xxxl-auto,.mx-xxxl-auto{margin-right:auto!important}.mb-xxxl-auto,.my-xxxl-auto{margin-bottom:auto!important}.ml-xxxl-auto,.mx-xxxl-auto{margin-left:auto!important}}@media (min-width: 1921px){.flex-xxxxl-row{flex-direction:row!important}.flex-xxxxl-column{flex-direction:column!important}.flex-xxxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxxl-wrap{flex-wrap:wrap!important}.flex-xxxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxxl-fill{flex:1 1 auto!important}.flex-xxxxl-grow-0{flex-grow:0!important}.flex-xxxxl-grow-1{flex-grow:1!important}.flex-xxxxl-shrink-0{flex-shrink:0!important}.flex-xxxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxxl-start{justify-content:flex-start!important}.justify-content-xxxxl-end{justify-content:flex-end!important}.justify-content-xxxxl-center{justify-content:center!important}.justify-content-xxxxl-between{justify-content:space-between!important}.justify-content-xxxxl-around{justify-content:space-around!important}.align-items-xxxxl-start{align-items:flex-start!important}.align-items-xxxxl-end{align-items:flex-end!important}.align-items-xxxxl-center{align-items:center!important}.align-items-xxxxl-baseline{align-items:baseline!important}.align-items-xxxxl-stretch{align-items:stretch!important}.align-content-xxxxl-start{align-content:flex-start!important}.align-content-xxxxl-end{align-content:flex-end!important}.align-content-xxxxl-center{align-content:center!important}.align-content-xxxxl-between{align-content:space-between!important}.align-content-xxxxl-around{align-content:space-around!important}.align-content-xxxxl-stretch{align-content:stretch!important}.align-self-xxxxl-auto{align-self:auto!important}.align-self-xxxxl-start{align-self:flex-start!important}.align-self-xxxxl-end{align-self:flex-end!important}.align-self-xxxxl-center{align-self:center!important}.align-self-xxxxl-baseline{align-self:baseline!important}.align-self-xxxxl-stretch{align-self:stretch!important}.m-xxxxl-auto{margin:auto!important}.mt-xxxxl-auto,.my-xxxxl-auto{margin-top:auto!important}.mr-xxxxl-auto,.mx-xxxxl-auto{margin-right:auto!important}.mb-xxxxl-auto,.my-xxxxl-auto{margin-bottom:auto!important}.ml-xxxxl-auto,.mx-xxxxl-auto{margin-left:auto!important}}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.mt--150{margin-top:150px!important}.mb--150{margin-bottom:150px!important}.pt--150{padding-top:150px}.pb--150{padding-bottom:150px}.mblock--150{margin-block:150px}.pblock--150{padding-block:150px}.mt--180{margin-top:180px!important}.mb--180{margin-bottom:180px!important}.pt--180{padding-top:180px}.pb--180{padding-bottom:180px}.mblock--180{margin-block:180px}.pblock--180{padding-block:180px}@keyframes move-right{0%{right:30px}50%{right:20px}to{right:30px}}: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_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--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;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--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: #fff;--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-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.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;--type-align: center;--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-width: 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}.btn{border-width:1px;border-style:solid;font-weight:400;text-align:center;height:5rem;display:flex;align-items:center;justify-content:center;transition:all .5s;width:24rem;cursor:pointer;background:transparent}.btn span{white-space:nowrap;font-size:1.8rem;line-height:1;display:block}.btn__primary{border-color:#b3916e;background:#b3916e;color:#fff}.btn__outline{border-color:#52504e;color:#52504e}.btn__outline:hover{border-color:#b3916e;background:#b3916e;color:#fff}.btn__group{display:flex}.btn__link{padding-block-end:.3rem;position:relative;font-weight:500;display:inline-block;transition:all .5s;color:inherit}.btn__link:after{content:\"\";position:absolute;inset-block-end:0;inset-block-start:calc(100% - .1rem);inset-inline-start:0;inset-inline-end:100%;background:#52504e;transition:all .5s}.btn__link:hover:after{inset-inline-end:0}.btn__link--reverse:after{inset-inline-end:0}.btn__link--reverse:hover:after{inset-inline-start:100%}.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}}.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}.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"] }]
|
|
15607
|
+
args: [{ selector: 'lib-babylon-sli-c3-svg-vid-cta', standalone: true, imports: [SwiperInitDirective, BabylonLinkTypeDirective], template: "@if (multimedia?.imagenes; as imagenes) {\n <section\n class=\"SliC3SvgVidCta js-active-slider\"\n appSwiperInit\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 <div class=\"swiper-wrapper\">\n @for (item of imagenes; track $index) {\n <div class=\"swiper-slide\">\n <a\n [href]=\"item.buttons?.[0]?.url\"\n [linkType]=\"item.buttons?.[0]?.linkType\"\n >\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]=\"item.img?.src\"\n [alt]=\"item.img?.alt\"\n />\n <div\n class=\"yt-video\"\n [attr.data-video-id]=\"\n item.img?.alt\n \"\n >\n \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 @if (item.title) {\n <h3>{{ item.title }}</h3>\n }\n @if (item.subtitle) {\n <p>{{ item.subtitle }}</p>\n }\n </div>\n @if (item.buttons?.[0]; as btn) {\n <div class=\"btn__group\">\n <a\n class=\"btn btn__outline\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n >\n <span>{{ btn.label }}</span>\n </a>\n </div>\n }\n </div>\n </a>\n </div>\n }\n </div>\n </div>\n <div class=\"js-slider-arrows\"></div>\n </div>\n </section>\n}\n", styles: ["@media (min-width: 1280px){.order-custom-xl-xxl-1{order:1}.order-custom-xl-xxl-2{order:2}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width: 540px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width: 768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width: 1025px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width: 1280px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}@media (min-width: 1366px){.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}}@media (min-width: 1680px){.flex-xxxl-row{flex-direction:row!important}.flex-xxxl-column{flex-direction:column!important}.flex-xxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxl-wrap{flex-wrap:wrap!important}.flex-xxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxl-fill{flex:1 1 auto!important}.flex-xxxl-grow-0{flex-grow:0!important}.flex-xxxl-grow-1{flex-grow:1!important}.flex-xxxl-shrink-0{flex-shrink:0!important}.flex-xxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxl-start{justify-content:flex-start!important}.justify-content-xxxl-end{justify-content:flex-end!important}.justify-content-xxxl-center{justify-content:center!important}.justify-content-xxxl-between{justify-content:space-between!important}.justify-content-xxxl-around{justify-content:space-around!important}.align-items-xxxl-start{align-items:flex-start!important}.align-items-xxxl-end{align-items:flex-end!important}.align-items-xxxl-center{align-items:center!important}.align-items-xxxl-baseline{align-items:baseline!important}.align-items-xxxl-stretch{align-items:stretch!important}.align-content-xxxl-start{align-content:flex-start!important}.align-content-xxxl-end{align-content:flex-end!important}.align-content-xxxl-center{align-content:center!important}.align-content-xxxl-between{align-content:space-between!important}.align-content-xxxl-around{align-content:space-around!important}.align-content-xxxl-stretch{align-content:stretch!important}.align-self-xxxl-auto{align-self:auto!important}.align-self-xxxl-start{align-self:flex-start!important}.align-self-xxxl-end{align-self:flex-end!important}.align-self-xxxl-center{align-self:center!important}.align-self-xxxl-baseline{align-self:baseline!important}.align-self-xxxl-stretch{align-self:stretch!important}.m-xxxl-auto{margin:auto!important}.mt-xxxl-auto,.my-xxxl-auto{margin-top:auto!important}.mr-xxxl-auto,.mx-xxxl-auto{margin-right:auto!important}.mb-xxxl-auto,.my-xxxl-auto{margin-bottom:auto!important}.ml-xxxl-auto,.mx-xxxl-auto{margin-left:auto!important}}@media (min-width: 1921px){.flex-xxxxl-row{flex-direction:row!important}.flex-xxxxl-column{flex-direction:column!important}.flex-xxxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxxl-wrap{flex-wrap:wrap!important}.flex-xxxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxxl-fill{flex:1 1 auto!important}.flex-xxxxl-grow-0{flex-grow:0!important}.flex-xxxxl-grow-1{flex-grow:1!important}.flex-xxxxl-shrink-0{flex-shrink:0!important}.flex-xxxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxxl-start{justify-content:flex-start!important}.justify-content-xxxxl-end{justify-content:flex-end!important}.justify-content-xxxxl-center{justify-content:center!important}.justify-content-xxxxl-between{justify-content:space-between!important}.justify-content-xxxxl-around{justify-content:space-around!important}.align-items-xxxxl-start{align-items:flex-start!important}.align-items-xxxxl-end{align-items:flex-end!important}.align-items-xxxxl-center{align-items:center!important}.align-items-xxxxl-baseline{align-items:baseline!important}.align-items-xxxxl-stretch{align-items:stretch!important}.align-content-xxxxl-start{align-content:flex-start!important}.align-content-xxxxl-end{align-content:flex-end!important}.align-content-xxxxl-center{align-content:center!important}.align-content-xxxxl-between{align-content:space-between!important}.align-content-xxxxl-around{align-content:space-around!important}.align-content-xxxxl-stretch{align-content:stretch!important}.align-self-xxxxl-auto{align-self:auto!important}.align-self-xxxxl-start{align-self:flex-start!important}.align-self-xxxxl-end{align-self:flex-end!important}.align-self-xxxxl-center{align-self:center!important}.align-self-xxxxl-baseline{align-self:baseline!important}.align-self-xxxxl-stretch{align-self:stretch!important}.m-xxxxl-auto{margin:auto!important}.mt-xxxxl-auto,.my-xxxxl-auto{margin-top:auto!important}.mr-xxxxl-auto,.mx-xxxxl-auto{margin-right:auto!important}.mb-xxxxl-auto,.my-xxxxl-auto{margin-bottom:auto!important}.ml-xxxxl-auto,.mx-xxxxl-auto{margin-left:auto!important}}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.mt--150{margin-top:150px!important}.mb--150{margin-bottom:150px!important}.pt--150{padding-top:150px}.pb--150{padding-bottom:150px}.mblock--150{margin-block:150px}.pblock--150{padding-block:150px}.mt--180{margin-top:180px!important}.mb--180{margin-bottom:180px!important}.pt--180{padding-top:180px}.pb--180{padding-bottom:180px}.mblock--180{margin-block:180px}.pblock--180{padding-block:180px}@keyframes move-right{0%{right:30px}50%{right:20px}to{right:30px}}: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_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--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;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--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: #fff;--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-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.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;--type-align: center;--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-width: 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}.btn{border-width:1px;border-style:solid;font-weight:400;text-align:center;height:5rem;display:flex;align-items:center;justify-content:center;transition:all .5s;width:24rem;cursor:pointer;background:transparent}.btn span{white-space:nowrap;font-size:1.8rem;line-height:1;display:block}.btn__primary{border-color:#b3916e;background:#b3916e;color:#fff}.btn__outline{border-color:#52504e;color:#52504e}.btn__outline:hover{border-color:#b3916e;background:#b3916e;color:#fff}.btn__group{display:flex}.btn__link{padding-block-end:.3rem;position:relative;font-weight:500;display:inline-block;transition:all .5s;color:inherit}.btn__link:after{content:\"\";position:absolute;inset-block-end:0;inset-block-start:calc(100% - .1rem);inset-inline-start:0;inset-inline-end:100%;background:#52504e;transition:all .5s}.btn__link:hover:after{inset-inline-end:0}.btn__link--reverse:after{inset-inline-end:0}.btn__link--reverse:hover:after{inset-inline-start:100%}.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}}.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}.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"] }]
|
|
15514
15608
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
|
|
15515
15609
|
type: Inject,
|
|
15516
15610
|
args: [PLATFORM_ID]
|
|
15517
|
-
}] }]
|
|
15611
|
+
}] }], propDecorators: { texts: [{
|
|
15612
|
+
type: Input
|
|
15613
|
+
}], multimedia: [{
|
|
15614
|
+
type: Input
|
|
15615
|
+
}], onMouseOver: [{
|
|
15616
|
+
type: HostListener,
|
|
15617
|
+
args: ['mouseover', ['$event']]
|
|
15618
|
+
}], onMouseOut: [{
|
|
15619
|
+
type: HostListener,
|
|
15620
|
+
args: ['mouseout', ['$event']]
|
|
15621
|
+
}] } });
|
|
15622
|
+
|
|
15623
|
+
class BabylonSliC3TxtImgCtaComponent {
|
|
15624
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSliC3TxtImgCtaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15625
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonSliC3TxtImgCtaComponent, isStandalone: true, selector: "lib-babylon-sli-c3-txt-img-cta", ngImport: i0, template: "<section\n class=\"SliC3TxtImgCta js-active-slider\"\n appSwiperInit\n data-slider_pause=\"false\"\n data-slider_name=\"SliC3TxtImgCta__slider\"\n data-slider_showbtns=\"true\"\n data-slider_showdots=\"false\"\n data-slides_pc=\"3\"\n data-slides_laptop=\"3\"\n data-slides_tablet=\"2\"\n data-slides_mobile=\"1\"\n data-slides_mobile_small=\"1\"\n data-slides_mobile_xsmall=\"1\"\n data-slider_draggable=\"true\"\n>\n <div class=\"SliC3TxtImgCta__heading\">\n <h2>Experiences</h2>\n <p>Can Bordoy Grand House & Garden</p>\n </div>\n <div class=\"relative SliC3TxtImgCta__inner\">\n <div class=\"swiper SliC3TxtImgCta__slider js-slider_fix-arrows\">\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <a href=\"\">\n <div class=\"SliC3TxtImgCta__item\">\n <div\n class=\"SliC3TxtImgCta__item--img js-slider_fix-arrows-zone\"\n >\n <figure>\n <img\n src=\"/assets/babylon/images/img-1.png\"\n />\n </figure>\n </div>\n <div class=\"SliC3TxtImgCta__item--content\">\n <h3>breakfast & massage</h3>\n <p>Private Spa in Luxury Hotel in Palma</p>\n <div class=\"btn__group\">\n <div>\n <button class=\"btn btn__outline\">\n <span>More Information</span>\n </button>\n </div>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"swiper-slide\">\n <a href=\"\">\n <div class=\"SliC3TxtImgCta__item\">\n <div\n class=\"SliC3TxtImgCta__item--img js-slider_fix-arrows-zone\"\n >\n <figure>\n <img\n src=\"/assets/babylon/images/img-2.jpg\"\n />\n </figure>\n </div>\n <div class=\"SliC3TxtImgCta__item--content\">\n <h3>breakfast & massage</h3>\n <p>Private Spa in Luxury Hotel in Palma</p>\n <div class=\"btn__group\">\n <div>\n <button class=\"btn btn__outline\">\n <span>More Information</span>\n </button>\n </div>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"swiper-slide\">\n <a href=\"\">\n <div class=\"SliC3TxtImgCta__item\">\n <div\n class=\"SliC3TxtImgCta__item--img js-slider_fix-arrows-zone\"\n >\n <figure>\n <img\n src=\"/assets/babylon/images/img-3.jpg\"\n />\n </figure>\n </div>\n <div class=\"SliC3TxtImgCta__item--content\">\n <h3>breakfast & massage</h3>\n <p>Private Spa in Luxury Hotel in Palma</p>\n <div class=\"btn__group\">\n <div>\n <button class=\"btn btn__outline\">\n <span>More Information</span>\n </button>\n </div>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"swiper-slide\">\n <a href=\"\">\n <div class=\"SliC3TxtImgCta__item\">\n <div\n class=\"SliC3TxtImgCta__item--img js-slider_fix-arrows-zone\"\n >\n <figure>\n <img\n src=\"/assets/babylon/images/img-4.jpg\"\n />\n </figure>\n </div>\n <div class=\"SliC3TxtImgCta__item--content\">\n <h3>breakfast & massage</h3>\n <p>Private Spa in Luxury Hotel in Palma</p>\n <div class=\"btn__group\">\n <div>\n <button class=\"btn btn__outline\">\n <span>More Information</span>\n </button>\n </div>\n </div>\n </div>\n </div>\n </a>\n </div>\n </div>\n </div>\n <div class=\"js-slider-arrows\"></div>\n </div>\n</section>\n", styles: ["@media (min-width: 1280px){.order-custom-xl-xxl-1{order:1}.order-custom-xl-xxl-2{order:2}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width: 540px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width: 768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width: 1025px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width: 1280px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}@media (min-width: 1366px){.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}}@media (min-width: 1680px){.flex-xxxl-row{flex-direction:row!important}.flex-xxxl-column{flex-direction:column!important}.flex-xxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxl-wrap{flex-wrap:wrap!important}.flex-xxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxl-fill{flex:1 1 auto!important}.flex-xxxl-grow-0{flex-grow:0!important}.flex-xxxl-grow-1{flex-grow:1!important}.flex-xxxl-shrink-0{flex-shrink:0!important}.flex-xxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxl-start{justify-content:flex-start!important}.justify-content-xxxl-end{justify-content:flex-end!important}.justify-content-xxxl-center{justify-content:center!important}.justify-content-xxxl-between{justify-content:space-between!important}.justify-content-xxxl-around{justify-content:space-around!important}.align-items-xxxl-start{align-items:flex-start!important}.align-items-xxxl-end{align-items:flex-end!important}.align-items-xxxl-center{align-items:center!important}.align-items-xxxl-baseline{align-items:baseline!important}.align-items-xxxl-stretch{align-items:stretch!important}.align-content-xxxl-start{align-content:flex-start!important}.align-content-xxxl-end{align-content:flex-end!important}.align-content-xxxl-center{align-content:center!important}.align-content-xxxl-between{align-content:space-between!important}.align-content-xxxl-around{align-content:space-around!important}.align-content-xxxl-stretch{align-content:stretch!important}.align-self-xxxl-auto{align-self:auto!important}.align-self-xxxl-start{align-self:flex-start!important}.align-self-xxxl-end{align-self:flex-end!important}.align-self-xxxl-center{align-self:center!important}.align-self-xxxl-baseline{align-self:baseline!important}.align-self-xxxl-stretch{align-self:stretch!important}.m-xxxl-auto{margin:auto!important}.mt-xxxl-auto,.my-xxxl-auto{margin-top:auto!important}.mr-xxxl-auto,.mx-xxxl-auto{margin-right:auto!important}.mb-xxxl-auto,.my-xxxl-auto{margin-bottom:auto!important}.ml-xxxl-auto,.mx-xxxl-auto{margin-left:auto!important}}@media (min-width: 1921px){.flex-xxxxl-row{flex-direction:row!important}.flex-xxxxl-column{flex-direction:column!important}.flex-xxxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxxl-wrap{flex-wrap:wrap!important}.flex-xxxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxxl-fill{flex:1 1 auto!important}.flex-xxxxl-grow-0{flex-grow:0!important}.flex-xxxxl-grow-1{flex-grow:1!important}.flex-xxxxl-shrink-0{flex-shrink:0!important}.flex-xxxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxxl-start{justify-content:flex-start!important}.justify-content-xxxxl-end{justify-content:flex-end!important}.justify-content-xxxxl-center{justify-content:center!important}.justify-content-xxxxl-between{justify-content:space-between!important}.justify-content-xxxxl-around{justify-content:space-around!important}.align-items-xxxxl-start{align-items:flex-start!important}.align-items-xxxxl-end{align-items:flex-end!important}.align-items-xxxxl-center{align-items:center!important}.align-items-xxxxl-baseline{align-items:baseline!important}.align-items-xxxxl-stretch{align-items:stretch!important}.align-content-xxxxl-start{align-content:flex-start!important}.align-content-xxxxl-end{align-content:flex-end!important}.align-content-xxxxl-center{align-content:center!important}.align-content-xxxxl-between{align-content:space-between!important}.align-content-xxxxl-around{align-content:space-around!important}.align-content-xxxxl-stretch{align-content:stretch!important}.align-self-xxxxl-auto{align-self:auto!important}.align-self-xxxxl-start{align-self:flex-start!important}.align-self-xxxxl-end{align-self:flex-end!important}.align-self-xxxxl-center{align-self:center!important}.align-self-xxxxl-baseline{align-self:baseline!important}.align-self-xxxxl-stretch{align-self:stretch!important}.m-xxxxl-auto{margin:auto!important}.mt-xxxxl-auto,.my-xxxxl-auto{margin-top:auto!important}.mr-xxxxl-auto,.mx-xxxxl-auto{margin-right:auto!important}.mb-xxxxl-auto,.my-xxxxl-auto{margin-bottom:auto!important}.ml-xxxxl-auto,.mx-xxxxl-auto{margin-left:auto!important}}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.mt--150{margin-top:150px!important}.mb--150{margin-bottom:150px!important}.pt--150{padding-top:150px}.pb--150{padding-bottom:150px}.mblock--150{margin-block:150px}.pblock--150{padding-block:150px}.mt--180{margin-top:180px!important}.mb--180{margin-bottom:180px!important}.pt--180{padding-top:180px}.pb--180{padding-bottom:180px}.mblock--180{margin-block:180px}.pblock--180{padding-block:180px}@keyframes move-right{0%{right:30px}50%{right:20px}to{right:30px}}: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_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--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;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--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: #fff;--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-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.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;--type-align: center;--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-width: 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}.SliC3TxtImgCta{padding-block:6rem 5.8rem;transition:all .5s;overflow:hidden;background:#f9f8f5}@media (min-width: 540px){.SliC3TxtImgCta{padding-block:7rem}}@media (min-width: 768px) and (max-width: 1023.98px){.SliC3TxtImgCta{padding-block:9rem}}@media (min-width: 1366px){.SliC3TxtImgCta{padding-block:8rem}}.SliC3TxtImgCta__inner{padding-inline:4.7rem}@media (min-width: 540px){.SliC3TxtImgCta__inner{padding-inline:10.6rem}}@media (min-width: 768px){.SliC3TxtImgCta__inner{padding-inline:18.4rem}}@media (min-width: 1024px){.SliC3TxtImgCta__inner{padding-inline:15.9rem}}@media (min-width: 1280px){.SliC3TxtImgCta__inner{padding-inline:9.8rem}}@media (min-width: 1366px){.SliC3TxtImgCta__inner{padding-inline:12.2rem}}@media (min-width: 1680px){.SliC3TxtImgCta__inner{padding-inline:16rem}}@media (min-width: 1800px){.SliC3TxtImgCta__inner{padding-inline:20rem}}.SliC3TxtImgCta__heading{display:flex;align-items:center;flex-direction:column;gap:2.2rem;margin-bottom:3rem}@media (min-width: 540px){.SliC3TxtImgCta__heading{gap:3.1rem;margin-bottom:4rem}}@media (min-width: 768px){.SliC3TxtImgCta__heading{margin-bottom:5rem}}@media (min-width: 1024px){.SliC3TxtImgCta__heading{gap:3rem;margin-bottom:4rem}}@media (min-width: 1680px){.SliC3TxtImgCta__heading{gap:3.6rem;margin-bottom:5rem}}.SliC3TxtImgCta__heading h2{font-size:4rem;line-height:1;transition:all .5s;letter-spacing:-.03em}@media (min-width: 540px){.SliC3TxtImgCta__heading h2{font-size:5rem}}@media (min-width: 1680px){.SliC3TxtImgCta__heading h2{font-size:6rem}}.SliC3TxtImgCta__heading p{font-size:1.4rem;line-height:1;letter-spacing:.05em;transition:all .5s;text-transform:uppercase}@media (min-width: 540px){.SliC3TxtImgCta__heading p{font-size:1.6rem}}@media (min-width: 768px){.SliC3TxtImgCta__heading p{letter-spacing:.1em}}.SliC3TxtImgCta__item{width:100%;position:relative}@media (min-width: 1024px){.SliC3TxtImgCta__item{padding-bottom:12.4rem}}@media (max-width: 1023.98px){.SliC3TxtImgCta__item{min-height:100%;display:flex;flex-direction:column}}.SliC3TxtImgCta__item figure{aspect-ratio:281/290}@media (min-width: 768px){.SliC3TxtImgCta__item figure{aspect-ratio:400/483}}.SliC3TxtImgCta__item--content{background:#fff;padding:1.6rem 2rem 0}@media (min-width: 540px){.SliC3TxtImgCta__item--content{padding:2.5rem 2.5rem 0}}@media (min-width: 768px){.SliC3TxtImgCta__item--content{padding-inline:4rem}}@media (min-width: 1024px){.SliC3TxtImgCta__item--content{position:absolute;inset:auto 0 0;padding-inline:2.5rem;z-index:1;min-height:12.4rem}}@media (min-width: 1680px){.SliC3TxtImgCta__item--content{padding-inline:4rem}}@media (max-width: 1023.98px){.SliC3TxtImgCta__item--content{flex:1;display:flex;flex-direction:column}}.SliC3TxtImgCta__item--content h3{font-size:1.6rem;line-height:1.5;letter-spacing:.02em;font-family:var(--font-text);text-transform:uppercase;margin-bottom:.7rem}@media (min-width: 540px){.SliC3TxtImgCta__item--content h3{font-size:2rem;line-height:1.2;margin-bottom:1.2rem}}.SliC3TxtImgCta__item--content p{font-size:1.4rem;line-height:1;margin-bottom:2.5rem;opacity:.7}.SliC3TxtImgCta__item .btn{margin-bottom:2.1rem}@media (min-width: 540px){.SliC3TxtImgCta__item .btn{margin-bottom:2.5rem}}@media (min-width: 1024px){.SliC3TxtImgCta__item .btn{cursor:pointer;opacity:0}}.SliC3TxtImgCta__item .btn__group{display:grid;justify-content:center;transition:all .5s;z-index:1;grid-template-rows:1fr}@media (min-width: 1024px){.SliC3TxtImgCta__item .btn__group{grid-template-rows:0fr}}@media (max-width: 1023.98px){.SliC3TxtImgCta__item .btn__group{margin-top:auto}}.SliC3TxtImgCta__item .btn__group>div{overflow:hidden;display:flex;justify-content:center}@media (min-width: 1024px){.SliC3TxtImgCta__item:hover .btn{opacity:1}}@media (min-width: 1024px){.SliC3TxtImgCta__item:hover .btn__group{grid-template-rows:1fr}}.SliC3TxtImgCta__slider{overflow:visible!important;transition:all .5s;margin-inline:-1.5rem!important}@media (min-width: 540px){.SliC3TxtImgCta__slider{margin-inline:-2.5rem!important}}@media (min-width: 768px){.SliC3TxtImgCta__slider{margin-inline:-4rem!important}}@media (min-width: 1024px){.SliC3TxtImgCta__slider{margin-inline:-2.5rem!important}}@media (min-width: 1366px){.SliC3TxtImgCta__slider{margin-inline:-3.5rem!important}}@media (min-width: 1680px){.SliC3TxtImgCta__slider{margin-inline:-4rem!important}}@media (min-width: 1800px){.SliC3TxtImgCta__slider{margin-inline:-5rem!important}}.SliC3TxtImgCta__slider .swiper-slide{height:auto;padding-inline:1.5rem}@media (min-width: 540px){.SliC3TxtImgCta__slider .swiper-slide{padding-inline:2.5rem}}@media (min-width: 768px){.SliC3TxtImgCta__slider .swiper-slide{padding-inline:4rem}}@media (min-width: 1024px){.SliC3TxtImgCta__slider .swiper-slide{padding-inline:2.5rem}}@media (min-width: 1366px){.SliC3TxtImgCta__slider .swiper-slide{padding-inline:3.5rem}}@media (min-width: 1680px){.SliC3TxtImgCta__slider .swiper-slide{padding-inline:4rem}}@media (min-width: 1800px){.SliC3TxtImgCta__slider .swiper-slide{padding-inline:5rem}}@media (max-width: 1023.98px){.SliC3TxtImgCta__slider .swiper-slide>a{min-height:100%}}.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}.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%}\n"], dependencies: [{ kind: "directive", type: SwiperInitDirective, selector: ".js-active-slider,[appSwiperInit]" }] }); }
|
|
15626
|
+
}
|
|
15627
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSliC3TxtImgCtaComponent, decorators: [{
|
|
15628
|
+
type: Component,
|
|
15629
|
+
args: [{ selector: 'lib-babylon-sli-c3-txt-img-cta', standalone: true, imports: [SwiperInitDirective], template: "<section\n class=\"SliC3TxtImgCta js-active-slider\"\n appSwiperInit\n data-slider_pause=\"false\"\n data-slider_name=\"SliC3TxtImgCta__slider\"\n data-slider_showbtns=\"true\"\n data-slider_showdots=\"false\"\n data-slides_pc=\"3\"\n data-slides_laptop=\"3\"\n data-slides_tablet=\"2\"\n data-slides_mobile=\"1\"\n data-slides_mobile_small=\"1\"\n data-slides_mobile_xsmall=\"1\"\n data-slider_draggable=\"true\"\n>\n <div class=\"SliC3TxtImgCta__heading\">\n <h2>Experiences</h2>\n <p>Can Bordoy Grand House & Garden</p>\n </div>\n <div class=\"relative SliC3TxtImgCta__inner\">\n <div class=\"swiper SliC3TxtImgCta__slider js-slider_fix-arrows\">\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <a href=\"\">\n <div class=\"SliC3TxtImgCta__item\">\n <div\n class=\"SliC3TxtImgCta__item--img js-slider_fix-arrows-zone\"\n >\n <figure>\n <img\n src=\"/assets/babylon/images/img-1.png\"\n />\n </figure>\n </div>\n <div class=\"SliC3TxtImgCta__item--content\">\n <h3>breakfast & massage</h3>\n <p>Private Spa in Luxury Hotel in Palma</p>\n <div class=\"btn__group\">\n <div>\n <button class=\"btn btn__outline\">\n <span>More Information</span>\n </button>\n </div>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"swiper-slide\">\n <a href=\"\">\n <div class=\"SliC3TxtImgCta__item\">\n <div\n class=\"SliC3TxtImgCta__item--img js-slider_fix-arrows-zone\"\n >\n <figure>\n <img\n src=\"/assets/babylon/images/img-2.jpg\"\n />\n </figure>\n </div>\n <div class=\"SliC3TxtImgCta__item--content\">\n <h3>breakfast & massage</h3>\n <p>Private Spa in Luxury Hotel in Palma</p>\n <div class=\"btn__group\">\n <div>\n <button class=\"btn btn__outline\">\n <span>More Information</span>\n </button>\n </div>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"swiper-slide\">\n <a href=\"\">\n <div class=\"SliC3TxtImgCta__item\">\n <div\n class=\"SliC3TxtImgCta__item--img js-slider_fix-arrows-zone\"\n >\n <figure>\n <img\n src=\"/assets/babylon/images/img-3.jpg\"\n />\n </figure>\n </div>\n <div class=\"SliC3TxtImgCta__item--content\">\n <h3>breakfast & massage</h3>\n <p>Private Spa in Luxury Hotel in Palma</p>\n <div class=\"btn__group\">\n <div>\n <button class=\"btn btn__outline\">\n <span>More Information</span>\n </button>\n </div>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"swiper-slide\">\n <a href=\"\">\n <div class=\"SliC3TxtImgCta__item\">\n <div\n class=\"SliC3TxtImgCta__item--img js-slider_fix-arrows-zone\"\n >\n <figure>\n <img\n src=\"/assets/babylon/images/img-4.jpg\"\n />\n </figure>\n </div>\n <div class=\"SliC3TxtImgCta__item--content\">\n <h3>breakfast & massage</h3>\n <p>Private Spa in Luxury Hotel in Palma</p>\n <div class=\"btn__group\">\n <div>\n <button class=\"btn btn__outline\">\n <span>More Information</span>\n </button>\n </div>\n </div>\n </div>\n </div>\n </a>\n </div>\n </div>\n </div>\n <div class=\"js-slider-arrows\"></div>\n </div>\n</section>\n", styles: ["@media (min-width: 1280px){.order-custom-xl-xxl-1{order:1}.order-custom-xl-xxl-2{order:2}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width: 540px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width: 768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width: 1025px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width: 1280px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}@media (min-width: 1366px){.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}}@media (min-width: 1680px){.flex-xxxl-row{flex-direction:row!important}.flex-xxxl-column{flex-direction:column!important}.flex-xxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxl-wrap{flex-wrap:wrap!important}.flex-xxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxl-fill{flex:1 1 auto!important}.flex-xxxl-grow-0{flex-grow:0!important}.flex-xxxl-grow-1{flex-grow:1!important}.flex-xxxl-shrink-0{flex-shrink:0!important}.flex-xxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxl-start{justify-content:flex-start!important}.justify-content-xxxl-end{justify-content:flex-end!important}.justify-content-xxxl-center{justify-content:center!important}.justify-content-xxxl-between{justify-content:space-between!important}.justify-content-xxxl-around{justify-content:space-around!important}.align-items-xxxl-start{align-items:flex-start!important}.align-items-xxxl-end{align-items:flex-end!important}.align-items-xxxl-center{align-items:center!important}.align-items-xxxl-baseline{align-items:baseline!important}.align-items-xxxl-stretch{align-items:stretch!important}.align-content-xxxl-start{align-content:flex-start!important}.align-content-xxxl-end{align-content:flex-end!important}.align-content-xxxl-center{align-content:center!important}.align-content-xxxl-between{align-content:space-between!important}.align-content-xxxl-around{align-content:space-around!important}.align-content-xxxl-stretch{align-content:stretch!important}.align-self-xxxl-auto{align-self:auto!important}.align-self-xxxl-start{align-self:flex-start!important}.align-self-xxxl-end{align-self:flex-end!important}.align-self-xxxl-center{align-self:center!important}.align-self-xxxl-baseline{align-self:baseline!important}.align-self-xxxl-stretch{align-self:stretch!important}.m-xxxl-auto{margin:auto!important}.mt-xxxl-auto,.my-xxxl-auto{margin-top:auto!important}.mr-xxxl-auto,.mx-xxxl-auto{margin-right:auto!important}.mb-xxxl-auto,.my-xxxl-auto{margin-bottom:auto!important}.ml-xxxl-auto,.mx-xxxl-auto{margin-left:auto!important}}@media (min-width: 1921px){.flex-xxxxl-row{flex-direction:row!important}.flex-xxxxl-column{flex-direction:column!important}.flex-xxxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxxl-wrap{flex-wrap:wrap!important}.flex-xxxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxxl-fill{flex:1 1 auto!important}.flex-xxxxl-grow-0{flex-grow:0!important}.flex-xxxxl-grow-1{flex-grow:1!important}.flex-xxxxl-shrink-0{flex-shrink:0!important}.flex-xxxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxxl-start{justify-content:flex-start!important}.justify-content-xxxxl-end{justify-content:flex-end!important}.justify-content-xxxxl-center{justify-content:center!important}.justify-content-xxxxl-between{justify-content:space-between!important}.justify-content-xxxxl-around{justify-content:space-around!important}.align-items-xxxxl-start{align-items:flex-start!important}.align-items-xxxxl-end{align-items:flex-end!important}.align-items-xxxxl-center{align-items:center!important}.align-items-xxxxl-baseline{align-items:baseline!important}.align-items-xxxxl-stretch{align-items:stretch!important}.align-content-xxxxl-start{align-content:flex-start!important}.align-content-xxxxl-end{align-content:flex-end!important}.align-content-xxxxl-center{align-content:center!important}.align-content-xxxxl-between{align-content:space-between!important}.align-content-xxxxl-around{align-content:space-around!important}.align-content-xxxxl-stretch{align-content:stretch!important}.align-self-xxxxl-auto{align-self:auto!important}.align-self-xxxxl-start{align-self:flex-start!important}.align-self-xxxxl-end{align-self:flex-end!important}.align-self-xxxxl-center{align-self:center!important}.align-self-xxxxl-baseline{align-self:baseline!important}.align-self-xxxxl-stretch{align-self:stretch!important}.m-xxxxl-auto{margin:auto!important}.mt-xxxxl-auto,.my-xxxxl-auto{margin-top:auto!important}.mr-xxxxl-auto,.mx-xxxxl-auto{margin-right:auto!important}.mb-xxxxl-auto,.my-xxxxl-auto{margin-bottom:auto!important}.ml-xxxxl-auto,.mx-xxxxl-auto{margin-left:auto!important}}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.mt--150{margin-top:150px!important}.mb--150{margin-bottom:150px!important}.pt--150{padding-top:150px}.pb--150{padding-bottom:150px}.mblock--150{margin-block:150px}.pblock--150{padding-block:150px}.mt--180{margin-top:180px!important}.mb--180{margin-bottom:180px!important}.pt--180{padding-top:180px}.pb--180{padding-bottom:180px}.mblock--180{margin-block:180px}.pblock--180{padding-block:180px}@keyframes move-right{0%{right:30px}50%{right:20px}to{right:30px}}: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_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--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;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--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: #fff;--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-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.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;--type-align: center;--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-width: 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}.SliC3TxtImgCta{padding-block:6rem 5.8rem;transition:all .5s;overflow:hidden;background:#f9f8f5}@media (min-width: 540px){.SliC3TxtImgCta{padding-block:7rem}}@media (min-width: 768px) and (max-width: 1023.98px){.SliC3TxtImgCta{padding-block:9rem}}@media (min-width: 1366px){.SliC3TxtImgCta{padding-block:8rem}}.SliC3TxtImgCta__inner{padding-inline:4.7rem}@media (min-width: 540px){.SliC3TxtImgCta__inner{padding-inline:10.6rem}}@media (min-width: 768px){.SliC3TxtImgCta__inner{padding-inline:18.4rem}}@media (min-width: 1024px){.SliC3TxtImgCta__inner{padding-inline:15.9rem}}@media (min-width: 1280px){.SliC3TxtImgCta__inner{padding-inline:9.8rem}}@media (min-width: 1366px){.SliC3TxtImgCta__inner{padding-inline:12.2rem}}@media (min-width: 1680px){.SliC3TxtImgCta__inner{padding-inline:16rem}}@media (min-width: 1800px){.SliC3TxtImgCta__inner{padding-inline:20rem}}.SliC3TxtImgCta__heading{display:flex;align-items:center;flex-direction:column;gap:2.2rem;margin-bottom:3rem}@media (min-width: 540px){.SliC3TxtImgCta__heading{gap:3.1rem;margin-bottom:4rem}}@media (min-width: 768px){.SliC3TxtImgCta__heading{margin-bottom:5rem}}@media (min-width: 1024px){.SliC3TxtImgCta__heading{gap:3rem;margin-bottom:4rem}}@media (min-width: 1680px){.SliC3TxtImgCta__heading{gap:3.6rem;margin-bottom:5rem}}.SliC3TxtImgCta__heading h2{font-size:4rem;line-height:1;transition:all .5s;letter-spacing:-.03em}@media (min-width: 540px){.SliC3TxtImgCta__heading h2{font-size:5rem}}@media (min-width: 1680px){.SliC3TxtImgCta__heading h2{font-size:6rem}}.SliC3TxtImgCta__heading p{font-size:1.4rem;line-height:1;letter-spacing:.05em;transition:all .5s;text-transform:uppercase}@media (min-width: 540px){.SliC3TxtImgCta__heading p{font-size:1.6rem}}@media (min-width: 768px){.SliC3TxtImgCta__heading p{letter-spacing:.1em}}.SliC3TxtImgCta__item{width:100%;position:relative}@media (min-width: 1024px){.SliC3TxtImgCta__item{padding-bottom:12.4rem}}@media (max-width: 1023.98px){.SliC3TxtImgCta__item{min-height:100%;display:flex;flex-direction:column}}.SliC3TxtImgCta__item figure{aspect-ratio:281/290}@media (min-width: 768px){.SliC3TxtImgCta__item figure{aspect-ratio:400/483}}.SliC3TxtImgCta__item--content{background:#fff;padding:1.6rem 2rem 0}@media (min-width: 540px){.SliC3TxtImgCta__item--content{padding:2.5rem 2.5rem 0}}@media (min-width: 768px){.SliC3TxtImgCta__item--content{padding-inline:4rem}}@media (min-width: 1024px){.SliC3TxtImgCta__item--content{position:absolute;inset:auto 0 0;padding-inline:2.5rem;z-index:1;min-height:12.4rem}}@media (min-width: 1680px){.SliC3TxtImgCta__item--content{padding-inline:4rem}}@media (max-width: 1023.98px){.SliC3TxtImgCta__item--content{flex:1;display:flex;flex-direction:column}}.SliC3TxtImgCta__item--content h3{font-size:1.6rem;line-height:1.5;letter-spacing:.02em;font-family:var(--font-text);text-transform:uppercase;margin-bottom:.7rem}@media (min-width: 540px){.SliC3TxtImgCta__item--content h3{font-size:2rem;line-height:1.2;margin-bottom:1.2rem}}.SliC3TxtImgCta__item--content p{font-size:1.4rem;line-height:1;margin-bottom:2.5rem;opacity:.7}.SliC3TxtImgCta__item .btn{margin-bottom:2.1rem}@media (min-width: 540px){.SliC3TxtImgCta__item .btn{margin-bottom:2.5rem}}@media (min-width: 1024px){.SliC3TxtImgCta__item .btn{cursor:pointer;opacity:0}}.SliC3TxtImgCta__item .btn__group{display:grid;justify-content:center;transition:all .5s;z-index:1;grid-template-rows:1fr}@media (min-width: 1024px){.SliC3TxtImgCta__item .btn__group{grid-template-rows:0fr}}@media (max-width: 1023.98px){.SliC3TxtImgCta__item .btn__group{margin-top:auto}}.SliC3TxtImgCta__item .btn__group>div{overflow:hidden;display:flex;justify-content:center}@media (min-width: 1024px){.SliC3TxtImgCta__item:hover .btn{opacity:1}}@media (min-width: 1024px){.SliC3TxtImgCta__item:hover .btn__group{grid-template-rows:1fr}}.SliC3TxtImgCta__slider{overflow:visible!important;transition:all .5s;margin-inline:-1.5rem!important}@media (min-width: 540px){.SliC3TxtImgCta__slider{margin-inline:-2.5rem!important}}@media (min-width: 768px){.SliC3TxtImgCta__slider{margin-inline:-4rem!important}}@media (min-width: 1024px){.SliC3TxtImgCta__slider{margin-inline:-2.5rem!important}}@media (min-width: 1366px){.SliC3TxtImgCta__slider{margin-inline:-3.5rem!important}}@media (min-width: 1680px){.SliC3TxtImgCta__slider{margin-inline:-4rem!important}}@media (min-width: 1800px){.SliC3TxtImgCta__slider{margin-inline:-5rem!important}}.SliC3TxtImgCta__slider .swiper-slide{height:auto;padding-inline:1.5rem}@media (min-width: 540px){.SliC3TxtImgCta__slider .swiper-slide{padding-inline:2.5rem}}@media (min-width: 768px){.SliC3TxtImgCta__slider .swiper-slide{padding-inline:4rem}}@media (min-width: 1024px){.SliC3TxtImgCta__slider .swiper-slide{padding-inline:2.5rem}}@media (min-width: 1366px){.SliC3TxtImgCta__slider .swiper-slide{padding-inline:3.5rem}}@media (min-width: 1680px){.SliC3TxtImgCta__slider .swiper-slide{padding-inline:4rem}}@media (min-width: 1800px){.SliC3TxtImgCta__slider .swiper-slide{padding-inline:5rem}}@media (max-width: 1023.98px){.SliC3TxtImgCta__slider .swiper-slide>a{min-height:100%}}.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}.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%}\n"] }]
|
|
15630
|
+
}] });
|
|
15518
15631
|
|
|
15519
15632
|
class BabylonSwiperSliderV2Directive {
|
|
15520
15633
|
constructor(el) {
|
|
@@ -16645,6 +16758,116 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
16645
16758
|
type: Output
|
|
16646
16759
|
}] } });
|
|
16647
16760
|
|
|
16761
|
+
class BabylonTopSliderImgVideoComponent {
|
|
16762
|
+
constructor(document, platformId) {
|
|
16763
|
+
this.document = document;
|
|
16764
|
+
this.platformId = platformId;
|
|
16765
|
+
/** Modo vídeo o imágenes */
|
|
16766
|
+
this.video = false;
|
|
16767
|
+
/** ID del vídeo de YouTube (lo que va después de /watch?v= ) */
|
|
16768
|
+
this.videoId = 'M8gcKlBeGIo';
|
|
16769
|
+
}
|
|
16770
|
+
get isBrowser() {
|
|
16771
|
+
return isPlatformBrowser(this.platformId);
|
|
16772
|
+
}
|
|
16773
|
+
ngAfterViewInit() {
|
|
16774
|
+
if (!this.isBrowser || !this.video)
|
|
16775
|
+
return;
|
|
16776
|
+
this.loadYouTubeApi();
|
|
16777
|
+
}
|
|
16778
|
+
ngOnDestroy() {
|
|
16779
|
+
if (this.player && typeof this.player.destroy === 'function') {
|
|
16780
|
+
this.player.destroy();
|
|
16781
|
+
}
|
|
16782
|
+
}
|
|
16783
|
+
// =========================
|
|
16784
|
+
// YOUTUBE API
|
|
16785
|
+
// =========================
|
|
16786
|
+
loadYouTubeApi() {
|
|
16787
|
+
// Si ya está cargada la API
|
|
16788
|
+
if (window.YT && window.YT.Player) {
|
|
16789
|
+
this.initPlayer();
|
|
16790
|
+
return;
|
|
16791
|
+
}
|
|
16792
|
+
// Evitar cargar el script varias veces
|
|
16793
|
+
const existingScript = this.document.getElementById('youtube-iframe-api');
|
|
16794
|
+
if (!existingScript) {
|
|
16795
|
+
const tag = this.document.createElement('script');
|
|
16796
|
+
tag.id = 'youtube-iframe-api';
|
|
16797
|
+
tag.src = 'https://www.youtube.com/iframe_api';
|
|
16798
|
+
tag.async = true;
|
|
16799
|
+
const firstScript = this.document.getElementsByTagName('script')[0];
|
|
16800
|
+
firstScript.parentNode?.insertBefore(tag, firstScript);
|
|
16801
|
+
}
|
|
16802
|
+
// Callback global exigido por la API
|
|
16803
|
+
window.onYouTubeIframeAPIReady = () => {
|
|
16804
|
+
this.initPlayer();
|
|
16805
|
+
};
|
|
16806
|
+
}
|
|
16807
|
+
initPlayer() {
|
|
16808
|
+
if (!this.ytPlayerRef)
|
|
16809
|
+
return;
|
|
16810
|
+
this.player = new window.YT.Player(this.ytPlayerRef.nativeElement, {
|
|
16811
|
+
videoId: this.videoId,
|
|
16812
|
+
width: 1920,
|
|
16813
|
+
height: 1080,
|
|
16814
|
+
playerVars: {
|
|
16815
|
+
enablejsapi: 1,
|
|
16816
|
+
autoplay: 1,
|
|
16817
|
+
controls: 0,
|
|
16818
|
+
showinfo: 0,
|
|
16819
|
+
mute: 1,
|
|
16820
|
+
modestbranding: 1,
|
|
16821
|
+
loop: 1,
|
|
16822
|
+
fs: 1,
|
|
16823
|
+
cc_load_policy: 1,
|
|
16824
|
+
iv_load_policy: 3,
|
|
16825
|
+
autohide: 1,
|
|
16826
|
+
rel: 0,
|
|
16827
|
+
playsinline: 1,
|
|
16828
|
+
playlist: this.videoId, // necesario para loop
|
|
16829
|
+
},
|
|
16830
|
+
events: {
|
|
16831
|
+
onReady: (e) => {
|
|
16832
|
+
e.target.mute();
|
|
16833
|
+
e.target.playVideo();
|
|
16834
|
+
},
|
|
16835
|
+
onStateChange: (e) => {
|
|
16836
|
+
e.target.setPlaybackQuality('highres');
|
|
16837
|
+
if (e.data === window.YT.PlayerState.PLAYING) {
|
|
16838
|
+
const iframe = this.document.getElementById('YouTubeVideoPlayer');
|
|
16839
|
+
if (iframe)
|
|
16840
|
+
iframe.style.opacity = '1';
|
|
16841
|
+
}
|
|
16842
|
+
if (e.data === window.YT.PlayerState.ENDED) {
|
|
16843
|
+
e.target.playVideo();
|
|
16844
|
+
e.target.mute();
|
|
16845
|
+
}
|
|
16846
|
+
},
|
|
16847
|
+
},
|
|
16848
|
+
});
|
|
16849
|
+
}
|
|
16850
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonTopSliderImgVideoComponent, deps: [{ token: DOCUMENT }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16851
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonTopSliderImgVideoComponent, isStandalone: true, selector: "lib-babylon-top-slider-img-video", inputs: { video: "video", videoId: "videoId" }, viewQueries: [{ propertyName: "ytPlayerRef", first: true, predicate: ["ytPlayer"], descendants: true }], ngImport: i0, template: "<section\n class=\"TopVid js-active-slider\"\n appSlickInit\n data-slider_pause=\"false\"\n data-slider_name=\"js-banner-slider\"\n data-slider_showbtns=\"false\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"true\"\n data-slider_autoplay=\"true\"\n data-slides_pc=\"1\"\n>\n <!-- if TopVid image-->\n @if (!video) {\n <div class=\"swiper js-banner-slider\">\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <div class=\"TopVid__item\">\n <img\n src=\"/assets/babylon/images/img-1.png\"\n class=\"TopVid__image\"\n width=\"1800\"\n height=\"935\"\n />\n </div>\n </div>\n </div>\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <div class=\"TopVid__item\">\n <img\n src=\"/assets/babylon/images/img-2.jpg\"\n class=\"TopVid__image\"\n width=\"1800\"\n height=\"935\"\n />\n </div>\n </div>\n </div>\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <div class=\"TopVid__item\">\n <img\n src=\"/assets/babylon/images/img-3.jpg\"\n class=\"TopVid__image\"\n width=\"1800\"\n height=\"935\"\n />\n </div>\n </div>\n </div>\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <div class=\"TopVid__item\">\n <img\n src=\"/assets/babylon/images/img-4.jpg\"\n class=\"TopVid__image\"\n width=\"1800\"\n height=\"935\"\n />\n </div>\n </div>\n </div>\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <div class=\"TopVid__item\">\n <img\n src=\"/assets/babylon/images/img-5.jpg\"\n class=\"TopVid__image\"\n width=\"1800\"\n height=\"935\"\n />\n </div>\n </div>\n </div>\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <div class=\"TopVid__item\">\n <img\n src=\"/assets/babylon/images/img-6.jpg\"\n class=\"TopVid__image\"\n width=\"1800\"\n height=\"935\"\n />\n </div>\n </div>\n </div>\n </div>\n }\n <!-- if TopVid image -->\n <!-- if TopVid video -->\n @if (video) {\n <div class=\"TopVid__video\">\n <div class=\"TopVid__video--inner\">\n <div\n #ytPlayer\n id=\"YouTubeVideoPlayer\"\n class=\"TopVid__video-player\"\n ></div>\n </div>\n </div>\n }\n <!-- if TopVid video -->\n</section>\n", styles: ["@media (min-width: 1280px){.order-custom-xl-xxl-1{order:1}.order-custom-xl-xxl-2{order:2}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width: 540px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width: 768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width: 1025px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width: 1280px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}@media (min-width: 1366px){.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}}@media (min-width: 1680px){.flex-xxxl-row{flex-direction:row!important}.flex-xxxl-column{flex-direction:column!important}.flex-xxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxl-wrap{flex-wrap:wrap!important}.flex-xxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxl-fill{flex:1 1 auto!important}.flex-xxxl-grow-0{flex-grow:0!important}.flex-xxxl-grow-1{flex-grow:1!important}.flex-xxxl-shrink-0{flex-shrink:0!important}.flex-xxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxl-start{justify-content:flex-start!important}.justify-content-xxxl-end{justify-content:flex-end!important}.justify-content-xxxl-center{justify-content:center!important}.justify-content-xxxl-between{justify-content:space-between!important}.justify-content-xxxl-around{justify-content:space-around!important}.align-items-xxxl-start{align-items:flex-start!important}.align-items-xxxl-end{align-items:flex-end!important}.align-items-xxxl-center{align-items:center!important}.align-items-xxxl-baseline{align-items:baseline!important}.align-items-xxxl-stretch{align-items:stretch!important}.align-content-xxxl-start{align-content:flex-start!important}.align-content-xxxl-end{align-content:flex-end!important}.align-content-xxxl-center{align-content:center!important}.align-content-xxxl-between{align-content:space-between!important}.align-content-xxxl-around{align-content:space-around!important}.align-content-xxxl-stretch{align-content:stretch!important}.align-self-xxxl-auto{align-self:auto!important}.align-self-xxxl-start{align-self:flex-start!important}.align-self-xxxl-end{align-self:flex-end!important}.align-self-xxxl-center{align-self:center!important}.align-self-xxxl-baseline{align-self:baseline!important}.align-self-xxxl-stretch{align-self:stretch!important}.m-xxxl-auto{margin:auto!important}.mt-xxxl-auto,.my-xxxl-auto{margin-top:auto!important}.mr-xxxl-auto,.mx-xxxl-auto{margin-right:auto!important}.mb-xxxl-auto,.my-xxxl-auto{margin-bottom:auto!important}.ml-xxxl-auto,.mx-xxxl-auto{margin-left:auto!important}}@media (min-width: 1921px){.flex-xxxxl-row{flex-direction:row!important}.flex-xxxxl-column{flex-direction:column!important}.flex-xxxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxxl-wrap{flex-wrap:wrap!important}.flex-xxxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxxl-fill{flex:1 1 auto!important}.flex-xxxxl-grow-0{flex-grow:0!important}.flex-xxxxl-grow-1{flex-grow:1!important}.flex-xxxxl-shrink-0{flex-shrink:0!important}.flex-xxxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxxl-start{justify-content:flex-start!important}.justify-content-xxxxl-end{justify-content:flex-end!important}.justify-content-xxxxl-center{justify-content:center!important}.justify-content-xxxxl-between{justify-content:space-between!important}.justify-content-xxxxl-around{justify-content:space-around!important}.align-items-xxxxl-start{align-items:flex-start!important}.align-items-xxxxl-end{align-items:flex-end!important}.align-items-xxxxl-center{align-items:center!important}.align-items-xxxxl-baseline{align-items:baseline!important}.align-items-xxxxl-stretch{align-items:stretch!important}.align-content-xxxxl-start{align-content:flex-start!important}.align-content-xxxxl-end{align-content:flex-end!important}.align-content-xxxxl-center{align-content:center!important}.align-content-xxxxl-between{align-content:space-between!important}.align-content-xxxxl-around{align-content:space-around!important}.align-content-xxxxl-stretch{align-content:stretch!important}.align-self-xxxxl-auto{align-self:auto!important}.align-self-xxxxl-start{align-self:flex-start!important}.align-self-xxxxl-end{align-self:flex-end!important}.align-self-xxxxl-center{align-self:center!important}.align-self-xxxxl-baseline{align-self:baseline!important}.align-self-xxxxl-stretch{align-self:stretch!important}.m-xxxxl-auto{margin:auto!important}.mt-xxxxl-auto,.my-xxxxl-auto{margin-top:auto!important}.mr-xxxxl-auto,.mx-xxxxl-auto{margin-right:auto!important}.mb-xxxxl-auto,.my-xxxxl-auto{margin-bottom:auto!important}.ml-xxxxl-auto,.mx-xxxxl-auto{margin-left:auto!important}}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.mt--150{margin-top:150px!important}.mb--150{margin-bottom:150px!important}.pt--150{padding-top:150px}.pb--150{padding-bottom:150px}.mblock--150{margin-block:150px}.pblock--150{padding-block:150px}.mt--180{margin-top:180px!important}.mb--180{margin-bottom:180px!important}.pt--180{padding-top:180px}.pb--180{padding-bottom:180px}.mblock--180{margin-block:180px}.pblock--180{padding-block:180px}@keyframes move-right{0%{right:30px}50%{right:20px}to{right:30px}}: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_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--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;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--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: #fff;--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-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.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;--type-align: center;--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-width: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}.TopVid{position:relative;overflow:hidden}.TopVid:before{content:\"\";position:absolute;inset:0;background:linear-gradient(360deg,#0000000a 50%,#0003),linear-gradient(180deg,#0000000a 50%,#0003);z-index:1}.TopVid__item,.TopVid__video{transition:all .5s;height:calc(100svh - 5.4rem)}@media (min-width: 768px){.TopVid__item,.TopVid__video{height:calc(100svh - 7rem)}}@media (min-width: 1024px){.TopVid__item,.TopVid__video{height:100svh}}@media (min-width: 1280px){.TopVid__video{pointer-events:none}}.TopVid__video--inner{position:relative;width:100%;height:100%;overflow:hidden;background-position:50% 50%;background-size:cover;background-repeat:no-repeat}.TopVid__video iframe{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;transform:translate(-50%,-50%)}.TopVid__item{position:relative;vertical-align:top}.TopVid__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:bottom}\n"], dependencies: [{ kind: "directive", type: SlickInitDirective, selector: ".js-active-slider,[appSlickInit]" }] }); }
|
|
16852
|
+
}
|
|
16853
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonTopSliderImgVideoComponent, decorators: [{
|
|
16854
|
+
type: Component,
|
|
16855
|
+
args: [{ selector: 'lib-babylon-top-slider-img-video', standalone: true, imports: [SlickInitDirective], template: "<section\n class=\"TopVid js-active-slider\"\n appSlickInit\n data-slider_pause=\"false\"\n data-slider_name=\"js-banner-slider\"\n data-slider_showbtns=\"false\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"true\"\n data-slider_autoplay=\"true\"\n data-slides_pc=\"1\"\n>\n <!-- if TopVid image-->\n @if (!video) {\n <div class=\"swiper js-banner-slider\">\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <div class=\"TopVid__item\">\n <img\n src=\"/assets/babylon/images/img-1.png\"\n class=\"TopVid__image\"\n width=\"1800\"\n height=\"935\"\n />\n </div>\n </div>\n </div>\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <div class=\"TopVid__item\">\n <img\n src=\"/assets/babylon/images/img-2.jpg\"\n class=\"TopVid__image\"\n width=\"1800\"\n height=\"935\"\n />\n </div>\n </div>\n </div>\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <div class=\"TopVid__item\">\n <img\n src=\"/assets/babylon/images/img-3.jpg\"\n class=\"TopVid__image\"\n width=\"1800\"\n height=\"935\"\n />\n </div>\n </div>\n </div>\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <div class=\"TopVid__item\">\n <img\n src=\"/assets/babylon/images/img-4.jpg\"\n class=\"TopVid__image\"\n width=\"1800\"\n height=\"935\"\n />\n </div>\n </div>\n </div>\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <div class=\"TopVid__item\">\n <img\n src=\"/assets/babylon/images/img-5.jpg\"\n class=\"TopVid__image\"\n width=\"1800\"\n height=\"935\"\n />\n </div>\n </div>\n </div>\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <div class=\"TopVid__item\">\n <img\n src=\"/assets/babylon/images/img-6.jpg\"\n class=\"TopVid__image\"\n width=\"1800\"\n height=\"935\"\n />\n </div>\n </div>\n </div>\n </div>\n }\n <!-- if TopVid image -->\n <!-- if TopVid video -->\n @if (video) {\n <div class=\"TopVid__video\">\n <div class=\"TopVid__video--inner\">\n <div\n #ytPlayer\n id=\"YouTubeVideoPlayer\"\n class=\"TopVid__video-player\"\n ></div>\n </div>\n </div>\n }\n <!-- if TopVid video -->\n</section>\n", styles: ["@media (min-width: 1280px){.order-custom-xl-xxl-1{order:1}.order-custom-xl-xxl-2{order:2}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width: 540px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width: 768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width: 1025px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width: 1280px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}@media (min-width: 1366px){.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}}@media (min-width: 1680px){.flex-xxxl-row{flex-direction:row!important}.flex-xxxl-column{flex-direction:column!important}.flex-xxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxl-wrap{flex-wrap:wrap!important}.flex-xxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxl-fill{flex:1 1 auto!important}.flex-xxxl-grow-0{flex-grow:0!important}.flex-xxxl-grow-1{flex-grow:1!important}.flex-xxxl-shrink-0{flex-shrink:0!important}.flex-xxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxl-start{justify-content:flex-start!important}.justify-content-xxxl-end{justify-content:flex-end!important}.justify-content-xxxl-center{justify-content:center!important}.justify-content-xxxl-between{justify-content:space-between!important}.justify-content-xxxl-around{justify-content:space-around!important}.align-items-xxxl-start{align-items:flex-start!important}.align-items-xxxl-end{align-items:flex-end!important}.align-items-xxxl-center{align-items:center!important}.align-items-xxxl-baseline{align-items:baseline!important}.align-items-xxxl-stretch{align-items:stretch!important}.align-content-xxxl-start{align-content:flex-start!important}.align-content-xxxl-end{align-content:flex-end!important}.align-content-xxxl-center{align-content:center!important}.align-content-xxxl-between{align-content:space-between!important}.align-content-xxxl-around{align-content:space-around!important}.align-content-xxxl-stretch{align-content:stretch!important}.align-self-xxxl-auto{align-self:auto!important}.align-self-xxxl-start{align-self:flex-start!important}.align-self-xxxl-end{align-self:flex-end!important}.align-self-xxxl-center{align-self:center!important}.align-self-xxxl-baseline{align-self:baseline!important}.align-self-xxxl-stretch{align-self:stretch!important}.m-xxxl-auto{margin:auto!important}.mt-xxxl-auto,.my-xxxl-auto{margin-top:auto!important}.mr-xxxl-auto,.mx-xxxl-auto{margin-right:auto!important}.mb-xxxl-auto,.my-xxxl-auto{margin-bottom:auto!important}.ml-xxxl-auto,.mx-xxxl-auto{margin-left:auto!important}}@media (min-width: 1921px){.flex-xxxxl-row{flex-direction:row!important}.flex-xxxxl-column{flex-direction:column!important}.flex-xxxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxxl-wrap{flex-wrap:wrap!important}.flex-xxxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxxl-fill{flex:1 1 auto!important}.flex-xxxxl-grow-0{flex-grow:0!important}.flex-xxxxl-grow-1{flex-grow:1!important}.flex-xxxxl-shrink-0{flex-shrink:0!important}.flex-xxxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxxl-start{justify-content:flex-start!important}.justify-content-xxxxl-end{justify-content:flex-end!important}.justify-content-xxxxl-center{justify-content:center!important}.justify-content-xxxxl-between{justify-content:space-between!important}.justify-content-xxxxl-around{justify-content:space-around!important}.align-items-xxxxl-start{align-items:flex-start!important}.align-items-xxxxl-end{align-items:flex-end!important}.align-items-xxxxl-center{align-items:center!important}.align-items-xxxxl-baseline{align-items:baseline!important}.align-items-xxxxl-stretch{align-items:stretch!important}.align-content-xxxxl-start{align-content:flex-start!important}.align-content-xxxxl-end{align-content:flex-end!important}.align-content-xxxxl-center{align-content:center!important}.align-content-xxxxl-between{align-content:space-between!important}.align-content-xxxxl-around{align-content:space-around!important}.align-content-xxxxl-stretch{align-content:stretch!important}.align-self-xxxxl-auto{align-self:auto!important}.align-self-xxxxl-start{align-self:flex-start!important}.align-self-xxxxl-end{align-self:flex-end!important}.align-self-xxxxl-center{align-self:center!important}.align-self-xxxxl-baseline{align-self:baseline!important}.align-self-xxxxl-stretch{align-self:stretch!important}.m-xxxxl-auto{margin:auto!important}.mt-xxxxl-auto,.my-xxxxl-auto{margin-top:auto!important}.mr-xxxxl-auto,.mx-xxxxl-auto{margin-right:auto!important}.mb-xxxxl-auto,.my-xxxxl-auto{margin-bottom:auto!important}.ml-xxxxl-auto,.mx-xxxxl-auto{margin-left:auto!important}}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.mt--150{margin-top:150px!important}.mb--150{margin-bottom:150px!important}.pt--150{padding-top:150px}.pb--150{padding-bottom:150px}.mblock--150{margin-block:150px}.pblock--150{padding-block:150px}.mt--180{margin-top:180px!important}.mb--180{margin-bottom:180px!important}.pt--180{padding-top:180px}.pb--180{padding-bottom:180px}.mblock--180{margin-block:180px}.pblock--180{padding-block:180px}@keyframes move-right{0%{right:30px}50%{right:20px}to{right:30px}}: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_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--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;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--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: #fff;--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-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.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;--type-align: center;--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-width: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}.TopVid{position:relative;overflow:hidden}.TopVid:before{content:\"\";position:absolute;inset:0;background:linear-gradient(360deg,#0000000a 50%,#0003),linear-gradient(180deg,#0000000a 50%,#0003);z-index:1}.TopVid__item,.TopVid__video{transition:all .5s;height:calc(100svh - 5.4rem)}@media (min-width: 768px){.TopVid__item,.TopVid__video{height:calc(100svh - 7rem)}}@media (min-width: 1024px){.TopVid__item,.TopVid__video{height:100svh}}@media (min-width: 1280px){.TopVid__video{pointer-events:none}}.TopVid__video--inner{position:relative;width:100%;height:100%;overflow:hidden;background-position:50% 50%;background-size:cover;background-repeat:no-repeat}.TopVid__video iframe{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;transform:translate(-50%,-50%)}.TopVid__item{position:relative;vertical-align:top}.TopVid__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:bottom}\n"] }]
|
|
16856
|
+
}], ctorParameters: () => [{ type: Document, decorators: [{
|
|
16857
|
+
type: Inject,
|
|
16858
|
+
args: [DOCUMENT]
|
|
16859
|
+
}] }, { type: Object, decorators: [{
|
|
16860
|
+
type: Inject,
|
|
16861
|
+
args: [PLATFORM_ID]
|
|
16862
|
+
}] }], propDecorators: { video: [{
|
|
16863
|
+
type: Input
|
|
16864
|
+
}], videoId: [{
|
|
16865
|
+
type: Input
|
|
16866
|
+
}], ytPlayerRef: [{
|
|
16867
|
+
type: ViewChild,
|
|
16868
|
+
args: ['ytPlayer', { static: false }]
|
|
16869
|
+
}] } });
|
|
16870
|
+
|
|
16648
16871
|
class BabylonTopSliderThumbsComponent {
|
|
16649
16872
|
constructor(cdr) {
|
|
16650
16873
|
this.cdr = cdr;
|
|
@@ -18040,11 +18263,11 @@ class C4ForC2TxtComponent {
|
|
|
18040
18263
|
this.submitted = false;
|
|
18041
18264
|
}
|
|
18042
18265
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4ForC2TxtComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18043
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4ForC2TxtComponent, isStandalone: true, selector: "ces-c4-for-c2-txt", inputs: { identifier: "identifier", texts: "texts", hotels: "hotels", consultType: "consultType", buttons: "buttons" }, outputs: { submitForm: "submitForm" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"mdl-h09\" [id]=\"identifier\">\n <div class=\"mdl-container\">\n @if (texts) {\n <div class=\"m-left\">\n @if (texts.title) {\n <h3 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h3>\n }\n @if (texts.description) {\n <div class=\"m-texto\" [innerHTML]=\"texts.description\"></div>\n }\n </div>\n }\n <div class=\"m-right\">\n <div class=\"consulta-form\">\n <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\" novalidate>\n @if (consultType?.props ?? consultType?.options; as opts) {\n <div class=\"form-group\">\n <label>{{ texts?.dropdownTitle }}</label>\n <select\n formControlName=\"consultTypeId\"\n [class.is-invalid]=\"isInvalid('consultTypeId')\"\n >\n <option value=\"\" selected disabled>\n {{ texts?.dropdownPlaceholder }}\n </option>\n @for (option of opts; track option) {\n <option [value]=\"option.Id ?? option.code\">\n {{ option.name }}\n </option>\n }\n </select>\n </div>\n }\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n @if (texts?.inputName) {\n <label for=\"name\">{{ texts?.inputName }}</label>\n <input\n type=\"text\"\n id=\"name\"\n formControlName=\"name\"\n [placeholder]=\"texts?.inputNamePlaceHolder\"\n [class.is-invalid]=\"isInvalid('name')\"\n />\n }\n\n @if (texts?.inputlastname || texts?.inputSurnames) {\n <label for=\"lastname\">{{\n texts?.inputlastname ?? texts?.inputSurnames\n }}</label>\n <input\n type=\"text\"\n id=\"lastname\"\n formControlName=\"lastname\"\n [placeholder]=\"\n texts?.inputlastnamePlaceHolder ??\n texts?.inputSurnamesPlaceHolder\n \"\n [class.is-invalid]=\"isInvalid('lastname')\"\n />\n }\n </div>\n </div>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n @if (texts?.inputEmail) {\n <label for=\"email\">{{\n texts?.inputEmail\n }}</label>\n <input\n type=\"email\"\n id=\"email\"\n formControlName=\"email\"\n [placeholder]=\"texts?.inputEmailPlaceHolder\"\n [class.is-invalid]=\"isInvalid('email')\"\n />\n }\n </div>\n\n <div class=\"form-group\">\n @if (texts?.inputPhone) {\n <label for=\"phone\">{{\n texts?.inputPhone\n }}</label>\n <input\n type=\"tel\"\n id=\"phone\"\n formControlName=\"phone\"\n [placeholder]=\"texts?.inputPhonePlaceHolder\"\n [class.is-invalid]=\"isInvalid('phone')\"\n />\n }\n </div>\n </div>\n\n @if (texts?.inputMessage) {\n <div class=\"form-group\">\n <label for=\"message\">{{\n texts?.inputMessage\n }}</label>\n <textarea\n id=\"message\"\n formControlName=\"message\"\n [placeholder]=\"texts?.inputMessagePlaceHolder\"\n [class.is-invalid]=\"isInvalid('message')\"\n ></textarea>\n </div>\n }\n\n <div class=\"form-footer\">\n @if (texts?.conditions) {\n <label class=\"privacidad\">\n <input\n type=\"checkbox\"\n formControlName=\"privacy\"\n [class.is-invalid]=\"isInvalid('privacy')\"\n />\n <span\n class=\"privacidad__box\"\n aria-hidden=\"true\"\n ></span>\n <span class=\"privacidad__texto\">{{\n texts?.conditions\n }}</span>\n </label>\n }\n\n @if (buttons?.length) {\n <button\n type=\"submit\"\n class=\"m-button-clean enviar\"\n [disabled]=\"form.invalid\"\n [attr.aria-label]=\"\n buttons?.[0]?.label || buttons?.[0]?.name\n \"\n >\n {{ buttons?.[0]?.label || buttons?.[0]?.name }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n />\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n />\n </svg>\n </button>\n }\n </div>\n </form>\n </div>\n </div>\n </div>\n</section>\n", styles: [".mdl-h09{padding:6rem 5rem;display:flex;justify-content:center}.mdl-h09 .mdl-container{max-width:143.6rem;display:flex;justify-content:space-between;width:120%}.mdl-h09 .mdl-container .m-left{width:100%;max-width:54.8rem}.mdl-h09 .mdl-container .m-left .m-titulo{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d}.mdl-h09 .mdl-container .m-left .m-texto{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin-top:2rem;margin-left:6.6rem}@media (max-width: 768px){.mdl-h09 .mdl-container .m-left .m-texto{line-height:2.4rem}}.mdl-h09 .mdl-container .m-right{width:100%;max-width:67rem;padding:5.3rem 0 0}.mdl-h09 .mdl-container .m-right .consulta-form{max-width:67rem;margin:0 auto;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;color:#b7985d;padding:4rem 0 0}.mdl-h09 .mdl-container .m-right .consulta-form input::-moz-placeholder,.mdl-h09 .mdl-container .m-right .consulta-form textarea::-moz-placeholder{color:#b7985d;opacity:1;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;font-size:1em;letter-spacing:.04em}.mdl-h09 .mdl-container .m-right .consulta-form input::placeholder,.mdl-h09 .mdl-container .m-right .consulta-form textarea::placeholder{color:#b7985d;opacity:1;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;font-size:1em;letter-spacing:.04em}.mdl-h09 .mdl-container .m-right .consulta-form label{display:block;font-weight:500;letter-spacing:.05em;margin-bottom:.7rem;color:#b7985d;display:none}.mdl-h09 .mdl-container .m-right .consulta-form .form-group,.mdl-h09 .mdl-container .m-right .consulta-form .form-row{margin-bottom:1.6rem;width:100%}.mdl-h09 .mdl-container .m-right .consulta-form .form-row{display:flex}.mdl-h09 .mdl-container .m-right .consulta-form .m-mail .form-group{width:60%}.mdl-h09 .mdl-container .m-right .consulta-form .m-mail .form-group:last-child{width:40%}.mdl-h09 .mdl-container .m-right .consulta-form input,.mdl-h09 .mdl-container .m-right .consulta-form select,.mdl-h09 .mdl-container .m-right .consulta-form textarea{background:none;border:none;border-bottom:1px solid #b7985d;color:#b7985d;letter-spacing:.05em;padding:1.4rem 0;width:100%;outline:none;transition:border-color .2s;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;line-height:20px}.mdl-h09 .mdl-container .m-right .consulta-form textarea{height:10rem;resize:none}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad{display:flex;align-items:center;font-size:1em;margin-top:1.8rem;font-family:sourcesans,sans-serif;font-weight:400;font-size:1.4rem;line-height:100%}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]{accent-color:#b7985d;width:1.5rem;height:1.5rem;margin-right:.8rem;border-radius:0;border-color:#b7985d!important;color:#b7985d}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad a{color:#b7985d}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad span.privacidad__texto{margin-left:10px}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad .privacidad__box{width:1.6rem;height:1.6rem;border-bottom:1px solid #b7985d;display:inline-flex;align-items:center;justify-content:center;flex:0 0 1.6rem;background:#0000;transition:transform .15s ease,border-color .15s ease,background .15s ease}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad .privacidad__box:after{content:\"\";width:.45rem;height:.85rem;border-right:2px solid #b7985d;border-bottom:2px solid #b7985d;transform:rotate(45deg) scale(0);transform-origin:center;transition:transform .15s ease;margin-top:-1px}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]:checked+.privacidad__box:after{transform:rotate(45deg) scale(1)}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]:focus+.privacidad__box{outline:2px solid rgba(183,152,93,.35);outline-offset:2px}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox].is-invalid+.privacidad__box{border-bottom-color:var(--cl_alert-text-error)}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox].is-invalid+.privacidad__box:after{border-right-color:var(--cl_alert-text-error);border-bottom-color:var(--cl_alert-text-error)}.mdl-h09 .mdl-container .m-right .consulta-form .form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:0}.mdl-h09 .mdl-container .m-right .consulta-form .enviar{background:none;border:none;color:#b7985d;font-size:1.08em;letter-spacing:.07em;cursor:pointer;display:flex;align-items:center}.mdl-h09 .mdl-container .m-right .consulta-form .enviar .flecha{font-size:1.5em;margin-left:1.9rem;transform:translateY(.2rem)}.mdl-h09 .mdl-container .m-right .consulta-form input.is-invalid,.mdl-h09 .mdl-container .m-right .consulta-form select.is-invalid,.mdl-h09 .mdl-container .m-right .consulta-form textarea.is-invalid{border-bottom-color:var(--cl_alert-text-error)!important}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox].is-invalid{outline:2px solid var(--cl_alert-text-error);outline-offset:2px}.mdl-h09 .mdl-container .m-right .consulta-form .enviar[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}@media (max-width: 1440px){.mdl-h09 .mdl-container{flex-direction:column;max-width:67rem}.mdl-h09 .mdl-container .m-left{max-width:100%;margin-left:-6.6rem}.mdl-h09 .mdl-container .m-right .consulta-form{padding:0}}@media (max-width: 1080px){.mdl-h09 .mdl-container .m-left,.mdl-h09 .mdl-container .m-left .m-texto{margin-left:0}}@media (max-width: 540px){.mdl-h09 .mdl-container .m-right .consulta-form .form-row{flex-direction:column;gap:1.2rem;margin-bottom:1.2rem}.mdl-h09 .mdl-container .m-right .consulta-form .form-row .form-group{width:100%!important}.mdl-h09 .mdl-container .m-right .consulta-form .form-footer{flex-direction:column-reverse;align-items:normal;gap:2rem}.mdl-h09 .mdl-container .m-right .consulta-form .enviar{justify-content:flex-end}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
|
|
18266
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4ForC2TxtComponent, isStandalone: true, selector: "ces-c4-for-c2-txt", inputs: { identifier: "identifier", texts: "texts", hotels: "hotels", consultType: "consultType", buttons: "buttons" }, outputs: { submitForm: "submitForm" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"mdl-h09\" [id]=\"identifier\">\n <div class=\"mdl-container\">\n @if (texts) {\n <div class=\"m-left\">\n @if (texts.title) {\n <h3 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h3>\n }\n @if (texts.description) {\n <div class=\"m-texto\" [innerHTML]=\"texts.description\"></div>\n }\n </div>\n }\n <div class=\"m-right\">\n <div class=\"consulta-form\">\n <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\" novalidate>\n @if (consultType?.props ?? consultType?.options; as opts) {\n <div class=\"form-group\">\n <label>{{ texts?.dropdownTitle }}</label>\n <select\n formControlName=\"consultTypeId\"\n [class.is-invalid]=\"isInvalid('consultTypeId')\"\n >\n <option value=\"\" selected disabled>\n {{ texts?.dropdownPlaceholder }}\n </option>\n @for (option of opts; track option) {\n <option [value]=\"option.Id ?? option.code\">\n {{ option.name }}\n </option>\n }\n </select>\n </div>\n }\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n @if (texts?.inputName) {\n <label for=\"name\">{{ texts?.inputName }}</label>\n <input\n type=\"text\"\n id=\"name\"\n formControlName=\"name\"\n [placeholder]=\"texts?.inputNamePlaceHolder\"\n [class.is-invalid]=\"isInvalid('name')\"\n />\n }\n\n @if (texts?.inputlastname || texts?.inputSurnames) {\n <label for=\"lastname\">{{\n texts?.inputlastname ?? texts?.inputSurnames\n }}</label>\n <input\n type=\"text\"\n id=\"lastname\"\n formControlName=\"lastname\"\n [placeholder]=\"\n texts?.inputlastnamePlaceHolder ??\n texts?.inputSurnamesPlaceHolder\n \"\n [class.is-invalid]=\"isInvalid('lastname')\"\n />\n }\n </div>\n </div>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n @if (texts?.inputEmail) {\n <label for=\"email\">{{\n texts?.inputEmail\n }}</label>\n <input\n type=\"email\"\n id=\"email\"\n formControlName=\"email\"\n [placeholder]=\"texts?.inputEmailPlaceHolder\"\n [class.is-invalid]=\"isInvalid('email')\"\n />\n }\n </div>\n\n <div class=\"form-group\">\n @if (texts?.inputPhone) {\n <label for=\"phone\">{{\n texts?.inputPhone\n }}</label>\n <input\n type=\"tel\"\n id=\"phone\"\n formControlName=\"phone\"\n [placeholder]=\"texts?.inputPhonePlaceHolder\"\n [class.is-invalid]=\"isInvalid('phone')\"\n />\n }\n </div>\n </div>\n\n @if (texts?.inputMessage) {\n <div class=\"form-group\">\n <label for=\"message\">{{\n texts?.inputMessage\n }}</label>\n <textarea\n id=\"message\"\n formControlName=\"message\"\n [placeholder]=\"texts?.inputMessagePlaceHolder\"\n [class.is-invalid]=\"isInvalid('message')\"\n ></textarea>\n </div>\n }\n\n <div class=\"form-footer\">\n @if (texts?.conditions) {\n <label class=\"privacidad\">\n <input\n type=\"checkbox\"\n formControlName=\"privacy\"\n [class.is-invalid]=\"isInvalid('privacy')\"\n />\n <span\n class=\"privacidad__box\"\n aria-hidden=\"true\"\n ></span>\n <span class=\"privacidad__texto\">\n <a\n [href]=\"buttons?.[0]?.url\"\n target=\"_blank\"\n class=\"link-terminos\"\n >{{ texts?.conditions }}</a\n ></span\n >\n </label>\n }\n\n @if (buttons?.length) {\n <button\n type=\"submit\"\n class=\"m-button-clean enviar\"\n [disabled]=\"form.invalid\"\n [attr.aria-label]=\"\n buttons?.[0]?.label || buttons?.[0]?.name\n \"\n >\n {{ buttons?.[0]?.label || buttons?.[0]?.name }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n />\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n />\n </svg>\n </button>\n }\n </div>\n </form>\n </div>\n </div>\n </div>\n</section>\n", styles: [".mdl-h09{padding:6rem 5rem;display:flex;justify-content:center}.mdl-h09 .mdl-container{max-width:143.6rem;display:flex;justify-content:space-between;width:120%}.mdl-h09 .mdl-container .m-left{width:100%;max-width:54.8rem}.mdl-h09 .mdl-container .m-left .m-titulo{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d}.mdl-h09 .mdl-container .m-left .m-texto{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin-top:2rem;margin-left:6.6rem}@media (max-width: 768px){.mdl-h09 .mdl-container .m-left .m-texto{line-height:2.4rem}}.mdl-h09 .mdl-container .m-right{width:100%;max-width:67rem;padding:5.3rem 0 0}.mdl-h09 .mdl-container .m-right .consulta-form{max-width:67rem;margin:0 auto;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;color:#b7985d;padding:4rem 0 0}.mdl-h09 .mdl-container .m-right .consulta-form input::-moz-placeholder,.mdl-h09 .mdl-container .m-right .consulta-form textarea::-moz-placeholder{color:#b7985d;opacity:1;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;font-size:1em;letter-spacing:.04em}.mdl-h09 .mdl-container .m-right .consulta-form input::placeholder,.mdl-h09 .mdl-container .m-right .consulta-form textarea::placeholder{color:#b7985d;opacity:1;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;font-size:1em;letter-spacing:.04em}.mdl-h09 .mdl-container .m-right .consulta-form label{display:block;font-weight:500;letter-spacing:.05em;margin-bottom:.7rem;color:#b7985d;display:none}.mdl-h09 .mdl-container .m-right .consulta-form .form-group,.mdl-h09 .mdl-container .m-right .consulta-form .form-row{margin-bottom:1.6rem;width:100%}.mdl-h09 .mdl-container .m-right .consulta-form .form-row{display:flex}.mdl-h09 .mdl-container .m-right .consulta-form .m-mail .form-group{width:60%}.mdl-h09 .mdl-container .m-right .consulta-form .m-mail .form-group:last-child{width:40%}.mdl-h09 .mdl-container .m-right .consulta-form input,.mdl-h09 .mdl-container .m-right .consulta-form select,.mdl-h09 .mdl-container .m-right .consulta-form textarea{background:none;border:none;border-bottom:1px solid #b7985d;color:#b7985d;letter-spacing:.05em;padding:1.4rem 0;width:100%;outline:none;transition:border-color .2s;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;line-height:20px}.mdl-h09 .mdl-container .m-right .consulta-form textarea{height:10rem;resize:none}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad{display:flex;align-items:center;font-size:1em;margin-top:1.8rem;font-family:sourcesans,sans-serif;font-weight:400;font-size:1.4rem;line-height:100%}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]{accent-color:#b7985d;width:1.5rem;height:1.5rem;margin-right:.8rem;border-radius:0;border-color:#b7985d!important;color:#b7985d}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad a{color:#b7985d}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad span.privacidad__texto{margin-left:10px}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad .privacidad__box{width:1.6rem;height:1.6rem;border-bottom:1px solid #b7985d;display:inline-flex;align-items:center;justify-content:center;flex:0 0 1.6rem;background:#0000;transition:transform .15s ease,border-color .15s ease,background .15s ease}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad .privacidad__box:after{content:\"\";width:.45rem;height:.85rem;border-right:2px solid #b7985d;border-bottom:2px solid #b7985d;transform:rotate(45deg) scale(0);transform-origin:center;transition:transform .15s ease;margin-top:-1px}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]:checked+.privacidad__box:after{transform:rotate(45deg) scale(1)}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]:focus+.privacidad__box{outline:2px solid rgba(183,152,93,.35);outline-offset:2px}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox].is-invalid+.privacidad__box{border-bottom-color:var(--cl_alert-text-error)}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox].is-invalid+.privacidad__box:after{border-right-color:var(--cl_alert-text-error);border-bottom-color:var(--cl_alert-text-error)}.mdl-h09 .mdl-container .m-right .consulta-form .form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:0}.mdl-h09 .mdl-container .m-right .consulta-form .enviar{background:none;border:none;color:#b7985d;font-size:1.08em;letter-spacing:.07em;cursor:pointer;display:flex;align-items:center}.mdl-h09 .mdl-container .m-right .consulta-form .enviar .flecha{font-size:1.5em;margin-left:1.9rem;transform:translateY(.2rem)}.mdl-h09 .mdl-container .m-right .consulta-form input.is-invalid,.mdl-h09 .mdl-container .m-right .consulta-form select.is-invalid,.mdl-h09 .mdl-container .m-right .consulta-form textarea.is-invalid{border-bottom-color:var(--cl_alert-text-error)!important}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox].is-invalid{outline:2px solid var(--cl_alert-text-error);outline-offset:2px}.mdl-h09 .mdl-container .m-right .consulta-form .enviar[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}@media (max-width: 1440px){.mdl-h09 .mdl-container{flex-direction:column;max-width:67rem}.mdl-h09 .mdl-container .m-left{max-width:100%;margin-left:-6.6rem}.mdl-h09 .mdl-container .m-right .consulta-form{padding:0}}@media (max-width: 1080px){.mdl-h09 .mdl-container .m-left,.mdl-h09 .mdl-container .m-left .m-texto{margin-left:0}}@media (max-width: 540px){.mdl-h09 .mdl-container .m-right .consulta-form .form-row{flex-direction:column;gap:1.2rem;margin-bottom:1.2rem}.mdl-h09 .mdl-container .m-right .consulta-form .form-row .form-group{width:100%!important}.mdl-h09 .mdl-container .m-right .consulta-form .form-footer{flex-direction:column-reverse;align-items:normal;gap:2rem}.mdl-h09 .mdl-container .m-right .consulta-form .enviar{justify-content:flex-end}}.mdl-h09 .link-terminos{text-decoration:underline;cursor:pointer;text-underline-offset:4px;transition:opacity .2s}.mdl-h09 .link-terminos:hover{text-decoration:none;opacity:.8}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
|
|
18044
18267
|
}
|
|
18045
18268
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4ForC2TxtComponent, decorators: [{
|
|
18046
18269
|
type: Component,
|
|
18047
|
-
args: [{ selector: 'ces-c4-for-c2-txt', standalone: true, imports: [CommonModule, ReactiveFormsModule], template: "<section class=\"mdl-h09\" [id]=\"identifier\">\n <div class=\"mdl-container\">\n @if (texts) {\n <div class=\"m-left\">\n @if (texts.title) {\n <h3 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h3>\n }\n @if (texts.description) {\n <div class=\"m-texto\" [innerHTML]=\"texts.description\"></div>\n }\n </div>\n }\n <div class=\"m-right\">\n <div class=\"consulta-form\">\n <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\" novalidate>\n @if (consultType?.props ?? consultType?.options; as opts) {\n <div class=\"form-group\">\n <label>{{ texts?.dropdownTitle }}</label>\n <select\n formControlName=\"consultTypeId\"\n [class.is-invalid]=\"isInvalid('consultTypeId')\"\n >\n <option value=\"\" selected disabled>\n {{ texts?.dropdownPlaceholder }}\n </option>\n @for (option of opts; track option) {\n <option [value]=\"option.Id ?? option.code\">\n {{ option.name }}\n </option>\n }\n </select>\n </div>\n }\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n @if (texts?.inputName) {\n <label for=\"name\">{{ texts?.inputName }}</label>\n <input\n type=\"text\"\n id=\"name\"\n formControlName=\"name\"\n [placeholder]=\"texts?.inputNamePlaceHolder\"\n [class.is-invalid]=\"isInvalid('name')\"\n />\n }\n\n @if (texts?.inputlastname || texts?.inputSurnames) {\n <label for=\"lastname\">{{\n texts?.inputlastname ?? texts?.inputSurnames\n }}</label>\n <input\n type=\"text\"\n id=\"lastname\"\n formControlName=\"lastname\"\n [placeholder]=\"\n texts?.inputlastnamePlaceHolder ??\n texts?.inputSurnamesPlaceHolder\n \"\n [class.is-invalid]=\"isInvalid('lastname')\"\n />\n }\n </div>\n </div>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n @if (texts?.inputEmail) {\n <label for=\"email\">{{\n texts?.inputEmail\n }}</label>\n <input\n type=\"email\"\n id=\"email\"\n formControlName=\"email\"\n [placeholder]=\"texts?.inputEmailPlaceHolder\"\n [class.is-invalid]=\"isInvalid('email')\"\n />\n }\n </div>\n\n <div class=\"form-group\">\n @if (texts?.inputPhone) {\n <label for=\"phone\">{{\n texts?.inputPhone\n }}</label>\n <input\n type=\"tel\"\n id=\"phone\"\n formControlName=\"phone\"\n [placeholder]=\"texts?.inputPhonePlaceHolder\"\n [class.is-invalid]=\"isInvalid('phone')\"\n />\n }\n </div>\n </div>\n\n @if (texts?.inputMessage) {\n <div class=\"form-group\">\n <label for=\"message\">{{\n texts?.inputMessage\n }}</label>\n <textarea\n id=\"message\"\n formControlName=\"message\"\n [placeholder]=\"texts?.inputMessagePlaceHolder\"\n [class.is-invalid]=\"isInvalid('message')\"\n ></textarea>\n </div>\n }\n\n <div class=\"form-footer\">\n @if (texts?.conditions) {\n <label class=\"privacidad\">\n <input\n type=\"checkbox\"\n formControlName=\"privacy\"\n [class.is-invalid]=\"isInvalid('privacy')\"\n />\n <span\n class=\"privacidad__box\"\n aria-hidden=\"true\"\n ></span>\n <span class=\"privacidad__texto\">{{\n texts?.conditions\n }}</span>\n </label>\n }\n\n @if (buttons?.length) {\n <button\n type=\"submit\"\n class=\"m-button-clean enviar\"\n [disabled]=\"form.invalid\"\n [attr.aria-label]=\"\n buttons?.[0]?.label || buttons?.[0]?.name\n \"\n >\n {{ buttons?.[0]?.label || buttons?.[0]?.name }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n />\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n />\n </svg>\n </button>\n }\n </div>\n </form>\n </div>\n </div>\n </div>\n</section>\n", styles: [".mdl-h09{padding:6rem 5rem;display:flex;justify-content:center}.mdl-h09 .mdl-container{max-width:143.6rem;display:flex;justify-content:space-between;width:120%}.mdl-h09 .mdl-container .m-left{width:100%;max-width:54.8rem}.mdl-h09 .mdl-container .m-left .m-titulo{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d}.mdl-h09 .mdl-container .m-left .m-texto{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin-top:2rem;margin-left:6.6rem}@media (max-width: 768px){.mdl-h09 .mdl-container .m-left .m-texto{line-height:2.4rem}}.mdl-h09 .mdl-container .m-right{width:100%;max-width:67rem;padding:5.3rem 0 0}.mdl-h09 .mdl-container .m-right .consulta-form{max-width:67rem;margin:0 auto;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;color:#b7985d;padding:4rem 0 0}.mdl-h09 .mdl-container .m-right .consulta-form input::-moz-placeholder,.mdl-h09 .mdl-container .m-right .consulta-form textarea::-moz-placeholder{color:#b7985d;opacity:1;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;font-size:1em;letter-spacing:.04em}.mdl-h09 .mdl-container .m-right .consulta-form input::placeholder,.mdl-h09 .mdl-container .m-right .consulta-form textarea::placeholder{color:#b7985d;opacity:1;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;font-size:1em;letter-spacing:.04em}.mdl-h09 .mdl-container .m-right .consulta-form label{display:block;font-weight:500;letter-spacing:.05em;margin-bottom:.7rem;color:#b7985d;display:none}.mdl-h09 .mdl-container .m-right .consulta-form .form-group,.mdl-h09 .mdl-container .m-right .consulta-form .form-row{margin-bottom:1.6rem;width:100%}.mdl-h09 .mdl-container .m-right .consulta-form .form-row{display:flex}.mdl-h09 .mdl-container .m-right .consulta-form .m-mail .form-group{width:60%}.mdl-h09 .mdl-container .m-right .consulta-form .m-mail .form-group:last-child{width:40%}.mdl-h09 .mdl-container .m-right .consulta-form input,.mdl-h09 .mdl-container .m-right .consulta-form select,.mdl-h09 .mdl-container .m-right .consulta-form textarea{background:none;border:none;border-bottom:1px solid #b7985d;color:#b7985d;letter-spacing:.05em;padding:1.4rem 0;width:100%;outline:none;transition:border-color .2s;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;line-height:20px}.mdl-h09 .mdl-container .m-right .consulta-form textarea{height:10rem;resize:none}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad{display:flex;align-items:center;font-size:1em;margin-top:1.8rem;font-family:sourcesans,sans-serif;font-weight:400;font-size:1.4rem;line-height:100%}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]{accent-color:#b7985d;width:1.5rem;height:1.5rem;margin-right:.8rem;border-radius:0;border-color:#b7985d!important;color:#b7985d}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad a{color:#b7985d}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad span.privacidad__texto{margin-left:10px}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad .privacidad__box{width:1.6rem;height:1.6rem;border-bottom:1px solid #b7985d;display:inline-flex;align-items:center;justify-content:center;flex:0 0 1.6rem;background:#0000;transition:transform .15s ease,border-color .15s ease,background .15s ease}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad .privacidad__box:after{content:\"\";width:.45rem;height:.85rem;border-right:2px solid #b7985d;border-bottom:2px solid #b7985d;transform:rotate(45deg) scale(0);transform-origin:center;transition:transform .15s ease;margin-top:-1px}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]:checked+.privacidad__box:after{transform:rotate(45deg) scale(1)}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]:focus+.privacidad__box{outline:2px solid rgba(183,152,93,.35);outline-offset:2px}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox].is-invalid+.privacidad__box{border-bottom-color:var(--cl_alert-text-error)}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox].is-invalid+.privacidad__box:after{border-right-color:var(--cl_alert-text-error);border-bottom-color:var(--cl_alert-text-error)}.mdl-h09 .mdl-container .m-right .consulta-form .form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:0}.mdl-h09 .mdl-container .m-right .consulta-form .enviar{background:none;border:none;color:#b7985d;font-size:1.08em;letter-spacing:.07em;cursor:pointer;display:flex;align-items:center}.mdl-h09 .mdl-container .m-right .consulta-form .enviar .flecha{font-size:1.5em;margin-left:1.9rem;transform:translateY(.2rem)}.mdl-h09 .mdl-container .m-right .consulta-form input.is-invalid,.mdl-h09 .mdl-container .m-right .consulta-form select.is-invalid,.mdl-h09 .mdl-container .m-right .consulta-form textarea.is-invalid{border-bottom-color:var(--cl_alert-text-error)!important}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox].is-invalid{outline:2px solid var(--cl_alert-text-error);outline-offset:2px}.mdl-h09 .mdl-container .m-right .consulta-form .enviar[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}@media (max-width: 1440px){.mdl-h09 .mdl-container{flex-direction:column;max-width:67rem}.mdl-h09 .mdl-container .m-left{max-width:100%;margin-left:-6.6rem}.mdl-h09 .mdl-container .m-right .consulta-form{padding:0}}@media (max-width: 1080px){.mdl-h09 .mdl-container .m-left,.mdl-h09 .mdl-container .m-left .m-texto{margin-left:0}}@media (max-width: 540px){.mdl-h09 .mdl-container .m-right .consulta-form .form-row{flex-direction:column;gap:1.2rem;margin-bottom:1.2rem}.mdl-h09 .mdl-container .m-right .consulta-form .form-row .form-group{width:100%!important}.mdl-h09 .mdl-container .m-right .consulta-form .form-footer{flex-direction:column-reverse;align-items:normal;gap:2rem}.mdl-h09 .mdl-container .m-right .consulta-form .enviar{justify-content:flex-end}}\n"] }]
|
|
18270
|
+
args: [{ selector: 'ces-c4-for-c2-txt', standalone: true, imports: [CommonModule, ReactiveFormsModule], template: "<section class=\"mdl-h09\" [id]=\"identifier\">\n <div class=\"mdl-container\">\n @if (texts) {\n <div class=\"m-left\">\n @if (texts.title) {\n <h3 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h3>\n }\n @if (texts.description) {\n <div class=\"m-texto\" [innerHTML]=\"texts.description\"></div>\n }\n </div>\n }\n <div class=\"m-right\">\n <div class=\"consulta-form\">\n <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\" novalidate>\n @if (consultType?.props ?? consultType?.options; as opts) {\n <div class=\"form-group\">\n <label>{{ texts?.dropdownTitle }}</label>\n <select\n formControlName=\"consultTypeId\"\n [class.is-invalid]=\"isInvalid('consultTypeId')\"\n >\n <option value=\"\" selected disabled>\n {{ texts?.dropdownPlaceholder }}\n </option>\n @for (option of opts; track option) {\n <option [value]=\"option.Id ?? option.code\">\n {{ option.name }}\n </option>\n }\n </select>\n </div>\n }\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n @if (texts?.inputName) {\n <label for=\"name\">{{ texts?.inputName }}</label>\n <input\n type=\"text\"\n id=\"name\"\n formControlName=\"name\"\n [placeholder]=\"texts?.inputNamePlaceHolder\"\n [class.is-invalid]=\"isInvalid('name')\"\n />\n }\n\n @if (texts?.inputlastname || texts?.inputSurnames) {\n <label for=\"lastname\">{{\n texts?.inputlastname ?? texts?.inputSurnames\n }}</label>\n <input\n type=\"text\"\n id=\"lastname\"\n formControlName=\"lastname\"\n [placeholder]=\"\n texts?.inputlastnamePlaceHolder ??\n texts?.inputSurnamesPlaceHolder\n \"\n [class.is-invalid]=\"isInvalid('lastname')\"\n />\n }\n </div>\n </div>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n @if (texts?.inputEmail) {\n <label for=\"email\">{{\n texts?.inputEmail\n }}</label>\n <input\n type=\"email\"\n id=\"email\"\n formControlName=\"email\"\n [placeholder]=\"texts?.inputEmailPlaceHolder\"\n [class.is-invalid]=\"isInvalid('email')\"\n />\n }\n </div>\n\n <div class=\"form-group\">\n @if (texts?.inputPhone) {\n <label for=\"phone\">{{\n texts?.inputPhone\n }}</label>\n <input\n type=\"tel\"\n id=\"phone\"\n formControlName=\"phone\"\n [placeholder]=\"texts?.inputPhonePlaceHolder\"\n [class.is-invalid]=\"isInvalid('phone')\"\n />\n }\n </div>\n </div>\n\n @if (texts?.inputMessage) {\n <div class=\"form-group\">\n <label for=\"message\">{{\n texts?.inputMessage\n }}</label>\n <textarea\n id=\"message\"\n formControlName=\"message\"\n [placeholder]=\"texts?.inputMessagePlaceHolder\"\n [class.is-invalid]=\"isInvalid('message')\"\n ></textarea>\n </div>\n }\n\n <div class=\"form-footer\">\n @if (texts?.conditions) {\n <label class=\"privacidad\">\n <input\n type=\"checkbox\"\n formControlName=\"privacy\"\n [class.is-invalid]=\"isInvalid('privacy')\"\n />\n <span\n class=\"privacidad__box\"\n aria-hidden=\"true\"\n ></span>\n <span class=\"privacidad__texto\">\n <a\n [href]=\"buttons?.[0]?.url\"\n target=\"_blank\"\n class=\"link-terminos\"\n >{{ texts?.conditions }}</a\n ></span\n >\n </label>\n }\n\n @if (buttons?.length) {\n <button\n type=\"submit\"\n class=\"m-button-clean enviar\"\n [disabled]=\"form.invalid\"\n [attr.aria-label]=\"\n buttons?.[0]?.label || buttons?.[0]?.name\n \"\n >\n {{ buttons?.[0]?.label || buttons?.[0]?.name }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n />\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n />\n </svg>\n </button>\n }\n </div>\n </form>\n </div>\n </div>\n </div>\n</section>\n", styles: [".mdl-h09{padding:6rem 5rem;display:flex;justify-content:center}.mdl-h09 .mdl-container{max-width:143.6rem;display:flex;justify-content:space-between;width:120%}.mdl-h09 .mdl-container .m-left{width:100%;max-width:54.8rem}.mdl-h09 .mdl-container .m-left .m-titulo{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d}.mdl-h09 .mdl-container .m-left .m-texto{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin-top:2rem;margin-left:6.6rem}@media (max-width: 768px){.mdl-h09 .mdl-container .m-left .m-texto{line-height:2.4rem}}.mdl-h09 .mdl-container .m-right{width:100%;max-width:67rem;padding:5.3rem 0 0}.mdl-h09 .mdl-container .m-right .consulta-form{max-width:67rem;margin:0 auto;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;color:#b7985d;padding:4rem 0 0}.mdl-h09 .mdl-container .m-right .consulta-form input::-moz-placeholder,.mdl-h09 .mdl-container .m-right .consulta-form textarea::-moz-placeholder{color:#b7985d;opacity:1;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;font-size:1em;letter-spacing:.04em}.mdl-h09 .mdl-container .m-right .consulta-form input::placeholder,.mdl-h09 .mdl-container .m-right .consulta-form textarea::placeholder{color:#b7985d;opacity:1;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;font-size:1em;letter-spacing:.04em}.mdl-h09 .mdl-container .m-right .consulta-form label{display:block;font-weight:500;letter-spacing:.05em;margin-bottom:.7rem;color:#b7985d;display:none}.mdl-h09 .mdl-container .m-right .consulta-form .form-group,.mdl-h09 .mdl-container .m-right .consulta-form .form-row{margin-bottom:1.6rem;width:100%}.mdl-h09 .mdl-container .m-right .consulta-form .form-row{display:flex}.mdl-h09 .mdl-container .m-right .consulta-form .m-mail .form-group{width:60%}.mdl-h09 .mdl-container .m-right .consulta-form .m-mail .form-group:last-child{width:40%}.mdl-h09 .mdl-container .m-right .consulta-form input,.mdl-h09 .mdl-container .m-right .consulta-form select,.mdl-h09 .mdl-container .m-right .consulta-form textarea{background:none;border:none;border-bottom:1px solid #b7985d;color:#b7985d;letter-spacing:.05em;padding:1.4rem 0;width:100%;outline:none;transition:border-color .2s;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;line-height:20px}.mdl-h09 .mdl-container .m-right .consulta-form textarea{height:10rem;resize:none}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad{display:flex;align-items:center;font-size:1em;margin-top:1.8rem;font-family:sourcesans,sans-serif;font-weight:400;font-size:1.4rem;line-height:100%}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]{accent-color:#b7985d;width:1.5rem;height:1.5rem;margin-right:.8rem;border-radius:0;border-color:#b7985d!important;color:#b7985d}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad a{color:#b7985d}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad span.privacidad__texto{margin-left:10px}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad .privacidad__box{width:1.6rem;height:1.6rem;border-bottom:1px solid #b7985d;display:inline-flex;align-items:center;justify-content:center;flex:0 0 1.6rem;background:#0000;transition:transform .15s ease,border-color .15s ease,background .15s ease}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad .privacidad__box:after{content:\"\";width:.45rem;height:.85rem;border-right:2px solid #b7985d;border-bottom:2px solid #b7985d;transform:rotate(45deg) scale(0);transform-origin:center;transition:transform .15s ease;margin-top:-1px}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]:checked+.privacidad__box:after{transform:rotate(45deg) scale(1)}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]:focus+.privacidad__box{outline:2px solid rgba(183,152,93,.35);outline-offset:2px}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox].is-invalid+.privacidad__box{border-bottom-color:var(--cl_alert-text-error)}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox].is-invalid+.privacidad__box:after{border-right-color:var(--cl_alert-text-error);border-bottom-color:var(--cl_alert-text-error)}.mdl-h09 .mdl-container .m-right .consulta-form .form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:0}.mdl-h09 .mdl-container .m-right .consulta-form .enviar{background:none;border:none;color:#b7985d;font-size:1.08em;letter-spacing:.07em;cursor:pointer;display:flex;align-items:center}.mdl-h09 .mdl-container .m-right .consulta-form .enviar .flecha{font-size:1.5em;margin-left:1.9rem;transform:translateY(.2rem)}.mdl-h09 .mdl-container .m-right .consulta-form input.is-invalid,.mdl-h09 .mdl-container .m-right .consulta-form select.is-invalid,.mdl-h09 .mdl-container .m-right .consulta-form textarea.is-invalid{border-bottom-color:var(--cl_alert-text-error)!important}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox].is-invalid{outline:2px solid var(--cl_alert-text-error);outline-offset:2px}.mdl-h09 .mdl-container .m-right .consulta-form .enviar[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}@media (max-width: 1440px){.mdl-h09 .mdl-container{flex-direction:column;max-width:67rem}.mdl-h09 .mdl-container .m-left{max-width:100%;margin-left:-6.6rem}.mdl-h09 .mdl-container .m-right .consulta-form{padding:0}}@media (max-width: 1080px){.mdl-h09 .mdl-container .m-left,.mdl-h09 .mdl-container .m-left .m-texto{margin-left:0}}@media (max-width: 540px){.mdl-h09 .mdl-container .m-right .consulta-form .form-row{flex-direction:column;gap:1.2rem;margin-bottom:1.2rem}.mdl-h09 .mdl-container .m-right .consulta-form .form-row .form-group{width:100%!important}.mdl-h09 .mdl-container .m-right .consulta-form .form-footer{flex-direction:column-reverse;align-items:normal;gap:2rem}.mdl-h09 .mdl-container .m-right .consulta-form .enviar{justify-content:flex-end}}.mdl-h09 .link-terminos{text-decoration:underline;cursor:pointer;text-underline-offset:4px;transition:opacity .2s}.mdl-h09 .link-terminos:hover{text-decoration:none;opacity:.8}\n"] }]
|
|
18048
18271
|
}], propDecorators: { identifier: [{
|
|
18049
18272
|
type: Input
|
|
18050
18273
|
}], texts: [{
|
|
@@ -18100,23 +18323,29 @@ class ListRoomsComponent {
|
|
|
18100
18323
|
return source.map((item) => {
|
|
18101
18324
|
const isImageI = 'img' in item || 'src' in item;
|
|
18102
18325
|
return {
|
|
18103
|
-
src: isImageI
|
|
18104
|
-
|
|
18326
|
+
src: isImageI
|
|
18327
|
+
? item.img?.src || item.src
|
|
18328
|
+
: item.images?.[0]?.src,
|
|
18329
|
+
alt: isImageI
|
|
18330
|
+
? item.img?.alt || item.alt
|
|
18331
|
+
: item.images?.[0]?.alt,
|
|
18105
18332
|
title: isImageI ? item.title : item.texts?.name,
|
|
18106
18333
|
pretitle: isImageI ? item.pretitle : undefined,
|
|
18107
18334
|
subtitle: isImageI ? item.subtitle : undefined,
|
|
18108
|
-
description: isImageI
|
|
18335
|
+
description: isImageI
|
|
18336
|
+
? item.description
|
|
18337
|
+
: item.texts?.description,
|
|
18109
18338
|
buttons: item.buttons,
|
|
18110
|
-
links: item.links
|
|
18339
|
+
links: item.links,
|
|
18111
18340
|
};
|
|
18112
18341
|
});
|
|
18113
18342
|
}
|
|
18114
18343
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ListRoomsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18115
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ListRoomsComponent, isStandalone: true, selector: "ces-list-rooms", inputs: { links: "links", items: "items", multimedia: "multimedia" }, ngImport: i0, template: "<section class=\"mdl-h05\">\n <div class=\"mdl-container\">\n <div class=\"m-top\">\n @if (links?.length) {\n <a\n [href]=\"links?.[0]?.url\"\n [linkType]=\"links?.[0]?.linkType\"\n class=\"m-button-clean\"\n [title]=\"links?.[0]?.label\"\n >\n {{ links?.[0]?.label }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n />\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n />\n </svg>\n </a>\n }\n </div>\n\n @if (normalizedItems.length) {\n <div class=\"m-bottom\">\n @for (item of normalizedItems; track $index) {\n <a\n [href]=\"item.links?.[0]?.url
|
|
18344
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ListRoomsComponent, isStandalone: true, selector: "ces-list-rooms", inputs: { links: "links", items: "items", multimedia: "multimedia" }, ngImport: i0, template: "<section class=\"mdl-h05\">\n <div class=\"mdl-container\">\n <div class=\"m-top\">\n @if (links?.length) {\n <a\n [href]=\"links?.[0]?.url\"\n [linkType]=\"links?.[0]?.linkType\"\n class=\"m-button-clean\"\n [title]=\"links?.[0]?.label\"\n >\n {{ links?.[0]?.label }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n />\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n />\n </svg>\n </a>\n }\n </div>\n\n @if (normalizedItems.length) {\n <div class=\"m-bottom\">\n @for (item of normalizedItems; track $index) {\n <a class=\"m-item\">\n <div class=\"m-imagen\">\n <a\n class=\"img-link\"\n [href]=\"\n item.links?.[0]?.url ||\n item.buttons?.[0]?.url\n \"\n [title]=\"item.links?.[0]?.label || item.title\"\n [linkType]=\"\n item.links?.[0]?.linkType ||\n item.buttons?.[0]?.linkType\n \"\n >\n <img [src]=\"item.src\" [alt]=\"item.alt\" />\n </a>\n </div>\n <div class=\"m-titulo-wrap\">\n @if (item.pretitle) {\n <p class=\"m-pretitulo\">{{ item.pretitle }}</p>\n }\n <h4 class=\"m-titulo\">\n {{ item.title }}\n </h4>\n @if (item.subtitle) {\n <p class=\"m-subtitulo\">{{ item.subtitle }}</p>\n }\n @if (item.description) {\n <p class=\"m-descripcion\">\n {{ item.description }}\n </p>\n }\n <div class=\"m-line\"></div>\n @if (item.buttons?.length) {\n @for (item of item.buttons; track $index) {\n <button\n role=\"button\"\n [ngClass]=\"{\n 'm-button': $index % 2 === 0,\n 'm-underline': $index % 2 !== 0,\n }\"\n [href]=\"item.url\"\n [title]=\"item.label\"\n [linkType]=\"item.linkType\"\n >\n {{ item.label }}\n </button>\n }\n }\n </div>\n </a>\n }\n </div>\n }\n </div>\n</section>\n", styles: [".m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:-webkit-clip-path .3s ease;transition:clip-path .3s ease;transition:clip-path .3s ease,-webkit-clip-path .3s ease;-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{-webkit-clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%);clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}.m-underline{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;text-decoration:underline;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s;font-size:1.4rem}.m-underline:hover{text-decoration:none;transition:.3s}.img-link{width:100%;height:100%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px)and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{-moz-text-size-adjust:none;text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;-o-object-fit:contain;object-fit:contain}@keyframes swingV{15%{transform:translateY(.5rem)}30%{transform:translateY(-.5rem)}50%{transform:translateY(.3rem)}65%{transform:translateY(-.3rem)}80%{transform:translateY(.2rem)}to{transform:translateY(0)}}@keyframes swingH{15%{transform:translate(.5rem)}30%{transform:translate(-.5rem)}50%{transform:translate(.3rem)}65%{transform:translate(-.3rem)}80%{transform:translate(.2rem)}to{transform:translate(0)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#fff;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.m-titulo-wrap{width:34.9rem;max-width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3rem}.mdl-h05{padding:3rem 1.4rem 0}.mdl-h05 .mdl-container{max-width:71rem}.mdl-h05 .mdl-container .m-top{margin-bottom:2.5rem}.mdl-h05 .mdl-container .m-bottom{display:flex;gap:1.2rem;flex-wrap:wrap;justify-content:center}.mdl-h05 .mdl-container .m-bottom .m-item{display:flex;flex-direction:column;gap:3rem;align-items:center;margin-bottom:7rem}.mdl-h05 .mdl-container .m-bottom .m-item .m-imagen{width:34.9rem;height:34.9rem}.mdl-h05 .mdl-container .m-bottom .m-item .m-imagen img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mdl-h05 .mdl-container .m-bottom .m-item .m-line{height:.1rem;width:2.8rem;background-color:#b7985d}.mdl-h05 .mdl-container .m-bottom .m-item .m-titulo{font-family:josefinsans,sans-serif;font-weight:400;font-size:2rem;line-height:2.4rem;text-transform:uppercase;color:#b7985d}@media (max-width: 737px){.mdl-h05 .mdl-container .m-top{width:100%;display:flex;justify-content:center}.mdl-h05 .mdl-container .m-top .m-button-clean{width:23rem;white-space:wrap;align-items:flex-end;gap:0;margin-right:-3rem}.mdl-h05 .mdl-container .m-top .m-button-clean svg{margin-bottom:.7rem}}\n"], dependencies: [{ kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
18116
18345
|
}
|
|
18117
18346
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ListRoomsComponent, decorators: [{
|
|
18118
18347
|
type: Component,
|
|
18119
|
-
args: [{ selector: 'ces-list-rooms', standalone: true, imports: [BabylonLinkTypeDirective], template: "<section class=\"mdl-h05\">\n <div class=\"mdl-container\">\n <div class=\"m-top\">\n @if (links?.length) {\n <a\n [href]=\"links?.[0]?.url\"\n [linkType]=\"links?.[0]?.linkType\"\n class=\"m-button-clean\"\n [title]=\"links?.[0]?.label\"\n >\n {{ links?.[0]?.label }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n />\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n />\n </svg>\n </a>\n }\n </div>\n\n @if (normalizedItems.length) {\n <div class=\"m-bottom\">\n @for (item of normalizedItems; track $index) {\n <a\n [href]=\"item.links?.[0]?.url
|
|
18348
|
+
args: [{ selector: 'ces-list-rooms', standalone: true, imports: [BabylonLinkTypeDirective, CommonModule], template: "<section class=\"mdl-h05\">\n <div class=\"mdl-container\">\n <div class=\"m-top\">\n @if (links?.length) {\n <a\n [href]=\"links?.[0]?.url\"\n [linkType]=\"links?.[0]?.linkType\"\n class=\"m-button-clean\"\n [title]=\"links?.[0]?.label\"\n >\n {{ links?.[0]?.label }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n />\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n />\n </svg>\n </a>\n }\n </div>\n\n @if (normalizedItems.length) {\n <div class=\"m-bottom\">\n @for (item of normalizedItems; track $index) {\n <a class=\"m-item\">\n <div class=\"m-imagen\">\n <a\n class=\"img-link\"\n [href]=\"\n item.links?.[0]?.url ||\n item.buttons?.[0]?.url\n \"\n [title]=\"item.links?.[0]?.label || item.title\"\n [linkType]=\"\n item.links?.[0]?.linkType ||\n item.buttons?.[0]?.linkType\n \"\n >\n <img [src]=\"item.src\" [alt]=\"item.alt\" />\n </a>\n </div>\n <div class=\"m-titulo-wrap\">\n @if (item.pretitle) {\n <p class=\"m-pretitulo\">{{ item.pretitle }}</p>\n }\n <h4 class=\"m-titulo\">\n {{ item.title }}\n </h4>\n @if (item.subtitle) {\n <p class=\"m-subtitulo\">{{ item.subtitle }}</p>\n }\n @if (item.description) {\n <p class=\"m-descripcion\">\n {{ item.description }}\n </p>\n }\n <div class=\"m-line\"></div>\n @if (item.buttons?.length) {\n @for (item of item.buttons; track $index) {\n <button\n role=\"button\"\n [ngClass]=\"{\n 'm-button': $index % 2 === 0,\n 'm-underline': $index % 2 !== 0,\n }\"\n [href]=\"item.url\"\n [title]=\"item.label\"\n [linkType]=\"item.linkType\"\n >\n {{ item.label }}\n </button>\n }\n }\n </div>\n </a>\n }\n </div>\n }\n </div>\n</section>\n", styles: [".m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:-webkit-clip-path .3s ease;transition:clip-path .3s ease;transition:clip-path .3s ease,-webkit-clip-path .3s ease;-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{-webkit-clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%);clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}.m-underline{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;text-decoration:underline;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s;font-size:1.4rem}.m-underline:hover{text-decoration:none;transition:.3s}.img-link{width:100%;height:100%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px)and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{-moz-text-size-adjust:none;text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;-o-object-fit:contain;object-fit:contain}@keyframes swingV{15%{transform:translateY(.5rem)}30%{transform:translateY(-.5rem)}50%{transform:translateY(.3rem)}65%{transform:translateY(-.3rem)}80%{transform:translateY(.2rem)}to{transform:translateY(0)}}@keyframes swingH{15%{transform:translate(.5rem)}30%{transform:translate(-.5rem)}50%{transform:translate(.3rem)}65%{transform:translate(-.3rem)}80%{transform:translate(.2rem)}to{transform:translate(0)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#fff;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.m-titulo-wrap{width:34.9rem;max-width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3rem}.mdl-h05{padding:3rem 1.4rem 0}.mdl-h05 .mdl-container{max-width:71rem}.mdl-h05 .mdl-container .m-top{margin-bottom:2.5rem}.mdl-h05 .mdl-container .m-bottom{display:flex;gap:1.2rem;flex-wrap:wrap;justify-content:center}.mdl-h05 .mdl-container .m-bottom .m-item{display:flex;flex-direction:column;gap:3rem;align-items:center;margin-bottom:7rem}.mdl-h05 .mdl-container .m-bottom .m-item .m-imagen{width:34.9rem;height:34.9rem}.mdl-h05 .mdl-container .m-bottom .m-item .m-imagen img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mdl-h05 .mdl-container .m-bottom .m-item .m-line{height:.1rem;width:2.8rem;background-color:#b7985d}.mdl-h05 .mdl-container .m-bottom .m-item .m-titulo{font-family:josefinsans,sans-serif;font-weight:400;font-size:2rem;line-height:2.4rem;text-transform:uppercase;color:#b7985d}@media (max-width: 737px){.mdl-h05 .mdl-container .m-top{width:100%;display:flex;justify-content:center}.mdl-h05 .mdl-container .m-top .m-button-clean{width:23rem;white-space:wrap;align-items:flex-end;gap:0;margin-right:-3rem}.mdl-h05 .mdl-container .m-top .m-button-clean svg{margin-bottom:.7rem}}\n"] }]
|
|
18120
18349
|
}], propDecorators: { links: [{
|
|
18121
18350
|
type: Input
|
|
18122
18351
|
}], items: [{
|
|
@@ -18286,7 +18515,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
18286
18515
|
|
|
18287
18516
|
Swiper$1.use([Navigation, Pagination, Autoplay, EffectFade]);
|
|
18288
18517
|
class H04SliderTextComponent {
|
|
18518
|
+
constructor() {
|
|
18519
|
+
this.platformId = inject(PLATFORM_ID);
|
|
18520
|
+
}
|
|
18289
18521
|
ngAfterViewInit() {
|
|
18522
|
+
if (!isPlatformBrowser(this.platformId))
|
|
18523
|
+
return;
|
|
18290
18524
|
const swiperOptions = {
|
|
18291
18525
|
loop: true,
|
|
18292
18526
|
pagination: {
|
|
@@ -20717,5 +20951,5 @@ function deepClean(value, opts) {
|
|
|
20717
20951
|
* Generated bundle index. Do not edit.
|
|
20718
20952
|
*/
|
|
20719
20953
|
|
|
20720
|
-
export { Babylon404Component, BabylonActionBannerComponent, BabylonAdvantagesComponent, BabylonAdvantagesV2Component, BabylonAvC4ImgTextComponent, BabylonAvImgSocialComponent, BabylonAvTxtIcoComponent, BabylonBaImgTxtComponent, BabylonBaSliImgTxtComponent, BabylonBannerGalleryComponent, BabylonBannerInfoComponent, BabylonBannerNewsletterComponent, BabylonBlogDetailsComponent, BabylonBlogListComponent, BabylonBookingWidgetComponent, BabylonBreadcrumbComponent, BabylonBreadcrumbV2Component, BabylonCleanPropsPipe, BabylonColorPickerComponent, BabylonComingsoonComponent, BabylonContactAddressComponent, BabylonContactFormComponent, BabylonContactFormV2Component, BabylonContactHowComponent, BabylonContactMapComponent, BabylonContainerTextL2Component, BabylonDynamicHeadingComponent, BabylonEngineComponent, BabylonEngineModalComponent, BabylonEngineModalV3Component, BabylonEngineWidgetModalComponent, BabylonExternalScriptComponent, BabylonFaqComponent, BabylonFaqV2Component, BabylonFeaturePillsComponent, BabylonFeaturePillsNumberComponent, BabylonFeaturesSliderComponent, BabylonFilterModalComponent, BabylonFloatingButtonsComponent, BabylonFoAddrContImgComponent, BabylonFoC3ImgTxtComponent, BabylonFoLisC4TxtComponent, BabylonFoSliImgComponent, BabylonFooterContactComponent, BabylonFooterLinksComponent, BabylonFooterLogosComponent, BabylonFooterSocialComponent, BabylonFooterSocialI, BabylonGalleryComponent, BabylonGalleryV2Component, BabylonGlobalModalComponent, BabylonGrC2ImgComponent, BabylonGridGalleryComponent, BabylonGuestsPopupComponent, BabylonHeMeSvgTextCtaMotComponent, BabylonHeSvgListComponent, BabylonHeadIntroComponent, BabylonHeaderBookShowComponent, BabylonHeaderClearComponent, BabylonHeaderClearV2Component, BabylonHeaderMenuCenterComponent, BabylonHeaderMenuLogoCenterComponent, BabylonHeaderMenuShowComponent, BabylonHeaderMobileComponent, BabylonHotelsListComponent, BabylonHotelsSliderComponent, BabylonImgBannerComponent, BabylonInfo2ColImgComponent, BabylonInfo2imgBigComponent, BabylonInfo2imgComponent, BabylonInfo3imgComponent, BabylonInfo4imgComponent, BabylonInfoBigComponent, BabylonInfoBigV2Component, BabylonInfoBigV3Component, BabylonInfoCircleImgsComponent, BabylonInfoGridComponent, BabylonInfoGridI, BabylonInfoImgComponent, BabylonInfoImgSliderComponent, BabylonInfoImgV2Component, BabylonInfoIntroComponent, BabylonInfoShowImgComponent, BabylonInfoZigZagComponent, BabylonInfoZigZagCounterComponent, BabylonInfoZigzagV2Component, BabylonInfoZigzagV4Component, BabylonItemsGridComponent, BabylonLanguageModalComponent, BabylonLanguageModalV2Component, BabylonLanguageModalV3Component, BabylonLegalComponent, BabylonLisC2ImgVidComponent, BabylonLisC2TxtComponent, BabylonLisC4TxtIcoComponent, BabylonLisC4TxtImgPdfComponent, BabylonLisC5TxtImgSvgComponent, BabylonLisSvgTxtCtaComponent, BabylonListBoxInfoComponent, BabylonListC3ImgTxtComponent, BabylonListC6TxtComponent, BabylonListGridComponent, BabylonListGridI, BabylonListImgComponent, BabylonListImgInfoComponent, BabylonListImgV2Component, BabylonLoyaltyTableComponent, BabylonModC2ImgTxtCtaComponent, BabylonModalMultipleMotorsComponent, BabylonModalService, BabylonNewsletterComponent, BabylonNewsletterI, BabylonNewsletterModalV2Component, BabylonOfferDetailComponent, BabylonOfferDetailV2Component, BabylonOfferPopupComponent, BabylonOfferPopupComponentV2, BabylonOfferPopupV3Component, BabylonOfferSliderComponent, BabylonOffersListComponent, BabylonOffersSliderComponent, BabylonPreloadComponent, BabylonPressListComponent, BabylonRoomDetailsComponent, BabylonRoomsColsComponent, BabylonRoomsGridComponent, BabylonRoomsListComponent, BabylonRoomsListV2Component, BabylonRoomsSliderComponent, BabylonServicesSliderComponent, BabylonSimpleImgInfoComponent, BabylonSliC1ImgTextComponent, BabylonSliC3SvgVidCtaComponent, BabylonSliC5ImgTxtComponent, BabylonSlider2colComponent, BabylonSlider2colV2Component, BabylonSlider2itemsComponent, BabylonSlider3ColComponent, BabylonSlider3colClearComponent, BabylonSlider3colV2Component, BabylonSlider3itemsComponent, BabylonSlider4colComponent, BabylonSliderBoxComponent, BabylonSliderImgStaticComponent, BabylonSliderImgStaticV2Component, BabylonSliderImgVideoComponent, BabylonSocialBarComponent, BabylonSocialBarV2Component, BabylonStaticFooterComponent, BabylonStaticFooterV2Component, BabylonStaticFooterV3Component, BabylonSubmenuHotelComponent, BabylonThanksComponent, BabylonTopSimpleBannerComponent, BabylonTopSimpleImgComponent, BabylonTopSliderComponent, BabylonTopSliderThumbsComponent, BabylonTopSliderV2Component, BabylonTopSliderVideoComponent, BabylonTopSliderVideoV2Component, BabylonVariantSelectorComponent, BabylonWebmapComponent, BabylonWebmapV2Component, ButtonType, C2ImgTxtSvgComponent, C2TxtCtaComponent, C2TxtCtaDesComponent, C2TxtImgV2Component, C2TxtMdh005Component, C2TxtRrssComponent, C2TxtSvgImgCtaComponent, C3TxtImgCtaComponent, C4C1ImgTxtCComponent, C4C1ImgTxtComponent, C4C1TxtComponent, C4FoLinkSvgComponent, C4ForC2TxtComponent, C4HeImgTxtComponent, C4LisC2ImgTxtComponent, C4MeTxtSvgCtaComponent, C4SliC2ImgTxtCComponent, C4SliC2TxtImgComponent, C4TxtSvgComponent, CarC2TxtCtaComponent, H04SliderTextComponent, LisC2ImgTxtCv4Component, LisC2TxtImgComponent, LisC2TxtImgSvgCComponent, LisC3TxtImgCtComponent, LisC4TxtDesCtaComponent, ListRoomsComponent, LogoType, MapperService, SCREEN_SIZER_PARAMS_TOKEN, SITE_CONFIG_SERVICE_TOKEN, SafeHtmlPipe, ScreenSizerService, SliC1ImgSvgComponent, SliC2ImgComponent, SliC2ImgTxtCtaV3Component, SliC2ImgTxtCv5Component, SliC2ImgV2Component, SliC2TxtCarImgCComponent, SliC2TxtImgSvgCComponent, Utils, complex_links, organization_name };
|
|
20954
|
+
export { Babylon404Component, BabylonActionBannerComponent, BabylonAdvantagesComponent, BabylonAdvantagesV2Component, BabylonAvC4ImgTextComponent, BabylonAvImgSocialComponent, BabylonAvTxtIcoComponent, BabylonBaImgTxtComponent, BabylonBaSliImgTxtComponent, BabylonBannerGalleryComponent, BabylonBannerInfoComponent, BabylonBannerNewsletterComponent, BabylonBlogDetailsComponent, BabylonBlogListComponent, BabylonBookingWidgetComponent, BabylonBreadcrumbComponent, BabylonBreadcrumbV2Component, BabylonC1TxtComponent, BabylonCleanPropsPipe, BabylonColorPickerComponent, BabylonComingsoonComponent, BabylonContactAddressComponent, BabylonContactFormComponent, BabylonContactFormV2Component, BabylonContactHowComponent, BabylonContactMapComponent, BabylonContainerTextL2Component, BabylonDynamicHeadingComponent, BabylonEngineComponent, BabylonEngineModalComponent, BabylonEngineModalV3Component, BabylonEngineWidgetModalComponent, BabylonExternalScriptComponent, BabylonFaqComponent, BabylonFaqV2Component, BabylonFeaturePillsComponent, BabylonFeaturePillsNumberComponent, BabylonFeaturesSliderComponent, BabylonFilterModalComponent, BabylonFloatingButtonsComponent, BabylonFoAddrContImgComponent, BabylonFoC3ImgTxtComponent, BabylonFoLisC4TxtComponent, BabylonFoSliImgComponent, BabylonFooterContactComponent, BabylonFooterLinksComponent, BabylonFooterLogosComponent, BabylonFooterSocialComponent, BabylonFooterSocialI, BabylonGalleryComponent, BabylonGalleryV2Component, BabylonGlobalModalComponent, BabylonGrC2ImgComponent, BabylonGridGalleryComponent, BabylonGuestsPopupComponent, BabylonHeMeSvgTextCtaMotComponent, BabylonHeSvgListComponent, BabylonHeadIntroComponent, BabylonHeaderBookShowComponent, BabylonHeaderClearComponent, BabylonHeaderClearV2Component, BabylonHeaderMenuCenterComponent, BabylonHeaderMenuLogoCenterComponent, BabylonHeaderMenuShowComponent, BabylonHeaderMobileComponent, BabylonHotelsListComponent, BabylonHotelsSliderComponent, BabylonImgBannerComponent, BabylonInfo2ColImgComponent, BabylonInfo2imgBigComponent, BabylonInfo2imgComponent, BabylonInfo3imgComponent, BabylonInfo4imgComponent, BabylonInfoBigComponent, BabylonInfoBigV2Component, BabylonInfoBigV3Component, BabylonInfoCircleImgsComponent, BabylonInfoGridComponent, BabylonInfoGridI, BabylonInfoImgComponent, BabylonInfoImgSliderComponent, BabylonInfoImgV2Component, BabylonInfoIntroComponent, BabylonInfoShowImgComponent, BabylonInfoZigZagComponent, BabylonInfoZigZagCounterComponent, BabylonInfoZigzagV2Component, BabylonInfoZigzagV4Component, BabylonItemsGridComponent, BabylonLanguageModalComponent, BabylonLanguageModalV2Component, BabylonLanguageModalV3Component, BabylonLegalComponent, BabylonLisC2ImgVidComponent, BabylonLisC2TxtComponent, BabylonLisC4TxtIcoComponent, BabylonLisC4TxtImgPdfComponent, BabylonLisC5TxtImgSvgComponent, BabylonLisSvgTxtCtaComponent, BabylonListBoxInfoComponent, BabylonListC3ImgTxtComponent, BabylonListC6TxtComponent, BabylonListGridComponent, BabylonListGridI, BabylonListImgComponent, BabylonListImgInfoComponent, BabylonListImgV2Component, BabylonLoyaltyTableComponent, BabylonMapTxtComponent, BabylonModC2ImgTxtCtaComponent, BabylonModalMultipleMotorsComponent, BabylonModalService, BabylonNewsletterComponent, BabylonNewsletterI, BabylonNewsletterModalV2Component, BabylonOfferDetailComponent, BabylonOfferDetailV2Component, BabylonOfferPopupComponent, BabylonOfferPopupComponentV2, BabylonOfferPopupV3Component, BabylonOfferSliderComponent, BabylonOffersListComponent, BabylonOffersSliderComponent, BabylonPreloadComponent, BabylonPressListComponent, BabylonRoomDetailsComponent, BabylonRoomsColsComponent, BabylonRoomsGridComponent, BabylonRoomsListComponent, BabylonRoomsListV2Component, BabylonRoomsSliderComponent, BabylonServicesSliderComponent, BabylonSimpleImgInfoComponent, BabylonSliC1ImgTextComponent, BabylonSliC3SvgVidCtaComponent, BabylonSliC3TxtImgCtaComponent, BabylonSliC5ImgTxtComponent, BabylonSlider2colComponent, BabylonSlider2colV2Component, BabylonSlider2itemsComponent, BabylonSlider3ColComponent, BabylonSlider3colClearComponent, 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, ButtonType, C2ImgTxtSvgComponent, C2TxtCtaComponent, C2TxtCtaDesComponent, C2TxtImgV2Component, C2TxtMdh005Component, C2TxtRrssComponent, C2TxtSvgImgCtaComponent, C3TxtImgCtaComponent, C4C1ImgTxtCComponent, C4C1ImgTxtComponent, C4C1TxtComponent, C4FoLinkSvgComponent, C4ForC2TxtComponent, C4HeImgTxtComponent, C4LisC2ImgTxtComponent, C4MeTxtSvgCtaComponent, C4SliC2ImgTxtCComponent, C4SliC2TxtImgComponent, C4TxtSvgComponent, CarC2TxtCtaComponent, H04SliderTextComponent, LisC2ImgTxtCv4Component, LisC2TxtImgComponent, LisC2TxtImgSvgCComponent, LisC3TxtImgCtComponent, LisC4TxtDesCtaComponent, ListRoomsComponent, LogoType, MapperService, SCREEN_SIZER_PARAMS_TOKEN, SITE_CONFIG_SERVICE_TOKEN, SafeHtmlPipe, ScreenSizerService, SliC1ImgSvgComponent, SliC2ImgComponent, SliC2ImgTxtCtaV3Component, SliC2ImgTxtCv5Component, SliC2ImgV2Component, SliC2TxtCarImgCComponent, SliC2TxtImgSvgCComponent, Utils, complex_links, organization_name };
|
|
20721
20955
|
//# sourceMappingURL=ctt-babylon.mjs.map
|