ctt-babylon 0.9.7 → 0.9.10
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-sli-c5-img-txt/babylon-sli-c5-img-txt.component.mjs +13 -0
- package/esm2022/lib/components/core/babylon-sli-c5-img-txt/index.mjs +2 -0
- package/esm2022/lib/components/core/index.mjs +3 -2
- package/esm2022/lib/directives/babylon-sliders/babylon-swiper.directive.mjs +125 -0
- package/esm2022/lib/directives/sliders/slick-init.directive.mjs +19 -1
- package/fesm2022/ctt-babylon.mjs +206 -60
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/lib/components/core/babylon-sli-c5-img-txt/babylon-sli-c5-img-txt.component.d.ts +5 -0
- package/lib/components/core/babylon-sli-c5-img-txt/index.d.ts +1 -0
- package/lib/components/core/index.d.ts +2 -1
- package/lib/directives/babylon-sliders/babylon-swiper.directive.d.ts +17 -0
- package/package.json +1 -1
package/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -1257,6 +1257,24 @@ class SlickInitDirective {
|
|
|
1257
1257
|
},
|
|
1258
1258
|
],
|
|
1259
1259
|
});
|
|
1260
|
+
const slides = sliderSelector.querySelectorAll('.slick-slide');
|
|
1261
|
+
const toggleBotonActivo = () => {
|
|
1262
|
+
if (window.innerWidth < 1024) {
|
|
1263
|
+
slides.forEach((slide) => slide.classList.add('botonactivo'));
|
|
1264
|
+
}
|
|
1265
|
+
else {
|
|
1266
|
+
slides.forEach((slide) => slide.classList.remove('botonactivo'));
|
|
1267
|
+
}
|
|
1268
|
+
};
|
|
1269
|
+
// ejecutamos al iniciar
|
|
1270
|
+
toggleBotonActivo();
|
|
1271
|
+
// y al redimensionar
|
|
1272
|
+
const resizeHandlerLocal = () => toggleBotonActivo();
|
|
1273
|
+
window.addEventListener('resize', resizeHandlerLocal, {
|
|
1274
|
+
passive: true,
|
|
1275
|
+
});
|
|
1276
|
+
// si ya usas this.resizeHandler, puedes reutilizarlo:
|
|
1277
|
+
this.resizeHandler = resizeHandlerLocal;
|
|
1260
1278
|
}
|
|
1261
1279
|
ngOnDestroy() {
|
|
1262
1280
|
if (!isPlatformBrowser(this.platformId))
|
|
@@ -9731,6 +9749,134 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
9731
9749
|
args: [{ selector: 'lib-babylon-sli-c1-img-text', standalone: true, imports: [SlickInitDirective], template: "<section class=\"mdl-seoimagen\">\n <div class=\"mdl-container\">\n <!-- A\u00F1adir seo-right si la imagen debe ir a la derecha -->\n <h2 class=\"m-pretitulo-mobile\">Creating happy memories</h2>\n\n <div class=\"m-content-left\">\n <!-- Contenedor principal: HOST de la directiva -->\n <div\n class=\"swiper js-active-slider\"\n data-slider_name=\"swiper-container\"\n data-slider_autoplay=\"true\"\n data-slider_pause=\"false\"\n data-slider_speed=\"600\"\n data-slides_pc=\"1\"\n data-slides_tablet=\"1\"\n data-slides_mobile=\"1\"\n data-slides_infinite=\"true\"\n data-slider_draggable=\"true\"\n data-slider_variable_width=\"false\"\n data-slider_showbtns=\"false\"\n data-slider_showdots=\"false\"\n >\n <!-- Este es el elemento que la directiva convierte en Slick -->\n <div class=\"swiper-container\">\n <!-- Cada slide debe ser HIJO DIRECTO del slider -->\n <div class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/900/1000\"\n alt=\"Imagen 1\"\n />\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/900/1001\"\n alt=\"Imagen 2\"\n />\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/900/1002\"\n alt=\"Imagen 3\"\n />\n </div>\n </div>\n </div>\n\n <img class=\"svgBack\" src=\"../../img/holidays.svg\" alt=\"\" />\n </div>\n\n <div class=\"m-content-right\">\n <div class=\"m-content\">\n <div class=\"m-pretitulo\">Creating happy memories</div>\n <h2 class=\"m-titulo\">Vacaciones con <br />Alegria Group</h2>\n <div class=\"m-texto\">\n Nuestros hoteles y apartamentos son el complemento perfecto\n para quienes quieren pasar unos d\u00EDas de vacaciones llenos de\n momentos \u00FAnicos.\n </div>\n <a href=\"#\" class=\"m-button-big\">Ver Hoteles y Apartamentos</a>\n </div>\n </div>\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:jokker,sans-serif;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-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:jokker,sans-serif;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:jokker,sans-serif;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:jokker,sans-serif;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:jokker,sans-serif;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:jokker,sans-serif;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:jokker,sans-serif;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:jokker,sans-serif;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:92rem;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:jokker,sans-serif;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 .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:jokker,sans-serif;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:#515050b2;text-transform:uppercase}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-titulo{font-family:jokker,sans-serif;font-weight:500;font-size:5.5rem;line-height:5.8rem;color:#515050;margin-top:12rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-family:jokker,sans-serif;font-weight:300;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:#515050b2;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}}\n"] }]
|
|
9732
9750
|
}] });
|
|
9733
9751
|
|
|
9752
|
+
class BabylonSwiperSliderV2Directive {
|
|
9753
|
+
constructor(el) {
|
|
9754
|
+
this.el = el;
|
|
9755
|
+
this.platform = inject(PLATFORM_ID);
|
|
9756
|
+
this.swiperSlides = [];
|
|
9757
|
+
// Registramos el módulo de navegación de Swiper
|
|
9758
|
+
Swiper.use([Navigation]);
|
|
9759
|
+
}
|
|
9760
|
+
ngAfterViewInit() {
|
|
9761
|
+
if (!isPlatformBrowser(this.platform))
|
|
9762
|
+
return;
|
|
9763
|
+
// Cargamos el CSS de Swiper y luego inicializamos
|
|
9764
|
+
Utils.loadStyle$('assets/babylon/css/swiper-bundle.min.css')
|
|
9765
|
+
.pipe(tap(() => this.initSwiper()))
|
|
9766
|
+
.subscribe();
|
|
9767
|
+
}
|
|
9768
|
+
ngOnDestroy() {
|
|
9769
|
+
if (!isPlatformBrowser(this.platform))
|
|
9770
|
+
return;
|
|
9771
|
+
if (this.swiperInstance) {
|
|
9772
|
+
try {
|
|
9773
|
+
this.swiperInstance.destroy(true, true);
|
|
9774
|
+
}
|
|
9775
|
+
catch {
|
|
9776
|
+
/* sin drama */
|
|
9777
|
+
}
|
|
9778
|
+
}
|
|
9779
|
+
}
|
|
9780
|
+
initSwiper() {
|
|
9781
|
+
if (!isPlatformBrowser(this.platform))
|
|
9782
|
+
return;
|
|
9783
|
+
const host = this.el.nativeElement;
|
|
9784
|
+
// La directiva se aplica sobre .swiper-container
|
|
9785
|
+
const container = host.classList.contains('swiper-container')
|
|
9786
|
+
? host
|
|
9787
|
+
: (host.querySelector('.swiper-container') ??
|
|
9788
|
+
host);
|
|
9789
|
+
// Buscamos los botones de navegación dentro del mismo bloque
|
|
9790
|
+
const nextBtn = container
|
|
9791
|
+
.closest('.mdl-experiencias')
|
|
9792
|
+
?.querySelector('.swiper-button-next');
|
|
9793
|
+
const prevBtn = container
|
|
9794
|
+
.closest('.mdl-experiencias')
|
|
9795
|
+
?.querySelector('.swiper-button-prev');
|
|
9796
|
+
const options = {
|
|
9797
|
+
slidesPerView: 1,
|
|
9798
|
+
loop: false,
|
|
9799
|
+
navigation: {
|
|
9800
|
+
// Si hay botones dentro de la sección, los usamos.
|
|
9801
|
+
nextEl: nextBtn ?? '.swiper-button-next',
|
|
9802
|
+
prevEl: prevBtn ?? '.swiper-button-prev',
|
|
9803
|
+
},
|
|
9804
|
+
spaceBetween: 24,
|
|
9805
|
+
breakpoints: {
|
|
9806
|
+
0: {
|
|
9807
|
+
slidesPerView: 1,
|
|
9808
|
+
},
|
|
9809
|
+
500: {
|
|
9810
|
+
slidesPerView: 2,
|
|
9811
|
+
},
|
|
9812
|
+
1024: {
|
|
9813
|
+
slidesPerView: 3,
|
|
9814
|
+
},
|
|
9815
|
+
1366: {
|
|
9816
|
+
slidesPerView: 4,
|
|
9817
|
+
},
|
|
9818
|
+
1680: {
|
|
9819
|
+
slidesPerView: 5,
|
|
9820
|
+
},
|
|
9821
|
+
},
|
|
9822
|
+
};
|
|
9823
|
+
// Si ya había una instancia, la destruimos antes de crear otra
|
|
9824
|
+
if (this.swiperInstance) {
|
|
9825
|
+
try {
|
|
9826
|
+
this.swiperInstance.destroy(true, true);
|
|
9827
|
+
}
|
|
9828
|
+
catch {
|
|
9829
|
+
/* nada */
|
|
9830
|
+
}
|
|
9831
|
+
}
|
|
9832
|
+
this.swiperInstance = new Swiper(container, options);
|
|
9833
|
+
// Guardamos los slides para la lógica de botonactivo
|
|
9834
|
+
this.swiperSlides = Array.from(container.querySelectorAll('div.swiper-slide'));
|
|
9835
|
+
this.updateBotonActivo();
|
|
9836
|
+
}
|
|
9837
|
+
/** Lógica equivalente a tu función activarBoton() */
|
|
9838
|
+
updateBotonActivo() {
|
|
9839
|
+
if (!isPlatformBrowser(this.platform))
|
|
9840
|
+
return;
|
|
9841
|
+
if (!this.swiperSlides.length)
|
|
9842
|
+
return;
|
|
9843
|
+
const activar = window.innerWidth < 1024;
|
|
9844
|
+
this.swiperSlides.forEach((slide) => {
|
|
9845
|
+
if (activar) {
|
|
9846
|
+
slide.classList.add('botonactivo');
|
|
9847
|
+
}
|
|
9848
|
+
else {
|
|
9849
|
+
slide.classList.remove('botonactivo');
|
|
9850
|
+
}
|
|
9851
|
+
});
|
|
9852
|
+
}
|
|
9853
|
+
// Sustituimos el addEventListener de tu JS por HostListener
|
|
9854
|
+
onResize() {
|
|
9855
|
+
this.updateBotonActivo();
|
|
9856
|
+
}
|
|
9857
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSwiperSliderV2Directive, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
9858
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: BabylonSwiperSliderV2Directive, isStandalone: true, selector: "[babylonSwiperSliderV2]", host: { listeners: { "window:resize": "onResize()" } }, ngImport: i0 }); }
|
|
9859
|
+
}
|
|
9860
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSwiperSliderV2Directive, decorators: [{
|
|
9861
|
+
type: Directive,
|
|
9862
|
+
args: [{
|
|
9863
|
+
selector: '[babylonSwiperSliderV2]',
|
|
9864
|
+
standalone: true,
|
|
9865
|
+
}]
|
|
9866
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { onResize: [{
|
|
9867
|
+
type: HostListener,
|
|
9868
|
+
args: ['window:resize']
|
|
9869
|
+
}] } });
|
|
9870
|
+
|
|
9871
|
+
class BabylonSliC5ImgTxtComponent {
|
|
9872
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSliC5ImgTxtComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9873
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonSliC5ImgTxtComponent, isStandalone: true, selector: "lib-babylon-sli-c5-img-txt", ngImport: i0, template: "<section class=\"mdl-experiencias\">\n <div class=\"mdl-container\">\n <div class=\"m-head\">\n <div class=\"m-pretitulo\">actividades y planes</div>\n <div class=\"m-subhead\">\n <h2 class=\"m-titulo\">Experiencias que te alegran el coraz\u00F3n</h2>\n <div class=\"m-texto\">\n Para los viajeros alegres: descubre las experiencias ideales\n para ti.\n </div>\n </div>\n </div>\n <div class=\"m-content\">\n <div class=\"swiper\">\n <div class=\"swiper-container\" babylonSwiperSliderV2>\n <div class=\"swiper-wrapper\">\n <div class=\"js-experiencias-slider swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias1.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Eventos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias6.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias1.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Eventos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias1.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Eventos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias6.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n </div>\n </div>\n </div>\n <button\n type=\"button\"\n class=\"swiper-button-prev swiper-button-prev\"\n aria-label=\"Previous slide\"\n ></button>\n <button\n type=\"button\"\n class=\"swiper-button-next swiper-button-next\"\n aria-label=\"Next slide\"\n ></button>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";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%}.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:jokker,sans-serif;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-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:jokker,sans-serif;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:jokker,sans-serif;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:jokker,sans-serif;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:jokker,sans-serif;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:jokker,sans-serif;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:jokker,sans-serif;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:jokker,sans-serif;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}}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-experiencias .mdl-container{width:auto;position:relative}.mdl-experiencias .mdl-container .m-head{height:33rem;display:flex;flex-direction:column;justify-content:space-evenly}.mdl-experiencias .mdl-container .m-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-experiencias .mdl-container .m-head .m-pretitulo{color:#515050b2}.mdl-experiencias .mdl-container .m-head .m-subhead{display:flex;justify-content:space-between;align-items:flex-end}.mdl-experiencias .mdl-container .m-head .m-subhead div{list-style:none!important;padding:0;max-width:55rem}.mdl-experiencias .mdl-container .m-head .m-subhead div:before{display:none}.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:4.4rem;line-height:5.8rem}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{color:#515050}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{color:#515050b2}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{background-color:#ff4338;width:4.8rem;height:4.8rem;border-radius:30rem 0 0 30rem;left:-4.8rem;top:53rem;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-prev:hover{background-color:#ed3b37;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-prev:after{font-size:1.2rem;color:var(--cl_background_white);font-weight:700}.mdl-experiencias .mdl-container .m-content .swiper-button-next{background-color:#ff4338;width:4.8rem;height:4.8rem;border-radius:0 30rem 30rem 0;right:-4.8rem;top:53rem;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-next:hover{background-color:#ed3b37;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-next:after{font-size:1.2rem;color:var(--cl_background_white);font-weight:700}.mdl-experiencias .mdl-container .m-content .swiper{overflow:visible;height:auto}.mdl-experiencias .mdl-container .m-content .swiper:hover .swiper-container .swiper-wrapper .card-art{margin-top:0}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper{display:flex;min-height:65rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide{background-position:bottom;background-size:cover;transition:transform .4s ease,opacity .4s ease,margin-top .4s ease}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-button-sm{margin:2.9rem auto;display:block;transition:.5s}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-button-sm{display:none;transition:.5s}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide img{width:100%;height:42rem;object-fit:cover}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{font-size:2.2rem;line-height:2.6rem}}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{color:#515050b2;margin-top:.6rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo{margin-top:0!important}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo .m-button-sm{margin:2.9rem auto;display:block!important}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .card-art{margin-top:8.4rem}@media (max-width: 1366px){.mdl-experiencias .mdl-container .m-content .swiper-button-prev,.mdl-experiencias .mdl-container .m-content .swiper-button-next{top:55rem}}@media (max-width: 1080px){.mdl-experiencias .mdl-container .m-head{height:auto}.mdl-experiencias .mdl-container .m-head .m-pretitulo{padding:6rem 0}.mdl-experiencias .mdl-container .m-head .m-subhead{display:flex;align-items:flex-start;flex-direction:column;gap:4rem}.mdl-experiencias .mdl-container .m-content{margin-top:4rem}.mdl-experiencias .mdl-container .m-content .swiper-button-prev,.mdl-experiencias .mdl-container .m-content .swiper-button-next{top:64rem}}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head{height:auto}.mdl-experiencias .mdl-container .m-head .m-pretitulo{padding:5rem 0}.mdl-experiencias .mdl-container .m-head .m-subhead{gap:2rem}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{text-align:left}.mdl-experiencias .mdl-container .m-content{position:relative}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{left:-3rem;width:3rem;height:3rem;top:30%}.mdl-experiencias .mdl-container .m-content .swiper-button-next{right:-3rem;width:3rem;height:3rem;top:30%}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide img{height:30rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo .m-button-sm{max-width:100%}}@media (max-width: 500px){.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .card-art{margin-top:0}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-content{margin:4rem 4.8rem}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{left:-3rem;width:3rem;height:3rem}.mdl-experiencias .mdl-container .m-content .swiper-button-next{right:-3rem;width:3rem;height:3rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonSwiperSliderV2Directive, selector: "[babylonSwiperSliderV2]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9874
|
+
}
|
|
9875
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSliC5ImgTxtComponent, decorators: [{
|
|
9876
|
+
type: Component,
|
|
9877
|
+
args: [{ selector: 'lib-babylon-sli-c5-img-txt', standalone: true, imports: [CommonModule, BabylonSwiperSliderV2Directive], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"mdl-experiencias\">\n <div class=\"mdl-container\">\n <div class=\"m-head\">\n <div class=\"m-pretitulo\">actividades y planes</div>\n <div class=\"m-subhead\">\n <h2 class=\"m-titulo\">Experiencias que te alegran el coraz\u00F3n</h2>\n <div class=\"m-texto\">\n Para los viajeros alegres: descubre las experiencias ideales\n para ti.\n </div>\n </div>\n </div>\n <div class=\"m-content\">\n <div class=\"swiper\">\n <div class=\"swiper-container\" babylonSwiperSliderV2>\n <div class=\"swiper-wrapper\">\n <div class=\"js-experiencias-slider swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias1.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Eventos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias6.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias1.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Eventos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias1.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Eventos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias6.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n </div>\n </div>\n </div>\n <button\n type=\"button\"\n class=\"swiper-button-prev swiper-button-prev\"\n aria-label=\"Previous slide\"\n ></button>\n <button\n type=\"button\"\n class=\"swiper-button-next swiper-button-next\"\n aria-label=\"Next slide\"\n ></button>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";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%}.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:jokker,sans-serif;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-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:jokker,sans-serif;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:jokker,sans-serif;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:jokker,sans-serif;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:jokker,sans-serif;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:jokker,sans-serif;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:jokker,sans-serif;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:jokker,sans-serif;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}}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-experiencias .mdl-container{width:auto;position:relative}.mdl-experiencias .mdl-container .m-head{height:33rem;display:flex;flex-direction:column;justify-content:space-evenly}.mdl-experiencias .mdl-container .m-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-experiencias .mdl-container .m-head .m-pretitulo{color:#515050b2}.mdl-experiencias .mdl-container .m-head .m-subhead{display:flex;justify-content:space-between;align-items:flex-end}.mdl-experiencias .mdl-container .m-head .m-subhead div{list-style:none!important;padding:0;max-width:55rem}.mdl-experiencias .mdl-container .m-head .m-subhead div:before{display:none}.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:4.4rem;line-height:5.8rem}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{color:#515050}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{color:#515050b2}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{background-color:#ff4338;width:4.8rem;height:4.8rem;border-radius:30rem 0 0 30rem;left:-4.8rem;top:53rem;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-prev:hover{background-color:#ed3b37;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-prev:after{font-size:1.2rem;color:var(--cl_background_white);font-weight:700}.mdl-experiencias .mdl-container .m-content .swiper-button-next{background-color:#ff4338;width:4.8rem;height:4.8rem;border-radius:0 30rem 30rem 0;right:-4.8rem;top:53rem;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-next:hover{background-color:#ed3b37;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-next:after{font-size:1.2rem;color:var(--cl_background_white);font-weight:700}.mdl-experiencias .mdl-container .m-content .swiper{overflow:visible;height:auto}.mdl-experiencias .mdl-container .m-content .swiper:hover .swiper-container .swiper-wrapper .card-art{margin-top:0}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper{display:flex;min-height:65rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide{background-position:bottom;background-size:cover;transition:transform .4s ease,opacity .4s ease,margin-top .4s ease}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-button-sm{margin:2.9rem auto;display:block;transition:.5s}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-button-sm{display:none;transition:.5s}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide img{width:100%;height:42rem;object-fit:cover}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{font-size:2.2rem;line-height:2.6rem}}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{color:#515050b2;margin-top:.6rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo{margin-top:0!important}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo .m-button-sm{margin:2.9rem auto;display:block!important}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .card-art{margin-top:8.4rem}@media (max-width: 1366px){.mdl-experiencias .mdl-container .m-content .swiper-button-prev,.mdl-experiencias .mdl-container .m-content .swiper-button-next{top:55rem}}@media (max-width: 1080px){.mdl-experiencias .mdl-container .m-head{height:auto}.mdl-experiencias .mdl-container .m-head .m-pretitulo{padding:6rem 0}.mdl-experiencias .mdl-container .m-head .m-subhead{display:flex;align-items:flex-start;flex-direction:column;gap:4rem}.mdl-experiencias .mdl-container .m-content{margin-top:4rem}.mdl-experiencias .mdl-container .m-content .swiper-button-prev,.mdl-experiencias .mdl-container .m-content .swiper-button-next{top:64rem}}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head{height:auto}.mdl-experiencias .mdl-container .m-head .m-pretitulo{padding:5rem 0}.mdl-experiencias .mdl-container .m-head .m-subhead{gap:2rem}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{text-align:left}.mdl-experiencias .mdl-container .m-content{position:relative}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{left:-3rem;width:3rem;height:3rem;top:30%}.mdl-experiencias .mdl-container .m-content .swiper-button-next{right:-3rem;width:3rem;height:3rem;top:30%}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide img{height:30rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo .m-button-sm{max-width:100%}}@media (max-width: 500px){.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .card-art{margin-top:0}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-content{margin:4rem 4.8rem}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{left:-3rem;width:3rem;height:3rem}.mdl-experiencias .mdl-container .m-content .swiper-button-next{right:-3rem;width:3rem;height:3rem}}\n"] }]
|
|
9878
|
+
}] });
|
|
9879
|
+
|
|
9734
9880
|
class BabylonSliderImgStaticComponent {
|
|
9735
9881
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSliderImgStaticComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9736
9882
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonSliderImgStaticComponent, isStandalone: true, selector: "lib-babylon-slider-img-static", inputs: { texts: "texts", multimedia: "multimedia", buttons: "buttons" }, ngImport: i0, template: "<section\n class=\"slider-img js-active-slider\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-slider-img-slider\"\n data-slider_showbtns=\"true\"\n data-slider_btns=\"icon-small\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"true\"\n data-slider_autoplay=\"true\"\n data-slides_pc=\"1\"\n>\n <div class=\"container\">\n <div class=\"slider-img__inner\">\n @if (multimedia?.imagenes?.length) {\n <div\n class=\"slider-img__image js-active-slider\"\n data-slider_pause=\"false\"\n data-slider_speed=\"300\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-image-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 <div class=\"js-image-slider\">\n @for (item of multimedia?.imagenes; track $index) {\n <div>\n <figure>\n <img\n [src]=\"item?.img?.src\"\n [alt]=\"item?.img?.alt || 'image'\"\n />\n </figure>\n </div>\n }\n </div>\n </div>\n }\n <div class=\"slider-img__content\">\n <div class=\"slider-img__content-text\">\n @if (texts?.description) {\n <div>\n <p [innerHTML]=\"texts?.description\">\n </p>\n </div> }\n <div\n class=\"slider-img__content-text--img js-active-slider\"\n data-slider_pause=\"false\"\n data-slider_speed=\"300\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-image-mobile-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(multimedia?.mobileImagenes?.length) {\n <div class=\"js-image-mobile-slider\">\n @for (item of multimedia?.mobileImagenes; track $index) {\n <div>\n <figure>\n <img\n [src]=\"item?.img?.src\"\n [alt]=\"item?.img?.alt || 'image'\"\n />\n </figure>\n </div>\n }\n </div>\n }\n </div>\n </div>\n <div class=\"slider-img__content-heading\">\n @if(texts?.title) {\n <h2 [innerHTML]=\"texts?.title\"></h2>\n }\n @if (buttons?.length) {\n <div class=\"btn__group\">\n <a\n [href]=\"buttons?.[0]?.url\"\n [linkType]=\"buttons?.[0]?.linkType\" class=\"btn btn__primary\"\n ><span>{{ buttons?.[0]?.label }}</span></a\n >\n </div>\n }\n </div>\n <div class=\"slider-img__content-image\">\n <div class=\"relative\">\n @if (multimedia?.staticImagenes?.length) {\n <div\n class=\"slider-img__slider js-slider-img-slider js-slider_fix-arrows\"\n >\n @for (item of multimedia?.staticImagenes; track $index) {\n @if (item) {\n <div>\n <figure class=\"js-slider_fix-arrows-zone\">\n <img\n [src]=\"item?.img?.src\"\n [alt]=\"item?.img?.alt\"\n />\n </figure>\n </div>\n }\n }\n </div>\n }\n <div class=\"js-slider-arrows arrows--absolute\"></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>\n\n<!-- <section\n class=\"slider-img js-active-slider\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-slider-img-slider\"\n data-slider_showbtns=\"true\"\n data-slider_btns=\"icon-small\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"true\"\n data-slider_autoplay=\"true\"\n data-slides_pc=\"1\"\n>\n <div class=\"container\">\n <div class=\"slider-img__inner\">\n <div\n class=\"slider-img__image js-active-slider\"\n data-slider_pause=\"false\"\n data-slider_speed=\"300\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-image-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 <div class=\"js-image-slider\">\n <div>\n <figure>\n <img src=\"/assets/babylon/images/img-49.webp\" />\n </figure>\n </div>\n <div>\n <figure>\n <img src=\"/assets/babylon/images/img-51.webp\" />\n </figure>\n </div>\n <div>\n <figure>\n <img src=\"/assets/babylon/images/img-58.webp\" />\n </figure>\n </div>\n <div>\n <figure>\n <img src=\"/assets/babylon/images/img-64.webp\" />\n </figure>\n </div>\n </div>\n </div>\n <div class=\"slider-img__content\">\n <div class=\"slider-img__content-text\">\n <div>\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 various versions\n have evolved.\n </p>\n </div>\n <div\n class=\"slider-img__content-text--img js-active-slider\"\n data-slider_pause=\"false\"\n data-slider_speed=\"300\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-image-mobile-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 <div class=\"js-image-mobile-slider\">\n <div>\n <figure>\n <img\n src=\"/assets/babylon/images/img-49.webp\"\n />\n </figure>\n </div>\n <div>\n <figure>\n <img\n src=\"/assets/babylon/images/img-51.webp\"\n />\n </figure>\n </div>\n <div>\n <figure>\n <img\n src=\"/assets/babylon/images/img-58.webp\"\n />\n </figure>\n </div>\n <div>\n <figure>\n <img\n src=\"/assets/babylon/images/img-64.webp\"\n />\n </figure>\n </div>\n </div>\n </div>\n </div>\n <div class=\"slider-img__content-heading\">\n <h2>\n El<br />\n hotel\n </h2>\n <div class=\"btn__group\">\n <a href=\"/\" class=\"btn btn__primary\"\n ><span>Ver Habitaciones</span></a\n >\n </div>\n </div>\n <div class=\"slider-img__content-image\">\n <div class=\"relative\">\n <div\n class=\"slider-img__slider js-slider-img-slider js-slider_fix-arrows\"\n >\n <div>\n <figure class=\"js-slider_fix-arrows-zone\">\n <img\n src=\"/assets/babylon/images/img-42.webp\"\n />\n </figure>\n </div>\n <div>\n <figure class=\"js-slider_fix-arrows-zone\">\n <img\n src=\"/assets/babylon/images/img-3.webp\"\n />\n </figure>\n </div>\n <div>\n <figure class=\"js-slider_fix-arrows-zone\">\n <img\n src=\"/assets/babylon/images/img-13.webp\"\n />\n </figure>\n </div>\n </div>\n <div class=\"js-slider-arrows arrows--absolute\"></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section> -->\n\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-whidth: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}.slider-img{position:relative;overflow-x:clip;padding-bottom:5rem}@media (min-width: 540px){.slider-img{padding-block:4rem 6rem}}@media (min-width: 768px){.slider-img{padding-block:5rem 8.06rem}}@media (min-width: 1024px){.slider-img{padding-block:0 7.062rem}}@media (min-width: 1280px){.slider-img{padding-bottom:8rem}}@media (min-width: 1366px){.slider-img{padding-bottom:9rem}}@media (min-width: 1680px){.slider-img{padding-bottom:10.1rem}}@media (min-width: 1800px){.slider-img{padding-bottom:10rem}}.slider-img:after{content:\"\";position:absolute;bottom:0;inset-inline:0;top:auto;height:10rem;background:#f9f8f5;z-index:-1;pointer-events:none}@media (min-width: 540px){.slider-img:after{height:12rem}}@media (min-width: 768px){.slider-img:after{height:16rem}}@media (min-width: 1024px){.slider-img:after{height:14rem}}@media (min-width: 1280px){.slider-img:after{height:calc(var(--sliderNav__position) + 8rem)}}@media (min-width: 1366px){.slider-img:after{height:calc(var(--sliderNav__position) + 9rem)}}@media (min-width: 1680px){.slider-img:after{height:calc(var(--sliderNav__position) + 10.1rem)}}@media (min-width: 1800px){.slider-img:after{height:calc(var(--sliderNav__position) + 10rem)}}.slider-img__inner{display:flex;flex-direction:column}@media (min-width: 1280px){.slider-img__inner{flex-direction:row-reverse;gap:8rem}}@media (min-width: 1680px){.slider-img__inner{gap:12.089rem}}@media (min-width: 1800px){.slider-img__inner{gap:14.077rem}}.slider-img__inner .slider-img__image{display:none;flex:0 0 auto;width:30rem}@media (min-width: 1280px){.slider-img__inner .slider-img__image{display:block}}@media (min-width: 1366px){.slider-img__inner .slider-img__image{width:31.2rem}}@media (min-width: 1680px){.slider-img__inner .slider-img__image{width:42.354rem}}@media (min-width: 1800px){.slider-img__inner .slider-img__image{width:43.291rem}}.slider-img__inner .slider-img__image figure{aspect-ratio:177.37/252.94;border:6px solid var(--white);border-bottom-width:0;width:100%}.slider-img__inner .slider-img__image .js-image-slider{position:sticky;top:8rem}@media (min-width: 1280px){.slider-img__inner .slider-img__image .js-image-slider{margin-top:-6.2rem}}@media (min-width: 1366px){.slider-img__inner .slider-img__image .js-image-slider{margin-top:-6.4rem}}@media (min-width: 1680px){.slider-img__inner .slider-img__image .js-image-slider{margin-top:-8.7rem;top:9rem}}@media (min-width: 1800px){.slider-img__inner .slider-img__image .js-image-slider{margin-top:-9rem}}@media (min-width: 1280px){.slider-img__inner .slider-img__content{padding-top:8rem}}@media (min-width: 1366px){.slider-img__inner .slider-img__content{padding-top:9rem}}@media (min-width: 1680px){.slider-img__inner .slider-img__content{padding-top:10rem}}.slider-img__inner .slider-img__content-text{display:flex;flex-direction:column-reverse;gap:4rem;color:rgb(var(--primary),80%)}@media (min-width: 768px){.slider-img__inner .slider-img__content-text{gap:5.061rem}}@media (min-width: 1024px){.slider-img__inner .slider-img__content-text{flex-direction:row;justify-content:flex-end;gap:9.2rem}}@media (min-width: 1680px){.slider-img__inner .slider-img__content-text{padding-right:12.823rem}}@media (min-width: 1800px){.slider-img__inner .slider-img__content-text{padding-right:13.045rem}}.slider-img__inner .slider-img__content-text--img{margin-inline:auto;width:18.5rem}@media (min-width: 540px){.slider-img__inner .slider-img__content-text--img{width:26rem}}@media (min-width: 768px){.slider-img__inner .slider-img__content-text--img{width:30rem}}@media (min-width: 1024px){.slider-img__inner .slider-img__content-text--img{margin-top:-6.1rem;margin-inline:0}}@media (min-width: 1280px){.slider-img__inner .slider-img__content-text--img{display:none}}.slider-img__inner .slider-img__content-text--img figure{aspect-ratio:177.37/252.94;border:6px solid var(--white);border-bottom-width:0;width:100%}@media (min-width: 540px){.slider-img__inner .slider-img__content-text>div:not(.slider-img__content-text--img){width:42.3rem}}@media (min-width: 768px){.slider-img__inner .slider-img__content-text>div:not(.slider-img__content-text--img){width:58.8rem}}@media (min-width: 1024px){.slider-img__inner .slider-img__content-text>div:not(.slider-img__content-text--img){width:40.6rem;padding-top:11.4rem}}@media (min-width: 1280px){.slider-img__inner .slider-img__content-text>div:not(.slider-img__content-text--img){width:45.8rem;padding-top:0}}@media (min-width: 1366px){.slider-img__inner .slider-img__content-text>div:not(.slider-img__content-text--img){width:50.1rem}}@media (min-width: 1680px){.slider-img__inner .slider-img__content-text>div:not(.slider-img__content-text--img){width:51rem}}.slider-img__inner .slider-img__content-text p{font-size:1.6rem;line-height:1.5}@media (min-width: 540px){.slider-img__inner .slider-img__content-text p{font-size:1.8rem;line-height:1.5555555556}}@media (min-width: 768px){.slider-img__inner .slider-img__content-text p{font-size:2rem;line-height:1.6;letter-spacing:.04rem}}@media (min-width: 1280px){.slider-img__inner .slider-img__content-text p{font-size:2rem;line-height:1.7}}.slider-img__inner .slider-img__content-heading{padding-block:3rem 3.5rem;display:flex;flex-direction:column;gap:3rem}@media (min-width: 540px){.slider-img__inner .slider-img__content-heading{padding-block:4rem;gap:3.5rem}}@media (min-width: 768px){.slider-img__inner .slider-img__content-heading{padding-block:5rem}}@media (min-width: 1024px){.slider-img__inner .slider-img__content-heading{padding-block:5.061rem 5.3rem;flex-direction:row;justify-content:space-between;align-items:flex-end}}@media (min-width: 1280px){.slider-img__inner .slider-img__content-heading{padding-block:4.2rem 7.7rem}}@media (min-width: 1366px){.slider-img__inner .slider-img__content-heading{padding-block:4.6rem 7rem}}@media (min-width: 1680px){.slider-img__inner .slider-img__content-heading{padding-block:4.4rem 9rem}}.slider-img__inner .slider-img__content-heading h2{font-size:4.6rem;line-height:1}@media (min-width: 540px){.slider-img__inner .slider-img__content-heading h2{font-size:6.6rem;line-height:1}}@media (min-width: 768px){.slider-img__inner .slider-img__content-heading h2{font-size:8rem;line-height:1}}@media (min-width: 1280px){.slider-img__inner .slider-img__content-heading h2{font-size:9rem;line-height:1;margin-top:-9rem}}@media (min-width: 1680px){.slider-img__inner .slider-img__content-heading h2{font-size:11rem;line-height:1;margin-top:-10rem}}@media (max-width: 1279.98px){.slider-img__inner .slider-img__content-heading h2 br{display:none}}.slider-img__inner .slider-img__content-heading .btn__group{justify-content:center}@media (min-width: 1024px){.slider-img__inner .slider-img__content-heading .btn__group{padding-bottom:1.8rem}}@media (min-width: 1024px){.slider-img__inner .slider-img__content-heading .btn__group{padding-bottom:2.2rem}}@media (min-width: 1680px){.slider-img__inner .slider-img__content-heading .btn__group{padding-bottom:2.5rem}}.slider-img__inner .slider-img__content-image{width:100%}@media (min-width: 1280px){.slider-img__inner .slider-img__content-image{max-width:68.023rem}}@media (min-width: 1366px){.slider-img__inner .slider-img__content-image{max-width:70.447rem}}@media (min-width: 1680px){.slider-img__inner .slider-img__content-image{max-width:82.711rem}}@media (min-width: 1800px){.slider-img__inner .slider-img__content-image{max-width:84.423rem}}.slider-img__inner .slider-img__content-image figure{display:block;aspect-ratio:295/207}.slider-img.bg-cream .slider-img__image .btn__group{background:var(--cream)}.slider-img.bg-cream .slider-img__image--graphic{color:var(--cream)}.slider-img.js-active-slider .js-slider-arrows{inset-inline:-4rem}@media (min-width: 540px){.slider-img.js-active-slider .js-slider-arrows{inset-inline:-6rem}}@media (min-width: 1280px){.slider-img.js-active-slider .js-slider-arrows{right:unset;left:calc(-1 * (3rem + var(--inline-spacing-left) / 2))}}@media (min-width: 1280px){.slider-img.slider-img--left .slider-img__inner{flex-direction:row}}@media (min-width: 1280px){.slider-img.slider-img--left.js-active-slider .js-slider-arrows{left:unset;right:calc(-1 * (3rem + var(--inline-spacing-right) / 2))}}\n"], dependencies: [{ kind: "directive", type: SlickInitDirective, selector: ".js-active-slider,[appSlickInit]" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }] }); }
|
|
@@ -9864,6 +10010,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
9864
10010
|
type: Input
|
|
9865
10011
|
}] } });
|
|
9866
10012
|
|
|
10013
|
+
class BabylonSliderImgVideoComponent {
|
|
10014
|
+
constructor() {
|
|
10015
|
+
this.platformId = inject(PLATFORM_ID);
|
|
10016
|
+
}
|
|
10017
|
+
// Intenta reproducir sin romper si el navegador bloquea
|
|
10018
|
+
safePlay(video) {
|
|
10019
|
+
video.muted = true;
|
|
10020
|
+
const p = video.play();
|
|
10021
|
+
if (p && typeof p.then === 'function') {
|
|
10022
|
+
p.catch(() => {
|
|
10023
|
+
// Algunos navegadores necesitan un segundo intento con muted/inline ya puestos
|
|
10024
|
+
video.muted = true;
|
|
10025
|
+
video.play().catch(() => { });
|
|
10026
|
+
});
|
|
10027
|
+
}
|
|
10028
|
+
}
|
|
10029
|
+
ngAfterViewInit() {
|
|
10030
|
+
// Si usas Slick, re-produce solo el del slide activo
|
|
10031
|
+
// Ajusta el selector al contenedor real de tu slider
|
|
10032
|
+
if (!isPlatformBrowser(this.platformId))
|
|
10033
|
+
return;
|
|
10034
|
+
const sliderEl = this.sliderRoot?.nativeElement || document;
|
|
10035
|
+
const onChange = () => {
|
|
10036
|
+
const slides = Array.from(sliderEl.querySelectorAll('.slick-slide'));
|
|
10037
|
+
slides.forEach((s) => {
|
|
10038
|
+
const v = s.querySelector('video');
|
|
10039
|
+
if (v)
|
|
10040
|
+
v.pause();
|
|
10041
|
+
});
|
|
10042
|
+
// Slide activo
|
|
10043
|
+
const current = sliderEl.querySelector('.slick-slide.slick-current.slick-active');
|
|
10044
|
+
const currentVid = current?.querySelector('video');
|
|
10045
|
+
if (currentVid)
|
|
10046
|
+
this.safePlay(currentVid);
|
|
10047
|
+
};
|
|
10048
|
+
// Eventos de Slick (init y afterChange)
|
|
10049
|
+
// Si no usas jQuery aquí, puedes enlazar desde tu SlickInitDirective
|
|
10050
|
+
sliderEl.addEventListener('init', onChange);
|
|
10051
|
+
sliderEl.addEventListener('afterChange', onChange);
|
|
10052
|
+
// Primer intento por si el slide ya está visible
|
|
10053
|
+
setTimeout(onChange, 0);
|
|
10054
|
+
}
|
|
10055
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSliderImgVideoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10056
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonSliderImgVideoComponent, isStandalone: true, selector: "lib-babylon-slider-img-video", inputs: { texts: "texts", rooms: "rooms", videoData: "videoData" }, viewQueries: [{ propertyName: "sliderRoot", first: true, predicate: ["sliderRoot"], descendants: true }], ngImport: i0, template: "<section\n class=\"slider-img-video bg-cream js-active-slider slides-visible\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-slider-img-video-slider\"\n data-slider_showbtns=\"true\"\n data-slider_btns=\"icon-small\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"true\"\n data-slider_autoplay=\"true\"\n data-slides_pc=\"1\"\n>\n <div class=\"container\">\n <div class=\"slider-img-video__inner\">\n <span class=\"slider-img-video__title\"\n >LAS HABITACIONES BLANCAS</span\n >\n <div class=\"relative\">\n <div\n class=\"slider-img-video__slider js-slider-img-video-slider js-slider_fix-arrows\"\n sliderFixArrows\n >\n <div>\n @if(rooms?.length) {\n @for (room of rooms; track $index) {\n <div class=\"slider-img-video__item\">\n <div class=\"slider-img-video__image\">\n @if (room?.images?.length) {\n @if (room?.images?.[0]?.src) {\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"slider-img-video__image--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <figure class=\"js-slider_fix-arrows-zone\">\n <img [src]=\"room?.images?.[0]?.src\" [alt]=\"room?.images?.[0]?.alt\" />\n </figure>\n }\n }\n @if (room?.videos?.length) {\n @if (room?.videos?.[0]?.src) {\n <figure\n class=\"slider-img-video__content--image\"\n >\n <video\n #vid\n width=\"320\"\n height=\"240\"\n loop\n autoplay\n muted\n playsinline\n preload=\"auto\"\n [attr.autoplay]=\"''\"\n (loadeddata)=\"safePlay(vid)\"\n (canplay)=\"safePlay(vid)\"\n >\n <source\n [src]=\"\n videoData?.src + '.mp4'\n \"\n type=\"video/mp4\"\n />\n </video>\n </figure>\n }\n }\n <ul class=\"slider-img-video__info\">\n @if(room?.equipments?.length) {\n @for(equipment of room?.equipments; track $index) {\n <li>{{ equipment?.title }}</li>\n }\n }\n </ul>\n </div>\n @if(room?.buttons?.length) {\n <div class=\"btn__group\">\n @for(button of room?.buttons; track $index) {\n <a class=\"btn btn__primary\"\n [href]=\"button?.url\"\n [linkType]=\"button?.linkType\"\n ><span>{{ button?.label}}</span></a\n >\n }\n </div>\n }\n </div>\n }\n }\n </div>\n </div>\n <div class=\"js-slider-arrows arrows--absolute\"></div>\n </div>\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-whidth: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}.slider-img-video{padding-block:5rem}@media (min-width: 540px){.slider-img-video{padding-block:6rem}}@media (min-width: 768px){.slider-img-video{padding-block:8rem}}@media (min-width: 1024px){.slider-img-video{padding-block:7rem}}@media (min-width: 1280px){.slider-img-video{padding-block:8rem 8.1rem}}@media (min-width: 1366px){.slider-img-video{padding-block:9rem}}@media (min-width: 1680px){.slider-img-video{padding-block:10rem}}@media (min-width: 1800px){.slider-img-video{padding-block:10rem 9.9rem}}@media (min-width: 768px){.slider-img-video .container{--inline-spacing-left: 8.8rem;--inline-spacing-right: 8.8rem}}@media (min-width: 1024px){.slider-img-video .container{--inline-spacing-left: 11rem;--inline-spacing-right: 11rem}}@media (min-width: 1280px){.slider-img-video .container{--inline-spacing-left: 12.1rem;--inline-spacing-right: 12.1rem}}@media (min-width: 1366px){.slider-img-video .container{--inline-spacing-left: 13.1rem;--inline-spacing-right: 13.1rem}}@media (min-width: 1680px){.slider-img-video .container{--inline-spacing-left: 16.1rem;--inline-spacing-right: 16.1rem}}@media (min-width: 1800px){.slider-img-video .container{--inline-spacing-left: 17.9rem;--inline-spacing-right: 17.9rem}}.slider-img-video__inner{display:flex;width:100%;flex-direction:column;gap:2.5rem}@media (min-width: 768px){.slider-img-video__inner{gap:3rem;max-width:59.2rem;margin-inline:auto}}@media (min-width: 1280px){.slider-img-video__inner{max-width:unset}}@media (min-width: 1680px){.slider-img-video__inner{gap:4rem}}.slider-img-video__inner .slider-img-video__title{width:100%;text-transform:uppercase;text-align:center;color:rgb(var(--primary),80%);font-size:1.4rem;line-height:1;letter-spacing:.14rem}@media (min-width: 540px){.slider-img-video__inner .slider-img-video__title{font-size:1.4rem;line-height:1.4285714286}}@media (min-width: 768px){.slider-img-video__inner .slider-img-video__title{font-size:1.7rem;line-height:1.2941176471}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__title{font-size:1.8rem;line-height:1;letter-spacing:.36rem;max-width:59.467rem}}@media (min-width: 1366px){.slider-img-video__inner .slider-img-video__title{max-width:63.459rem}}@media (min-width: 1680px){.slider-img-video__inner .slider-img-video__title{max-width:75.6rem}}@media (min-width: 1800px){.slider-img-video__inner .slider-img-video__title{max-width:81rem}}.slider-img-video__inner .slider-img-video__item{display:flex;flex-direction:column;gap:1.4rem}@media (min-width: 540px){.slider-img-video__inner .slider-img-video__item{gap:2rem}}@media (min-width: 768px){.slider-img-video__inner .slider-img-video__item{gap:1.9rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__item{flex-direction:row;align-items:center;gap:6.033rem}}@media (min-width: 1366px){.slider-img-video__inner .slider-img-video__item{gap:5.941rem}}@media (min-width: 1680px){.slider-img-video__inner .slider-img-video__item{gap:6.8rem}}@media (min-width: 1800px){.slider-img-video__inner .slider-img-video__item{gap:8.6rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__item:hover .slider-img-video__image .btn__group{transform:translateY(0)}.slider-img-video__inner .slider-img-video__item:hover .slider-img-video__info{opacity:1;pointer-events:initial}}.slider-img-video__inner .slider-img-video__image{position:relative;overflow:hidden;width:100%}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__image{flex:0 0 auto;max-width:59.467rem}}@media (min-width: 1366px){.slider-img-video__inner .slider-img-video__image{max-width:63.459rem}}@media (min-width: 1680px){.slider-img-video__inner .slider-img-video__image{max-width:75.6rem}}@media (min-width: 1680px){.slider-img-video__inner .slider-img-video__image{max-width:81rem}}.slider-img-video__inner .slider-img-video__image figure{aspect-ratio:295/207}.slider-img-video__inner .slider-img-video__image--graphic{color:var(--white);position:absolute;bottom:-.1rem;left:50%;transform:scaleY(-1) translate(-50%);aspect-ratio:2/1;width:6rem;z-index:1}@media (min-width: 540px){.slider-img-video__inner .slider-img-video__image--graphic{width:10rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__image--graphic{bottom:unset;left:unset;top:50%;right:-.1rem;transform:translate(50%) rotate(90deg);transform-origin:top}}.slider-img-video__inner .slider-img-video__image .btn__group{display:none;transition:var(--transition);background:var(--white)}@media (min-width: 1024px){.slider-img-video__inner .slider-img-video__image .btn__group{display:flex;opacity:0;pointer-events:none;position:absolute;inset:-.1rem;top:auto;padding-bottom:.1rem;transform:translateY(100%)}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__image .btn__group{opacity:1;pointer-events:initial;padding-top:3rem;justify-content:center;gap:3rem}}.slider-img-video__inner .slider-img-video__info{position:absolute;inset:0 0 auto;transition:var(--transition);color:var(--white);display:none;column-gap:2rem;row-gap:1rem;padding:2rem;flex-wrap:wrap;justify-content:flex-end;font-size:1.8rem;line-height:1;letter-spacing:.036rem;background:linear-gradient(180deg,rgb(var(--primary),30%),rgb(var(--primary),0%))}@media (min-width: 540px){.slider-img-video__inner .slider-img-video__info{padding:3rem;column-gap:3rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__info{display:flex;opacity:0;pointer-events:none;column-gap:5rem;height:21rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__content{flex:1 1 auto;padding-right:6%}}.slider-img-video__inner .slider-img-video__content--image{display:none}@media (min-width: 1024px){.slider-img-video__inner .slider-img-video__content--image{opacity:0;display:block;pointer-events:none;transition:var(--transition)}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__content--image{opacity:1;pointer-events:initial;position:absolute;right:0;top:5.056rem;overflow:hidden;aspect-ratio:160/207;width:16rem;transform:translate(var(--inline-spacing-right))}}@media (min-width: 1366px){.slider-img-video__inner .slider-img-video__content--image{top:6.056rem}}@media (min-width: 1680px){.slider-img-video__inner .slider-img-video__content--image{width:18.551rem;top:7.056rem}}@media (min-width: 1800px){.slider-img-video__inner .slider-img-video__content--image{width:19.9rem;top:8rem}}.slider-img-video__inner .slider-img-video__content--image img,.slider-img-video__inner .slider-img-video__content--image video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.slider-img-video__inner .slider-img-video__content h2{font-size:4.8rem;line-height:1;margin-bottom:3.1rem}@media (min-width: 540px){.slider-img-video__inner .slider-img-video__content h2{font-size:6.6rem;line-height:1;margin-bottom:3.6rem}}@media (min-width: 768px){.slider-img-video__inner .slider-img-video__content h2{font-size:8rem;line-height:1;margin-bottom:4.8rem}}@media (min-width: 1024px){.slider-img-video__inner .slider-img-video__content h2{margin-bottom:5rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__content h2{font-size:9rem;line-height:1;margin-bottom:3rem;width:min-content}}@media (min-width: 1680px){.slider-img-video__inner .slider-img-video__content h2{font-size:11rem;line-height:1;margin-bottom:5.5rem}}.slider-img-video__inner .slider-img-video__content p{color:rgb(var(--primary),80%);font-size:1.6rem;line-height:1.5;width:100%}@media (min-width: 540px){.slider-img-video__inner .slider-img-video__content p{font-size:1.8rem;line-height:1.5555555556;max-width:43.5rem}}@media (min-width: 768px){.slider-img-video__inner .slider-img-video__content p{font-size:2rem;line-height:1.6;letter-spacing:.04rem;max-width:59.8rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__content p{font-size:2rem;line-height:1.7;max-width:48.4rem}}@media (min-width: 1680px){.slider-img-video__inner .slider-img-video__content p{max-width:43.4rem}}.slider-img-video__inner .slider-img-video__content .btn__group{flex-direction:column;align-items:center;gap:2rem;margin-top:2.7rem}@media (min-width: 540px){.slider-img-video__inner .slider-img-video__content .btn__group{margin-top:2.9rem}}@media (min-width: 768px){.slider-img-video__inner .slider-img-video__content .btn__group{flex-direction:row;gap:3rem;justify-content:center;margin-top:3.7rem}}@media (min-width: 1024px){.slider-img-video__inner .slider-img-video__content .btn__group{margin-top:5rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__content .btn__group{display:none}}.slider-img-video.bg-cream .slider-img-video__image .btn__group{background:var(--cream)}.slider-img-video.bg-cream .slider-img-video__image--graphic{color:var(--cream)}.slider-img-video.js-active-slider .js-slider-arrows{left:calc(-1 * (2rem + var(--inline-spacing-left) / 2));right:calc(-1 * (2rem + var(--inline-spacing-right) / 2))}@media (min-width: 540px){.slider-img-video.js-active-slider .js-slider-arrows{left:calc(-1 * (3rem + var(--inline-spacing-left) / 2));right:calc(-1 * (3rem + var(--inline-spacing-right) / 2))}}@media (min-width: 1280px){.slider-img-video.js-active-slider .js-slider-arrows{right:auto}}.js-active-slider{--sliderNav__position: 50%}.relative{position:relative}.js-slider-arrows.arrows--absolute{position:absolute;top:var(--sliderNav__position);left:0;right:0;transform:translateY(-50%)}\n"], dependencies: [{ kind: "directive", type: SlickInitDirective, selector: ".js-active-slider,[appSlickInit]" }, { kind: "directive", type: SliderFixArrowsDirective, selector: "[sliderFixArrows]" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }] }); }
|
|
10057
|
+
}
|
|
10058
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSliderImgVideoComponent, decorators: [{
|
|
10059
|
+
type: Component,
|
|
10060
|
+
args: [{ selector: 'lib-babylon-slider-img-video', standalone: true, imports: [SlickInitDirective, SliderFixArrowsDirective, BabylonLinkTypeDirective], template: "<section\n class=\"slider-img-video bg-cream js-active-slider slides-visible\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-slider-img-video-slider\"\n data-slider_showbtns=\"true\"\n data-slider_btns=\"icon-small\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"true\"\n data-slider_autoplay=\"true\"\n data-slides_pc=\"1\"\n>\n <div class=\"container\">\n <div class=\"slider-img-video__inner\">\n <span class=\"slider-img-video__title\"\n >LAS HABITACIONES BLANCAS</span\n >\n <div class=\"relative\">\n <div\n class=\"slider-img-video__slider js-slider-img-video-slider js-slider_fix-arrows\"\n sliderFixArrows\n >\n <div>\n @if(rooms?.length) {\n @for (room of rooms; track $index) {\n <div class=\"slider-img-video__item\">\n <div class=\"slider-img-video__image\">\n @if (room?.images?.length) {\n @if (room?.images?.[0]?.src) {\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"slider-img-video__image--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <figure class=\"js-slider_fix-arrows-zone\">\n <img [src]=\"room?.images?.[0]?.src\" [alt]=\"room?.images?.[0]?.alt\" />\n </figure>\n }\n }\n @if (room?.videos?.length) {\n @if (room?.videos?.[0]?.src) {\n <figure\n class=\"slider-img-video__content--image\"\n >\n <video\n #vid\n width=\"320\"\n height=\"240\"\n loop\n autoplay\n muted\n playsinline\n preload=\"auto\"\n [attr.autoplay]=\"''\"\n (loadeddata)=\"safePlay(vid)\"\n (canplay)=\"safePlay(vid)\"\n >\n <source\n [src]=\"\n videoData?.src + '.mp4'\n \"\n type=\"video/mp4\"\n />\n </video>\n </figure>\n }\n }\n <ul class=\"slider-img-video__info\">\n @if(room?.equipments?.length) {\n @for(equipment of room?.equipments; track $index) {\n <li>{{ equipment?.title }}</li>\n }\n }\n </ul>\n </div>\n @if(room?.buttons?.length) {\n <div class=\"btn__group\">\n @for(button of room?.buttons; track $index) {\n <a class=\"btn btn__primary\"\n [href]=\"button?.url\"\n [linkType]=\"button?.linkType\"\n ><span>{{ button?.label}}</span></a\n >\n }\n </div>\n }\n </div>\n }\n }\n </div>\n </div>\n <div class=\"js-slider-arrows arrows--absolute\"></div>\n </div>\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-whidth: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}.slider-img-video{padding-block:5rem}@media (min-width: 540px){.slider-img-video{padding-block:6rem}}@media (min-width: 768px){.slider-img-video{padding-block:8rem}}@media (min-width: 1024px){.slider-img-video{padding-block:7rem}}@media (min-width: 1280px){.slider-img-video{padding-block:8rem 8.1rem}}@media (min-width: 1366px){.slider-img-video{padding-block:9rem}}@media (min-width: 1680px){.slider-img-video{padding-block:10rem}}@media (min-width: 1800px){.slider-img-video{padding-block:10rem 9.9rem}}@media (min-width: 768px){.slider-img-video .container{--inline-spacing-left: 8.8rem;--inline-spacing-right: 8.8rem}}@media (min-width: 1024px){.slider-img-video .container{--inline-spacing-left: 11rem;--inline-spacing-right: 11rem}}@media (min-width: 1280px){.slider-img-video .container{--inline-spacing-left: 12.1rem;--inline-spacing-right: 12.1rem}}@media (min-width: 1366px){.slider-img-video .container{--inline-spacing-left: 13.1rem;--inline-spacing-right: 13.1rem}}@media (min-width: 1680px){.slider-img-video .container{--inline-spacing-left: 16.1rem;--inline-spacing-right: 16.1rem}}@media (min-width: 1800px){.slider-img-video .container{--inline-spacing-left: 17.9rem;--inline-spacing-right: 17.9rem}}.slider-img-video__inner{display:flex;width:100%;flex-direction:column;gap:2.5rem}@media (min-width: 768px){.slider-img-video__inner{gap:3rem;max-width:59.2rem;margin-inline:auto}}@media (min-width: 1280px){.slider-img-video__inner{max-width:unset}}@media (min-width: 1680px){.slider-img-video__inner{gap:4rem}}.slider-img-video__inner .slider-img-video__title{width:100%;text-transform:uppercase;text-align:center;color:rgb(var(--primary),80%);font-size:1.4rem;line-height:1;letter-spacing:.14rem}@media (min-width: 540px){.slider-img-video__inner .slider-img-video__title{font-size:1.4rem;line-height:1.4285714286}}@media (min-width: 768px){.slider-img-video__inner .slider-img-video__title{font-size:1.7rem;line-height:1.2941176471}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__title{font-size:1.8rem;line-height:1;letter-spacing:.36rem;max-width:59.467rem}}@media (min-width: 1366px){.slider-img-video__inner .slider-img-video__title{max-width:63.459rem}}@media (min-width: 1680px){.slider-img-video__inner .slider-img-video__title{max-width:75.6rem}}@media (min-width: 1800px){.slider-img-video__inner .slider-img-video__title{max-width:81rem}}.slider-img-video__inner .slider-img-video__item{display:flex;flex-direction:column;gap:1.4rem}@media (min-width: 540px){.slider-img-video__inner .slider-img-video__item{gap:2rem}}@media (min-width: 768px){.slider-img-video__inner .slider-img-video__item{gap:1.9rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__item{flex-direction:row;align-items:center;gap:6.033rem}}@media (min-width: 1366px){.slider-img-video__inner .slider-img-video__item{gap:5.941rem}}@media (min-width: 1680px){.slider-img-video__inner .slider-img-video__item{gap:6.8rem}}@media (min-width: 1800px){.slider-img-video__inner .slider-img-video__item{gap:8.6rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__item:hover .slider-img-video__image .btn__group{transform:translateY(0)}.slider-img-video__inner .slider-img-video__item:hover .slider-img-video__info{opacity:1;pointer-events:initial}}.slider-img-video__inner .slider-img-video__image{position:relative;overflow:hidden;width:100%}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__image{flex:0 0 auto;max-width:59.467rem}}@media (min-width: 1366px){.slider-img-video__inner .slider-img-video__image{max-width:63.459rem}}@media (min-width: 1680px){.slider-img-video__inner .slider-img-video__image{max-width:75.6rem}}@media (min-width: 1680px){.slider-img-video__inner .slider-img-video__image{max-width:81rem}}.slider-img-video__inner .slider-img-video__image figure{aspect-ratio:295/207}.slider-img-video__inner .slider-img-video__image--graphic{color:var(--white);position:absolute;bottom:-.1rem;left:50%;transform:scaleY(-1) translate(-50%);aspect-ratio:2/1;width:6rem;z-index:1}@media (min-width: 540px){.slider-img-video__inner .slider-img-video__image--graphic{width:10rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__image--graphic{bottom:unset;left:unset;top:50%;right:-.1rem;transform:translate(50%) rotate(90deg);transform-origin:top}}.slider-img-video__inner .slider-img-video__image .btn__group{display:none;transition:var(--transition);background:var(--white)}@media (min-width: 1024px){.slider-img-video__inner .slider-img-video__image .btn__group{display:flex;opacity:0;pointer-events:none;position:absolute;inset:-.1rem;top:auto;padding-bottom:.1rem;transform:translateY(100%)}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__image .btn__group{opacity:1;pointer-events:initial;padding-top:3rem;justify-content:center;gap:3rem}}.slider-img-video__inner .slider-img-video__info{position:absolute;inset:0 0 auto;transition:var(--transition);color:var(--white);display:none;column-gap:2rem;row-gap:1rem;padding:2rem;flex-wrap:wrap;justify-content:flex-end;font-size:1.8rem;line-height:1;letter-spacing:.036rem;background:linear-gradient(180deg,rgb(var(--primary),30%),rgb(var(--primary),0%))}@media (min-width: 540px){.slider-img-video__inner .slider-img-video__info{padding:3rem;column-gap:3rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__info{display:flex;opacity:0;pointer-events:none;column-gap:5rem;height:21rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__content{flex:1 1 auto;padding-right:6%}}.slider-img-video__inner .slider-img-video__content--image{display:none}@media (min-width: 1024px){.slider-img-video__inner .slider-img-video__content--image{opacity:0;display:block;pointer-events:none;transition:var(--transition)}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__content--image{opacity:1;pointer-events:initial;position:absolute;right:0;top:5.056rem;overflow:hidden;aspect-ratio:160/207;width:16rem;transform:translate(var(--inline-spacing-right))}}@media (min-width: 1366px){.slider-img-video__inner .slider-img-video__content--image{top:6.056rem}}@media (min-width: 1680px){.slider-img-video__inner .slider-img-video__content--image{width:18.551rem;top:7.056rem}}@media (min-width: 1800px){.slider-img-video__inner .slider-img-video__content--image{width:19.9rem;top:8rem}}.slider-img-video__inner .slider-img-video__content--image img,.slider-img-video__inner .slider-img-video__content--image video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.slider-img-video__inner .slider-img-video__content h2{font-size:4.8rem;line-height:1;margin-bottom:3.1rem}@media (min-width: 540px){.slider-img-video__inner .slider-img-video__content h2{font-size:6.6rem;line-height:1;margin-bottom:3.6rem}}@media (min-width: 768px){.slider-img-video__inner .slider-img-video__content h2{font-size:8rem;line-height:1;margin-bottom:4.8rem}}@media (min-width: 1024px){.slider-img-video__inner .slider-img-video__content h2{margin-bottom:5rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__content h2{font-size:9rem;line-height:1;margin-bottom:3rem;width:min-content}}@media (min-width: 1680px){.slider-img-video__inner .slider-img-video__content h2{font-size:11rem;line-height:1;margin-bottom:5.5rem}}.slider-img-video__inner .slider-img-video__content p{color:rgb(var(--primary),80%);font-size:1.6rem;line-height:1.5;width:100%}@media (min-width: 540px){.slider-img-video__inner .slider-img-video__content p{font-size:1.8rem;line-height:1.5555555556;max-width:43.5rem}}@media (min-width: 768px){.slider-img-video__inner .slider-img-video__content p{font-size:2rem;line-height:1.6;letter-spacing:.04rem;max-width:59.8rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__content p{font-size:2rem;line-height:1.7;max-width:48.4rem}}@media (min-width: 1680px){.slider-img-video__inner .slider-img-video__content p{max-width:43.4rem}}.slider-img-video__inner .slider-img-video__content .btn__group{flex-direction:column;align-items:center;gap:2rem;margin-top:2.7rem}@media (min-width: 540px){.slider-img-video__inner .slider-img-video__content .btn__group{margin-top:2.9rem}}@media (min-width: 768px){.slider-img-video__inner .slider-img-video__content .btn__group{flex-direction:row;gap:3rem;justify-content:center;margin-top:3.7rem}}@media (min-width: 1024px){.slider-img-video__inner .slider-img-video__content .btn__group{margin-top:5rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__content .btn__group{display:none}}.slider-img-video.bg-cream .slider-img-video__image .btn__group{background:var(--cream)}.slider-img-video.bg-cream .slider-img-video__image--graphic{color:var(--cream)}.slider-img-video.js-active-slider .js-slider-arrows{left:calc(-1 * (2rem + var(--inline-spacing-left) / 2));right:calc(-1 * (2rem + var(--inline-spacing-right) / 2))}@media (min-width: 540px){.slider-img-video.js-active-slider .js-slider-arrows{left:calc(-1 * (3rem + var(--inline-spacing-left) / 2));right:calc(-1 * (3rem + var(--inline-spacing-right) / 2))}}@media (min-width: 1280px){.slider-img-video.js-active-slider .js-slider-arrows{right:auto}}.js-active-slider{--sliderNav__position: 50%}.relative{position:relative}.js-slider-arrows.arrows--absolute{position:absolute;top:var(--sliderNav__position);left:0;right:0;transform:translateY(-50%)}\n"] }]
|
|
10061
|
+
}], propDecorators: { sliderRoot: [{
|
|
10062
|
+
type: ViewChild,
|
|
10063
|
+
args: ['sliderRoot', { static: false }]
|
|
10064
|
+
}], texts: [{
|
|
10065
|
+
type: Input
|
|
10066
|
+
}], rooms: [{
|
|
10067
|
+
type: Input
|
|
10068
|
+
}], videoData: [{
|
|
10069
|
+
type: Input
|
|
10070
|
+
}] } });
|
|
10071
|
+
|
|
9867
10072
|
class BabylonSlider2colComponent {
|
|
9868
10073
|
constructor() {
|
|
9869
10074
|
this.rightSide = false;
|
|
@@ -11176,65 +11381,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
11176
11381
|
type: Input
|
|
11177
11382
|
}] } });
|
|
11178
11383
|
|
|
11179
|
-
class BabylonSliderImgVideoComponent {
|
|
11180
|
-
constructor() {
|
|
11181
|
-
this.platformId = inject(PLATFORM_ID);
|
|
11182
|
-
}
|
|
11183
|
-
// Intenta reproducir sin romper si el navegador bloquea
|
|
11184
|
-
safePlay(video) {
|
|
11185
|
-
video.muted = true;
|
|
11186
|
-
const p = video.play();
|
|
11187
|
-
if (p && typeof p.then === 'function') {
|
|
11188
|
-
p.catch(() => {
|
|
11189
|
-
// Algunos navegadores necesitan un segundo intento con muted/inline ya puestos
|
|
11190
|
-
video.muted = true;
|
|
11191
|
-
video.play().catch(() => { });
|
|
11192
|
-
});
|
|
11193
|
-
}
|
|
11194
|
-
}
|
|
11195
|
-
ngAfterViewInit() {
|
|
11196
|
-
// Si usas Slick, re-produce solo el del slide activo
|
|
11197
|
-
// Ajusta el selector al contenedor real de tu slider
|
|
11198
|
-
if (!isPlatformBrowser(this.platformId))
|
|
11199
|
-
return;
|
|
11200
|
-
const sliderEl = this.sliderRoot?.nativeElement || document;
|
|
11201
|
-
const onChange = () => {
|
|
11202
|
-
const slides = Array.from(sliderEl.querySelectorAll('.slick-slide'));
|
|
11203
|
-
slides.forEach((s) => {
|
|
11204
|
-
const v = s.querySelector('video');
|
|
11205
|
-
if (v)
|
|
11206
|
-
v.pause();
|
|
11207
|
-
});
|
|
11208
|
-
// Slide activo
|
|
11209
|
-
const current = sliderEl.querySelector('.slick-slide.slick-current.slick-active');
|
|
11210
|
-
const currentVid = current?.querySelector('video');
|
|
11211
|
-
if (currentVid)
|
|
11212
|
-
this.safePlay(currentVid);
|
|
11213
|
-
};
|
|
11214
|
-
// Eventos de Slick (init y afterChange)
|
|
11215
|
-
// Si no usas jQuery aquí, puedes enlazar desde tu SlickInitDirective
|
|
11216
|
-
sliderEl.addEventListener('init', onChange);
|
|
11217
|
-
sliderEl.addEventListener('afterChange', onChange);
|
|
11218
|
-
// Primer intento por si el slide ya está visible
|
|
11219
|
-
setTimeout(onChange, 0);
|
|
11220
|
-
}
|
|
11221
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSliderImgVideoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11222
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonSliderImgVideoComponent, isStandalone: true, selector: "lib-babylon-slider-img-video", inputs: { texts: "texts", rooms: "rooms", videoData: "videoData" }, viewQueries: [{ propertyName: "sliderRoot", first: true, predicate: ["sliderRoot"], descendants: true }], ngImport: i0, template: "<section\n class=\"slider-img-video bg-cream js-active-slider slides-visible\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-slider-img-video-slider\"\n data-slider_showbtns=\"true\"\n data-slider_btns=\"icon-small\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"true\"\n data-slider_autoplay=\"true\"\n data-slides_pc=\"1\"\n>\n <div class=\"container\">\n <div class=\"slider-img-video__inner\">\n <span class=\"slider-img-video__title\"\n >LAS HABITACIONES BLANCAS</span\n >\n <div class=\"relative\">\n <div\n class=\"slider-img-video__slider js-slider-img-video-slider js-slider_fix-arrows\"\n sliderFixArrows\n >\n <div>\n @if(rooms?.length) {\n @for (room of rooms; track $index) {\n <div class=\"slider-img-video__item\">\n <div class=\"slider-img-video__image\">\n @if (room?.images?.length) {\n @if (room?.images?.[0]?.src) {\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"slider-img-video__image--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <figure class=\"js-slider_fix-arrows-zone\">\n <img [src]=\"room?.images?.[0]?.src\" [alt]=\"room?.images?.[0]?.alt\" />\n </figure>\n }\n }\n @if (room?.videos?.length) {\n @if (room?.videos?.[0]?.src) {\n <figure\n class=\"slider-img-video__content--image\"\n >\n <video\n #vid\n width=\"320\"\n height=\"240\"\n loop\n autoplay\n muted\n playsinline\n preload=\"auto\"\n [attr.autoplay]=\"''\"\n (loadeddata)=\"safePlay(vid)\"\n (canplay)=\"safePlay(vid)\"\n >\n <source\n [src]=\"\n videoData?.src + '.mp4'\n \"\n type=\"video/mp4\"\n />\n </video>\n </figure>\n }\n }\n <ul class=\"slider-img-video__info\">\n @if(room?.equipments?.length) {\n @for(equipment of room?.equipments; track $index) {\n <li>{{ equipment?.title }}</li>\n }\n }\n </ul>\n </div>\n @if(room?.buttons?.length) {\n <div class=\"btn__group\">\n @for(button of room?.buttons; track $index) {\n <a class=\"btn btn__primary\"\n [href]=\"button?.url\"\n [linkType]=\"button?.linkType\"\n ><span>{{ button?.label}}</span></a\n >\n }\n </div>\n }\n </div>\n }\n }\n </div>\n </div>\n <div class=\"js-slider-arrows arrows--absolute\"></div>\n </div>\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-whidth: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}.slider-img-video{padding-block:5rem}@media (min-width: 540px){.slider-img-video{padding-block:6rem}}@media (min-width: 768px){.slider-img-video{padding-block:8rem}}@media (min-width: 1024px){.slider-img-video{padding-block:7rem}}@media (min-width: 1280px){.slider-img-video{padding-block:8rem 8.1rem}}@media (min-width: 1366px){.slider-img-video{padding-block:9rem}}@media (min-width: 1680px){.slider-img-video{padding-block:10rem}}@media (min-width: 1800px){.slider-img-video{padding-block:10rem 9.9rem}}@media (min-width: 768px){.slider-img-video .container{--inline-spacing-left: 8.8rem;--inline-spacing-right: 8.8rem}}@media (min-width: 1024px){.slider-img-video .container{--inline-spacing-left: 11rem;--inline-spacing-right: 11rem}}@media (min-width: 1280px){.slider-img-video .container{--inline-spacing-left: 12.1rem;--inline-spacing-right: 12.1rem}}@media (min-width: 1366px){.slider-img-video .container{--inline-spacing-left: 13.1rem;--inline-spacing-right: 13.1rem}}@media (min-width: 1680px){.slider-img-video .container{--inline-spacing-left: 16.1rem;--inline-spacing-right: 16.1rem}}@media (min-width: 1800px){.slider-img-video .container{--inline-spacing-left: 17.9rem;--inline-spacing-right: 17.9rem}}.slider-img-video__inner{display:flex;width:100%;flex-direction:column;gap:2.5rem}@media (min-width: 768px){.slider-img-video__inner{gap:3rem;max-width:59.2rem;margin-inline:auto}}@media (min-width: 1280px){.slider-img-video__inner{max-width:unset}}@media (min-width: 1680px){.slider-img-video__inner{gap:4rem}}.slider-img-video__inner .slider-img-video__title{width:100%;text-transform:uppercase;text-align:center;color:rgb(var(--primary),80%);font-size:1.4rem;line-height:1;letter-spacing:.14rem}@media (min-width: 540px){.slider-img-video__inner .slider-img-video__title{font-size:1.4rem;line-height:1.4285714286}}@media (min-width: 768px){.slider-img-video__inner .slider-img-video__title{font-size:1.7rem;line-height:1.2941176471}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__title{font-size:1.8rem;line-height:1;letter-spacing:.36rem;max-width:59.467rem}}@media (min-width: 1366px){.slider-img-video__inner .slider-img-video__title{max-width:63.459rem}}@media (min-width: 1680px){.slider-img-video__inner .slider-img-video__title{max-width:75.6rem}}@media (min-width: 1800px){.slider-img-video__inner .slider-img-video__title{max-width:81rem}}.slider-img-video__inner .slider-img-video__item{display:flex;flex-direction:column;gap:1.4rem}@media (min-width: 540px){.slider-img-video__inner .slider-img-video__item{gap:2rem}}@media (min-width: 768px){.slider-img-video__inner .slider-img-video__item{gap:1.9rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__item{flex-direction:row;align-items:center;gap:6.033rem}}@media (min-width: 1366px){.slider-img-video__inner .slider-img-video__item{gap:5.941rem}}@media (min-width: 1680px){.slider-img-video__inner .slider-img-video__item{gap:6.8rem}}@media (min-width: 1800px){.slider-img-video__inner .slider-img-video__item{gap:8.6rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__item:hover .slider-img-video__image .btn__group{transform:translateY(0)}.slider-img-video__inner .slider-img-video__item:hover .slider-img-video__info{opacity:1;pointer-events:initial}}.slider-img-video__inner .slider-img-video__image{position:relative;overflow:hidden;width:100%}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__image{flex:0 0 auto;max-width:59.467rem}}@media (min-width: 1366px){.slider-img-video__inner .slider-img-video__image{max-width:63.459rem}}@media (min-width: 1680px){.slider-img-video__inner .slider-img-video__image{max-width:75.6rem}}@media (min-width: 1680px){.slider-img-video__inner .slider-img-video__image{max-width:81rem}}.slider-img-video__inner .slider-img-video__image figure{aspect-ratio:295/207}.slider-img-video__inner .slider-img-video__image--graphic{color:var(--white);position:absolute;bottom:-.1rem;left:50%;transform:scaleY(-1) translate(-50%);aspect-ratio:2/1;width:6rem;z-index:1}@media (min-width: 540px){.slider-img-video__inner .slider-img-video__image--graphic{width:10rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__image--graphic{bottom:unset;left:unset;top:50%;right:-.1rem;transform:translate(50%) rotate(90deg);transform-origin:top}}.slider-img-video__inner .slider-img-video__image .btn__group{display:none;transition:var(--transition);background:var(--white)}@media (min-width: 1024px){.slider-img-video__inner .slider-img-video__image .btn__group{display:flex;opacity:0;pointer-events:none;position:absolute;inset:-.1rem;top:auto;padding-bottom:.1rem;transform:translateY(100%)}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__image .btn__group{opacity:1;pointer-events:initial;padding-top:3rem;justify-content:center;gap:3rem}}.slider-img-video__inner .slider-img-video__info{position:absolute;inset:0 0 auto;transition:var(--transition);color:var(--white);display:none;column-gap:2rem;row-gap:1rem;padding:2rem;flex-wrap:wrap;justify-content:flex-end;font-size:1.8rem;line-height:1;letter-spacing:.036rem;background:linear-gradient(180deg,rgb(var(--primary),30%),rgb(var(--primary),0%))}@media (min-width: 540px){.slider-img-video__inner .slider-img-video__info{padding:3rem;column-gap:3rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__info{display:flex;opacity:0;pointer-events:none;column-gap:5rem;height:21rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__content{flex:1 1 auto;padding-right:6%}}.slider-img-video__inner .slider-img-video__content--image{display:none}@media (min-width: 1024px){.slider-img-video__inner .slider-img-video__content--image{opacity:0;display:block;pointer-events:none;transition:var(--transition)}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__content--image{opacity:1;pointer-events:initial;position:absolute;right:0;top:5.056rem;overflow:hidden;aspect-ratio:160/207;width:16rem;transform:translate(var(--inline-spacing-right))}}@media (min-width: 1366px){.slider-img-video__inner .slider-img-video__content--image{top:6.056rem}}@media (min-width: 1680px){.slider-img-video__inner .slider-img-video__content--image{width:18.551rem;top:7.056rem}}@media (min-width: 1800px){.slider-img-video__inner .slider-img-video__content--image{width:19.9rem;top:8rem}}.slider-img-video__inner .slider-img-video__content--image img,.slider-img-video__inner .slider-img-video__content--image video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.slider-img-video__inner .slider-img-video__content h2{font-size:4.8rem;line-height:1;margin-bottom:3.1rem}@media (min-width: 540px){.slider-img-video__inner .slider-img-video__content h2{font-size:6.6rem;line-height:1;margin-bottom:3.6rem}}@media (min-width: 768px){.slider-img-video__inner .slider-img-video__content h2{font-size:8rem;line-height:1;margin-bottom:4.8rem}}@media (min-width: 1024px){.slider-img-video__inner .slider-img-video__content h2{margin-bottom:5rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__content h2{font-size:9rem;line-height:1;margin-bottom:3rem;width:min-content}}@media (min-width: 1680px){.slider-img-video__inner .slider-img-video__content h2{font-size:11rem;line-height:1;margin-bottom:5.5rem}}.slider-img-video__inner .slider-img-video__content p{color:rgb(var(--primary),80%);font-size:1.6rem;line-height:1.5;width:100%}@media (min-width: 540px){.slider-img-video__inner .slider-img-video__content p{font-size:1.8rem;line-height:1.5555555556;max-width:43.5rem}}@media (min-width: 768px){.slider-img-video__inner .slider-img-video__content p{font-size:2rem;line-height:1.6;letter-spacing:.04rem;max-width:59.8rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__content p{font-size:2rem;line-height:1.7;max-width:48.4rem}}@media (min-width: 1680px){.slider-img-video__inner .slider-img-video__content p{max-width:43.4rem}}.slider-img-video__inner .slider-img-video__content .btn__group{flex-direction:column;align-items:center;gap:2rem;margin-top:2.7rem}@media (min-width: 540px){.slider-img-video__inner .slider-img-video__content .btn__group{margin-top:2.9rem}}@media (min-width: 768px){.slider-img-video__inner .slider-img-video__content .btn__group{flex-direction:row;gap:3rem;justify-content:center;margin-top:3.7rem}}@media (min-width: 1024px){.slider-img-video__inner .slider-img-video__content .btn__group{margin-top:5rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__content .btn__group{display:none}}.slider-img-video.bg-cream .slider-img-video__image .btn__group{background:var(--cream)}.slider-img-video.bg-cream .slider-img-video__image--graphic{color:var(--cream)}.slider-img-video.js-active-slider .js-slider-arrows{left:calc(-1 * (2rem + var(--inline-spacing-left) / 2));right:calc(-1 * (2rem + var(--inline-spacing-right) / 2))}@media (min-width: 540px){.slider-img-video.js-active-slider .js-slider-arrows{left:calc(-1 * (3rem + var(--inline-spacing-left) / 2));right:calc(-1 * (3rem + var(--inline-spacing-right) / 2))}}@media (min-width: 1280px){.slider-img-video.js-active-slider .js-slider-arrows{right:auto}}.js-active-slider{--sliderNav__position: 50%}.relative{position:relative}.js-slider-arrows.arrows--absolute{position:absolute;top:var(--sliderNav__position);left:0;right:0;transform:translateY(-50%)}\n"], dependencies: [{ kind: "directive", type: SlickInitDirective, selector: ".js-active-slider,[appSlickInit]" }, { kind: "directive", type: SliderFixArrowsDirective, selector: "[sliderFixArrows]" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }] }); }
|
|
11223
|
-
}
|
|
11224
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSliderImgVideoComponent, decorators: [{
|
|
11225
|
-
type: Component,
|
|
11226
|
-
args: [{ selector: 'lib-babylon-slider-img-video', standalone: true, imports: [SlickInitDirective, SliderFixArrowsDirective, BabylonLinkTypeDirective], template: "<section\n class=\"slider-img-video bg-cream js-active-slider slides-visible\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-slider-img-video-slider\"\n data-slider_showbtns=\"true\"\n data-slider_btns=\"icon-small\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"true\"\n data-slider_autoplay=\"true\"\n data-slides_pc=\"1\"\n>\n <div class=\"container\">\n <div class=\"slider-img-video__inner\">\n <span class=\"slider-img-video__title\"\n >LAS HABITACIONES BLANCAS</span\n >\n <div class=\"relative\">\n <div\n class=\"slider-img-video__slider js-slider-img-video-slider js-slider_fix-arrows\"\n sliderFixArrows\n >\n <div>\n @if(rooms?.length) {\n @for (room of rooms; track $index) {\n <div class=\"slider-img-video__item\">\n <div class=\"slider-img-video__image\">\n @if (room?.images?.length) {\n @if (room?.images?.[0]?.src) {\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"slider-img-video__image--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <figure class=\"js-slider_fix-arrows-zone\">\n <img [src]=\"room?.images?.[0]?.src\" [alt]=\"room?.images?.[0]?.alt\" />\n </figure>\n }\n }\n @if (room?.videos?.length) {\n @if (room?.videos?.[0]?.src) {\n <figure\n class=\"slider-img-video__content--image\"\n >\n <video\n #vid\n width=\"320\"\n height=\"240\"\n loop\n autoplay\n muted\n playsinline\n preload=\"auto\"\n [attr.autoplay]=\"''\"\n (loadeddata)=\"safePlay(vid)\"\n (canplay)=\"safePlay(vid)\"\n >\n <source\n [src]=\"\n videoData?.src + '.mp4'\n \"\n type=\"video/mp4\"\n />\n </video>\n </figure>\n }\n }\n <ul class=\"slider-img-video__info\">\n @if(room?.equipments?.length) {\n @for(equipment of room?.equipments; track $index) {\n <li>{{ equipment?.title }}</li>\n }\n }\n </ul>\n </div>\n @if(room?.buttons?.length) {\n <div class=\"btn__group\">\n @for(button of room?.buttons; track $index) {\n <a class=\"btn btn__primary\"\n [href]=\"button?.url\"\n [linkType]=\"button?.linkType\"\n ><span>{{ button?.label}}</span></a\n >\n }\n </div>\n }\n </div>\n }\n }\n </div>\n </div>\n <div class=\"js-slider-arrows arrows--absolute\"></div>\n </div>\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-whidth: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}.slider-img-video{padding-block:5rem}@media (min-width: 540px){.slider-img-video{padding-block:6rem}}@media (min-width: 768px){.slider-img-video{padding-block:8rem}}@media (min-width: 1024px){.slider-img-video{padding-block:7rem}}@media (min-width: 1280px){.slider-img-video{padding-block:8rem 8.1rem}}@media (min-width: 1366px){.slider-img-video{padding-block:9rem}}@media (min-width: 1680px){.slider-img-video{padding-block:10rem}}@media (min-width: 1800px){.slider-img-video{padding-block:10rem 9.9rem}}@media (min-width: 768px){.slider-img-video .container{--inline-spacing-left: 8.8rem;--inline-spacing-right: 8.8rem}}@media (min-width: 1024px){.slider-img-video .container{--inline-spacing-left: 11rem;--inline-spacing-right: 11rem}}@media (min-width: 1280px){.slider-img-video .container{--inline-spacing-left: 12.1rem;--inline-spacing-right: 12.1rem}}@media (min-width: 1366px){.slider-img-video .container{--inline-spacing-left: 13.1rem;--inline-spacing-right: 13.1rem}}@media (min-width: 1680px){.slider-img-video .container{--inline-spacing-left: 16.1rem;--inline-spacing-right: 16.1rem}}@media (min-width: 1800px){.slider-img-video .container{--inline-spacing-left: 17.9rem;--inline-spacing-right: 17.9rem}}.slider-img-video__inner{display:flex;width:100%;flex-direction:column;gap:2.5rem}@media (min-width: 768px){.slider-img-video__inner{gap:3rem;max-width:59.2rem;margin-inline:auto}}@media (min-width: 1280px){.slider-img-video__inner{max-width:unset}}@media (min-width: 1680px){.slider-img-video__inner{gap:4rem}}.slider-img-video__inner .slider-img-video__title{width:100%;text-transform:uppercase;text-align:center;color:rgb(var(--primary),80%);font-size:1.4rem;line-height:1;letter-spacing:.14rem}@media (min-width: 540px){.slider-img-video__inner .slider-img-video__title{font-size:1.4rem;line-height:1.4285714286}}@media (min-width: 768px){.slider-img-video__inner .slider-img-video__title{font-size:1.7rem;line-height:1.2941176471}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__title{font-size:1.8rem;line-height:1;letter-spacing:.36rem;max-width:59.467rem}}@media (min-width: 1366px){.slider-img-video__inner .slider-img-video__title{max-width:63.459rem}}@media (min-width: 1680px){.slider-img-video__inner .slider-img-video__title{max-width:75.6rem}}@media (min-width: 1800px){.slider-img-video__inner .slider-img-video__title{max-width:81rem}}.slider-img-video__inner .slider-img-video__item{display:flex;flex-direction:column;gap:1.4rem}@media (min-width: 540px){.slider-img-video__inner .slider-img-video__item{gap:2rem}}@media (min-width: 768px){.slider-img-video__inner .slider-img-video__item{gap:1.9rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__item{flex-direction:row;align-items:center;gap:6.033rem}}@media (min-width: 1366px){.slider-img-video__inner .slider-img-video__item{gap:5.941rem}}@media (min-width: 1680px){.slider-img-video__inner .slider-img-video__item{gap:6.8rem}}@media (min-width: 1800px){.slider-img-video__inner .slider-img-video__item{gap:8.6rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__item:hover .slider-img-video__image .btn__group{transform:translateY(0)}.slider-img-video__inner .slider-img-video__item:hover .slider-img-video__info{opacity:1;pointer-events:initial}}.slider-img-video__inner .slider-img-video__image{position:relative;overflow:hidden;width:100%}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__image{flex:0 0 auto;max-width:59.467rem}}@media (min-width: 1366px){.slider-img-video__inner .slider-img-video__image{max-width:63.459rem}}@media (min-width: 1680px){.slider-img-video__inner .slider-img-video__image{max-width:75.6rem}}@media (min-width: 1680px){.slider-img-video__inner .slider-img-video__image{max-width:81rem}}.slider-img-video__inner .slider-img-video__image figure{aspect-ratio:295/207}.slider-img-video__inner .slider-img-video__image--graphic{color:var(--white);position:absolute;bottom:-.1rem;left:50%;transform:scaleY(-1) translate(-50%);aspect-ratio:2/1;width:6rem;z-index:1}@media (min-width: 540px){.slider-img-video__inner .slider-img-video__image--graphic{width:10rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__image--graphic{bottom:unset;left:unset;top:50%;right:-.1rem;transform:translate(50%) rotate(90deg);transform-origin:top}}.slider-img-video__inner .slider-img-video__image .btn__group{display:none;transition:var(--transition);background:var(--white)}@media (min-width: 1024px){.slider-img-video__inner .slider-img-video__image .btn__group{display:flex;opacity:0;pointer-events:none;position:absolute;inset:-.1rem;top:auto;padding-bottom:.1rem;transform:translateY(100%)}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__image .btn__group{opacity:1;pointer-events:initial;padding-top:3rem;justify-content:center;gap:3rem}}.slider-img-video__inner .slider-img-video__info{position:absolute;inset:0 0 auto;transition:var(--transition);color:var(--white);display:none;column-gap:2rem;row-gap:1rem;padding:2rem;flex-wrap:wrap;justify-content:flex-end;font-size:1.8rem;line-height:1;letter-spacing:.036rem;background:linear-gradient(180deg,rgb(var(--primary),30%),rgb(var(--primary),0%))}@media (min-width: 540px){.slider-img-video__inner .slider-img-video__info{padding:3rem;column-gap:3rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__info{display:flex;opacity:0;pointer-events:none;column-gap:5rem;height:21rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__content{flex:1 1 auto;padding-right:6%}}.slider-img-video__inner .slider-img-video__content--image{display:none}@media (min-width: 1024px){.slider-img-video__inner .slider-img-video__content--image{opacity:0;display:block;pointer-events:none;transition:var(--transition)}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__content--image{opacity:1;pointer-events:initial;position:absolute;right:0;top:5.056rem;overflow:hidden;aspect-ratio:160/207;width:16rem;transform:translate(var(--inline-spacing-right))}}@media (min-width: 1366px){.slider-img-video__inner .slider-img-video__content--image{top:6.056rem}}@media (min-width: 1680px){.slider-img-video__inner .slider-img-video__content--image{width:18.551rem;top:7.056rem}}@media (min-width: 1800px){.slider-img-video__inner .slider-img-video__content--image{width:19.9rem;top:8rem}}.slider-img-video__inner .slider-img-video__content--image img,.slider-img-video__inner .slider-img-video__content--image video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.slider-img-video__inner .slider-img-video__content h2{font-size:4.8rem;line-height:1;margin-bottom:3.1rem}@media (min-width: 540px){.slider-img-video__inner .slider-img-video__content h2{font-size:6.6rem;line-height:1;margin-bottom:3.6rem}}@media (min-width: 768px){.slider-img-video__inner .slider-img-video__content h2{font-size:8rem;line-height:1;margin-bottom:4.8rem}}@media (min-width: 1024px){.slider-img-video__inner .slider-img-video__content h2{margin-bottom:5rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__content h2{font-size:9rem;line-height:1;margin-bottom:3rem;width:min-content}}@media (min-width: 1680px){.slider-img-video__inner .slider-img-video__content h2{font-size:11rem;line-height:1;margin-bottom:5.5rem}}.slider-img-video__inner .slider-img-video__content p{color:rgb(var(--primary),80%);font-size:1.6rem;line-height:1.5;width:100%}@media (min-width: 540px){.slider-img-video__inner .slider-img-video__content p{font-size:1.8rem;line-height:1.5555555556;max-width:43.5rem}}@media (min-width: 768px){.slider-img-video__inner .slider-img-video__content p{font-size:2rem;line-height:1.6;letter-spacing:.04rem;max-width:59.8rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__content p{font-size:2rem;line-height:1.7;max-width:48.4rem}}@media (min-width: 1680px){.slider-img-video__inner .slider-img-video__content p{max-width:43.4rem}}.slider-img-video__inner .slider-img-video__content .btn__group{flex-direction:column;align-items:center;gap:2rem;margin-top:2.7rem}@media (min-width: 540px){.slider-img-video__inner .slider-img-video__content .btn__group{margin-top:2.9rem}}@media (min-width: 768px){.slider-img-video__inner .slider-img-video__content .btn__group{flex-direction:row;gap:3rem;justify-content:center;margin-top:3.7rem}}@media (min-width: 1024px){.slider-img-video__inner .slider-img-video__content .btn__group{margin-top:5rem}}@media (min-width: 1280px){.slider-img-video__inner .slider-img-video__content .btn__group{display:none}}.slider-img-video.bg-cream .slider-img-video__image .btn__group{background:var(--cream)}.slider-img-video.bg-cream .slider-img-video__image--graphic{color:var(--cream)}.slider-img-video.js-active-slider .js-slider-arrows{left:calc(-1 * (2rem + var(--inline-spacing-left) / 2));right:calc(-1 * (2rem + var(--inline-spacing-right) / 2))}@media (min-width: 540px){.slider-img-video.js-active-slider .js-slider-arrows{left:calc(-1 * (3rem + var(--inline-spacing-left) / 2));right:calc(-1 * (3rem + var(--inline-spacing-right) / 2))}}@media (min-width: 1280px){.slider-img-video.js-active-slider .js-slider-arrows{right:auto}}.js-active-slider{--sliderNav__position: 50%}.relative{position:relative}.js-slider-arrows.arrows--absolute{position:absolute;top:var(--sliderNav__position);left:0;right:0;transform:translateY(-50%)}\n"] }]
|
|
11227
|
-
}], propDecorators: { sliderRoot: [{
|
|
11228
|
-
type: ViewChild,
|
|
11229
|
-
args: ['sliderRoot', { static: false }]
|
|
11230
|
-
}], texts: [{
|
|
11231
|
-
type: Input
|
|
11232
|
-
}], rooms: [{
|
|
11233
|
-
type: Input
|
|
11234
|
-
}], videoData: [{
|
|
11235
|
-
type: Input
|
|
11236
|
-
}] } });
|
|
11237
|
-
|
|
11238
11384
|
/*
|
|
11239
11385
|
* Public API Surface of babylon
|
|
11240
11386
|
*/
|
|
@@ -11244,5 +11390,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
11244
11390
|
* Generated bundle index. Do not edit.
|
|
11245
11391
|
*/
|
|
11246
11392
|
|
|
11247
|
-
export { Babylon404Component, BabylonActionBannerComponent, BabylonAdvantagesComponent, BabylonAdvantagesV2Component, BabylonAvC4ImgTextComponent, BabylonBannerGalleryComponent, BabylonBannerInfoComponent, BabylonBannerNewsletterComponent, BabylonBlogDetailsComponent, BabylonBlogListComponent, BabylonBreadcrumbComponent, BabylonColorPickerComponent, BabylonComingsoonComponent, BabylonContactAddressComponent, BabylonContactFormComponent, BabylonContactHowComponent, BabylonContactMapComponent, BabylonDynamicHeadingComponent, BabylonEngineComponent, BabylonEngineModalComponent, BabylonExternalScriptComponent, BabylonFaqComponent, BabylonFaqV2Component, BabylonFeaturesSliderComponent, BabylonFilterModalComponent, BabylonFloatingButtonsComponent, BabylonFooterContactComponent, BabylonFooterLinksComponent, BabylonFooterLogosComponent, BabylonFooterSocialComponent, BabylonFooterSocialI, BabylonGalleryComponent, BabylonGlobalModalComponent, BabylonGridGalleryComponent, BabylonGuestsPopupComponent, BabylonHeadIntroComponent, BabylonHeaderBookShowComponent, BabylonHeaderClearComponent, BabylonHeaderMenuCenterComponent, BabylonHeaderMenuLogoCenterComponent, BabylonHeaderMenuShowComponent, BabylonHeaderMobileComponent, BabylonHotelsListComponent, BabylonHotelsSliderComponent, BabylonInfo2ColImgComponent, BabylonInfo2imgBigComponent, BabylonInfo2imgComponent, BabylonInfo3imgComponent, BabylonInfo4imgComponent, BabylonInfoBigComponent, BabylonInfoGridComponent, BabylonInfoGridI, BabylonInfoImgComponent, BabylonInfoImgSliderComponent, BabylonInfoIntroComponent, BabylonInfoShowImgComponent, BabylonInfoZigZagComponent, BabylonInfoZigZagCounterComponent, BabylonInfoZigzagV2Component, BabylonItemsGridComponent, BabylonLanguageModalComponent, BabylonLegalComponent, BabylonListC3ImgTxtComponent, BabylonListGridComponent, BabylonListGridI, BabylonModalMultipleMotorsComponent, BabylonModalService, BabylonNewsletterComponent, BabylonNewsletterI, BabylonOfferDetailComponent, BabylonOfferPopupComponent, BabylonOfferPopupComponentV2, BabylonOfferSliderComponent, BabylonOffersListComponent, BabylonOffersSliderComponent, BabylonPreloadComponent, BabylonPressListComponent, BabylonRoomDetailsComponent, BabylonRoomsColsComponent, BabylonRoomsGridComponent, BabylonRoomsListComponent, BabylonRoomsSliderComponent, BabylonServicesSliderComponent, BabylonSliC1ImgTextComponent, BabylonSlider2colComponent, BabylonSlider2itemsComponent, BabylonSlider3ColComponent, BabylonSlider3colClearComponent, BabylonSlider3itemsComponent, BabylonSlider4colComponent, BabylonSliderImgStaticComponent, BabylonSliderImgStaticV2Component, BabylonSliderImgVideoComponent, BabylonSocialBarComponent, BabylonStaticFooterComponent, BabylonStaticFooterV2Component, BabylonSubmenuHotelComponent, BabylonThanksComponent, BabylonTopSimpleBannerComponent, BabylonTopSliderComponent, BabylonTopSliderThumbsComponent, BabylonTopSliderV2Component, BabylonTopSliderVideoComponent, BabylonTopSliderVideoV2Component, BabylonWebmapComponent, ButtonType, LogoType, MapperService, SCREEN_SIZER_PARAMS_TOKEN, SITE_CONFIG_SERVICE_TOKEN, SafeHtmlPipe, ScreenSizerService, Utils, complex_links };
|
|
11393
|
+
export { Babylon404Component, BabylonActionBannerComponent, BabylonAdvantagesComponent, BabylonAdvantagesV2Component, BabylonAvC4ImgTextComponent, BabylonBannerGalleryComponent, BabylonBannerInfoComponent, BabylonBannerNewsletterComponent, BabylonBlogDetailsComponent, BabylonBlogListComponent, BabylonBreadcrumbComponent, BabylonColorPickerComponent, BabylonComingsoonComponent, BabylonContactAddressComponent, BabylonContactFormComponent, BabylonContactHowComponent, BabylonContactMapComponent, BabylonDynamicHeadingComponent, BabylonEngineComponent, BabylonEngineModalComponent, BabylonExternalScriptComponent, BabylonFaqComponent, BabylonFaqV2Component, BabylonFeaturesSliderComponent, BabylonFilterModalComponent, BabylonFloatingButtonsComponent, BabylonFooterContactComponent, BabylonFooterLinksComponent, BabylonFooterLogosComponent, BabylonFooterSocialComponent, BabylonFooterSocialI, BabylonGalleryComponent, BabylonGlobalModalComponent, BabylonGridGalleryComponent, BabylonGuestsPopupComponent, BabylonHeadIntroComponent, BabylonHeaderBookShowComponent, BabylonHeaderClearComponent, BabylonHeaderMenuCenterComponent, BabylonHeaderMenuLogoCenterComponent, BabylonHeaderMenuShowComponent, BabylonHeaderMobileComponent, BabylonHotelsListComponent, BabylonHotelsSliderComponent, BabylonInfo2ColImgComponent, BabylonInfo2imgBigComponent, BabylonInfo2imgComponent, BabylonInfo3imgComponent, BabylonInfo4imgComponent, BabylonInfoBigComponent, BabylonInfoGridComponent, BabylonInfoGridI, BabylonInfoImgComponent, BabylonInfoImgSliderComponent, BabylonInfoIntroComponent, BabylonInfoShowImgComponent, BabylonInfoZigZagComponent, BabylonInfoZigZagCounterComponent, BabylonInfoZigzagV2Component, BabylonItemsGridComponent, BabylonLanguageModalComponent, BabylonLegalComponent, BabylonListC3ImgTxtComponent, BabylonListGridComponent, BabylonListGridI, BabylonModalMultipleMotorsComponent, BabylonModalService, BabylonNewsletterComponent, BabylonNewsletterI, BabylonOfferDetailComponent, BabylonOfferPopupComponent, BabylonOfferPopupComponentV2, BabylonOfferSliderComponent, BabylonOffersListComponent, BabylonOffersSliderComponent, BabylonPreloadComponent, BabylonPressListComponent, BabylonRoomDetailsComponent, BabylonRoomsColsComponent, BabylonRoomsGridComponent, BabylonRoomsListComponent, BabylonRoomsSliderComponent, BabylonServicesSliderComponent, BabylonSliC1ImgTextComponent, BabylonSliC5ImgTxtComponent, BabylonSlider2colComponent, BabylonSlider2itemsComponent, BabylonSlider3ColComponent, BabylonSlider3colClearComponent, BabylonSlider3itemsComponent, BabylonSlider4colComponent, BabylonSliderImgStaticComponent, BabylonSliderImgStaticV2Component, BabylonSliderImgVideoComponent, BabylonSocialBarComponent, BabylonStaticFooterComponent, BabylonStaticFooterV2Component, BabylonSubmenuHotelComponent, BabylonThanksComponent, BabylonTopSimpleBannerComponent, BabylonTopSliderComponent, BabylonTopSliderThumbsComponent, BabylonTopSliderV2Component, BabylonTopSliderVideoComponent, BabylonTopSliderVideoV2Component, BabylonWebmapComponent, ButtonType, LogoType, MapperService, SCREEN_SIZER_PARAMS_TOKEN, SITE_CONFIG_SERVICE_TOKEN, SafeHtmlPipe, ScreenSizerService, Utils, complex_links };
|
|
11248
11394
|
//# sourceMappingURL=ctt-babylon.mjs.map
|