ctt-babylon 0.10.16 → 0.10.18
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-av-c4-img-text/babylon-av-c4-img-text.component.mjs +3 -3
- package/esm2022/lib/components/core/babylon-list-c3-img-txt/babylon-list-c3-img-txt.component.mjs +3 -4
- package/esm2022/lib/components/core/babylon-static-footer/babylon-static-footer.component.mjs +3 -3
- package/esm2022/lib/services/mapper/mapper.service.mjs +2 -2
- package/fesm2022/ctt-babylon.mjs +7 -7
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/package.json +1 -1
package/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -1348,11 +1348,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1348
1348
|
|
|
1349
1349
|
class BabylonAvC4ImgTextComponent {
|
|
1350
1350
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonAvC4ImgTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1351
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonAvC4ImgTextComponent, isStandalone: true, selector: "lib-babylon-av-c4-img-text", inputs: { texts: "texts", buttons: "buttons", multimedia: "multimedia" }, ngImport: i0, template: "<!--\n<section class=\"mdl-0h6\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n <div class=\"m-images\">\n <div class=\"m-image\">\n <img src=\"https://picsum.photos/127/128\" alt=\"\" />\n </div>\n <div class=\"m-image\">\n <img src=\"https://picsum.photos/128/128\" alt=\"\" />\n </div>\n <div class=\"m-image\">\n <img src=\"https://picsum.photos/129/129\" alt=\"\" />\n </div>\n <div class=\"m-image\">\n <img src=\"https://picsum.photos/130/130\" alt=\"\" />\n </div>\n </div>\n <div class=\"m-text\">\n <h2>\n Conoce uno de nuestros 7 destinos en Espa\u00F1a.\n <strong>Te van a encantar.</strong>\n </h2>\n </div>\n <button type=\"button\" class=\"m-button-sm\">ver destinos</button>\n </div>\n </div>\n</section>\n-->\n\n<section class=\"mdl-0h6\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (multimedia?.length) {\n <div class=\"m-images\">\n\n @for (\n img of multimedia;\n track $index\n ) {\n\n <div class=\"m-image\">\n <img\n [src]=\"img.src\"\n [alt]=\"img.alt\"\n />\n </div>\n\n }\n\n </div>\n }\n\n <div class=\"m-text\">\n @if(texts?.description) {\n <h2 [innerHTML]=\"texts?.description\"></h2>\n }\n </div>\n\n @if (buttons?.length) {\n @for (\n btn of buttons;\n track $index\n ) {\n <button\n [attr.aria-label]=\"btn.label\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n type=\"button\" class=\"m-button-sm\">\n {{btn.label}}\n </button>\n }\n }\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-0h6 .mdl-container{padding:8rem 14rem;box-sizing:border-box}.mdl-0h6 .mdl-container .m-content{display:flex;flex-direction:row;align-items:center;gap:5rem;transition:width 2s ease;justify-content:center}.mdl-0h6 .mdl-container .m-content .m-button-sm{position:relative;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility .4s ease}@media (min-width: 1025px){.mdl-0h6 .mdl-container .m-content:hover .m-button-sm{opacity:1;visibility:visible;pointer-events:auto;position:relative;transition:opacity .4s ease,visibility .4s ease}.mdl-0h6 .mdl-container .m-content:hover .m-images .m-image:not(:first-child):not(:last-child){transform:translate(-150%) scale(0);width:0;height:0;opacity:0}}.mdl-0h6 .mdl-container .m-content .m-images{display:flex;flex-direction:row;align-items:center}.mdl-0h6 .mdl-container .m-content .m-images .m-image{border-radius:100%;width:12.1rem;height:12.1rem;overflow:hidden;transition:transform .5s ease,opacity .5s ease,width .5s ease,height .5s ease}.mdl-0h6 .mdl-container .m-content .m-images .m-image:not(:first-child){border:.6rem solid var(--white);margin-left:-1.5rem}.mdl-0h6 .mdl-container .m-content .m-images .m-image:first-child{width:12.7rem;height:12.7rem}.mdl-0h6 .mdl-container .m-content .m-images .m-image img{width:100%;height:100%;object-fit:cover}.mdl-0h6 .mdl-container .m-content .m-text{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:5rem}@media (max-width: 375px){.mdl-0h6 .mdl-container .m-content .m-text{font-size:2.8rem;line-height:3.8rem}}.mdl-0h6 .mdl-container .m-content .m-text{color:#515050;max-width:55rem;min-width:55rem}.mdl-0h6 .mdl-container .m-content .m-text strong{color:#51505099;font-weight:400}.mdl-0h6 .mdl-container .m-content .m-button-sm{position:relative;pointer-events:none;transition:opacity .4s ease,visibility .4s ease}@media (max-width: 1180px){.mdl-0h6 .mdl-container .m-content .m-text{max-width:32rem;min-width:32rem}}@media (max-width: 1080px){.mdl-0h6 .mdl-container{padding:7rem 14rem}.mdl-0h6 .mdl-container .m-content{flex-direction:column;gap:4rem}.mdl-0h6 .mdl-container .m-content .m-text{text-align:center;max-width:55rem;min-width:55rem}.mdl-0h6 .mdl-container .m-content .m-button-sm{opacity:1;position:relative;pointer-events:all;visibility:visible}}@media (max-width: 540px){.mdl-0h6 .mdl-container{padding:6rem 2.8rem}.mdl-0h6 .mdl-container .m-content{gap:3.5rem}.mdl-0h6 .mdl-container .m-content .m-text{max-width:48.8rem;min-width:48.8rem;font-size:2.2rem;line-height:3.2rem}}@media (max-width: 520px){.mdl-0h6 .mdl-container .m-content .m-images{margin-left:-1rem;display:grid;grid-template-columns:1fr 1fr}.mdl-0h6 .mdl-container .m-content .m-images .m-image{margin-right:-1.5rem!important;margin-left:auto!important;margin-top:-1rem}.mdl-0h6 .mdl-container .m-content .m-text{max-width:29.9rem;min-width:29.9rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }] }); }
|
|
1351
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonAvC4ImgTextComponent, isStandalone: true, selector: "lib-babylon-av-c4-img-text", inputs: { texts: "texts", buttons: "buttons", multimedia: "multimedia" }, ngImport: i0, template: "<section class=\"mdl-0h6\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n <div class=\"m-images\">\n <div class=\"m-image\">\n <img src=\"https://picsum.photos/127/128\" alt=\"\" />\n </div>\n <div class=\"m-image\">\n <img src=\"https://picsum.photos/128/128\" alt=\"\" />\n </div>\n <div class=\"m-image\">\n <img src=\"https://picsum.photos/129/129\" alt=\"\" />\n </div>\n <div class=\"m-image\">\n <img src=\"https://picsum.photos/130/130\" alt=\"\" />\n </div>\n </div>\n <div class=\"m-text\">\n <h2>\n Conoce uno de nuestros 7 destinos en Espa\u00F1a.\n <strong>Te van a encantar.</strong>\n </h2>\n </div>\n <button type=\"button\" class=\"m-button-sm\">ver destinos</button>\n </div>\n </div>\n</section>\n\n<!-- <section class=\"mdl-0h6\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (multimedia?.length) {\n <div class=\"m-images\">\n\n @for (\n img of multimedia;\n track $index\n ) {\n\n <div class=\"m-image\">\n <img\n [src]=\"img.src\"\n [alt]=\"img.alt\"\n />\n </div>\n\n }\n\n </div>\n }\n\n <div class=\"m-text\">\n @if(texts?.description) {\n <h2 [innerHTML]=\"texts?.description\"></h2>\n }\n </div>\n\n @if (buttons?.length) {\n @for (\n btn of buttons;\n track $index\n ) {\n <button\n [attr.aria-label]=\"btn.label\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n type=\"button\" class=\"m-button-sm\">\n {{btn.label}}\n </button>\n }\n }\n </div>\n </div>\n</section>\n -->\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-0h6 .mdl-container{padding:8rem 14rem;box-sizing:border-box}.mdl-0h6 .mdl-container .m-content{display:flex;flex-direction:row;align-items:center;gap:5rem;transition:width 2s ease;justify-content:center}.mdl-0h6 .mdl-container .m-content .m-button-sm{position:relative;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility .4s ease}@media (min-width: 1025px){.mdl-0h6 .mdl-container .m-content:hover .m-button-sm{opacity:1;visibility:visible;pointer-events:auto;position:relative;transition:opacity .4s ease,visibility .4s ease}.mdl-0h6 .mdl-container .m-content:hover .m-images .m-image:not(:first-child):not(:last-child){transform:translate(-150%) scale(0);width:0;height:0;opacity:0}}.mdl-0h6 .mdl-container .m-content .m-images{display:flex;flex-direction:row;align-items:center}.mdl-0h6 .mdl-container .m-content .m-images .m-image{border-radius:100%;width:12.1rem;height:12.1rem;overflow:hidden;transition:transform .5s ease,opacity .5s ease,width .5s ease,height .5s ease}.mdl-0h6 .mdl-container .m-content .m-images .m-image:not(:first-child){border:.6rem solid var(--white);margin-left:-1.5rem}.mdl-0h6 .mdl-container .m-content .m-images .m-image:first-child{width:12.7rem;height:12.7rem}.mdl-0h6 .mdl-container .m-content .m-images .m-image img{width:100%;height:100%;object-fit:cover}.mdl-0h6 .mdl-container .m-content .m-text{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:5rem}@media (max-width: 375px){.mdl-0h6 .mdl-container .m-content .m-text{font-size:2.8rem;line-height:3.8rem}}.mdl-0h6 .mdl-container .m-content .m-text{color:#515050;max-width:55rem;min-width:55rem}.mdl-0h6 .mdl-container .m-content .m-text strong{color:#51505099;font-weight:400}.mdl-0h6 .mdl-container .m-content .m-button-sm{position:relative;pointer-events:none;transition:opacity .4s ease,visibility .4s ease}@media (max-width: 1180px){.mdl-0h6 .mdl-container .m-content .m-text{max-width:32rem;min-width:32rem}}@media (max-width: 1080px){.mdl-0h6 .mdl-container{padding:7rem 14rem}.mdl-0h6 .mdl-container .m-content{flex-direction:column;gap:4rem}.mdl-0h6 .mdl-container .m-content .m-text{text-align:center;max-width:55rem;min-width:55rem}.mdl-0h6 .mdl-container .m-content .m-button-sm{opacity:1;position:relative;pointer-events:all;visibility:visible}}@media (max-width: 540px){.mdl-0h6 .mdl-container{padding:6rem 2.8rem}.mdl-0h6 .mdl-container .m-content{gap:3.5rem}.mdl-0h6 .mdl-container .m-content .m-text{max-width:48.8rem;min-width:48.8rem;font-size:2.2rem;line-height:3.2rem}}@media (max-width: 520px){.mdl-0h6 .mdl-container .m-content .m-images{margin-left:-1rem;display:grid;grid-template-columns:1fr 1fr}.mdl-0h6 .mdl-container .m-content .m-images .m-image{margin-right:-1.5rem!important;margin-left:auto!important;margin-top:-1rem}.mdl-0h6 .mdl-container .m-content .m-text{max-width:29.9rem;min-width:29.9rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
1352
1352
|
}
|
|
1353
1353
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonAvC4ImgTextComponent, decorators: [{
|
|
1354
1354
|
type: Component,
|
|
1355
|
-
args: [{ selector: 'lib-babylon-av-c4-img-text', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], template: "<!--\n<section class=\"mdl-0h6\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n <div class=\"m-images\">\n <div class=\"m-image\">\n <img src=\"https://picsum.photos/127/128\" alt=\"\" />\n </div>\n <div class=\"m-image\">\n <img src=\"https://picsum.photos/128/128\" alt=\"\" />\n </div>\n <div class=\"m-image\">\n <img src=\"https://picsum.photos/129/129\" alt=\"\" />\n </div>\n <div class=\"m-image\">\n <img src=\"https://picsum.photos/130/130\" alt=\"\" />\n </div>\n </div>\n <div class=\"m-text\">\n <h2>\n Conoce uno de nuestros 7 destinos en Espa\u00F1a.\n <strong>Te van a encantar.</strong>\n </h2>\n </div>\n <button type=\"button\" class=\"m-button-sm\">ver destinos</button>\n </div>\n </div>\n</section>\n-->\n\n<section class=\"mdl-0h6\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (multimedia?.length) {\n <div class=\"m-images\">\n\n @for (\n img of multimedia;\n track $index\n ) {\n\n <div class=\"m-image\">\n <img\n [src]=\"img.src\"\n [alt]=\"img.alt\"\n />\n </div>\n\n }\n\n </div>\n }\n\n <div class=\"m-text\">\n @if(texts?.description) {\n <h2 [innerHTML]=\"texts?.description\"></h2>\n }\n </div>\n\n @if (buttons?.length) {\n @for (\n btn of buttons;\n track $index\n ) {\n <button\n [attr.aria-label]=\"btn.label\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n type=\"button\" class=\"m-button-sm\">\n {{btn.label}}\n </button>\n }\n }\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-0h6 .mdl-container{padding:8rem 14rem;box-sizing:border-box}.mdl-0h6 .mdl-container .m-content{display:flex;flex-direction:row;align-items:center;gap:5rem;transition:width 2s ease;justify-content:center}.mdl-0h6 .mdl-container .m-content .m-button-sm{position:relative;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility .4s ease}@media (min-width: 1025px){.mdl-0h6 .mdl-container .m-content:hover .m-button-sm{opacity:1;visibility:visible;pointer-events:auto;position:relative;transition:opacity .4s ease,visibility .4s ease}.mdl-0h6 .mdl-container .m-content:hover .m-images .m-image:not(:first-child):not(:last-child){transform:translate(-150%) scale(0);width:0;height:0;opacity:0}}.mdl-0h6 .mdl-container .m-content .m-images{display:flex;flex-direction:row;align-items:center}.mdl-0h6 .mdl-container .m-content .m-images .m-image{border-radius:100%;width:12.1rem;height:12.1rem;overflow:hidden;transition:transform .5s ease,opacity .5s ease,width .5s ease,height .5s ease}.mdl-0h6 .mdl-container .m-content .m-images .m-image:not(:first-child){border:.6rem solid var(--white);margin-left:-1.5rem}.mdl-0h6 .mdl-container .m-content .m-images .m-image:first-child{width:12.7rem;height:12.7rem}.mdl-0h6 .mdl-container .m-content .m-images .m-image img{width:100%;height:100%;object-fit:cover}.mdl-0h6 .mdl-container .m-content .m-text{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:5rem}@media (max-width: 375px){.mdl-0h6 .mdl-container .m-content .m-text{font-size:2.8rem;line-height:3.8rem}}.mdl-0h6 .mdl-container .m-content .m-text{color:#515050;max-width:55rem;min-width:55rem}.mdl-0h6 .mdl-container .m-content .m-text strong{color:#51505099;font-weight:400}.mdl-0h6 .mdl-container .m-content .m-button-sm{position:relative;pointer-events:none;transition:opacity .4s ease,visibility .4s ease}@media (max-width: 1180px){.mdl-0h6 .mdl-container .m-content .m-text{max-width:32rem;min-width:32rem}}@media (max-width: 1080px){.mdl-0h6 .mdl-container{padding:7rem 14rem}.mdl-0h6 .mdl-container .m-content{flex-direction:column;gap:4rem}.mdl-0h6 .mdl-container .m-content .m-text{text-align:center;max-width:55rem;min-width:55rem}.mdl-0h6 .mdl-container .m-content .m-button-sm{opacity:1;position:relative;pointer-events:all;visibility:visible}}@media (max-width: 540px){.mdl-0h6 .mdl-container{padding:6rem 2.8rem}.mdl-0h6 .mdl-container .m-content{gap:3.5rem}.mdl-0h6 .mdl-container .m-content .m-text{max-width:48.8rem;min-width:48.8rem;font-size:2.2rem;line-height:3.2rem}}@media (max-width: 520px){.mdl-0h6 .mdl-container .m-content .m-images{margin-left:-1rem;display:grid;grid-template-columns:1fr 1fr}.mdl-0h6 .mdl-container .m-content .m-images .m-image{margin-right:-1.5rem!important;margin-left:auto!important;margin-top:-1rem}.mdl-0h6 .mdl-container .m-content .m-text{max-width:29.9rem;min-width:29.9rem}}\n"] }]
|
|
1355
|
+
args: [{ selector: 'lib-babylon-av-c4-img-text', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], template: "<section class=\"mdl-0h6\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n <div class=\"m-images\">\n <div class=\"m-image\">\n <img src=\"https://picsum.photos/127/128\" alt=\"\" />\n </div>\n <div class=\"m-image\">\n <img src=\"https://picsum.photos/128/128\" alt=\"\" />\n </div>\n <div class=\"m-image\">\n <img src=\"https://picsum.photos/129/129\" alt=\"\" />\n </div>\n <div class=\"m-image\">\n <img src=\"https://picsum.photos/130/130\" alt=\"\" />\n </div>\n </div>\n <div class=\"m-text\">\n <h2>\n Conoce uno de nuestros 7 destinos en Espa\u00F1a.\n <strong>Te van a encantar.</strong>\n </h2>\n </div>\n <button type=\"button\" class=\"m-button-sm\">ver destinos</button>\n </div>\n </div>\n</section>\n\n<!-- <section class=\"mdl-0h6\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (multimedia?.length) {\n <div class=\"m-images\">\n\n @for (\n img of multimedia;\n track $index\n ) {\n\n <div class=\"m-image\">\n <img\n [src]=\"img.src\"\n [alt]=\"img.alt\"\n />\n </div>\n\n }\n\n </div>\n }\n\n <div class=\"m-text\">\n @if(texts?.description) {\n <h2 [innerHTML]=\"texts?.description\"></h2>\n }\n </div>\n\n @if (buttons?.length) {\n @for (\n btn of buttons;\n track $index\n ) {\n <button\n [attr.aria-label]=\"btn.label\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n type=\"button\" class=\"m-button-sm\">\n {{btn.label}}\n </button>\n }\n }\n </div>\n </div>\n</section>\n -->\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-0h6 .mdl-container{padding:8rem 14rem;box-sizing:border-box}.mdl-0h6 .mdl-container .m-content{display:flex;flex-direction:row;align-items:center;gap:5rem;transition:width 2s ease;justify-content:center}.mdl-0h6 .mdl-container .m-content .m-button-sm{position:relative;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility .4s ease}@media (min-width: 1025px){.mdl-0h6 .mdl-container .m-content:hover .m-button-sm{opacity:1;visibility:visible;pointer-events:auto;position:relative;transition:opacity .4s ease,visibility .4s ease}.mdl-0h6 .mdl-container .m-content:hover .m-images .m-image:not(:first-child):not(:last-child){transform:translate(-150%) scale(0);width:0;height:0;opacity:0}}.mdl-0h6 .mdl-container .m-content .m-images{display:flex;flex-direction:row;align-items:center}.mdl-0h6 .mdl-container .m-content .m-images .m-image{border-radius:100%;width:12.1rem;height:12.1rem;overflow:hidden;transition:transform .5s ease,opacity .5s ease,width .5s ease,height .5s ease}.mdl-0h6 .mdl-container .m-content .m-images .m-image:not(:first-child){border:.6rem solid var(--white);margin-left:-1.5rem}.mdl-0h6 .mdl-container .m-content .m-images .m-image:first-child{width:12.7rem;height:12.7rem}.mdl-0h6 .mdl-container .m-content .m-images .m-image img{width:100%;height:100%;object-fit:cover}.mdl-0h6 .mdl-container .m-content .m-text{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:5rem}@media (max-width: 375px){.mdl-0h6 .mdl-container .m-content .m-text{font-size:2.8rem;line-height:3.8rem}}.mdl-0h6 .mdl-container .m-content .m-text{color:#515050;max-width:55rem;min-width:55rem}.mdl-0h6 .mdl-container .m-content .m-text strong{color:#51505099;font-weight:400}.mdl-0h6 .mdl-container .m-content .m-button-sm{position:relative;pointer-events:none;transition:opacity .4s ease,visibility .4s ease}@media (max-width: 1180px){.mdl-0h6 .mdl-container .m-content .m-text{max-width:32rem;min-width:32rem}}@media (max-width: 1080px){.mdl-0h6 .mdl-container{padding:7rem 14rem}.mdl-0h6 .mdl-container .m-content{flex-direction:column;gap:4rem}.mdl-0h6 .mdl-container .m-content .m-text{text-align:center;max-width:55rem;min-width:55rem}.mdl-0h6 .mdl-container .m-content .m-button-sm{opacity:1;position:relative;pointer-events:all;visibility:visible}}@media (max-width: 540px){.mdl-0h6 .mdl-container{padding:6rem 2.8rem}.mdl-0h6 .mdl-container .m-content{gap:3.5rem}.mdl-0h6 .mdl-container .m-content .m-text{max-width:48.8rem;min-width:48.8rem;font-size:2.2rem;line-height:3.2rem}}@media (max-width: 520px){.mdl-0h6 .mdl-container .m-content .m-images{margin-left:-1rem;display:grid;grid-template-columns:1fr 1fr}.mdl-0h6 .mdl-container .m-content .m-images .m-image{margin-right:-1.5rem!important;margin-left:auto!important;margin-top:-1rem}.mdl-0h6 .mdl-container .m-content .m-text{max-width:29.9rem;min-width:29.9rem}}\n"] }]
|
|
1356
1356
|
}], propDecorators: { texts: [{
|
|
1357
1357
|
type: Input
|
|
1358
1358
|
}], buttons: [{
|
|
@@ -4279,7 +4279,7 @@ class MapperService {
|
|
|
4279
4279
|
error: props?.texts?.newsErrorEmail,
|
|
4280
4280
|
},
|
|
4281
4281
|
legalAdvise: props?.texts?.subscriber,
|
|
4282
|
-
additionalLinks: Utils.mapButtons(props?.links?.additionalFooterLinks?.
|
|
4282
|
+
additionalLinks: Utils.mapButtons(props?.links?.additionalFooterLinks?.filter((btn) => !!btn?.linkValue)),
|
|
4283
4283
|
};
|
|
4284
4284
|
}
|
|
4285
4285
|
mapGallery(props) {
|
|
@@ -11678,11 +11678,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
11678
11678
|
|
|
11679
11679
|
class BabylonListC3ImgTxtComponent {
|
|
11680
11680
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonListC3ImgTxtComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11681
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonListC3ImgTxtComponent, isStandalone: true, selector: "lib-babylon-list-c3-img-txt", inputs: { texts: "texts", items: "items" }, ngImport: i0, template: "<!-- <section class=\"mdl-h03 list-c3-img-txt\">\n <div class=\"mdl-container\">\n <h2 class=\"m-title\">\n <strong>Conoce Alegria Group.</strong> Conoce nuestras marcas de\n hoteles y Apartamentos.\n </h2>\n\n <div class=\"m-cards-container\">\n <div class=\"m-card\">\n <div\n class=\"m-card-top\"\n style=\"background-image: url(https://picsum.photos/801/802)\"\n ></div>\n\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/branding/h5logo.svg\"\n alt=\"\"\n class=\"m-logo\"\n />\n <h3 class=\"m-title\">Alegria Hoteles,</h3>\n <h4 class=\"m-subtitle\">tus vacaciones en la playa.</h4>\n\n <button\n type=\"button\"\n class=\"m-button-sm red\"\n aria-label=\"Ver hoteles\"\n >\n <span>hoteles</span>\n </button>\n </div>\n </div>\n <div class=\"m-card\">\n <div\n class=\"m-card-top\"\n style=\"\n background-image: url('/assets/babylon/svg/others/h5-bg-example.png');\n \"\n ></div>\n\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/branding/h5logo.svg\"\n alt=\"\"\n class=\"m-logo\"\n />\n <h3 class=\"m-title\">Alegria Hoteles,</h3>\n <h4 class=\"m-subtitle\">tus vacaciones en la playa.</h4>\n\n <div class=\"m-button-sm blue\"><span>hoteles</span></div>\n </div>\n </div>\n <div class=\"m-card\">\n <div\n class=\"m-card-top\"\n style=\"background-image: url(https://picsum.photos/801/800)\"\n ></div>\n\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/branding/h5logo.svg\"\n alt=\"\"\n class=\"m-logo\"\n />\n <h3 class=\"m-title\">Alegria Hoteles,</h3>\n <h4 class=\"m-subtitle\">tus vacaciones en la playa.</h4>\n\n <div class=\"m-button-sm green\"><span>hoteles</span></div>\n </div>\n </div>\n </div>\n </div>\n</section>\n -->\n\n<section class=\"mdl-h03 list-c3-img-txt\">\n <div class=\"mdl-container\">\n @if (texts?.title || texts?.title2) {\n <h2 class=\"m-title\">\n @if (texts?.title) {\n <strong [innerHTML]=\"texts?.title\"></strong>\n }\n @if (texts?.title2) {\n <p [innerHTML]=\"texts?.title2\"></p>\n }\n </h2>\n }\n\n @if (items?.length) {\n <div class=\"m-cards-container\">\n @for (item of items; track $index) {\n @if (item) {\n <div class=\"m-card\">\n @if (item?.multimedia?.[0]) {\n <div\n class=\"m-card-top\"\n [ngStyle]=\"{\n 'background-image':\n 'url(' +\n item?.multimedia?.[0]?.src +\n ');',\n }\"\n ></div>\n }\n\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/branding/h5logo.svg\"\n alt=\"\"\n class=\"m-logo\"\n />\n @if (item?.texts?.title) {\n <h3\n class=\"m-title\"\n [innerHTML]=\"item?.texts?.title\"\n ></h3>\n }\n @if (item?.texts?.title2) {\n <h4\n class=\"m-subtitle\"\n [innerHTML]=\"item?.texts?.title2\"\n ></h4>\n }\n\n @if (item.buttons?.[0]) {\n <button\n type=\"button\"\n class=\"m-button-sm red\"\n [attr.aria-label]=\"\n item.buttons?.[0]?.name ??\n 'Ver hoteles'\n \"\n [linkType]=\"item.buttons?.[0]?.linkType\"\n >\n <span>{{\n item.buttons?.[0]?.name\n }}</span>\n </button>\n }\n </div>\n </div>\n }\n }\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family: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-h03{padding-top:8.1rem;padding-bottom:13.2rem}.mdl-h03 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-h03 .mdl-container .m-title{text-align:center;color:#515050b2;font-weight:400;font-size:4.4rem;line-height:5.8rem;font-family:jokker,sans-serif}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-h03 .mdl-container .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-h03 .mdl-container .m-title{font-size:2.4rem;line-height:3rem}}.mdl-h03 .mdl-container .m-title{max-width:101.5rem}.mdl-h03 .mdl-container .m-title strong{color:#515050;font-weight:500}.mdl-h03 .mdl-container .m-cards-container{display:flex;align-items:start;flex-direction:row;gap:7rem;max-width:100%}.mdl-h03 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;max-width:48rem;width:27vw;cursor:pointer}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.blue) .m-card-top{background-color:#5b87da}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.red) .m-card-top{background-color:#ff4338}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.green) .m-card-top{background-color:#3fd5ae}@media (hover: hover){.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content{margin-top:-11rem}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-180%)}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;transition:all .3s ease}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;top:50%;transform:translateY(-40%);opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:3.3rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-weight:400;font-size:2.8rem;line-height:3.2rem}}@media (max-width: 1080px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-weight:400;font-size:3.2rem;line-height:3.8rem}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{color:#515050}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;font-size:2.8rem;line-height:3.2rem}}@media (max-width: 1080px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;font-size:3.2rem;line-height:3.8rem}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;color:#515050b2}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container{gap:5.5rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{height:34vw}}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-title{max-width:66rem}}@media (max-width: 1080px){.mdl-h03{padding-top:7.5rem;padding-bottom:4.3rem}.mdl-h03 .mdl-container .m-cards-container{flex-direction:column}.mdl-h03 .mdl-container .m-cards-container .m-card{width:48rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{max-height:62.2rem;height:62.2rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-logo{width:27rem}}@media (max-width: 768px){.mdl-h03{padding-left:14.4rem!important;padding-right:14.4rem!important}.mdl-h03 .mdl-container .m-cards-container{width:100%}.mdl-h03 .mdl-container .m-cards-container .m-card{height:89vw;width:100%;min-height:60rem;max-width:none}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.blue) .m-content .m-logo{filter:invert(62%) sepia(36%) saturate(7040%) hue-rotate(200deg) brightness(96%) contrast(76%)}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.red) .m-content .m-logo{filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.green) .m-content .m-logo{filter:invert(67%) sepia(70%) saturate(373%) hue-rotate(113deg) brightness(93%) contrast(90%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{height:16rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:relative;opacity:1;transform:none;top:auto;margin-bottom:1rem;filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{display:none}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{opacity:1;transform:none}}@media (max-width: 540px){.mdl-h03{padding-left:5.1rem!important;padding-right:5.1rem!important}.mdl-h03 .mdl-container .m-title{width:100%;max-width:none}.mdl-h03 .mdl-container .m-cards-container .m-card{min-height:auto;height:60rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}}@media (max-width: 375px){.mdl-h03{padding-left:3.7rem!important;padding-right:3.7rem!important;padding-top:5rem;padding-bottom:5rem}.mdl-h03 .mdl-container .m-title{width:100%;max-width:none}.mdl-h03 .mdl-container .m-cards-container{gap:4rem}.mdl-h03 .mdl-container .m-cards-container .m-card{height:44rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{width:20rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.4rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:2rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{height:12rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }] }); }
|
|
11681
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonListC3ImgTxtComponent, isStandalone: true, selector: "lib-babylon-list-c3-img-txt", inputs: { texts: "texts", items: "items" }, ngImport: i0, template: "<section class=\"mdl-h03 list-c3-img-txt\">\n <div class=\"mdl-container\">\n <h2 class=\"m-title\">\n <strong>Conoce Alegria Group.</strong> Conoce nuestras marcas de\n hoteles y Apartamentos.\n </h2>\n\n <div class=\"m-cards-container\">\n <div class=\"m-card\">\n <div\n class=\"m-card-top\"\n style=\"background-image: url(https://picsum.photos/801/802)\"\n ></div>\n\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/branding/h5logo.svg\"\n alt=\"\"\n class=\"m-logo\"\n />\n <h3 class=\"m-title\">Alegria Hoteles,</h3>\n <h4 class=\"m-subtitle\">tus vacaciones en la playa.</h4>\n\n <button\n type=\"button\"\n class=\"m-button-sm red\"\n aria-label=\"Ver hoteles\"\n >\n <span>hoteles</span>\n </button>\n </div>\n </div>\n <div class=\"m-card\">\n <div\n class=\"m-card-top\"\n style=\"\n background-image: url('/assets/babylon/svg/others/h5-bg-example.png');\n \"\n ></div>\n\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/branding/h5logo.svg\"\n alt=\"\"\n class=\"m-logo\"\n />\n <h3 class=\"m-title\">Alegria Hoteles,</h3>\n <h4 class=\"m-subtitle\">tus vacaciones en la playa.</h4>\n\n <div class=\"m-button-sm blue\"><span>hoteles</span></div>\n </div>\n </div>\n <div class=\"m-card\">\n <div\n class=\"m-card-top\"\n style=\"background-image: url(https://picsum.photos/801/800)\"\n ></div>\n\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/branding/h5logo.svg\"\n alt=\"\"\n class=\"m-logo\"\n />\n <h3 class=\"m-title\">Alegria Hoteles,</h3>\n <h4 class=\"m-subtitle\">tus vacaciones en la playa.</h4>\n\n <div class=\"m-button-sm green\"><span>hoteles</span></div>\n </div>\n </div>\n </div>\n </div>\n</section>\n<!-- \n<section class=\"mdl-h03 list-c3-img-txt\">\n <div class=\"mdl-container\">\n @if (texts?.title || texts?.title2) {\n <h2 class=\"m-title\">\n @if (texts?.title) {\n <strong [innerHTML]=\"texts?.title\"></strong>\n }\n @if (texts?.title2) {\n <p [innerHTML]=\"texts?.title2\"></p>\n }\n </h2>\n }\n\n @if (items?.length) {\n <div class=\"m-cards-container\">\n @for (item of items; track $index) {\n @if (item) {\n <div class=\"m-card\">\n @if (item?.multimedia?.[0]) {\n <div\n class=\"m-card-top\"\n [ngStyle]=\"{\n 'background-image':\n 'url(' +\n item?.multimedia?.[0]?.src +\n ');',\n }\"\n ></div>\n }\n\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/branding/h5logo.svg\"\n alt=\"\"\n class=\"m-logo\"\n />\n @if (item?.texts?.title) {\n <h3\n class=\"m-title\"\n [innerHTML]=\"item?.texts?.title\"\n ></h3>\n }\n @if (item?.texts?.title2) {\n <h4\n class=\"m-subtitle\"\n [innerHTML]=\"item?.texts?.title2\"\n ></h4>\n }\n\n @if (item.buttons?.[0]) {\n <button\n type=\"button\"\n class=\"m-button-sm red\"\n [attr.aria-label]=\"\n item.buttons?.[0]?.name ??\n 'Ver hoteles'\n \"\n [linkType]=\"item.buttons?.[0]?.linkType\"\n >\n <span>{{\n item.buttons?.[0]?.name\n }}</span>\n </button>\n }\n </div>\n </div>\n }\n }\n </div>\n }\n </div>\n</section>\n -->\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-h03{padding-top:8.1rem;padding-bottom:13.2rem}.mdl-h03 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-h03 .mdl-container .m-title{text-align:center;color:#515050b2;font-weight:400;font-size:4.4rem;line-height:5.8rem;font-family:jokker,sans-serif}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-h03 .mdl-container .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-h03 .mdl-container .m-title{font-size:2.4rem;line-height:3rem}}.mdl-h03 .mdl-container .m-title{max-width:101.5rem}.mdl-h03 .mdl-container .m-title strong{color:#515050;font-weight:500}.mdl-h03 .mdl-container .m-cards-container{display:flex;align-items:start;flex-direction:row;gap:7rem;max-width:100%}.mdl-h03 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;max-width:48rem;width:27vw;cursor:pointer}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.blue) .m-card-top{background-color:#5b87da}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.red) .m-card-top{background-color:#ff4338}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.green) .m-card-top{background-color:#3fd5ae}@media (hover: hover){.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content{margin-top:-11rem}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-180%)}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;transition:all .3s ease}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;top:50%;transform:translateY(-40%);opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:3.3rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-weight:400;font-size:2.8rem;line-height:3.2rem}}@media (max-width: 1080px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-weight:400;font-size:3.2rem;line-height:3.8rem}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{color:#515050}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;font-size:2.8rem;line-height:3.2rem}}@media (max-width: 1080px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;font-size:3.2rem;line-height:3.8rem}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;color:#515050b2}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container{gap:5.5rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{height:34vw}}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-title{max-width:66rem}}@media (max-width: 1080px){.mdl-h03{padding-top:7.5rem;padding-bottom:4.3rem}.mdl-h03 .mdl-container .m-cards-container{flex-direction:column}.mdl-h03 .mdl-container .m-cards-container .m-card{width:48rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{max-height:62.2rem;height:62.2rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-logo{width:27rem}}@media (max-width: 768px){.mdl-h03{padding-left:14.4rem!important;padding-right:14.4rem!important}.mdl-h03 .mdl-container .m-cards-container{width:100%}.mdl-h03 .mdl-container .m-cards-container .m-card{height:89vw;width:100%;min-height:60rem;max-width:none}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.blue) .m-content .m-logo{filter:invert(62%) sepia(36%) saturate(7040%) hue-rotate(200deg) brightness(96%) contrast(76%)}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.red) .m-content .m-logo{filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.green) .m-content .m-logo{filter:invert(67%) sepia(70%) saturate(373%) hue-rotate(113deg) brightness(93%) contrast(90%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{height:16rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:relative;opacity:1;transform:none;top:auto;margin-bottom:1rem;filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{display:none}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{opacity:1;transform:none}}@media (max-width: 540px){.mdl-h03{padding-left:5.1rem!important;padding-right:5.1rem!important}.mdl-h03 .mdl-container .m-title{width:100%;max-width:none}.mdl-h03 .mdl-container .m-cards-container .m-card{min-height:auto;height:60rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}}@media (max-width: 375px){.mdl-h03{padding-left:3.7rem!important;padding-right:3.7rem!important;padding-top:5rem;padding-bottom:5rem}.mdl-h03 .mdl-container .m-title{width:100%;max-width:none}.mdl-h03 .mdl-container .m-cards-container{gap:4rem}.mdl-h03 .mdl-container .m-cards-container .m-card{height:44rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{width:20rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.4rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:2rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{height:12rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
11682
11682
|
}
|
|
11683
11683
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonListC3ImgTxtComponent, decorators: [{
|
|
11684
11684
|
type: Component,
|
|
11685
|
-
args: [{ selector: 'lib-babylon-list-c3-img-txt', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], template: "<!-- <section class=\"mdl-h03 list-c3-img-txt\">\n <div class=\"mdl-container\">\n <h2 class=\"m-title\">\n <strong>Conoce Alegria Group.</strong> Conoce nuestras marcas de\n hoteles y Apartamentos.\n </h2>\n\n <div class=\"m-cards-container\">\n <div class=\"m-card\">\n <div\n class=\"m-card-top\"\n style=\"background-image: url(https://picsum.photos/801/802)\"\n ></div>\n\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/branding/h5logo.svg\"\n alt=\"\"\n class=\"m-logo\"\n />\n <h3 class=\"m-title\">Alegria Hoteles,</h3>\n <h4 class=\"m-subtitle\">tus vacaciones en la playa.</h4>\n\n <button\n type=\"button\"\n class=\"m-button-sm red\"\n aria-label=\"Ver hoteles\"\n >\n <span>hoteles</span>\n </button>\n </div>\n </div>\n <div class=\"m-card\">\n <div\n class=\"m-card-top\"\n style=\"\n background-image: url('/assets/babylon/svg/others/h5-bg-example.png');\n \"\n ></div>\n\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/branding/h5logo.svg\"\n alt=\"\"\n class=\"m-logo\"\n />\n <h3 class=\"m-title\">Alegria Hoteles,</h3>\n <h4 class=\"m-subtitle\">tus vacaciones en la playa.</h4>\n\n <div class=\"m-button-sm blue\"><span>hoteles</span></div>\n </div>\n </div>\n <div class=\"m-card\">\n <div\n class=\"m-card-top\"\n style=\"background-image: url(https://picsum.photos/801/800)\"\n ></div>\n\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/branding/h5logo.svg\"\n alt=\"\"\n class=\"m-logo\"\n />\n <h3 class=\"m-title\">Alegria Hoteles,</h3>\n <h4 class=\"m-subtitle\">tus vacaciones en la playa.</h4>\n\n <div class=\"m-button-sm green\"><span>hoteles</span></div>\n </div>\n </div>\n </div>\n </div>\n</section>\n -->\n\n<section class=\"mdl-h03 list-c3-img-txt\">\n <div class=\"mdl-container\">\n @if (texts?.title || texts?.title2) {\n <h2 class=\"m-title\">\n @if (texts?.title) {\n <strong [innerHTML]=\"texts?.title\"></strong>\n }\n @if (texts?.title2) {\n <p [innerHTML]=\"texts?.title2\"></p>\n }\n </h2>\n }\n\n @if (items?.length) {\n <div class=\"m-cards-container\">\n @for (item of items; track $index) {\n @if (item) {\n <div class=\"m-card\">\n @if (item?.multimedia?.[0]) {\n <div\n class=\"m-card-top\"\n [ngStyle]=\"{\n 'background-image':\n 'url(' +\n item?.multimedia?.[0]?.src +\n ');',\n }\"\n ></div>\n }\n\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/branding/h5logo.svg\"\n alt=\"\"\n class=\"m-logo\"\n />\n @if (item?.texts?.title) {\n <h3\n class=\"m-title\"\n [innerHTML]=\"item?.texts?.title\"\n ></h3>\n }\n @if (item?.texts?.title2) {\n <h4\n class=\"m-subtitle\"\n [innerHTML]=\"item?.texts?.title2\"\n ></h4>\n }\n\n @if (item.buttons?.[0]) {\n <button\n type=\"button\"\n class=\"m-button-sm red\"\n [attr.aria-label]=\"\n item.buttons?.[0]?.name ??\n 'Ver hoteles'\n \"\n [linkType]=\"item.buttons?.[0]?.linkType\"\n >\n <span>{{\n item.buttons?.[0]?.name\n }}</span>\n </button>\n }\n </div>\n </div>\n }\n }\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family: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-h03{padding-top:8.1rem;padding-bottom:13.2rem}.mdl-h03 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-h03 .mdl-container .m-title{text-align:center;color:#515050b2;font-weight:400;font-size:4.4rem;line-height:5.8rem;font-family:jokker,sans-serif}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-h03 .mdl-container .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-h03 .mdl-container .m-title{font-size:2.4rem;line-height:3rem}}.mdl-h03 .mdl-container .m-title{max-width:101.5rem}.mdl-h03 .mdl-container .m-title strong{color:#515050;font-weight:500}.mdl-h03 .mdl-container .m-cards-container{display:flex;align-items:start;flex-direction:row;gap:7rem;max-width:100%}.mdl-h03 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;max-width:48rem;width:27vw;cursor:pointer}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.blue) .m-card-top{background-color:#5b87da}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.red) .m-card-top{background-color:#ff4338}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.green) .m-card-top{background-color:#3fd5ae}@media (hover: hover){.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content{margin-top:-11rem}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-180%)}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;transition:all .3s ease}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;top:50%;transform:translateY(-40%);opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:3.3rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-weight:400;font-size:2.8rem;line-height:3.2rem}}@media (max-width: 1080px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-weight:400;font-size:3.2rem;line-height:3.8rem}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{color:#515050}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;font-size:2.8rem;line-height:3.2rem}}@media (max-width: 1080px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;font-size:3.2rem;line-height:3.8rem}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;color:#515050b2}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container{gap:5.5rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{height:34vw}}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-title{max-width:66rem}}@media (max-width: 1080px){.mdl-h03{padding-top:7.5rem;padding-bottom:4.3rem}.mdl-h03 .mdl-container .m-cards-container{flex-direction:column}.mdl-h03 .mdl-container .m-cards-container .m-card{width:48rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{max-height:62.2rem;height:62.2rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-logo{width:27rem}}@media (max-width: 768px){.mdl-h03{padding-left:14.4rem!important;padding-right:14.4rem!important}.mdl-h03 .mdl-container .m-cards-container{width:100%}.mdl-h03 .mdl-container .m-cards-container .m-card{height:89vw;width:100%;min-height:60rem;max-width:none}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.blue) .m-content .m-logo{filter:invert(62%) sepia(36%) saturate(7040%) hue-rotate(200deg) brightness(96%) contrast(76%)}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.red) .m-content .m-logo{filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.green) .m-content .m-logo{filter:invert(67%) sepia(70%) saturate(373%) hue-rotate(113deg) brightness(93%) contrast(90%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{height:16rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:relative;opacity:1;transform:none;top:auto;margin-bottom:1rem;filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{display:none}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{opacity:1;transform:none}}@media (max-width: 540px){.mdl-h03{padding-left:5.1rem!important;padding-right:5.1rem!important}.mdl-h03 .mdl-container .m-title{width:100%;max-width:none}.mdl-h03 .mdl-container .m-cards-container .m-card{min-height:auto;height:60rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}}@media (max-width: 375px){.mdl-h03{padding-left:3.7rem!important;padding-right:3.7rem!important;padding-top:5rem;padding-bottom:5rem}.mdl-h03 .mdl-container .m-title{width:100%;max-width:none}.mdl-h03 .mdl-container .m-cards-container{gap:4rem}.mdl-h03 .mdl-container .m-cards-container .m-card{height:44rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{width:20rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.4rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:2rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{height:12rem}}\n"] }]
|
|
11685
|
+
args: [{ selector: 'lib-babylon-list-c3-img-txt', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], template: "<section class=\"mdl-h03 list-c3-img-txt\">\n <div class=\"mdl-container\">\n <h2 class=\"m-title\">\n <strong>Conoce Alegria Group.</strong> Conoce nuestras marcas de\n hoteles y Apartamentos.\n </h2>\n\n <div class=\"m-cards-container\">\n <div class=\"m-card\">\n <div\n class=\"m-card-top\"\n style=\"background-image: url(https://picsum.photos/801/802)\"\n ></div>\n\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/branding/h5logo.svg\"\n alt=\"\"\n class=\"m-logo\"\n />\n <h3 class=\"m-title\">Alegria Hoteles,</h3>\n <h4 class=\"m-subtitle\">tus vacaciones en la playa.</h4>\n\n <button\n type=\"button\"\n class=\"m-button-sm red\"\n aria-label=\"Ver hoteles\"\n >\n <span>hoteles</span>\n </button>\n </div>\n </div>\n <div class=\"m-card\">\n <div\n class=\"m-card-top\"\n style=\"\n background-image: url('/assets/babylon/svg/others/h5-bg-example.png');\n \"\n ></div>\n\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/branding/h5logo.svg\"\n alt=\"\"\n class=\"m-logo\"\n />\n <h3 class=\"m-title\">Alegria Hoteles,</h3>\n <h4 class=\"m-subtitle\">tus vacaciones en la playa.</h4>\n\n <div class=\"m-button-sm blue\"><span>hoteles</span></div>\n </div>\n </div>\n <div class=\"m-card\">\n <div\n class=\"m-card-top\"\n style=\"background-image: url(https://picsum.photos/801/800)\"\n ></div>\n\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/branding/h5logo.svg\"\n alt=\"\"\n class=\"m-logo\"\n />\n <h3 class=\"m-title\">Alegria Hoteles,</h3>\n <h4 class=\"m-subtitle\">tus vacaciones en la playa.</h4>\n\n <div class=\"m-button-sm green\"><span>hoteles</span></div>\n </div>\n </div>\n </div>\n </div>\n</section>\n<!-- \n<section class=\"mdl-h03 list-c3-img-txt\">\n <div class=\"mdl-container\">\n @if (texts?.title || texts?.title2) {\n <h2 class=\"m-title\">\n @if (texts?.title) {\n <strong [innerHTML]=\"texts?.title\"></strong>\n }\n @if (texts?.title2) {\n <p [innerHTML]=\"texts?.title2\"></p>\n }\n </h2>\n }\n\n @if (items?.length) {\n <div class=\"m-cards-container\">\n @for (item of items; track $index) {\n @if (item) {\n <div class=\"m-card\">\n @if (item?.multimedia?.[0]) {\n <div\n class=\"m-card-top\"\n [ngStyle]=\"{\n 'background-image':\n 'url(' +\n item?.multimedia?.[0]?.src +\n ');',\n }\"\n ></div>\n }\n\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/branding/h5logo.svg\"\n alt=\"\"\n class=\"m-logo\"\n />\n @if (item?.texts?.title) {\n <h3\n class=\"m-title\"\n [innerHTML]=\"item?.texts?.title\"\n ></h3>\n }\n @if (item?.texts?.title2) {\n <h4\n class=\"m-subtitle\"\n [innerHTML]=\"item?.texts?.title2\"\n ></h4>\n }\n\n @if (item.buttons?.[0]) {\n <button\n type=\"button\"\n class=\"m-button-sm red\"\n [attr.aria-label]=\"\n item.buttons?.[0]?.name ??\n 'Ver hoteles'\n \"\n [linkType]=\"item.buttons?.[0]?.linkType\"\n >\n <span>{{\n item.buttons?.[0]?.name\n }}</span>\n </button>\n }\n </div>\n </div>\n }\n }\n </div>\n }\n </div>\n</section>\n -->\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-h03{padding-top:8.1rem;padding-bottom:13.2rem}.mdl-h03 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-h03 .mdl-container .m-title{text-align:center;color:#515050b2;font-weight:400;font-size:4.4rem;line-height:5.8rem;font-family:jokker,sans-serif}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-h03 .mdl-container .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-h03 .mdl-container .m-title{font-size:2.4rem;line-height:3rem}}.mdl-h03 .mdl-container .m-title{max-width:101.5rem}.mdl-h03 .mdl-container .m-title strong{color:#515050;font-weight:500}.mdl-h03 .mdl-container .m-cards-container{display:flex;align-items:start;flex-direction:row;gap:7rem;max-width:100%}.mdl-h03 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;max-width:48rem;width:27vw;cursor:pointer}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.blue) .m-card-top{background-color:#5b87da}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.red) .m-card-top{background-color:#ff4338}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.green) .m-card-top{background-color:#3fd5ae}@media (hover: hover){.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content{margin-top:-11rem}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-180%)}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;transition:all .3s ease}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;top:50%;transform:translateY(-40%);opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:3.3rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-weight:400;font-size:2.8rem;line-height:3.2rem}}@media (max-width: 1080px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-weight:400;font-size:3.2rem;line-height:3.8rem}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{color:#515050}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;font-size:2.8rem;line-height:3.2rem}}@media (max-width: 1080px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;font-size:3.2rem;line-height:3.8rem}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;color:#515050b2}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container{gap:5.5rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{height:34vw}}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-title{max-width:66rem}}@media (max-width: 1080px){.mdl-h03{padding-top:7.5rem;padding-bottom:4.3rem}.mdl-h03 .mdl-container .m-cards-container{flex-direction:column}.mdl-h03 .mdl-container .m-cards-container .m-card{width:48rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{max-height:62.2rem;height:62.2rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-logo{width:27rem}}@media (max-width: 768px){.mdl-h03{padding-left:14.4rem!important;padding-right:14.4rem!important}.mdl-h03 .mdl-container .m-cards-container{width:100%}.mdl-h03 .mdl-container .m-cards-container .m-card{height:89vw;width:100%;min-height:60rem;max-width:none}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.blue) .m-content .m-logo{filter:invert(62%) sepia(36%) saturate(7040%) hue-rotate(200deg) brightness(96%) contrast(76%)}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.red) .m-content .m-logo{filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.green) .m-content .m-logo{filter:invert(67%) sepia(70%) saturate(373%) hue-rotate(113deg) brightness(93%) contrast(90%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{height:16rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:relative;opacity:1;transform:none;top:auto;margin-bottom:1rem;filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{display:none}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{opacity:1;transform:none}}@media (max-width: 540px){.mdl-h03{padding-left:5.1rem!important;padding-right:5.1rem!important}.mdl-h03 .mdl-container .m-title{width:100%;max-width:none}.mdl-h03 .mdl-container .m-cards-container .m-card{min-height:auto;height:60rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}}@media (max-width: 375px){.mdl-h03{padding-left:3.7rem!important;padding-right:3.7rem!important;padding-top:5rem;padding-bottom:5rem}.mdl-h03 .mdl-container .m-title{width:100%;max-width:none}.mdl-h03 .mdl-container .m-cards-container{gap:4rem}.mdl-h03 .mdl-container .m-cards-container .m-card{height:44rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{width:20rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.4rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:2rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{height:12rem}}\n"] }]
|
|
11686
11686
|
}], propDecorators: { texts: [{
|
|
11687
11687
|
type: Input
|
|
11688
11688
|
}], items: [{
|
|
@@ -13294,7 +13294,7 @@ class BabylonStaticFooterComponent {
|
|
|
13294
13294
|
this.form.reset();
|
|
13295
13295
|
}
|
|
13296
13296
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonStaticFooterComponent, deps: [{ token: i1$3.DomSanitizer }, { token: i0.ChangeDetectorRef }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13297
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonStaticFooterComponent, isStandalone: true, selector: "lib-babylon-static-footer", inputs: { img: "img", title: "title", ndTitle: "ndTitle", rdTitle: "rdTitle", thTitle: "thTitle", fifthTitle: "fifthTitle", frameUrl: "frameUrl", contactInfo: "contactInfo", contactLinks: "contactLinks", address: "address", addressHotels: "addressHotels", socialMedia: "socialMedia", copyright: "copyright", nav: "nav", footerLinks: "footerLinks", logo: "logo", input: "input", legalAdvise: "legalAdvise", additionalLinks: "additionalLinks", tags: "tags", textColors: "textColors" }, outputs: { submitForm: "submitForm" }, ngImport: i0, template: "<!-- La foto es opcional -->\n<footer\n class=\"babylon__footer cs_bg_filed\"\n dataBackground=\"url({{ img?.src }})\"\n>\n <div class=\"cs_footer_main\">\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"cs_footer_grid_4\">\n @if (title || contactInfo?.length || socialMedia?.length) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (title) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.title || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (contactInfo?.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (\n contact of contactInfo;\n track $index\n ) {\n @if (contact) {\n <li>\n <a\n [attr.aria-label]=\"\n contact.label\n \"\n [linkType]=\"\n contact.linkType ?? ''\n \"\n [href]=\"contact.url\"\n [innerHTML]=\"contact.label\"\n ></a>\n </li>\n }\n }\n </ul>\n }\n @if (socialMedia?.length) {\n <ul class=\"cs_social_btns cs_style_1\">\n @for (item of socialMedia; track $index) {\n <li>\n <a\n [attr.aria-label]=\"item.icon\"\n linkType=\"external\"\n [href]=\"item.url\"\n class=\"cs_center\"\n >\n <i [ngClass]=\"item.icon\"></i>\n </a>\n </li>\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (ndTitle) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.ndtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.ndtitle\"\n [content]=\"ndTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n @if (address) {\n <div class=\"cs_text_widget\">\n <a\n [attr.aria-label]=\"address.address\"\n [href]=\"address.url || '#'\"\n linkType=\"external\"\n [ngClass]=\"{\n 'pointer-none': !address.url,\n }\"\n >\n @if (address.address) {\n {{ address.address }} <br />\n }\n @if (address.cp && address.city) {\n {{ address.cp }} {{ address.city }}\n <br />\n }\n @if (\n address.province && address.country\n ) {\n {{ address.province }}\n {{ address.country }}\n }\n </a>\n </div>\n }\n </div>\n </div>\n }\n @if (footerLinks) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (rdTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.rdtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.rdtitle\"\n [content]=\"rdTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (footerLinks.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (link of footerLinks; track $index) {\n @if (link) {\n <li>\n <a\n [attr.aria-label]=\"\n link.label\n \"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [innerHTML]=\"link.label\"\n >\n </a>\n </li>\n }\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (additionalLinks?.length) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (fifthTitle) {\n <h5 class=\"cs_widget_title title--smaller\">\n <span>{{ fifthTitle }}</span>\n </h5>\n }\n @if (additionalLinks?.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (\n link of additionalLinks;\n track $index\n ) {\n @if (link) {\n <li>\n <a\n [attr.aria-label]=\"\n link.label\n \"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [innerHTML]=\"link.label\"\n >\n </a>\n </li>\n }\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (addressHotels) {\n <div class=\"cs_footer_grid_item address_hotels\">\n <div class=\"cs_footer_item\">\n @if (fifthTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.fifthtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.fifthtitle\"\n [content]=\"fifthTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (addressHotels.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (\n address of addressHotels;\n track $index\n ) {\n @if (address) {\n <li>\n @if (address.name) {\n <p class=\"text--small\">\n <span>{{\n address.name\n }}</span>\n </p>\n }\n @if (address.phone) {\n <a\n [attr.aria-label]=\"\n address.phone\n \"\n [href]=\"\n 'tel:' +\n address.phone\n \"\n linkType=\"external\"\n >\n {{ address.phone }}\n </a>\n }\n <br />\n @if (address.email) {\n <a\n [attr.aria-label]=\"\n address.email\n \"\n [href]=\"\n 'mailto:' +\n address.email\n \"\n linkType=\"external\"\n >\n {{ address.email }}\n </a>\n }\n <br />\n @if (address.full_address) {\n <a\n [attr.aria-label]=\"\n address.full_address\n \"\n [href]=\"\n address.url || '#'\n \"\n linkType=\"external\"\n [ngClass]=\"{\n 'pointer-none':\n !address.url,\n }\"\n >\n {{\n address.full_address\n }}\n </a>\n } @else {\n @if (address.address) {\n <a\n [attr.aria-label]=\"\n address.address\n \"\n [href]=\"\n address.url ||\n '#'\n \"\n linkType=\"external\"\n [ngClass]=\"{\n 'pointer-none':\n !address.url,\n }\"\n >\n {{\n address.address\n }},\n {{ address.cp }}\n {{ address.city }},\n {{\n address.province\n }},\n {{\n address.country\n }}\n </a>\n }\n }\n <br />\n </li>\n }\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (thTitle || safeUrl || input) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (thTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.thtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.thtitle\"\n [content]=\"thTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (safeUrl) {\n <div class=\"cs_footer_map cs_primary_bg\">\n <iframe\n [src]=\"safeUrl\"\n allowfullscreen\n title=\"map\"\n ></iframe>\n </div>\n } @else {\n <div id=\"message-newsletter\"></div>\n @if (input) {\n <form\n name=\"newsletter_form\"\n id=\"newsletter_form\"\n [formGroup]=\"form\"\n >\n <div class=\"form-group\">\n <input\n type=\"text\"\n class=\"form-control\"\n formControlName=\"input\"\n [placeholder]=\"\n input.placeholder\n \"\n (input)=\"inputChange($event)\"\n (blur)=\"validateInput()\"\n />\n <button\n name=\"submit\"\n type=\"submit\"\n id=\"submit-newsletter\"\n (click)=\"submit()\"\n [ngClass]=\"{\n 'pointers-none':\n !form.valid,\n }\"\n >\n <i\n class=\"babylon-arrow-right btn-send\"\n ></i>\n </button>\n </div>\n <div class=\"checkbox-element\">\n <mat-checkbox\n class=\"formcontrol\"\n formControlName=\"checkbox\"\n ></mat-checkbox>\n @if (legalAdvise) {\n <span\n class=\"text--small m-0 pt-2\"\n [innerHTML]=\"legalAdvise\"\n ></span>\n }\n </div>\n </form>\n }\n }\n </div>\n </div>\n }\n </div>\n @if (logo) {\n <div class=\"cs_footer_logo\">\n <img\n [src]=\"logo.src\"\n [alt]=\"logo.alt\"\n class=\"footer-logo-img\"\n loading=\"lazy\"\n />\n </div>\n }\n </div>\n </div>\n <div class=\"cs_bottom_footer_wrap\">\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"cs_bottom_footer position-relative\">\n @if (copyright) {\n <div class=\"cs_copyright\">\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.copyright || 'span'\"\n cssClass=\"cs_copyright_year\"\n [color]=\"textColors?.copyright\"\n [content]=\"copyright\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n </div>\n }\n <span class=\"cs_scrollup cs_center\" scrollUp>\n <svg\n width=\"15\"\n height=\"7\"\n viewBox=\"0 0 15 7\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M15 6.18793L14.1169 7L7.93687 1.31723C7.81958 1.20941 7.66053 1.14885 7.49468 1.14885C7.32884 1.14885 7.16978 1.20941 7.0525 1.31723L0.884376 6.99022L0 6.177L6.16812 0.505163C6.51998 0.181708 6.99715 0 7.49468 0C7.99222 0 8.46938 0.181708 8.82125 0.505163L15 6.18793Z\"\n fill=\"white\"\n />\n </svg>\n <span class=\"cs_scrollup_bg_dotted cs_accent_color\">\n <svg\n width=\"56\"\n height=\"56\"\n viewBox=\"0 0 56 56\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n cx=\"28\"\n cy=\"28\"\n r=\"27.5\"\n stroke=\"currentColor\"\n stroke-dasharray=\"5 5\"\n />\n </svg>\n </span>\n </span>\n @if (contactLinks?.length) {\n <div class=\"cs_bottom_footer_right\">\n <ul class=\"cs_footer_links cs_mp_0\">\n @for (link of contactLinks; track $index) {\n @if (link) {\n <li>\n <a\n [attr.aria-label]=\"link.label\"\n [linkType]=\"link.linkType ?? ''\"\n [href]=\"link.url\"\n >{{ link.label }}</a\n >\n </li>\n }\n }\n </ul>\n </div>\n }\n </div>\n </div>\n </div>\n</footer>\n", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_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}@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}}.babylon__footer{background-color:var(--cl_footer-bg);color:var(--cl_footer-text)}.babylon__footer a{color:var(--cl_footer-text);text-decoration:none;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.babylon__footer a:hover{color:var(--cl_footer-text-hover);text-decoration:underline}@media (max-width: 767px){.babylon__footer{padding-bottom:60px}}:host ::ng-deep .cs_widget_title{margin-bottom:47px}@media (max-width: 1024px){:host ::ng-deep .cs_widget_title{margin-bottom:30px}}:host ::ng-deep .cs_widget_title span{display:inline-block;position:relative;padding-right:20px;color:var(--cl_footer-text)}:host ::ng-deep .cs_widget_title span:before{content:\"\";position:absolute;height:1px;width:50px;background-color:var(--cl_footer-text);left:100%;top:54%;transition:all .3s ease}@media (max-width: 539px){:host ::ng-deep .cs_widget_title span{display:flex;flex-direction:column;align-items:center;text-align:center;padding-right:0}:host ::ng-deep .cs_widget_title span:before{position:relative;left:0;top:40px;width:40px}}.cs_menu_widget{padding:0;margin:0;list-style:none}.cs_menu_widget li:not(:last-child){margin-bottom:8px}.cs_menu_widget+.cs_social_btns{margin-top:20px;font-size:20px}.cs_menu_widget+.cs_social_btns a{text-decoration:none!important}.cs_social_btns{display:flex;flex-wrap:wrap;font-size:13px;gap:10px}.cs_social_btns a{height:30px;width:30px;border-radius:50%;display:flex}.cs_social_btns a:hover{transform:scale(1.2)}.cs_social_btns a:hover svg{fill:var(--cl_footer-text)}@media (max-width: 539px){.cs_social_btns{justify-content:center}}.cs_bottom_footer_wrap{background-color:var(--cl_footer-bg-bottom)}.cs_bottom_footer_wrap .container-fluid{overflow:visible}.cs_bottom_footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:30px 0;gap:2px 15px}@media (max-width: 767px){.cs_bottom_footer{flex-direction:column;padding:40px 0 20px}}.cs_footer_logo{display:flex;align-items:center;position:relative;left:85%}.cs_footer_logo .footer-logo-img{max-width:200px;height:auto}@media (max-width: 767px){.cs_footer_logo{position:relative;margin:20px 0}}@media (max-width: 767px){.cs_footer_logo{left:auto;justify-content:center}}.cs_copyright a{color:var(--cl_footer-text);background-repeat:no-repeat;background-image:linear-gradient(90deg,currentColor 0,currentColor 100%);transition:background-size .6s cubic-bezier(.49,.49,.08,1),color .27s ease-out;background-position:100% calc(100% + -0px);background-size:0 2px}.cs_copyright a:hover{background-size:100% 2px;background-position:0 calc(100% + -0px)}.cs_fullscreen_footer_in{height:100px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 30px}.cs_footer_main{padding:100px 0}@media (max-width: 1024px){.cs_footer_main{padding:80px 0}}.cs_footer_grid_4{display:flex;gap:30px 70px}@media (max-width: 1024px){.cs_footer_grid_4{gap:30px 40px}}@media (max-width: 1279px){.cs_footer_grid_4{gap:30px 24px}}@media (max-width: 1024px){.cs_footer_grid_4{display:grid;gap:55px 24px;grid-template-columns:repeat(2,1fr);padding:0 40px}}@media (max-width: 539px){.cs_footer_grid_4{gap:55px 24px;grid-template-columns:repeat(1,1fr);padding:0}}.cs_footer_grid_4 .cs_footer_grid_item{flex:1}.cs_footer_grid_4 .cs_footer_grid_item:first-child{flex:1.4}.cs_footer_grid_4 .cs_footer_grid_item:nth-child(2){flex:1.4}.cs_footer_grid_4 .cs_footer_grid_item:last-child{flex:2.1}.cs_footer_grid_4 .cs_footer_grid_item.address_hotels{flex:1.7}@media (max-width: 539px){.cs_footer_grid_4 .cs_footer_grid_item{text-align:center}}.cs_footer_grid_4.cs_type_1{gap:30px 10%}@media (max-width: 1679px){.cs_footer_grid_4.cs_type_1{gap:30px 6%}}@media (max-width: 1024px){.cs_footer_grid_4.cs_type_1{gap:30px 40px}}@media (max-width: 1279px){.cs_footer_grid_4.cs_type_1{gap:30px 24px}}@media (max-width: 1024px){.cs_footer_grid_4.cs_type_1{gap:55px 24px}}@media (max-width: 539px){.cs_footer_grid_4.cs_type_1{gap:55px 24px}}.cs_footer_links{display:flex;flex-wrap:wrap}.cs_footer_links li:not(:last-child):after{content:\"|\";margin:0 10px;position:relative;top:-1px}.cs_footer_map{height:260px}.cs_footer_map iframe{height:100%;display:block;border:none;width:100%;filter:grayscale(100%) invert(95%) contrast(140%);outline:none}.cs_scrollup{position:absolute;left:50%;transform:translate(-50%);height:46px;width:46px;top:-23px;background-color:var(--cl_footer-scroll);border-radius:50%;cursor:pointer}.cs_scrollup>svg{position:relative;z-index:2}.cs_scrollup .cs_scrollup_bg_dotted{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:rotate 15s linear infinite;animation-play-state:paused}.cs_scrollup:before{content:\"\";position:absolute;height:100%;width:100%;left:0;top:0;border-radius:50%;background-color:var(--cl_footer-scroll);opacity:.5}.cs_scrollup:hover .cs_scrollup_bg_dotted{animation-play-state:initial}.cs_scrollup.cs_type_1{top:20px}@media (max-width: 1024px){.cs_scrollup.cs_type_1{top:-23px}}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}a{text-decoration:none!important}#newsletter_form h5{margin:0 0 25px}@media (max-width: 767px){#newsletter_form h5{margin:0 0 15px}}#newsletter_form .form-group{position:relative}#newsletter_form input[type=email]{border:0;height:45px;border-radius:3px;padding-left:15px;background-color:var(--cl_footer-text);color:var(--cl_footer-text-hover);width:100%}#newsletter_form input[type=email]::placeholder,#newsletter_form input[type=email]::-webkit-input-placeholder,#newsletter_form input[type=email]::-moz-placeholder,#newsletter_form input[type=email]:-ms-input-placeholder,#newsletter_form input[type=email]::-ms-input-placeholder{color:red!important;opacity:1;font-size:16px}#newsletter_form input[type=email]:focus{border:0;box-shadow:none}#newsletter_form button[type=submit]{position:absolute;right:5px;color:var(--cl_footer-text);font-size:22px;font-size:1.375rem;top:-2px;border:0;opacity:.6;height:45px;cursor:pointer;background-color:transparent;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;outline:none}#newsletter_form button[type=submit]:hover{opacity:1}#newsletter_form .checkbox-element{display:flex!important;align-items:center!important;cursor:pointer}#newsletter_form .checkbox-element .text--small{color:var(--cl_footer-text)!important;padding:0!important}#newsletter_form .checkbox-element .text--small::ng-deep p{color:var(--cl_footer-text)!important;margin:0}#newsletter_form .checkbox-element .text--small::ng-deep a{color:var(--cl_footer-text)!important}#newsletter_form .checkbox-element .text--small::ng-deep a:hover{color:var(--cl_footer-text-hover)!important}#newsletter_form .mdc-checkbox__native-control{color:var(--cl_footer-text)!important}#newsletter_form .btn-send{color:var(--cl_corp)!important;font-size:16px;font-weight:700;position:absolute;right:6px;top:50%;transform:translateY(-50%)}::ng-deep .mdc-checkbox__background{border-color:var(--cl_footer-text)!important}.address_hotels .text--small{font-weight:600}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i4$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: BabylonDataBackgroundDirective, selector: "[dataBackground]", inputs: ["dataBackground"] }, { kind: "directive", type: BabylonScrollUpDirective, selector: "[scrollUp]" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: BabylonDynamicHeadingComponent, selector: "lib-babylon-dynamic-heading", inputs: ["tag", "wrapper", "cssClass", "content", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
13297
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonStaticFooterComponent, isStandalone: true, selector: "lib-babylon-static-footer", inputs: { img: "img", title: "title", ndTitle: "ndTitle", rdTitle: "rdTitle", thTitle: "thTitle", fifthTitle: "fifthTitle", frameUrl: "frameUrl", contactInfo: "contactInfo", contactLinks: "contactLinks", address: "address", addressHotels: "addressHotels", socialMedia: "socialMedia", copyright: "copyright", nav: "nav", footerLinks: "footerLinks", logo: "logo", input: "input", legalAdvise: "legalAdvise", additionalLinks: "additionalLinks", tags: "tags", textColors: "textColors" }, outputs: { submitForm: "submitForm" }, ngImport: i0, template: "<!-- La foto es opcional -->\n<footer\n class=\"babylon__footer cs_bg_filed\"\n dataBackground=\"url({{ img?.src }})\"\n>\n <div class=\"cs_footer_main\">\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"cs_footer_grid_4\">\n @if (title || contactInfo?.length || socialMedia?.length) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (title) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.title || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (contactInfo?.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (\n contact of contactInfo;\n track $index\n ) {\n @if (contact) {\n <li>\n <a\n [attr.aria-label]=\"\n contact.label\n \"\n [linkType]=\"\n contact.linkType ?? ''\n \"\n [href]=\"contact.url\"\n [innerHTML]=\"contact.label\"\n ></a>\n </li>\n }\n }\n </ul>\n }\n @if (socialMedia?.length) {\n <ul class=\"cs_social_btns cs_style_1\">\n @for (item of socialMedia; track $index) {\n <li>\n <a\n [attr.aria-label]=\"item.icon\"\n linkType=\"external\"\n [href]=\"item.url\"\n class=\"cs_center\"\n >\n <i [ngClass]=\"item.icon\"></i>\n </a>\n </li>\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (ndTitle) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.ndtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.ndtitle\"\n [content]=\"ndTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n @if (address) {\n <div class=\"cs_text_widget\">\n <a\n [attr.aria-label]=\"address.address\"\n [href]=\"address.url || '#'\"\n linkType=\"external\"\n [ngClass]=\"{\n 'pointer-none': !address.url,\n }\"\n >\n @if (address.address) {\n {{ address.address }} <br />\n }\n @if (address.cp && address.city) {\n {{ address.cp }} {{ address.city }}\n <br />\n }\n @if (\n address.province && address.country\n ) {\n {{ address.province }}\n {{ address.country }}\n }\n </a>\n </div>\n }\n </div>\n </div>\n }\n @if (footerLinks) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (rdTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.rdtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.rdtitle\"\n [content]=\"rdTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (footerLinks.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (link of footerLinks; track $index) {\n @if (link) {\n <li>\n <a\n [attr.aria-label]=\"\n link.label\n \"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [innerHTML]=\"link.label\"\n >\n </a>\n </li>\n }\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (additionalLinks && additionalLinks.length > 0) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (fifthTitle) {\n <h5 class=\"cs_widget_title title--smaller\">\n <span>{{ fifthTitle }}</span>\n </h5>\n }\n @if (additionalLinks.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (\n link of additionalLinks;\n track $index\n ) {\n @if (link) {\n <li>\n <a\n [attr.aria-label]=\"\n link.label\n \"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [innerHTML]=\"link.label\"\n >\n </a>\n </li>\n }\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (addressHotels) {\n <div class=\"cs_footer_grid_item address_hotels\">\n <div class=\"cs_footer_item\">\n @if (fifthTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.fifthtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.fifthtitle\"\n [content]=\"fifthTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (addressHotels.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (\n address of addressHotels;\n track $index\n ) {\n @if (address) {\n <li>\n @if (address.name) {\n <p class=\"text--small\">\n <span>{{\n address.name\n }}</span>\n </p>\n }\n @if (address.phone) {\n <a\n [attr.aria-label]=\"\n address.phone\n \"\n [href]=\"\n 'tel:' +\n address.phone\n \"\n linkType=\"external\"\n >\n {{ address.phone }}\n </a>\n }\n <br />\n @if (address.email) {\n <a\n [attr.aria-label]=\"\n address.email\n \"\n [href]=\"\n 'mailto:' +\n address.email\n \"\n linkType=\"external\"\n >\n {{ address.email }}\n </a>\n }\n <br />\n @if (address.full_address) {\n <a\n [attr.aria-label]=\"\n address.full_address\n \"\n [href]=\"\n address.url || '#'\n \"\n linkType=\"external\"\n [ngClass]=\"{\n 'pointer-none':\n !address.url,\n }\"\n >\n {{\n address.full_address\n }}\n </a>\n } @else {\n @if (address.address) {\n <a\n [attr.aria-label]=\"\n address.address\n \"\n [href]=\"\n address.url ||\n '#'\n \"\n linkType=\"external\"\n [ngClass]=\"{\n 'pointer-none':\n !address.url,\n }\"\n >\n {{\n address.address\n }},\n {{ address.cp }}\n {{ address.city }},\n {{\n address.province\n }},\n {{\n address.country\n }}\n </a>\n }\n }\n <br />\n </li>\n }\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (thTitle || safeUrl || input) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (thTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.thtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.thtitle\"\n [content]=\"thTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (safeUrl) {\n <div class=\"cs_footer_map cs_primary_bg\">\n <iframe\n [src]=\"safeUrl\"\n allowfullscreen\n title=\"map\"\n ></iframe>\n </div>\n } @else {\n <div id=\"message-newsletter\"></div>\n @if (input) {\n <form\n name=\"newsletter_form\"\n id=\"newsletter_form\"\n [formGroup]=\"form\"\n >\n <div class=\"form-group\">\n <input\n type=\"text\"\n class=\"form-control\"\n formControlName=\"input\"\n [placeholder]=\"\n input.placeholder\n \"\n (input)=\"inputChange($event)\"\n (blur)=\"validateInput()\"\n />\n <button\n name=\"submit\"\n type=\"submit\"\n id=\"submit-newsletter\"\n (click)=\"submit()\"\n [ngClass]=\"{\n 'pointers-none':\n !form.valid,\n }\"\n >\n <i\n class=\"babylon-arrow-right btn-send\"\n ></i>\n </button>\n </div>\n <div class=\"checkbox-element\">\n <mat-checkbox\n class=\"formcontrol\"\n formControlName=\"checkbox\"\n ></mat-checkbox>\n @if (legalAdvise) {\n <span\n class=\"text--small m-0 pt-2\"\n [innerHTML]=\"legalAdvise\"\n ></span>\n }\n </div>\n </form>\n }\n }\n </div>\n </div>\n }\n </div>\n @if (logo) {\n <div class=\"cs_footer_logo\">\n <img\n [src]=\"logo.src\"\n [alt]=\"logo.alt\"\n class=\"footer-logo-img\"\n loading=\"lazy\"\n />\n </div>\n }\n </div>\n </div>\n <div class=\"cs_bottom_footer_wrap\">\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"cs_bottom_footer position-relative\">\n @if (copyright) {\n <div class=\"cs_copyright\">\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.copyright || 'span'\"\n cssClass=\"cs_copyright_year\"\n [color]=\"textColors?.copyright\"\n [content]=\"copyright\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n </div>\n }\n <span class=\"cs_scrollup cs_center\" scrollUp>\n <svg\n width=\"15\"\n height=\"7\"\n viewBox=\"0 0 15 7\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M15 6.18793L14.1169 7L7.93687 1.31723C7.81958 1.20941 7.66053 1.14885 7.49468 1.14885C7.32884 1.14885 7.16978 1.20941 7.0525 1.31723L0.884376 6.99022L0 6.177L6.16812 0.505163C6.51998 0.181708 6.99715 0 7.49468 0C7.99222 0 8.46938 0.181708 8.82125 0.505163L15 6.18793Z\"\n fill=\"white\"\n />\n </svg>\n <span class=\"cs_scrollup_bg_dotted cs_accent_color\">\n <svg\n width=\"56\"\n height=\"56\"\n viewBox=\"0 0 56 56\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n cx=\"28\"\n cy=\"28\"\n r=\"27.5\"\n stroke=\"currentColor\"\n stroke-dasharray=\"5 5\"\n />\n </svg>\n </span>\n </span>\n @if (contactLinks?.length) {\n <div class=\"cs_bottom_footer_right\">\n <ul class=\"cs_footer_links cs_mp_0\">\n @for (link of contactLinks; track $index) {\n @if (link) {\n <li>\n <a\n [attr.aria-label]=\"link.label\"\n [linkType]=\"link.linkType ?? ''\"\n [href]=\"link.url\"\n >{{ link.label }}</a\n >\n </li>\n }\n }\n </ul>\n </div>\n }\n </div>\n </div>\n </div>\n</footer>\n", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_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}@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}}.babylon__footer{background-color:var(--cl_footer-bg);color:var(--cl_footer-text)}.babylon__footer a{color:var(--cl_footer-text);text-decoration:none;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.babylon__footer a:hover{color:var(--cl_footer-text-hover);text-decoration:underline}@media (max-width: 767px){.babylon__footer{padding-bottom:60px}}:host ::ng-deep .cs_widget_title{margin-bottom:47px}@media (max-width: 1024px){:host ::ng-deep .cs_widget_title{margin-bottom:30px}}:host ::ng-deep .cs_widget_title span{display:inline-block;position:relative;padding-right:20px;color:var(--cl_footer-text)}:host ::ng-deep .cs_widget_title span:before{content:\"\";position:absolute;height:1px;width:50px;background-color:var(--cl_footer-text);left:100%;top:54%;transition:all .3s ease}@media (max-width: 539px){:host ::ng-deep .cs_widget_title span{display:flex;flex-direction:column;align-items:center;text-align:center;padding-right:0}:host ::ng-deep .cs_widget_title span:before{position:relative;left:0;top:40px;width:40px}}.cs_menu_widget{padding:0;margin:0;list-style:none}.cs_menu_widget li:not(:last-child){margin-bottom:8px}.cs_menu_widget+.cs_social_btns{margin-top:20px;font-size:20px}.cs_menu_widget+.cs_social_btns a{text-decoration:none!important}.cs_social_btns{display:flex;flex-wrap:wrap;font-size:13px;gap:10px}.cs_social_btns a{height:30px;width:30px;border-radius:50%;display:flex}.cs_social_btns a:hover{transform:scale(1.2)}.cs_social_btns a:hover svg{fill:var(--cl_footer-text)}@media (max-width: 539px){.cs_social_btns{justify-content:center}}.cs_bottom_footer_wrap{background-color:var(--cl_footer-bg-bottom)}.cs_bottom_footer_wrap .container-fluid{overflow:visible}.cs_bottom_footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:30px 0;gap:2px 15px}@media (max-width: 767px){.cs_bottom_footer{flex-direction:column;padding:40px 0 20px}}.cs_footer_logo{display:flex;align-items:center;position:relative;left:85%}.cs_footer_logo .footer-logo-img{max-width:200px;height:auto}@media (max-width: 767px){.cs_footer_logo{position:relative;margin:20px 0}}@media (max-width: 767px){.cs_footer_logo{left:auto;justify-content:center}}.cs_copyright a{color:var(--cl_footer-text);background-repeat:no-repeat;background-image:linear-gradient(90deg,currentColor 0,currentColor 100%);transition:background-size .6s cubic-bezier(.49,.49,.08,1),color .27s ease-out;background-position:100% calc(100% + -0px);background-size:0 2px}.cs_copyright a:hover{background-size:100% 2px;background-position:0 calc(100% + -0px)}.cs_fullscreen_footer_in{height:100px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 30px}.cs_footer_main{padding:100px 0}@media (max-width: 1024px){.cs_footer_main{padding:80px 0}}.cs_footer_grid_4{display:flex;gap:30px 70px}@media (max-width: 1024px){.cs_footer_grid_4{gap:30px 40px}}@media (max-width: 1279px){.cs_footer_grid_4{gap:30px 24px}}@media (max-width: 1024px){.cs_footer_grid_4{display:grid;gap:55px 24px;grid-template-columns:repeat(2,1fr);padding:0 40px}}@media (max-width: 539px){.cs_footer_grid_4{gap:55px 24px;grid-template-columns:repeat(1,1fr);padding:0}}.cs_footer_grid_4 .cs_footer_grid_item{flex:1}.cs_footer_grid_4 .cs_footer_grid_item:first-child{flex:1.4}.cs_footer_grid_4 .cs_footer_grid_item:nth-child(2){flex:1.4}.cs_footer_grid_4 .cs_footer_grid_item:last-child{flex:2.1}.cs_footer_grid_4 .cs_footer_grid_item.address_hotels{flex:1.7}@media (max-width: 539px){.cs_footer_grid_4 .cs_footer_grid_item{text-align:center}}.cs_footer_grid_4.cs_type_1{gap:30px 10%}@media (max-width: 1679px){.cs_footer_grid_4.cs_type_1{gap:30px 6%}}@media (max-width: 1024px){.cs_footer_grid_4.cs_type_1{gap:30px 40px}}@media (max-width: 1279px){.cs_footer_grid_4.cs_type_1{gap:30px 24px}}@media (max-width: 1024px){.cs_footer_grid_4.cs_type_1{gap:55px 24px}}@media (max-width: 539px){.cs_footer_grid_4.cs_type_1{gap:55px 24px}}.cs_footer_links{display:flex;flex-wrap:wrap}.cs_footer_links li:not(:last-child):after{content:\"|\";margin:0 10px;position:relative;top:-1px}.cs_footer_map{height:260px}.cs_footer_map iframe{height:100%;display:block;border:none;width:100%;filter:grayscale(100%) invert(95%) contrast(140%);outline:none}.cs_scrollup{position:absolute;left:50%;transform:translate(-50%);height:46px;width:46px;top:-23px;background-color:var(--cl_footer-scroll);border-radius:50%;cursor:pointer}.cs_scrollup>svg{position:relative;z-index:2}.cs_scrollup .cs_scrollup_bg_dotted{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:rotate 15s linear infinite;animation-play-state:paused}.cs_scrollup:before{content:\"\";position:absolute;height:100%;width:100%;left:0;top:0;border-radius:50%;background-color:var(--cl_footer-scroll);opacity:.5}.cs_scrollup:hover .cs_scrollup_bg_dotted{animation-play-state:initial}.cs_scrollup.cs_type_1{top:20px}@media (max-width: 1024px){.cs_scrollup.cs_type_1{top:-23px}}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}a{text-decoration:none!important}#newsletter_form h5{margin:0 0 25px}@media (max-width: 767px){#newsletter_form h5{margin:0 0 15px}}#newsletter_form .form-group{position:relative}#newsletter_form input[type=email]{border:0;height:45px;border-radius:3px;padding-left:15px;background-color:var(--cl_footer-text);color:var(--cl_footer-text-hover);width:100%}#newsletter_form input[type=email]::placeholder,#newsletter_form input[type=email]::-webkit-input-placeholder,#newsletter_form input[type=email]::-moz-placeholder,#newsletter_form input[type=email]:-ms-input-placeholder,#newsletter_form input[type=email]::-ms-input-placeholder{color:red!important;opacity:1;font-size:16px}#newsletter_form input[type=email]:focus{border:0;box-shadow:none}#newsletter_form button[type=submit]{position:absolute;right:5px;color:var(--cl_footer-text);font-size:22px;font-size:1.375rem;top:-2px;border:0;opacity:.6;height:45px;cursor:pointer;background-color:transparent;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;outline:none}#newsletter_form button[type=submit]:hover{opacity:1}#newsletter_form .checkbox-element{display:flex!important;align-items:center!important;cursor:pointer}#newsletter_form .checkbox-element .text--small{color:var(--cl_footer-text)!important;padding:0!important}#newsletter_form .checkbox-element .text--small::ng-deep p{color:var(--cl_footer-text)!important;margin:0}#newsletter_form .checkbox-element .text--small::ng-deep a{color:var(--cl_footer-text)!important}#newsletter_form .checkbox-element .text--small::ng-deep a:hover{color:var(--cl_footer-text-hover)!important}#newsletter_form .mdc-checkbox__native-control{color:var(--cl_footer-text)!important}#newsletter_form .btn-send{color:var(--cl_corp)!important;font-size:16px;font-weight:700;position:absolute;right:6px;top:50%;transform:translateY(-50%)}::ng-deep .mdc-checkbox__background{border-color:var(--cl_footer-text)!important}.address_hotels .text--small{font-weight:600}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i4$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: BabylonDataBackgroundDirective, selector: "[dataBackground]", inputs: ["dataBackground"] }, { kind: "directive", type: BabylonScrollUpDirective, selector: "[scrollUp]" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: BabylonDynamicHeadingComponent, selector: "lib-babylon-dynamic-heading", inputs: ["tag", "wrapper", "cssClass", "content", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
13298
13298
|
}
|
|
13299
13299
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonStaticFooterComponent, decorators: [{
|
|
13300
13300
|
type: Component,
|
|
@@ -13307,7 +13307,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
13307
13307
|
ReactiveFormsModule,
|
|
13308
13308
|
FormsModule,
|
|
13309
13309
|
BabylonDynamicHeadingComponent
|
|
13310
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- La foto es opcional -->\n<footer\n class=\"babylon__footer cs_bg_filed\"\n dataBackground=\"url({{ img?.src }})\"\n>\n <div class=\"cs_footer_main\">\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"cs_footer_grid_4\">\n @if (title || contactInfo?.length || socialMedia?.length) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (title) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.title || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (contactInfo?.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (\n contact of contactInfo;\n track $index\n ) {\n @if (contact) {\n <li>\n <a\n [attr.aria-label]=\"\n contact.label\n \"\n [linkType]=\"\n contact.linkType ?? ''\n \"\n [href]=\"contact.url\"\n [innerHTML]=\"contact.label\"\n ></a>\n </li>\n }\n }\n </ul>\n }\n @if (socialMedia?.length) {\n <ul class=\"cs_social_btns cs_style_1\">\n @for (item of socialMedia; track $index) {\n <li>\n <a\n [attr.aria-label]=\"item.icon\"\n linkType=\"external\"\n [href]=\"item.url\"\n class=\"cs_center\"\n >\n <i [ngClass]=\"item.icon\"></i>\n </a>\n </li>\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (ndTitle) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.ndtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.ndtitle\"\n [content]=\"ndTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n @if (address) {\n <div class=\"cs_text_widget\">\n <a\n [attr.aria-label]=\"address.address\"\n [href]=\"address.url || '#'\"\n linkType=\"external\"\n [ngClass]=\"{\n 'pointer-none': !address.url,\n }\"\n >\n @if (address.address) {\n {{ address.address }} <br />\n }\n @if (address.cp && address.city) {\n {{ address.cp }} {{ address.city }}\n <br />\n }\n @if (\n address.province && address.country\n ) {\n {{ address.province }}\n {{ address.country }}\n }\n </a>\n </div>\n }\n </div>\n </div>\n }\n @if (footerLinks) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (rdTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.rdtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.rdtitle\"\n [content]=\"rdTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (footerLinks.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (link of footerLinks; track $index) {\n @if (link) {\n <li>\n <a\n [attr.aria-label]=\"\n link.label\n \"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [innerHTML]=\"link.label\"\n >\n </a>\n </li>\n }\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (additionalLinks?.length) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (fifthTitle) {\n <h5 class=\"cs_widget_title title--smaller\">\n <span>{{ fifthTitle }}</span>\n </h5>\n }\n @if (additionalLinks?.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (\n link of additionalLinks;\n track $index\n ) {\n @if (link) {\n <li>\n <a\n [attr.aria-label]=\"\n link.label\n \"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [innerHTML]=\"link.label\"\n >\n </a>\n </li>\n }\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (addressHotels) {\n <div class=\"cs_footer_grid_item address_hotels\">\n <div class=\"cs_footer_item\">\n @if (fifthTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.fifthtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.fifthtitle\"\n [content]=\"fifthTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (addressHotels.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (\n address of addressHotels;\n track $index\n ) {\n @if (address) {\n <li>\n @if (address.name) {\n <p class=\"text--small\">\n <span>{{\n address.name\n }}</span>\n </p>\n }\n @if (address.phone) {\n <a\n [attr.aria-label]=\"\n address.phone\n \"\n [href]=\"\n 'tel:' +\n address.phone\n \"\n linkType=\"external\"\n >\n {{ address.phone }}\n </a>\n }\n <br />\n @if (address.email) {\n <a\n [attr.aria-label]=\"\n address.email\n \"\n [href]=\"\n 'mailto:' +\n address.email\n \"\n linkType=\"external\"\n >\n {{ address.email }}\n </a>\n }\n <br />\n @if (address.full_address) {\n <a\n [attr.aria-label]=\"\n address.full_address\n \"\n [href]=\"\n address.url || '#'\n \"\n linkType=\"external\"\n [ngClass]=\"{\n 'pointer-none':\n !address.url,\n }\"\n >\n {{\n address.full_address\n }}\n </a>\n } @else {\n @if (address.address) {\n <a\n [attr.aria-label]=\"\n address.address\n \"\n [href]=\"\n address.url ||\n '#'\n \"\n linkType=\"external\"\n [ngClass]=\"{\n 'pointer-none':\n !address.url,\n }\"\n >\n {{\n address.address\n }},\n {{ address.cp }}\n {{ address.city }},\n {{\n address.province\n }},\n {{\n address.country\n }}\n </a>\n }\n }\n <br />\n </li>\n }\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (thTitle || safeUrl || input) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (thTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.thtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.thtitle\"\n [content]=\"thTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (safeUrl) {\n <div class=\"cs_footer_map cs_primary_bg\">\n <iframe\n [src]=\"safeUrl\"\n allowfullscreen\n title=\"map\"\n ></iframe>\n </div>\n } @else {\n <div id=\"message-newsletter\"></div>\n @if (input) {\n <form\n name=\"newsletter_form\"\n id=\"newsletter_form\"\n [formGroup]=\"form\"\n >\n <div class=\"form-group\">\n <input\n type=\"text\"\n class=\"form-control\"\n formControlName=\"input\"\n [placeholder]=\"\n input.placeholder\n \"\n (input)=\"inputChange($event)\"\n (blur)=\"validateInput()\"\n />\n <button\n name=\"submit\"\n type=\"submit\"\n id=\"submit-newsletter\"\n (click)=\"submit()\"\n [ngClass]=\"{\n 'pointers-none':\n !form.valid,\n }\"\n >\n <i\n class=\"babylon-arrow-right btn-send\"\n ></i>\n </button>\n </div>\n <div class=\"checkbox-element\">\n <mat-checkbox\n class=\"formcontrol\"\n formControlName=\"checkbox\"\n ></mat-checkbox>\n @if (legalAdvise) {\n <span\n class=\"text--small m-0 pt-2\"\n [innerHTML]=\"legalAdvise\"\n ></span>\n }\n </div>\n </form>\n }\n }\n </div>\n </div>\n }\n </div>\n @if (logo) {\n <div class=\"cs_footer_logo\">\n <img\n [src]=\"logo.src\"\n [alt]=\"logo.alt\"\n class=\"footer-logo-img\"\n loading=\"lazy\"\n />\n </div>\n }\n </div>\n </div>\n <div class=\"cs_bottom_footer_wrap\">\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"cs_bottom_footer position-relative\">\n @if (copyright) {\n <div class=\"cs_copyright\">\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.copyright || 'span'\"\n cssClass=\"cs_copyright_year\"\n [color]=\"textColors?.copyright\"\n [content]=\"copyright\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n </div>\n }\n <span class=\"cs_scrollup cs_center\" scrollUp>\n <svg\n width=\"15\"\n height=\"7\"\n viewBox=\"0 0 15 7\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M15 6.18793L14.1169 7L7.93687 1.31723C7.81958 1.20941 7.66053 1.14885 7.49468 1.14885C7.32884 1.14885 7.16978 1.20941 7.0525 1.31723L0.884376 6.99022L0 6.177L6.16812 0.505163C6.51998 0.181708 6.99715 0 7.49468 0C7.99222 0 8.46938 0.181708 8.82125 0.505163L15 6.18793Z\"\n fill=\"white\"\n />\n </svg>\n <span class=\"cs_scrollup_bg_dotted cs_accent_color\">\n <svg\n width=\"56\"\n height=\"56\"\n viewBox=\"0 0 56 56\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n cx=\"28\"\n cy=\"28\"\n r=\"27.5\"\n stroke=\"currentColor\"\n stroke-dasharray=\"5 5\"\n />\n </svg>\n </span>\n </span>\n @if (contactLinks?.length) {\n <div class=\"cs_bottom_footer_right\">\n <ul class=\"cs_footer_links cs_mp_0\">\n @for (link of contactLinks; track $index) {\n @if (link) {\n <li>\n <a\n [attr.aria-label]=\"link.label\"\n [linkType]=\"link.linkType ?? ''\"\n [href]=\"link.url\"\n >{{ link.label }}</a\n >\n </li>\n }\n }\n </ul>\n </div>\n }\n </div>\n </div>\n </div>\n</footer>\n", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_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}@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}}.babylon__footer{background-color:var(--cl_footer-bg);color:var(--cl_footer-text)}.babylon__footer a{color:var(--cl_footer-text);text-decoration:none;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.babylon__footer a:hover{color:var(--cl_footer-text-hover);text-decoration:underline}@media (max-width: 767px){.babylon__footer{padding-bottom:60px}}:host ::ng-deep .cs_widget_title{margin-bottom:47px}@media (max-width: 1024px){:host ::ng-deep .cs_widget_title{margin-bottom:30px}}:host ::ng-deep .cs_widget_title span{display:inline-block;position:relative;padding-right:20px;color:var(--cl_footer-text)}:host ::ng-deep .cs_widget_title span:before{content:\"\";position:absolute;height:1px;width:50px;background-color:var(--cl_footer-text);left:100%;top:54%;transition:all .3s ease}@media (max-width: 539px){:host ::ng-deep .cs_widget_title span{display:flex;flex-direction:column;align-items:center;text-align:center;padding-right:0}:host ::ng-deep .cs_widget_title span:before{position:relative;left:0;top:40px;width:40px}}.cs_menu_widget{padding:0;margin:0;list-style:none}.cs_menu_widget li:not(:last-child){margin-bottom:8px}.cs_menu_widget+.cs_social_btns{margin-top:20px;font-size:20px}.cs_menu_widget+.cs_social_btns a{text-decoration:none!important}.cs_social_btns{display:flex;flex-wrap:wrap;font-size:13px;gap:10px}.cs_social_btns a{height:30px;width:30px;border-radius:50%;display:flex}.cs_social_btns a:hover{transform:scale(1.2)}.cs_social_btns a:hover svg{fill:var(--cl_footer-text)}@media (max-width: 539px){.cs_social_btns{justify-content:center}}.cs_bottom_footer_wrap{background-color:var(--cl_footer-bg-bottom)}.cs_bottom_footer_wrap .container-fluid{overflow:visible}.cs_bottom_footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:30px 0;gap:2px 15px}@media (max-width: 767px){.cs_bottom_footer{flex-direction:column;padding:40px 0 20px}}.cs_footer_logo{display:flex;align-items:center;position:relative;left:85%}.cs_footer_logo .footer-logo-img{max-width:200px;height:auto}@media (max-width: 767px){.cs_footer_logo{position:relative;margin:20px 0}}@media (max-width: 767px){.cs_footer_logo{left:auto;justify-content:center}}.cs_copyright a{color:var(--cl_footer-text);background-repeat:no-repeat;background-image:linear-gradient(90deg,currentColor 0,currentColor 100%);transition:background-size .6s cubic-bezier(.49,.49,.08,1),color .27s ease-out;background-position:100% calc(100% + -0px);background-size:0 2px}.cs_copyright a:hover{background-size:100% 2px;background-position:0 calc(100% + -0px)}.cs_fullscreen_footer_in{height:100px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 30px}.cs_footer_main{padding:100px 0}@media (max-width: 1024px){.cs_footer_main{padding:80px 0}}.cs_footer_grid_4{display:flex;gap:30px 70px}@media (max-width: 1024px){.cs_footer_grid_4{gap:30px 40px}}@media (max-width: 1279px){.cs_footer_grid_4{gap:30px 24px}}@media (max-width: 1024px){.cs_footer_grid_4{display:grid;gap:55px 24px;grid-template-columns:repeat(2,1fr);padding:0 40px}}@media (max-width: 539px){.cs_footer_grid_4{gap:55px 24px;grid-template-columns:repeat(1,1fr);padding:0}}.cs_footer_grid_4 .cs_footer_grid_item{flex:1}.cs_footer_grid_4 .cs_footer_grid_item:first-child{flex:1.4}.cs_footer_grid_4 .cs_footer_grid_item:nth-child(2){flex:1.4}.cs_footer_grid_4 .cs_footer_grid_item:last-child{flex:2.1}.cs_footer_grid_4 .cs_footer_grid_item.address_hotels{flex:1.7}@media (max-width: 539px){.cs_footer_grid_4 .cs_footer_grid_item{text-align:center}}.cs_footer_grid_4.cs_type_1{gap:30px 10%}@media (max-width: 1679px){.cs_footer_grid_4.cs_type_1{gap:30px 6%}}@media (max-width: 1024px){.cs_footer_grid_4.cs_type_1{gap:30px 40px}}@media (max-width: 1279px){.cs_footer_grid_4.cs_type_1{gap:30px 24px}}@media (max-width: 1024px){.cs_footer_grid_4.cs_type_1{gap:55px 24px}}@media (max-width: 539px){.cs_footer_grid_4.cs_type_1{gap:55px 24px}}.cs_footer_links{display:flex;flex-wrap:wrap}.cs_footer_links li:not(:last-child):after{content:\"|\";margin:0 10px;position:relative;top:-1px}.cs_footer_map{height:260px}.cs_footer_map iframe{height:100%;display:block;border:none;width:100%;filter:grayscale(100%) invert(95%) contrast(140%);outline:none}.cs_scrollup{position:absolute;left:50%;transform:translate(-50%);height:46px;width:46px;top:-23px;background-color:var(--cl_footer-scroll);border-radius:50%;cursor:pointer}.cs_scrollup>svg{position:relative;z-index:2}.cs_scrollup .cs_scrollup_bg_dotted{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:rotate 15s linear infinite;animation-play-state:paused}.cs_scrollup:before{content:\"\";position:absolute;height:100%;width:100%;left:0;top:0;border-radius:50%;background-color:var(--cl_footer-scroll);opacity:.5}.cs_scrollup:hover .cs_scrollup_bg_dotted{animation-play-state:initial}.cs_scrollup.cs_type_1{top:20px}@media (max-width: 1024px){.cs_scrollup.cs_type_1{top:-23px}}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}a{text-decoration:none!important}#newsletter_form h5{margin:0 0 25px}@media (max-width: 767px){#newsletter_form h5{margin:0 0 15px}}#newsletter_form .form-group{position:relative}#newsletter_form input[type=email]{border:0;height:45px;border-radius:3px;padding-left:15px;background-color:var(--cl_footer-text);color:var(--cl_footer-text-hover);width:100%}#newsletter_form input[type=email]::placeholder,#newsletter_form input[type=email]::-webkit-input-placeholder,#newsletter_form input[type=email]::-moz-placeholder,#newsletter_form input[type=email]:-ms-input-placeholder,#newsletter_form input[type=email]::-ms-input-placeholder{color:red!important;opacity:1;font-size:16px}#newsletter_form input[type=email]:focus{border:0;box-shadow:none}#newsletter_form button[type=submit]{position:absolute;right:5px;color:var(--cl_footer-text);font-size:22px;font-size:1.375rem;top:-2px;border:0;opacity:.6;height:45px;cursor:pointer;background-color:transparent;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;outline:none}#newsletter_form button[type=submit]:hover{opacity:1}#newsletter_form .checkbox-element{display:flex!important;align-items:center!important;cursor:pointer}#newsletter_form .checkbox-element .text--small{color:var(--cl_footer-text)!important;padding:0!important}#newsletter_form .checkbox-element .text--small::ng-deep p{color:var(--cl_footer-text)!important;margin:0}#newsletter_form .checkbox-element .text--small::ng-deep a{color:var(--cl_footer-text)!important}#newsletter_form .checkbox-element .text--small::ng-deep a:hover{color:var(--cl_footer-text-hover)!important}#newsletter_form .mdc-checkbox__native-control{color:var(--cl_footer-text)!important}#newsletter_form .btn-send{color:var(--cl_corp)!important;font-size:16px;font-weight:700;position:absolute;right:6px;top:50%;transform:translateY(-50%)}::ng-deep .mdc-checkbox__background{border-color:var(--cl_footer-text)!important}.address_hotels .text--small{font-weight:600}\n"] }]
|
|
13310
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- La foto es opcional -->\n<footer\n class=\"babylon__footer cs_bg_filed\"\n dataBackground=\"url({{ img?.src }})\"\n>\n <div class=\"cs_footer_main\">\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"cs_footer_grid_4\">\n @if (title || contactInfo?.length || socialMedia?.length) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (title) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.title || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (contactInfo?.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (\n contact of contactInfo;\n track $index\n ) {\n @if (contact) {\n <li>\n <a\n [attr.aria-label]=\"\n contact.label\n \"\n [linkType]=\"\n contact.linkType ?? ''\n \"\n [href]=\"contact.url\"\n [innerHTML]=\"contact.label\"\n ></a>\n </li>\n }\n }\n </ul>\n }\n @if (socialMedia?.length) {\n <ul class=\"cs_social_btns cs_style_1\">\n @for (item of socialMedia; track $index) {\n <li>\n <a\n [attr.aria-label]=\"item.icon\"\n linkType=\"external\"\n [href]=\"item.url\"\n class=\"cs_center\"\n >\n <i [ngClass]=\"item.icon\"></i>\n </a>\n </li>\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (ndTitle) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.ndtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.ndtitle\"\n [content]=\"ndTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n @if (address) {\n <div class=\"cs_text_widget\">\n <a\n [attr.aria-label]=\"address.address\"\n [href]=\"address.url || '#'\"\n linkType=\"external\"\n [ngClass]=\"{\n 'pointer-none': !address.url,\n }\"\n >\n @if (address.address) {\n {{ address.address }} <br />\n }\n @if (address.cp && address.city) {\n {{ address.cp }} {{ address.city }}\n <br />\n }\n @if (\n address.province && address.country\n ) {\n {{ address.province }}\n {{ address.country }}\n }\n </a>\n </div>\n }\n </div>\n </div>\n }\n @if (footerLinks) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (rdTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.rdtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.rdtitle\"\n [content]=\"rdTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (footerLinks.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (link of footerLinks; track $index) {\n @if (link) {\n <li>\n <a\n [attr.aria-label]=\"\n link.label\n \"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [innerHTML]=\"link.label\"\n >\n </a>\n </li>\n }\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (additionalLinks && additionalLinks.length > 0) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (fifthTitle) {\n <h5 class=\"cs_widget_title title--smaller\">\n <span>{{ fifthTitle }}</span>\n </h5>\n }\n @if (additionalLinks.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (\n link of additionalLinks;\n track $index\n ) {\n @if (link) {\n <li>\n <a\n [attr.aria-label]=\"\n link.label\n \"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [innerHTML]=\"link.label\"\n >\n </a>\n </li>\n }\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (addressHotels) {\n <div class=\"cs_footer_grid_item address_hotels\">\n <div class=\"cs_footer_item\">\n @if (fifthTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.fifthtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.fifthtitle\"\n [content]=\"fifthTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (addressHotels.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (\n address of addressHotels;\n track $index\n ) {\n @if (address) {\n <li>\n @if (address.name) {\n <p class=\"text--small\">\n <span>{{\n address.name\n }}</span>\n </p>\n }\n @if (address.phone) {\n <a\n [attr.aria-label]=\"\n address.phone\n \"\n [href]=\"\n 'tel:' +\n address.phone\n \"\n linkType=\"external\"\n >\n {{ address.phone }}\n </a>\n }\n <br />\n @if (address.email) {\n <a\n [attr.aria-label]=\"\n address.email\n \"\n [href]=\"\n 'mailto:' +\n address.email\n \"\n linkType=\"external\"\n >\n {{ address.email }}\n </a>\n }\n <br />\n @if (address.full_address) {\n <a\n [attr.aria-label]=\"\n address.full_address\n \"\n [href]=\"\n address.url || '#'\n \"\n linkType=\"external\"\n [ngClass]=\"{\n 'pointer-none':\n !address.url,\n }\"\n >\n {{\n address.full_address\n }}\n </a>\n } @else {\n @if (address.address) {\n <a\n [attr.aria-label]=\"\n address.address\n \"\n [href]=\"\n address.url ||\n '#'\n \"\n linkType=\"external\"\n [ngClass]=\"{\n 'pointer-none':\n !address.url,\n }\"\n >\n {{\n address.address\n }},\n {{ address.cp }}\n {{ address.city }},\n {{\n address.province\n }},\n {{\n address.country\n }}\n </a>\n }\n }\n <br />\n </li>\n }\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (thTitle || safeUrl || input) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (thTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.thtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.thtitle\"\n [content]=\"thTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (safeUrl) {\n <div class=\"cs_footer_map cs_primary_bg\">\n <iframe\n [src]=\"safeUrl\"\n allowfullscreen\n title=\"map\"\n ></iframe>\n </div>\n } @else {\n <div id=\"message-newsletter\"></div>\n @if (input) {\n <form\n name=\"newsletter_form\"\n id=\"newsletter_form\"\n [formGroup]=\"form\"\n >\n <div class=\"form-group\">\n <input\n type=\"text\"\n class=\"form-control\"\n formControlName=\"input\"\n [placeholder]=\"\n input.placeholder\n \"\n (input)=\"inputChange($event)\"\n (blur)=\"validateInput()\"\n />\n <button\n name=\"submit\"\n type=\"submit\"\n id=\"submit-newsletter\"\n (click)=\"submit()\"\n [ngClass]=\"{\n 'pointers-none':\n !form.valid,\n }\"\n >\n <i\n class=\"babylon-arrow-right btn-send\"\n ></i>\n </button>\n </div>\n <div class=\"checkbox-element\">\n <mat-checkbox\n class=\"formcontrol\"\n formControlName=\"checkbox\"\n ></mat-checkbox>\n @if (legalAdvise) {\n <span\n class=\"text--small m-0 pt-2\"\n [innerHTML]=\"legalAdvise\"\n ></span>\n }\n </div>\n </form>\n }\n }\n </div>\n </div>\n }\n </div>\n @if (logo) {\n <div class=\"cs_footer_logo\">\n <img\n [src]=\"logo.src\"\n [alt]=\"logo.alt\"\n class=\"footer-logo-img\"\n loading=\"lazy\"\n />\n </div>\n }\n </div>\n </div>\n <div class=\"cs_bottom_footer_wrap\">\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"cs_bottom_footer position-relative\">\n @if (copyright) {\n <div class=\"cs_copyright\">\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.copyright || 'span'\"\n cssClass=\"cs_copyright_year\"\n [color]=\"textColors?.copyright\"\n [content]=\"copyright\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n </div>\n }\n <span class=\"cs_scrollup cs_center\" scrollUp>\n <svg\n width=\"15\"\n height=\"7\"\n viewBox=\"0 0 15 7\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M15 6.18793L14.1169 7L7.93687 1.31723C7.81958 1.20941 7.66053 1.14885 7.49468 1.14885C7.32884 1.14885 7.16978 1.20941 7.0525 1.31723L0.884376 6.99022L0 6.177L6.16812 0.505163C6.51998 0.181708 6.99715 0 7.49468 0C7.99222 0 8.46938 0.181708 8.82125 0.505163L15 6.18793Z\"\n fill=\"white\"\n />\n </svg>\n <span class=\"cs_scrollup_bg_dotted cs_accent_color\">\n <svg\n width=\"56\"\n height=\"56\"\n viewBox=\"0 0 56 56\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n cx=\"28\"\n cy=\"28\"\n r=\"27.5\"\n stroke=\"currentColor\"\n stroke-dasharray=\"5 5\"\n />\n </svg>\n </span>\n </span>\n @if (contactLinks?.length) {\n <div class=\"cs_bottom_footer_right\">\n <ul class=\"cs_footer_links cs_mp_0\">\n @for (link of contactLinks; track $index) {\n @if (link) {\n <li>\n <a\n [attr.aria-label]=\"link.label\"\n [linkType]=\"link.linkType ?? ''\"\n [href]=\"link.url\"\n >{{ link.label }}</a\n >\n </li>\n }\n }\n </ul>\n </div>\n }\n </div>\n </div>\n </div>\n</footer>\n", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_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}@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}}.babylon__footer{background-color:var(--cl_footer-bg);color:var(--cl_footer-text)}.babylon__footer a{color:var(--cl_footer-text);text-decoration:none;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.babylon__footer a:hover{color:var(--cl_footer-text-hover);text-decoration:underline}@media (max-width: 767px){.babylon__footer{padding-bottom:60px}}:host ::ng-deep .cs_widget_title{margin-bottom:47px}@media (max-width: 1024px){:host ::ng-deep .cs_widget_title{margin-bottom:30px}}:host ::ng-deep .cs_widget_title span{display:inline-block;position:relative;padding-right:20px;color:var(--cl_footer-text)}:host ::ng-deep .cs_widget_title span:before{content:\"\";position:absolute;height:1px;width:50px;background-color:var(--cl_footer-text);left:100%;top:54%;transition:all .3s ease}@media (max-width: 539px){:host ::ng-deep .cs_widget_title span{display:flex;flex-direction:column;align-items:center;text-align:center;padding-right:0}:host ::ng-deep .cs_widget_title span:before{position:relative;left:0;top:40px;width:40px}}.cs_menu_widget{padding:0;margin:0;list-style:none}.cs_menu_widget li:not(:last-child){margin-bottom:8px}.cs_menu_widget+.cs_social_btns{margin-top:20px;font-size:20px}.cs_menu_widget+.cs_social_btns a{text-decoration:none!important}.cs_social_btns{display:flex;flex-wrap:wrap;font-size:13px;gap:10px}.cs_social_btns a{height:30px;width:30px;border-radius:50%;display:flex}.cs_social_btns a:hover{transform:scale(1.2)}.cs_social_btns a:hover svg{fill:var(--cl_footer-text)}@media (max-width: 539px){.cs_social_btns{justify-content:center}}.cs_bottom_footer_wrap{background-color:var(--cl_footer-bg-bottom)}.cs_bottom_footer_wrap .container-fluid{overflow:visible}.cs_bottom_footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:30px 0;gap:2px 15px}@media (max-width: 767px){.cs_bottom_footer{flex-direction:column;padding:40px 0 20px}}.cs_footer_logo{display:flex;align-items:center;position:relative;left:85%}.cs_footer_logo .footer-logo-img{max-width:200px;height:auto}@media (max-width: 767px){.cs_footer_logo{position:relative;margin:20px 0}}@media (max-width: 767px){.cs_footer_logo{left:auto;justify-content:center}}.cs_copyright a{color:var(--cl_footer-text);background-repeat:no-repeat;background-image:linear-gradient(90deg,currentColor 0,currentColor 100%);transition:background-size .6s cubic-bezier(.49,.49,.08,1),color .27s ease-out;background-position:100% calc(100% + -0px);background-size:0 2px}.cs_copyright a:hover{background-size:100% 2px;background-position:0 calc(100% + -0px)}.cs_fullscreen_footer_in{height:100px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 30px}.cs_footer_main{padding:100px 0}@media (max-width: 1024px){.cs_footer_main{padding:80px 0}}.cs_footer_grid_4{display:flex;gap:30px 70px}@media (max-width: 1024px){.cs_footer_grid_4{gap:30px 40px}}@media (max-width: 1279px){.cs_footer_grid_4{gap:30px 24px}}@media (max-width: 1024px){.cs_footer_grid_4{display:grid;gap:55px 24px;grid-template-columns:repeat(2,1fr);padding:0 40px}}@media (max-width: 539px){.cs_footer_grid_4{gap:55px 24px;grid-template-columns:repeat(1,1fr);padding:0}}.cs_footer_grid_4 .cs_footer_grid_item{flex:1}.cs_footer_grid_4 .cs_footer_grid_item:first-child{flex:1.4}.cs_footer_grid_4 .cs_footer_grid_item:nth-child(2){flex:1.4}.cs_footer_grid_4 .cs_footer_grid_item:last-child{flex:2.1}.cs_footer_grid_4 .cs_footer_grid_item.address_hotels{flex:1.7}@media (max-width: 539px){.cs_footer_grid_4 .cs_footer_grid_item{text-align:center}}.cs_footer_grid_4.cs_type_1{gap:30px 10%}@media (max-width: 1679px){.cs_footer_grid_4.cs_type_1{gap:30px 6%}}@media (max-width: 1024px){.cs_footer_grid_4.cs_type_1{gap:30px 40px}}@media (max-width: 1279px){.cs_footer_grid_4.cs_type_1{gap:30px 24px}}@media (max-width: 1024px){.cs_footer_grid_4.cs_type_1{gap:55px 24px}}@media (max-width: 539px){.cs_footer_grid_4.cs_type_1{gap:55px 24px}}.cs_footer_links{display:flex;flex-wrap:wrap}.cs_footer_links li:not(:last-child):after{content:\"|\";margin:0 10px;position:relative;top:-1px}.cs_footer_map{height:260px}.cs_footer_map iframe{height:100%;display:block;border:none;width:100%;filter:grayscale(100%) invert(95%) contrast(140%);outline:none}.cs_scrollup{position:absolute;left:50%;transform:translate(-50%);height:46px;width:46px;top:-23px;background-color:var(--cl_footer-scroll);border-radius:50%;cursor:pointer}.cs_scrollup>svg{position:relative;z-index:2}.cs_scrollup .cs_scrollup_bg_dotted{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:rotate 15s linear infinite;animation-play-state:paused}.cs_scrollup:before{content:\"\";position:absolute;height:100%;width:100%;left:0;top:0;border-radius:50%;background-color:var(--cl_footer-scroll);opacity:.5}.cs_scrollup:hover .cs_scrollup_bg_dotted{animation-play-state:initial}.cs_scrollup.cs_type_1{top:20px}@media (max-width: 1024px){.cs_scrollup.cs_type_1{top:-23px}}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}a{text-decoration:none!important}#newsletter_form h5{margin:0 0 25px}@media (max-width: 767px){#newsletter_form h5{margin:0 0 15px}}#newsletter_form .form-group{position:relative}#newsletter_form input[type=email]{border:0;height:45px;border-radius:3px;padding-left:15px;background-color:var(--cl_footer-text);color:var(--cl_footer-text-hover);width:100%}#newsletter_form input[type=email]::placeholder,#newsletter_form input[type=email]::-webkit-input-placeholder,#newsletter_form input[type=email]::-moz-placeholder,#newsletter_form input[type=email]:-ms-input-placeholder,#newsletter_form input[type=email]::-ms-input-placeholder{color:red!important;opacity:1;font-size:16px}#newsletter_form input[type=email]:focus{border:0;box-shadow:none}#newsletter_form button[type=submit]{position:absolute;right:5px;color:var(--cl_footer-text);font-size:22px;font-size:1.375rem;top:-2px;border:0;opacity:.6;height:45px;cursor:pointer;background-color:transparent;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;outline:none}#newsletter_form button[type=submit]:hover{opacity:1}#newsletter_form .checkbox-element{display:flex!important;align-items:center!important;cursor:pointer}#newsletter_form .checkbox-element .text--small{color:var(--cl_footer-text)!important;padding:0!important}#newsletter_form .checkbox-element .text--small::ng-deep p{color:var(--cl_footer-text)!important;margin:0}#newsletter_form .checkbox-element .text--small::ng-deep a{color:var(--cl_footer-text)!important}#newsletter_form .checkbox-element .text--small::ng-deep a:hover{color:var(--cl_footer-text-hover)!important}#newsletter_form .mdc-checkbox__native-control{color:var(--cl_footer-text)!important}#newsletter_form .btn-send{color:var(--cl_corp)!important;font-size:16px;font-weight:700;position:absolute;right:6px;top:50%;transform:translateY(-50%)}::ng-deep .mdc-checkbox__background{border-color:var(--cl_footer-text)!important}.address_hotels .text--small{font-weight:600}\n"] }]
|
|
13311
13311
|
}], ctorParameters: () => [{ type: i1$3.DomSanitizer }, { type: i0.ChangeDetectorRef }, { type: i2.FormBuilder }], propDecorators: { img: [{
|
|
13312
13312
|
type: Input
|
|
13313
13313
|
}], title: [{
|