ctt-babylon 0.10.37 → 0.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/esm2022/lib/components/core/babylon-av-c4-img-text/babylon-av-c4-img-text.component.mjs +5 -5
  2. package/esm2022/lib/components/core/babylon-av-img-social/babylon-av-img-social.component.mjs +69 -5
  3. package/esm2022/lib/components/core/babylon-av-txt-ico/babylon-av-txt-ico.component.mjs +12 -5
  4. package/esm2022/lib/components/core/babylon-ba-img-txt/babylon-ba-img-txt.component.mjs +10 -3
  5. package/esm2022/lib/components/core/babylon-booking-widget/babylon-booking-widget.component.mjs +122 -0
  6. package/esm2022/lib/components/core/babylon-booking-widget/index.mjs +2 -0
  7. package/esm2022/lib/components/core/babylon-engine-modal-v2/babylon-engine-modal-v2.component.mjs +130 -0
  8. package/esm2022/lib/components/core/babylon-header-clear-v2/babylon-header-clear-v2.component.mjs +4 -13
  9. package/esm2022/lib/components/core/babylon-sli-c5-img-txt/babylon-sli-c5-img-txt.component.mjs +15 -5
  10. package/esm2022/lib/components/core/index.mjs +2 -1
  11. package/esm2022/lib/components/external/core/c4-sli-c2-txt-img/c4-sli-c2-txt-img.component.mjs +3 -3
  12. package/esm2022/lib/interfaces/babylon-item.interface.mjs +1 -1
  13. package/esm2022/lib/services/mapper/mapper.service.mjs +30 -4
  14. package/fesm2022/ctt-babylon.mjs +413 -75
  15. package/fesm2022/ctt-babylon.mjs.map +1 -1
  16. package/lib/components/core/babylon-av-c4-img-text/babylon-av-c4-img-text.component.d.ts +2 -2
  17. package/lib/components/core/babylon-av-img-social/babylon-av-img-social.component.d.ts +13 -2
  18. package/lib/components/core/babylon-av-txt-ico/babylon-av-txt-ico.component.d.ts +5 -1
  19. package/lib/components/core/babylon-ba-img-txt/babylon-ba-img-txt.component.d.ts +5 -1
  20. package/lib/components/core/babylon-booking-widget/babylon-booking-widget.component.d.ts +64 -0
  21. package/lib/components/core/babylon-booking-widget/index.d.ts +1 -0
  22. package/lib/components/core/babylon-engine-modal-v2/babylon-engine-modal-v2.component.d.ts +44 -0
  23. package/lib/components/core/babylon-sli-c5-img-txt/babylon-sli-c5-img-txt.component.d.ts +4 -1
  24. package/lib/components/core/index.d.ts +1 -0
  25. package/lib/interfaces/babylon-item.interface.d.ts +3 -2
  26. package/lib/services/mapper/mapper.service.d.ts +1 -0
  27. package/package.json +1 -1
package/fesm2022/ctt-babylon.mjs CHANGED
@@ -1352,11 +1352,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
1352
1352
 
1353
1353
  class BabylonAvC4ImgTextComponent {
1354
1354
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonAvC4ImgTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1355
- 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 }] }); }
1355
+ 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: "<!-- <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) {\n <div class=\"m-images\">\n @for (img of multimedia.imagenes; track $index) {\n <div class=\"m-image\">\n <img [src]=\"img.img?.src\" [alt]=\"img.img?.alt\" />\n </div>\n }\n </div>\n }\n\n <div class=\"m-text\">\n @if (texts?.title) {\n <h2 [innerHTML]=\"texts?.title\"></h2>\n }\n </div>\n\n @if (buttons?.length) {\n @for (btn of buttons; track $index) {\n <button\n [attr.aria-label]=\"btn.label\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n type=\"button\"\n class=\"m-button-sm\"\n >\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 ::ng-deep 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"] }] }); }
1356
1356
  }
1357
1357
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonAvC4ImgTextComponent, decorators: [{
1358
1358
  type: Component,
1359
- 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"] }]
1359
+ 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) {\n <div class=\"m-images\">\n @for (img of multimedia.imagenes; track $index) {\n <div class=\"m-image\">\n <img [src]=\"img.img?.src\" [alt]=\"img.img?.alt\" />\n </div>\n }\n </div>\n }\n\n <div class=\"m-text\">\n @if (texts?.title) {\n <h2 [innerHTML]=\"texts?.title\"></h2>\n }\n </div>\n\n @if (buttons?.length) {\n @for (btn of buttons; track $index) {\n <button\n [attr.aria-label]=\"btn.label\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n type=\"button\"\n class=\"m-button-sm\"\n >\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 ::ng-deep 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"] }]
1360
1360
  }], propDecorators: { texts: [{
1361
1361
  type: Input
1362
1362
  }], buttons: [{
@@ -1365,6 +1365,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
1365
1365
  type: Input
1366
1366
  }] } });
1367
1367
 
1368
+ // tag.utils.ts
1369
+ /**
1370
+ * Devuelve todos los items que tengan el tag indicado.
1371
+ * Soporta:
1372
+ * - item.tag: string
1373
+ * - item.tag: string[]
1374
+ * - item.tag: { name: string }[]
1375
+ */
1376
+ function filterByTag(items, tagName) {
1377
+ if (!items?.length)
1378
+ return [];
1379
+ return items.filter((item) => {
1380
+ if (!item || item.tag == null)
1381
+ return false;
1382
+ // Normalizamos a array
1383
+ const tags = Array.isArray(item.tag) ? item.tag : [item.tag];
1384
+ return tags.some((t) => {
1385
+ if (typeof t === 'string') {
1386
+ return t === tagName;
1387
+ }
1388
+ if (t && typeof t === 'object') {
1389
+ return t.name === tagName;
1390
+ }
1391
+ return false;
1392
+ });
1393
+ });
1394
+ }
1395
+ /**
1396
+ * Devuelve el primer item que tenga el tag indicado.
1397
+ */
1398
+ function findFirstByTag(items, tagName) {
1399
+ return filterByTag(items, tagName)[0];
1400
+ }
1401
+
1402
+ function getImagesByTagFromMultimedia(multimedia, tagName) {
1403
+ return filterByTag(multimedia?.imagenes, tagName);
1404
+ }
1405
+ function getFirstImageByTagFromMultimedia(multimedia, tagName) {
1406
+ return findFirstByTag(multimedia?.imagenes, tagName);
1407
+ }
1408
+ function getFirstImageByTagFromImages(imagenes, tagName) {
1409
+ return findFirstByTag(imagenes, tagName);
1410
+ }
1411
+
1368
1412
  class BabylonAvSocialSwiperDirective {
1369
1413
  static { this.instances = []; }
1370
1414
  static { this.listenersInitialized = false; }
@@ -1498,13 +1542,75 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
1498
1542
  }], ctorParameters: () => [{ type: i0.ElementRef }] });
1499
1543
 
1500
1544
  class BabylonAvImgSocialComponent {
1545
+ constructor() {
1546
+ // 4 sliders
1547
+ this.sliders = [[], [], [], []];
1548
+ }
1549
+ ngOnChanges() {
1550
+ this.buildSliders();
1551
+ }
1552
+ // Por si sigues usando esto en el template
1553
+ getImagesByTag(tagName) {
1554
+ return getImagesByTagFromMultimedia(this.multimedia, tagName);
1555
+ }
1556
+ buildSliders() {
1557
+ // reset
1558
+ this.sliders = [[], [], [], []];
1559
+ if (!this.multimedia)
1560
+ return;
1561
+ const usedSrc = new Set();
1562
+ const tagNames = [
1563
+ 'AvImgSocialC1',
1564
+ 'AvImgSocialC2',
1565
+ 'AvImgSocialC3',
1566
+ 'AvImgSocialC4',
1567
+ ];
1568
+ // 1) Primero rellenamos cada slider con sus imágenes taggeadas
1569
+ tagNames.forEach((tag, index) => {
1570
+ const taggedImages = getImagesByTagFromMultimedia(this.multimedia, tag) ?? [];
1571
+ const uniques = taggedImages.filter((img) => {
1572
+ if (!img?.src)
1573
+ return false;
1574
+ if (usedSrc.has(img.src))
1575
+ return false;
1576
+ usedSrc.add(img.src);
1577
+ return true;
1578
+ });
1579
+ this.sliders[index].push(...uniques);
1580
+ });
1581
+ // 2) Sacamos TODAS las imágenes de multimedia
1582
+ const allImages = this.getAllImages();
1583
+ // 3) Filtramos las que no se han usado todavía (sin tag o con otros tags)
1584
+ const leftovers = allImages.filter((img) => img?.src && !usedSrc.has(img.src));
1585
+ // 4) Repartimos las sobrantes en los 4 sliders en round-robin
1586
+ leftovers.forEach((img, i) => {
1587
+ const col = i % 4;
1588
+ this.sliders[col].push(img);
1589
+ });
1590
+ }
1591
+ // Obtiene todas las imágenes de multimedia.imagenes
1592
+ getAllImages() {
1593
+ if (!this.multimedia?.imagenes?.length)
1594
+ return [];
1595
+ return this.multimedia.imagenes
1596
+ .map((item) => item?.img)
1597
+ .filter(Boolean);
1598
+ }
1501
1599
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonAvImgSocialComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1502
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonAvImgSocialComponent, isStandalone: true, selector: "lib-babylon-av-img-social", ngImport: i0, template: "<!-- El color de BG es din\u00E1mico seg\u00FAn la p\u00E1gina -->\n<section class=\"mdl-h11\">\n <div class=\"mdl-container\">\n <div class=\"swipers-container\">\n <div class=\"swiper-container\" BabylonAvSocialSwiper>\n <div class=\"swiper-wrapper\">\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/270/270\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/271/270\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/270/271\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/271/271\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n </div>\n </div>\n <div class=\"swiper-container\" BabylonAvSocialSwiper>\n <div class=\"swiper-wrapper\">\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/272/270\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/270/272\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/272/271\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/271/272\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n </div>\n </div>\n <div class=\"swiper-container\" BabylonAvSocialSwiper>\n <div class=\"swiper-wrapper\">\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/273/270\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/270/273\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/273/271\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/271/273\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n </div>\n </div>\n <!-- A tener en cuenta en la conexi\u00F3n: este cuarto slider desaparece en mobile -->\n <div class=\"swiper-container\" BabylonAvSocialSwiper>\n <div class=\"swiper-wrapper\">\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/274/270\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/270/274\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/274/271\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/271/274\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n </div>\n </div>\n </div>\n\n <div class=\"m-rrss\">\n <h2 class=\"m-title\">conecta con nosotros en</h2>\n <div class=\"m-icons\">\n <a background=\"#FF4338\" href=\"\" class=\"m-icon\">\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n <a background=\"#5B87DA\" href=\"\" class=\"m-icon\">\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n <a background=\"#515050\" href=\"\" class=\"m-icon\">\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n <a background=\"#515050\" href=\"\" class=\"m-icon\">\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n <a background=\"#515050\" href=\"\" class=\"m-icon\">\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n <a background=\"#66C3C9\" href=\"\" class=\"m-icon\">\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n </div>\n <div class=\"m-subtitle\">#alegriahotels</div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-h11{overflow:hidden;background-color:#fff9f9}.mdl-h11 .mdl-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:3rem}.mdl-h11 .mdl-container .swipers-container{display:flex;flex-direction:row;gap:5rem}.mdl-h11 .mdl-container .swipers-container .swiper-container{height:40rem;transition:transform .3s cubic-bezier(.82,.01,.2,.99);will-change:transform}.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(1),.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(3){transform:translateY(0)}.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(2),.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(4){transform:translateY(20%)}.mdl-h11 .mdl-container .swipers-container .swiper-container .swiper-slide{width:20rem;height:20rem!important;border-radius:100%;overflow:hidden;cursor:pointer}.mdl-h11 .mdl-container .swipers-container .swiper-container .swiper-slide img{width:100%;height:100%;object-fit:cover}.mdl-h11 .mdl-container .m-rrss{display:flex;flex-direction:column;gap:3.6rem;align-items:start;max-width:40rem}.mdl-h11 .mdl-container .m-rrss .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}@media (max-width: 375px){.mdl-h11 .mdl-container .m-rrss .m-title{font-size:2rem}}.mdl-h11 .mdl-container .m-rrss .m-title{color:#515050b2}.mdl-h11 .mdl-container .m-rrss .m-icons{display:flex;flex-direction:row;gap:2rem;align-items:center;flex-wrap:wrap}.mdl-h11 .mdl-container .m-rrss .m-icons .m-icon{background-color:#fff;border-radius:100%;width:5rem;height:5rem;position:relative;transition:.3s ease}.mdl-h11 .mdl-container .m-rrss .m-icons .m-icon svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-h11 .mdl-container .m-rrss .m-icons .m-icon svg path{transition:.3s ease;fill:#515050b2}.mdl-h11 .mdl-container .m-rrss .m-icons .m-icon:hover svg path{fill:#fff}.mdl-h11 .mdl-container .m-rrss .m-subtitle{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}@media (max-width: 375px){.mdl-h11 .mdl-container .m-rrss .m-subtitle{font-size:2rem}}.mdl-h11 .mdl-container .m-rrss .m-subtitle{font-size:3.8rem;color:#515050}.mdl-h11:hover .mdl-container .swipers-container .swiper-container:nth-child(1),.mdl-h11:hover .mdl-container .swipers-container .swiper-container:nth-child(3){transform:translateY(0)}.mdl-h11:hover .mdl-container .swipers-container .swiper-container:nth-child(2),.mdl-h11:hover .mdl-container .swipers-container .swiper-container:nth-child(4){transform:translateY(20%)}@media (max-width: 1366px){.mdl-h11 .mdl-container .swipers-container{gap:3.8rem}.mdl-h11 .mdl-container .swipers-container .swiper-container .swiper-slide{width:14rem;height:14rem!important}}@media (max-width: 1280px){.mdl-h11 .mdl-container .swipers-container{gap:3.4rem}.mdl-h11 .mdl-container .swipers-container .swiper-container .swiper-slide{width:12.7rem;height:12.7rem!important}}@media (max-width: 1080px){.mdl-h11{padding-left:0rem!important;padding-right:0rem!important;background-color:#fff}.mdl-h11 .mdl-container{flex-direction:column;gap:5rem}.mdl-h11 .mdl-container .swipers-container{width:100%;justify-content:center;height:43rem;overflow:hidden;gap:7.5rem;background-color:#fff9f9}.mdl-h11 .mdl-container .swipers-container .swiper-container{height:40rem;transition:transform .6s cubic-bezier(.82,.01,.2,.99)}.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(1),.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(3){transform:translateY(10%)}.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(2),.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(4){transform:translateY(-10%)}.mdl-h11 .mdl-container .swipers-container .swiper-container .swiper-slide{width:15rem;height:15rem!important}.mdl-h11 .mdl-container .m-rrss{background-color:#fff;padding-bottom:7.7rem;align-items:center;text-align:center}}@media (max-width: 768px){.mdl-h11 .mdl-container .swipers-container{height:32rem;gap:5.3rem;background-color:#fff9f9}.mdl-h11 .mdl-container .swipers-container .swiper-container .swiper-slide{width:11.3rem;height:11.3rem!important}}@media (max-width: 540px){.mdl-h11 .mdl-container{gap:4rem}.mdl-h11 .mdl-container .swipers-container{gap:10.3vw}.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(4){display:none}.mdl-h11 .mdl-container .m-rrss{padding-bottom:6.8rem;max-width:80%}.mdl-h11 .mdl-container .m-rrss .m-icons{justify-content:center}}@media (max-width: 437px){.mdl-h11 .mdl-container{gap:3rem}.mdl-h11 .mdl-container .swipers-container{gap:3.7rem}.mdl-h11 .mdl-container .swipers-container .swiper-container .swiper-slide{width:7.8rem;height:7.8rem!important}.mdl-h11 .mdl-container .m-rrss{padding-bottom:5.6rem}}\n"], dependencies: [{ kind: "directive", type: BabylonAvSocialSwiperDirective, selector: "[BabylonAvSocialSwiper]" }] }); }
1600
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonAvImgSocialComponent, isStandalone: true, selector: "lib-babylon-av-img-social", inputs: { texts: "texts", multimedia: "multimedia", buttons: "buttons", socialMedia: "socialMedia" }, usesOnChanges: true, ngImport: i0, template: "<!-- El color de BG es din\u00E1mico seg\u00FAn la p\u00E1gina -->\n<section class=\"mdl-h11\">\n <div class=\"mdl-container\">\n <div class=\"swipers-container\">\n @for (slider of sliders; track $index) {\n <div class=\"swiper-container\" BabylonAvSocialSwiper>\n <div class=\"swiper-wrapper\">\n @for (img of slider; track $index) {\n <a class=\"swiper-slide\">\n <img\n [src]=\"img.src\"\n [alt]=\"img.alt || ''\"\n class=\"m-logo\"\n />\n </a>\n }\n </div>\n </div>\n }\n </div>\n\n <div class=\"m-rrss\">\n @if (texts?.pretitle) {\n <h2 class=\"m-title\">{{ texts?.pretitle }}</h2>\n }\n @if (socialMedia?.length) {\n <div class=\"m-icons\">\n @for (item of socialMedia; track $index) {\n <a\n background=\"#FF4338\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon\"\n >\n <img [src]=\"item?.icon\" [alt]=\"item?.name\" />\n </a>\n }\n </div>\n }\n @if (texts?.title) {\n <div class=\"m-subtitle\">{{ texts?.title }}</div>\n }\n </div>\n </div>\n</section>\n\n<!-- \n<section class=\"mdl-h11\">\n <div class=\"mdl-container\">\n <div class=\"swipers-container\">\n <div class=\"swiper-container\" BabylonAvSocialSwiper>\n <div class=\"swiper-wrapper\">\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/270/270\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/271/270\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/270/271\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/271/271\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n </div>\n </div>\n <div class=\"swiper-container\" BabylonAvSocialSwiper>\n <div class=\"swiper-wrapper\">\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/272/270\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/270/272\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/272/271\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/271/272\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n </div>\n </div>\n <div class=\"swiper-container\" BabylonAvSocialSwiper>\n <div class=\"swiper-wrapper\">\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/273/270\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/270/273\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/273/271\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/271/273\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n </div>\n </div>\n <div class=\"swiper-container\" BabylonAvSocialSwiper>\n <div class=\"swiper-wrapper\">\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/274/270\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/270/274\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/274/271\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/271/274\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n </div>\n </div>\n </div>\n\n <div class=\"m-rrss\">\n <h2 class=\"m-title\">conecta con nosotros en</h2>\n <div class=\"m-icons\">\n <a background=\"#FF4338\" href=\"\" class=\"m-icon\">\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n <a background=\"#5B87DA\" href=\"\" class=\"m-icon\">\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n <a background=\"#515050\" href=\"\" class=\"m-icon\">\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n <a background=\"#515050\" href=\"\" class=\"m-icon\">\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n <a background=\"#515050\" href=\"\" class=\"m-icon\">\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n <a background=\"#66C3C9\" href=\"\" class=\"m-icon\">\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n </div>\n <div class=\"m-subtitle\">#alegriahotels</div>\n </div>\n </div>\n</section> -->\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-h11{overflow:hidden;background-color:#fff9f9}.mdl-h11 .mdl-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:3rem}.mdl-h11 .mdl-container .swipers-container{display:flex;flex-direction:row;gap:5rem}.mdl-h11 .mdl-container .swipers-container .swiper-container{height:40rem;transition:transform .3s cubic-bezier(.82,.01,.2,.99);will-change:transform}.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(1),.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(3){transform:translateY(0)}.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(2),.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(4){transform:translateY(20%)}.mdl-h11 .mdl-container .swipers-container .swiper-container .swiper-slide{width:20rem;height:20rem!important;border-radius:100%;overflow:hidden;cursor:pointer}.mdl-h11 .mdl-container .swipers-container .swiper-container .swiper-slide img{width:100%;height:100%;object-fit:cover}.mdl-h11 .mdl-container .m-rrss{display:flex;flex-direction:column;gap:3.6rem;align-items:start;max-width:40rem}.mdl-h11 .mdl-container .m-rrss .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}@media (max-width: 375px){.mdl-h11 .mdl-container .m-rrss .m-title{font-size:2rem}}.mdl-h11 .mdl-container .m-rrss .m-title{color:#515050b2}.mdl-h11 .mdl-container .m-rrss .m-icons{display:flex;flex-direction:row;gap:2rem;align-items:center;flex-wrap:wrap}.mdl-h11 .mdl-container .m-rrss .m-icons .m-icon{background-color:#fff;border-radius:100%;width:5rem;height:5rem;position:relative;transition:.3s ease;display:flex;justify-content:center;align-items:center}.mdl-h11 .mdl-container .m-rrss .m-icons .m-icon svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-h11 .mdl-container .m-rrss .m-icons .m-icon svg path{transition:.3s ease;fill:#515050b2}.mdl-h11 .mdl-container .m-rrss .m-icons .m-icon img{width:30px;height:30px;object-fit:contain;transition:.3s ease}.mdl-h11 .mdl-container .m-rrss .m-icons .m-icon:hover img{width:40px;height:40px;transition:.3s ease}.mdl-h11 .mdl-container .m-rrss .m-icons .m-icon:hover svg path{fill:#fff}.mdl-h11 .mdl-container .m-rrss .m-subtitle{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}@media (max-width: 375px){.mdl-h11 .mdl-container .m-rrss .m-subtitle{font-size:2rem}}.mdl-h11 .mdl-container .m-rrss .m-subtitle{font-size:3.8rem;color:#515050}.mdl-h11:hover .mdl-container .swipers-container .swiper-container:nth-child(1),.mdl-h11:hover .mdl-container .swipers-container .swiper-container:nth-child(3){transform:translateY(0)}.mdl-h11:hover .mdl-container .swipers-container .swiper-container:nth-child(2),.mdl-h11:hover .mdl-container .swipers-container .swiper-container:nth-child(4){transform:translateY(20%)}@media (max-width: 1366px){.mdl-h11 .mdl-container .swipers-container{gap:3.8rem}.mdl-h11 .mdl-container .swipers-container .swiper-container .swiper-slide{width:14rem;height:14rem!important}}@media (max-width: 1280px){.mdl-h11 .mdl-container .swipers-container{gap:3.4rem}.mdl-h11 .mdl-container .swipers-container .swiper-container .swiper-slide{width:12.7rem;height:12.7rem!important}}@media (max-width: 1080px){.mdl-h11{padding-left:0rem!important;padding-right:0rem!important;background-color:#fff}.mdl-h11 .mdl-container{flex-direction:column;gap:5rem}.mdl-h11 .mdl-container .swipers-container{width:100%;justify-content:center;height:43rem;overflow:hidden;gap:7.5rem;background-color:#fff9f9}.mdl-h11 .mdl-container .swipers-container .swiper-container{height:40rem;transition:transform .6s cubic-bezier(.82,.01,.2,.99)}.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(1),.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(3){transform:translateY(10%)}.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(2),.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(4){transform:translateY(-10%)}.mdl-h11 .mdl-container .swipers-container .swiper-container .swiper-slide{width:15rem;height:15rem!important}.mdl-h11 .mdl-container .m-rrss{background-color:#fff;padding-bottom:7.7rem;align-items:center;text-align:center}}@media (max-width: 768px){.mdl-h11 .mdl-container .swipers-container{height:32rem;gap:5.3rem;background-color:#fff9f9}.mdl-h11 .mdl-container .swipers-container .swiper-container .swiper-slide{width:11.3rem;height:11.3rem!important}}@media (max-width: 540px){.mdl-h11 .mdl-container{gap:4rem}.mdl-h11 .mdl-container .swipers-container{gap:10.3vw}.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(4){display:none}.mdl-h11 .mdl-container .m-rrss{padding-bottom:6.8rem;max-width:80%}.mdl-h11 .mdl-container .m-rrss .m-icons{justify-content:center}}@media (max-width: 437px){.mdl-h11 .mdl-container{gap:3rem}.mdl-h11 .mdl-container .swipers-container{gap:3.7rem}.mdl-h11 .mdl-container .swipers-container .swiper-container .swiper-slide{width:7.8rem;height:7.8rem!important}.mdl-h11 .mdl-container .m-rrss{padding-bottom:5.6rem}}\n"], dependencies: [{ kind: "directive", type: BabylonAvSocialSwiperDirective, selector: "[BabylonAvSocialSwiper]" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }] }); }
1503
1601
  }
1504
1602
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonAvImgSocialComponent, decorators: [{
1505
1603
  type: Component,
1506
- args: [{ selector: 'lib-babylon-av-img-social', standalone: true, imports: [BabylonAvSocialSwiperDirective], template: "<!-- El color de BG es din\u00E1mico seg\u00FAn la p\u00E1gina -->\n<section class=\"mdl-h11\">\n <div class=\"mdl-container\">\n <div class=\"swipers-container\">\n <div class=\"swiper-container\" BabylonAvSocialSwiper>\n <div class=\"swiper-wrapper\">\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/270/270\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/271/270\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/270/271\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/271/271\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n </div>\n </div>\n <div class=\"swiper-container\" BabylonAvSocialSwiper>\n <div class=\"swiper-wrapper\">\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/272/270\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/270/272\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/272/271\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/271/272\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n </div>\n </div>\n <div class=\"swiper-container\" BabylonAvSocialSwiper>\n <div class=\"swiper-wrapper\">\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/273/270\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/270/273\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/273/271\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/271/273\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n </div>\n </div>\n <!-- A tener en cuenta en la conexi\u00F3n: este cuarto slider desaparece en mobile -->\n <div class=\"swiper-container\" BabylonAvSocialSwiper>\n <div class=\"swiper-wrapper\">\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/274/270\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/270/274\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/274/271\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/271/274\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n </div>\n </div>\n </div>\n\n <div class=\"m-rrss\">\n <h2 class=\"m-title\">conecta con nosotros en</h2>\n <div class=\"m-icons\">\n <a background=\"#FF4338\" href=\"\" class=\"m-icon\">\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n <a background=\"#5B87DA\" href=\"\" class=\"m-icon\">\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n <a background=\"#515050\" href=\"\" class=\"m-icon\">\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n <a background=\"#515050\" href=\"\" class=\"m-icon\">\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n <a background=\"#515050\" href=\"\" class=\"m-icon\">\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n <a background=\"#66C3C9\" href=\"\" class=\"m-icon\">\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n </div>\n <div class=\"m-subtitle\">#alegriahotels</div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-h11{overflow:hidden;background-color:#fff9f9}.mdl-h11 .mdl-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:3rem}.mdl-h11 .mdl-container .swipers-container{display:flex;flex-direction:row;gap:5rem}.mdl-h11 .mdl-container .swipers-container .swiper-container{height:40rem;transition:transform .3s cubic-bezier(.82,.01,.2,.99);will-change:transform}.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(1),.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(3){transform:translateY(0)}.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(2),.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(4){transform:translateY(20%)}.mdl-h11 .mdl-container .swipers-container .swiper-container .swiper-slide{width:20rem;height:20rem!important;border-radius:100%;overflow:hidden;cursor:pointer}.mdl-h11 .mdl-container .swipers-container .swiper-container .swiper-slide img{width:100%;height:100%;object-fit:cover}.mdl-h11 .mdl-container .m-rrss{display:flex;flex-direction:column;gap:3.6rem;align-items:start;max-width:40rem}.mdl-h11 .mdl-container .m-rrss .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}@media (max-width: 375px){.mdl-h11 .mdl-container .m-rrss .m-title{font-size:2rem}}.mdl-h11 .mdl-container .m-rrss .m-title{color:#515050b2}.mdl-h11 .mdl-container .m-rrss .m-icons{display:flex;flex-direction:row;gap:2rem;align-items:center;flex-wrap:wrap}.mdl-h11 .mdl-container .m-rrss .m-icons .m-icon{background-color:#fff;border-radius:100%;width:5rem;height:5rem;position:relative;transition:.3s ease}.mdl-h11 .mdl-container .m-rrss .m-icons .m-icon svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-h11 .mdl-container .m-rrss .m-icons .m-icon svg path{transition:.3s ease;fill:#515050b2}.mdl-h11 .mdl-container .m-rrss .m-icons .m-icon:hover svg path{fill:#fff}.mdl-h11 .mdl-container .m-rrss .m-subtitle{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}@media (max-width: 375px){.mdl-h11 .mdl-container .m-rrss .m-subtitle{font-size:2rem}}.mdl-h11 .mdl-container .m-rrss .m-subtitle{font-size:3.8rem;color:#515050}.mdl-h11:hover .mdl-container .swipers-container .swiper-container:nth-child(1),.mdl-h11:hover .mdl-container .swipers-container .swiper-container:nth-child(3){transform:translateY(0)}.mdl-h11:hover .mdl-container .swipers-container .swiper-container:nth-child(2),.mdl-h11:hover .mdl-container .swipers-container .swiper-container:nth-child(4){transform:translateY(20%)}@media (max-width: 1366px){.mdl-h11 .mdl-container .swipers-container{gap:3.8rem}.mdl-h11 .mdl-container .swipers-container .swiper-container .swiper-slide{width:14rem;height:14rem!important}}@media (max-width: 1280px){.mdl-h11 .mdl-container .swipers-container{gap:3.4rem}.mdl-h11 .mdl-container .swipers-container .swiper-container .swiper-slide{width:12.7rem;height:12.7rem!important}}@media (max-width: 1080px){.mdl-h11{padding-left:0rem!important;padding-right:0rem!important;background-color:#fff}.mdl-h11 .mdl-container{flex-direction:column;gap:5rem}.mdl-h11 .mdl-container .swipers-container{width:100%;justify-content:center;height:43rem;overflow:hidden;gap:7.5rem;background-color:#fff9f9}.mdl-h11 .mdl-container .swipers-container .swiper-container{height:40rem;transition:transform .6s cubic-bezier(.82,.01,.2,.99)}.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(1),.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(3){transform:translateY(10%)}.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(2),.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(4){transform:translateY(-10%)}.mdl-h11 .mdl-container .swipers-container .swiper-container .swiper-slide{width:15rem;height:15rem!important}.mdl-h11 .mdl-container .m-rrss{background-color:#fff;padding-bottom:7.7rem;align-items:center;text-align:center}}@media (max-width: 768px){.mdl-h11 .mdl-container .swipers-container{height:32rem;gap:5.3rem;background-color:#fff9f9}.mdl-h11 .mdl-container .swipers-container .swiper-container .swiper-slide{width:11.3rem;height:11.3rem!important}}@media (max-width: 540px){.mdl-h11 .mdl-container{gap:4rem}.mdl-h11 .mdl-container .swipers-container{gap:10.3vw}.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(4){display:none}.mdl-h11 .mdl-container .m-rrss{padding-bottom:6.8rem;max-width:80%}.mdl-h11 .mdl-container .m-rrss .m-icons{justify-content:center}}@media (max-width: 437px){.mdl-h11 .mdl-container{gap:3rem}.mdl-h11 .mdl-container .swipers-container{gap:3.7rem}.mdl-h11 .mdl-container .swipers-container .swiper-container .swiper-slide{width:7.8rem;height:7.8rem!important}.mdl-h11 .mdl-container .m-rrss{padding-bottom:5.6rem}}\n"] }]
1507
- }] });
1604
+ args: [{ selector: 'lib-babylon-av-img-social', standalone: true, imports: [BabylonAvSocialSwiperDirective, BabylonLinkTypeDirective], template: "<!-- El color de BG es din\u00E1mico seg\u00FAn la p\u00E1gina -->\n<section class=\"mdl-h11\">\n <div class=\"mdl-container\">\n <div class=\"swipers-container\">\n @for (slider of sliders; track $index) {\n <div class=\"swiper-container\" BabylonAvSocialSwiper>\n <div class=\"swiper-wrapper\">\n @for (img of slider; track $index) {\n <a class=\"swiper-slide\">\n <img\n [src]=\"img.src\"\n [alt]=\"img.alt || ''\"\n class=\"m-logo\"\n />\n </a>\n }\n </div>\n </div>\n }\n </div>\n\n <div class=\"m-rrss\">\n @if (texts?.pretitle) {\n <h2 class=\"m-title\">{{ texts?.pretitle }}</h2>\n }\n @if (socialMedia?.length) {\n <div class=\"m-icons\">\n @for (item of socialMedia; track $index) {\n <a\n background=\"#FF4338\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon\"\n >\n <img [src]=\"item?.icon\" [alt]=\"item?.name\" />\n </a>\n }\n </div>\n }\n @if (texts?.title) {\n <div class=\"m-subtitle\">{{ texts?.title }}</div>\n }\n </div>\n </div>\n</section>\n\n<!-- \n<section class=\"mdl-h11\">\n <div class=\"mdl-container\">\n <div class=\"swipers-container\">\n <div class=\"swiper-container\" BabylonAvSocialSwiper>\n <div class=\"swiper-wrapper\">\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/270/270\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/271/270\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/270/271\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/271/271\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n </div>\n </div>\n <div class=\"swiper-container\" BabylonAvSocialSwiper>\n <div class=\"swiper-wrapper\">\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/272/270\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/270/272\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/272/271\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/271/272\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n </div>\n </div>\n <div class=\"swiper-container\" BabylonAvSocialSwiper>\n <div class=\"swiper-wrapper\">\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/273/270\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/270/273\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/273/271\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/271/273\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n </div>\n </div>\n <div class=\"swiper-container\" BabylonAvSocialSwiper>\n <div class=\"swiper-wrapper\">\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/274/270\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/270/274\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/274/271\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n <a href=\"#\" class=\"swiper-slide\">\n <img\n src=\"https://picsum.photos/271/274\"\n alt=\"ventaja1\"\n class=\"m-logo\"\n />\n </a>\n </div>\n </div>\n </div>\n\n <div class=\"m-rrss\">\n <h2 class=\"m-title\">conecta con nosotros en</h2>\n <div class=\"m-icons\">\n <a background=\"#FF4338\" href=\"\" class=\"m-icon\">\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n <a background=\"#5B87DA\" href=\"\" class=\"m-icon\">\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n <a background=\"#515050\" href=\"\" class=\"m-icon\">\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n <a background=\"#515050\" href=\"\" class=\"m-icon\">\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n <a background=\"#515050\" href=\"\" class=\"m-icon\">\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n <a background=\"#66C3C9\" href=\"\" class=\"m-icon\">\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n </div>\n <div class=\"m-subtitle\">#alegriahotels</div>\n </div>\n </div>\n</section> -->\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-h11{overflow:hidden;background-color:#fff9f9}.mdl-h11 .mdl-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:3rem}.mdl-h11 .mdl-container .swipers-container{display:flex;flex-direction:row;gap:5rem}.mdl-h11 .mdl-container .swipers-container .swiper-container{height:40rem;transition:transform .3s cubic-bezier(.82,.01,.2,.99);will-change:transform}.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(1),.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(3){transform:translateY(0)}.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(2),.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(4){transform:translateY(20%)}.mdl-h11 .mdl-container .swipers-container .swiper-container .swiper-slide{width:20rem;height:20rem!important;border-radius:100%;overflow:hidden;cursor:pointer}.mdl-h11 .mdl-container .swipers-container .swiper-container .swiper-slide img{width:100%;height:100%;object-fit:cover}.mdl-h11 .mdl-container .m-rrss{display:flex;flex-direction:column;gap:3.6rem;align-items:start;max-width:40rem}.mdl-h11 .mdl-container .m-rrss .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}@media (max-width: 375px){.mdl-h11 .mdl-container .m-rrss .m-title{font-size:2rem}}.mdl-h11 .mdl-container .m-rrss .m-title{color:#515050b2}.mdl-h11 .mdl-container .m-rrss .m-icons{display:flex;flex-direction:row;gap:2rem;align-items:center;flex-wrap:wrap}.mdl-h11 .mdl-container .m-rrss .m-icons .m-icon{background-color:#fff;border-radius:100%;width:5rem;height:5rem;position:relative;transition:.3s ease;display:flex;justify-content:center;align-items:center}.mdl-h11 .mdl-container .m-rrss .m-icons .m-icon svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-h11 .mdl-container .m-rrss .m-icons .m-icon svg path{transition:.3s ease;fill:#515050b2}.mdl-h11 .mdl-container .m-rrss .m-icons .m-icon img{width:30px;height:30px;object-fit:contain;transition:.3s ease}.mdl-h11 .mdl-container .m-rrss .m-icons .m-icon:hover img{width:40px;height:40px;transition:.3s ease}.mdl-h11 .mdl-container .m-rrss .m-icons .m-icon:hover svg path{fill:#fff}.mdl-h11 .mdl-container .m-rrss .m-subtitle{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}@media (max-width: 375px){.mdl-h11 .mdl-container .m-rrss .m-subtitle{font-size:2rem}}.mdl-h11 .mdl-container .m-rrss .m-subtitle{font-size:3.8rem;color:#515050}.mdl-h11:hover .mdl-container .swipers-container .swiper-container:nth-child(1),.mdl-h11:hover .mdl-container .swipers-container .swiper-container:nth-child(3){transform:translateY(0)}.mdl-h11:hover .mdl-container .swipers-container .swiper-container:nth-child(2),.mdl-h11:hover .mdl-container .swipers-container .swiper-container:nth-child(4){transform:translateY(20%)}@media (max-width: 1366px){.mdl-h11 .mdl-container .swipers-container{gap:3.8rem}.mdl-h11 .mdl-container .swipers-container .swiper-container .swiper-slide{width:14rem;height:14rem!important}}@media (max-width: 1280px){.mdl-h11 .mdl-container .swipers-container{gap:3.4rem}.mdl-h11 .mdl-container .swipers-container .swiper-container .swiper-slide{width:12.7rem;height:12.7rem!important}}@media (max-width: 1080px){.mdl-h11{padding-left:0rem!important;padding-right:0rem!important;background-color:#fff}.mdl-h11 .mdl-container{flex-direction:column;gap:5rem}.mdl-h11 .mdl-container .swipers-container{width:100%;justify-content:center;height:43rem;overflow:hidden;gap:7.5rem;background-color:#fff9f9}.mdl-h11 .mdl-container .swipers-container .swiper-container{height:40rem;transition:transform .6s cubic-bezier(.82,.01,.2,.99)}.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(1),.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(3){transform:translateY(10%)}.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(2),.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(4){transform:translateY(-10%)}.mdl-h11 .mdl-container .swipers-container .swiper-container .swiper-slide{width:15rem;height:15rem!important}.mdl-h11 .mdl-container .m-rrss{background-color:#fff;padding-bottom:7.7rem;align-items:center;text-align:center}}@media (max-width: 768px){.mdl-h11 .mdl-container .swipers-container{height:32rem;gap:5.3rem;background-color:#fff9f9}.mdl-h11 .mdl-container .swipers-container .swiper-container .swiper-slide{width:11.3rem;height:11.3rem!important}}@media (max-width: 540px){.mdl-h11 .mdl-container{gap:4rem}.mdl-h11 .mdl-container .swipers-container{gap:10.3vw}.mdl-h11 .mdl-container .swipers-container .swiper-container:nth-child(4){display:none}.mdl-h11 .mdl-container .m-rrss{padding-bottom:6.8rem;max-width:80%}.mdl-h11 .mdl-container .m-rrss .m-icons{justify-content:center}}@media (max-width: 437px){.mdl-h11 .mdl-container{gap:3rem}.mdl-h11 .mdl-container .swipers-container{gap:3.7rem}.mdl-h11 .mdl-container .swipers-container .swiper-container .swiper-slide{width:7.8rem;height:7.8rem!important}.mdl-h11 .mdl-container .m-rrss{padding-bottom:5.6rem}}\n"] }]
1605
+ }], propDecorators: { texts: [{
1606
+ type: Input
1607
+ }], multimedia: [{
1608
+ type: Input
1609
+ }], buttons: [{
1610
+ type: Input
1611
+ }], socialMedia: [{
1612
+ type: Input
1613
+ }] } });
1508
1614
 
1509
1615
  class BabylonAvTextIcoSwiperDirective {
1510
1616
  constructor(el) {
@@ -1617,25 +1723,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
1617
1723
 
1618
1724
  class BabylonAvTxtIcoComponent {
1619
1725
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonAvTxtIcoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1620
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonAvTxtIcoComponent, isStandalone: true, selector: "lib-babylon-av-txt-ico", ngImport: i0, template: "<section class=\"mdl-h10\">\n <div class=\"mdl-container\">\n <button class=\"m-button-sm\">M\u00E1s informaci\u00F3n</button>\n <div class=\"m-content-left\">\n <!-- Contenedor principal -->\n <div class=\"swiper\">\n <div class=\"swiper-container\" BabylonAvTextIcoSwiperDirective>\n <div class=\"swiper-wrapper\">\n <!-- Cada slide -->\n <!-- Si quieres que la imagen de gire 360 a\u00F1adir la clase rotateimg -->\n <div class=\"swiper-slide rotateimg\">\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/icons/nut.svg\"\n alt=\"\"\n />\n <div class=\"m-texto\">\n <strong>Ahorrando energ\u00EDa,</strong> con\n sensores que regulan la luz.\n </div>\n <img\n src=\"/assets/babylon/svg/icons/vector.svg\"\n alt=\"\"\n />\n </div>\n </div>\n <!-- Si quieres que la imagen haga un salto a\u00F1adir la clase jumpimg -->\n <div class=\"swiper-slide jumpimg\">\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/icons/drop.svg\"\n alt=\"\"\n />\n <div class=\"m-texto\">\n <strong>Ahorrando agua,</strong> con\n sensores que regulan la luz.\n </div>\n <img\n src=\"/assets/babylon/svg/icons/vector.svg\"\n alt=\"\"\n />\n </div>\n </div>\n <!-- Si quieres que la imagen de gire 360 invertido a\u00F1adir la clase rotateimg -->\n <div class=\"swiper-slide rotateimginvert\">\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/icons/loading.svg\"\n alt=\"\"\n />\n <div class=\"m-texto\">\n <strong>Reciclar y reutilizar,</strong> con\n sensores que regulan la luz.\n </div>\n <img\n src=\"/assets/babylon/svg/icons/vector.svg\"\n alt=\"\"\n />\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"m-content-right\">\n <div class=\"m-content\">\n <div class=\"m-pretitulo\">sostenibilidad</div>\n <h2 class=\"m-titulo\">Nos hace felices cuidar el planeta.</h2>\n <div class=\"m-texto\">\n Respetamos nuestro planeta: compromiso medioambiental.\n </div>\n <button class=\"m-button-sm\">M\u00E1s informaci\u00F3n</button>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-h10{padding-top:8rem;padding-bottom:8rem}.mdl-h10 .mdl-container{width:100%;display:flex;justify-content:space-between;align-items:center;gap:5rem;margin:0rem auto 8rem}.mdl-h10 .mdl-container .m-button-sm{display:none}.mdl-h10 .mdl-container .m-content-left{width:calc(100% - 45.1rem)}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .swiper-slide{width:100%;height:49.6rem;display:flex;justify-content:center;align-items:center}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content{gap:4rem;display:flex;flex-direction:column;align-items:center}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-texto{color:#4a4a49b2;font-family:jokker,sans-serif;font-weight:300;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-texto{font-size:2.2rem;line-height:2.6rem}}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-texto{text-align:center;height:100%;max-height:25rem}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-texto strong{color:#4a4a49;font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-texto strong{font-size:2.2rem;line-height:2.6rem}}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .rotateimg img:first-child{height:100%;max-height:12.7rem;transition:transform 2.5s linear}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .rotateimg img:hover:first-child{transform:rotate(360deg)}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .rotateimginvert img:first-child{height:100%;max-height:12.7rem;transition:transform 2.5s linear}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .rotateimginvert img:hover:first-child{transform:rotate(-360deg)}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .jumpimg img:first-child{height:100%;max-height:12.7rem}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .jumpimg img:first-child:hover{animation:jump 1s ease}@keyframes jump{0%{transform:translateY(0)}30%{transform:translateY(-2rem)}60%{transform:translateY(0)}80%{transform:translateY(-.5rem)}to{transform:translateY(0)}}.mdl-h10 .mdl-container .m-content-right{height:100%}.mdl-h10 .mdl-container .m-content-right .m-content{width:40.1rem}.mdl-h10 .mdl-container .m-content-right .m-content .m-pretitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-h10 .mdl-container .m-content-right .m-content .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-h10 .mdl-container .m-content-right .m-content .m-pretitulo{color:#515050b2}.mdl-h10 .mdl-container .m-content-right .m-content .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:4.4rem;line-height:5.8rem}@media (max-width: 540px){.mdl-h10 .mdl-container .m-content-right .m-content .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-h10 .mdl-container .m-content-right .m-content .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-h10 .mdl-container .m-content-right .m-content .m-titulo{color:#515050;margin-top:7rem}.mdl-h10 .mdl-container .m-content-right .m-content .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-h10 .mdl-container .m-content-right .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-h10 .mdl-container .m-content-right .m-content .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-h10 .mdl-container .m-content-right .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-h10 .mdl-container .m-content-right .m-content .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-h10 .mdl-container .m-content-right .m-content .m-texto{color:#515050b2;margin:5rem 0}.mdl-h10 .mdl-container .m-content-right .m-content .m-button-sm{display:block}@media (min-width: 1681px){.mdl-h10 .mdl-container .m-content-left{max-width:102rem}}@media (max-width: 1080px){.mdl-h10 .mdl-container{flex-direction:column-reverse;gap:0}.mdl-h10 .mdl-container .m-button-sm{display:block}.mdl-h10 .mdl-container .m-content-left{width:100vw}.mdl-h10 .mdl-container .m-content-right .m-content{width:100%;max-width:45rem;text-align:center}.mdl-h10 .mdl-container .m-content-right .m-content .m-button-sm{display:none}}@media (max-width: 768px){.mdl-h10{padding-top:0}}\n"], dependencies: [{ kind: "directive", type: BabylonAvTextIcoSwiperDirective, selector: "[BabylonAvTextIcoSwiperDirective]" }] }); }
1726
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonAvTxtIcoComponent, isStandalone: true, selector: "lib-babylon-av-txt-ico", inputs: { texts: "texts", buttons: "buttons", items: "items" }, ngImport: i0, template: "<!-- <section class=\"mdl-h10\">\n <div class=\"mdl-container\">\n <button class=\"m-button-sm\">M\u00E1s informaci\u00F3n</button>\n <div class=\"m-content-left\">\n <div class=\"swiper\">\n <div class=\"swiper-container\" BabylonAvTextIcoSwiperDirective>\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide rotateimg\">\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/icons/nut.svg\"\n alt=\"\"\n />\n <div class=\"m-texto\">\n <strong>Ahorrando energ\u00EDa,</strong> con\n sensores que regulan la luz.\n </div>\n <img\n src=\"/assets/babylon/svg/icons/vector.svg\"\n alt=\"\"\n />\n </div>\n </div>\n <div class=\"swiper-slide jumpimg\">\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/icons/drop.svg\"\n alt=\"\"\n />\n <div class=\"m-texto\">\n <strong>Ahorrando agua,</strong> con\n sensores que regulan la luz.\n </div>\n <img\n src=\"/assets/babylon/svg/icons/vector.svg\"\n alt=\"\"\n />\n </div>\n </div>\n <div class=\"swiper-slide rotateimginvert\">\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/icons/loading.svg\"\n alt=\"\"\n />\n <div class=\"m-texto\">\n <strong>Reciclar y reutilizar,</strong> con\n sensores que regulan la luz.\n </div>\n <img\n src=\"/assets/babylon/svg/icons/vector.svg\"\n alt=\"\"\n />\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"m-content-right\">\n <div class=\"m-content\">\n <div class=\"m-pretitulo\">sostenibilidad</div>\n <h2 class=\"m-titulo\">Nos hace felices cuidar el planeta.</h2>\n <div class=\"m-texto\">\n Respetamos nuestro planeta: compromiso medioambiental.\n </div>\n <button class=\"m-button-sm\">M\u00E1s informaci\u00F3n</button>\n </div>\n </div>\n </div>\n</section> -->\n\n<section class=\"mdl-h10\">\n <div class=\"mdl-container\">\n @if (buttons?.length) {\n <a\n class=\"m-button-sm\"\n [href]=\"buttons?.[0]?.url\"\n [linkType]=\"buttons?.[0]?.linkType\"\n >{{ buttons?.[0]?.label }}</a\n >\n }\n @if (items?.length) {\n <div class=\"m-content-left\">\n <!-- Contenedor principal -->\n <div class=\"swiper\">\n <div\n class=\"swiper-container\"\n BabylonAvTextIcoSwiperDirective\n >\n <div class=\"swiper-wrapper\">\n <!-- Cada slide -->\n <!-- Si quieres que la imagen de gire 360 a\u00F1adir la clase rotateimg -->\n <div class=\"swiper-slide rotateimg\">\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/icons/nut.svg\"\n alt=\"\"\n />\n @if (items?.[0]?.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"\n items?.[0]?.description\n \"\n ></div>\n }\n <img\n src=\"/assets/babylon/svg/icons/vector.svg\"\n alt=\"\"\n />\n </div>\n </div>\n <!-- Si quieres que la imagen haga un salto a\u00F1adir la clase jumpimg -->\n <div class=\"swiper-slide jumpimg\">\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/icons/drop.svg\"\n alt=\"\"\n />\n @if (items?.[1]?.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"\n items?.[1]?.description\n \"\n ></div>\n }\n <img\n src=\"/assets/babylon/svg/icons/vector.svg\"\n alt=\"\"\n />\n </div>\n </div>\n <!-- Si quieres que la imagen de gire 360 invertido a\u00F1adir la clase rotateimg -->\n <div class=\"swiper-slide rotateimginvert\">\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/icons/loading.svg\"\n alt=\"\"\n />\n @if (items?.[2]?.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"\n items?.[2]?.description\n \"\n ></div>\n }\n <img\n src=\"/assets/babylon/svg/icons/vector.svg\"\n alt=\"\"\n />\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n }\n\n @if (texts) {\n <div class=\"m-content-right\">\n <div class=\"m-content\">\n @if (texts.pretitle) {\n <div class=\"m-pretitulo\">{{ texts.pretitle }}</div>\n }\n @if (texts.title) {\n <h2 class=\"m-titulo\">\n {{ texts.title }}\n </h2>\n }\n @if (texts.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts.description\"\n ></div>\n }\n @if (buttons?.length) {\n <a\n class=\"m-button-sm\"\n [href]=\"buttons?.[0]?.url\"\n [linkType]=\"buttons?.[0]?.linkType\"\n >{{ buttons?.[0]?.label }}</a\n >\n }\n </div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family: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-h10{padding-top:8rem;padding-bottom:8rem}.mdl-h10 .mdl-container{width:100%;display:flex;justify-content:space-between;align-items:center;gap:5rem;margin:0rem auto 8rem}.mdl-h10 .mdl-container .m-button-sm{display:none}.mdl-h10 .mdl-container .m-content-left{width:calc(100% - 45.1rem)}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .swiper-slide{width:100%;height:49.6rem;display:flex;justify-content:center;align-items:center}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content{gap:4rem;display:flex;flex-direction:column;align-items:center}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-texto{color:#4a4a49b2;font-family:jokker,sans-serif;font-weight:300;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-texto{font-size:2.2rem;line-height:2.6rem}}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-texto{text-align:center;height:100%;max-height:25rem}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-texto ::ng-deep strong{color:#4a4a49;font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-texto ::ng-deep strong{font-size:2.2rem;line-height:2.6rem}}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .rotateimg img:first-child{height:100%;max-height:12.7rem;transition:transform 2.5s linear}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .rotateimg img:hover:first-child{transform:rotate(360deg)}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .rotateimginvert img:first-child{height:100%;max-height:12.7rem;transition:transform 2.5s linear}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .rotateimginvert img:hover:first-child{transform:rotate(-360deg)}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .jumpimg img:first-child{height:100%;max-height:12.7rem}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .jumpimg img:first-child:hover{animation:jump 1s ease}@keyframes jump{0%{transform:translateY(0)}30%{transform:translateY(-2rem)}60%{transform:translateY(0)}80%{transform:translateY(-.5rem)}to{transform:translateY(0)}}.mdl-h10 .mdl-container .m-content-right{height:100%}.mdl-h10 .mdl-container .m-content-right .m-content{width:40.1rem}.mdl-h10 .mdl-container .m-content-right .m-content .m-pretitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-h10 .mdl-container .m-content-right .m-content .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-h10 .mdl-container .m-content-right .m-content .m-pretitulo{color:#515050b2}.mdl-h10 .mdl-container .m-content-right .m-content .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:4.4rem;line-height:5.8rem}@media (max-width: 540px){.mdl-h10 .mdl-container .m-content-right .m-content .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-h10 .mdl-container .m-content-right .m-content .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-h10 .mdl-container .m-content-right .m-content .m-titulo{color:#515050;margin-top:7rem}.mdl-h10 .mdl-container .m-content-right .m-content .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-h10 .mdl-container .m-content-right .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-h10 .mdl-container .m-content-right .m-content .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-h10 .mdl-container .m-content-right .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-h10 .mdl-container .m-content-right .m-content .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-h10 .mdl-container .m-content-right .m-content .m-texto{color:#515050b2;margin:5rem 0}.mdl-h10 .mdl-container .m-content-right .m-content .m-button-sm{display:block}@media (min-width: 1681px){.mdl-h10 .mdl-container .m-content-left{max-width:102rem}}@media (max-width: 1080px){.mdl-h10 .mdl-container{flex-direction:column-reverse;gap:0}.mdl-h10 .mdl-container .m-button-sm{display:block}.mdl-h10 .mdl-container .m-content-left{width:100vw}.mdl-h10 .mdl-container .m-content-right .m-content{width:100%;max-width:45rem;text-align:center}.mdl-h10 .mdl-container .m-content-right .m-content .m-button-sm{display:none}}@media (max-width: 768px){.mdl-h10{padding-top:0}}\n"], dependencies: [{ kind: "directive", type: BabylonAvTextIcoSwiperDirective, selector: "[BabylonAvTextIcoSwiperDirective]" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }] }); }
1621
1727
  }
1622
1728
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonAvTxtIcoComponent, decorators: [{
1623
1729
  type: Component,
1624
- args: [{ selector: 'lib-babylon-av-txt-ico', standalone: true, imports: [BabylonAvTextIcoSwiperDirective], template: "<section class=\"mdl-h10\">\n <div class=\"mdl-container\">\n <button class=\"m-button-sm\">M\u00E1s informaci\u00F3n</button>\n <div class=\"m-content-left\">\n <!-- Contenedor principal -->\n <div class=\"swiper\">\n <div class=\"swiper-container\" BabylonAvTextIcoSwiperDirective>\n <div class=\"swiper-wrapper\">\n <!-- Cada slide -->\n <!-- Si quieres que la imagen de gire 360 a\u00F1adir la clase rotateimg -->\n <div class=\"swiper-slide rotateimg\">\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/icons/nut.svg\"\n alt=\"\"\n />\n <div class=\"m-texto\">\n <strong>Ahorrando energ\u00EDa,</strong> con\n sensores que regulan la luz.\n </div>\n <img\n src=\"/assets/babylon/svg/icons/vector.svg\"\n alt=\"\"\n />\n </div>\n </div>\n <!-- Si quieres que la imagen haga un salto a\u00F1adir la clase jumpimg -->\n <div class=\"swiper-slide jumpimg\">\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/icons/drop.svg\"\n alt=\"\"\n />\n <div class=\"m-texto\">\n <strong>Ahorrando agua,</strong> con\n sensores que regulan la luz.\n </div>\n <img\n src=\"/assets/babylon/svg/icons/vector.svg\"\n alt=\"\"\n />\n </div>\n </div>\n <!-- Si quieres que la imagen de gire 360 invertido a\u00F1adir la clase rotateimg -->\n <div class=\"swiper-slide rotateimginvert\">\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/icons/loading.svg\"\n alt=\"\"\n />\n <div class=\"m-texto\">\n <strong>Reciclar y reutilizar,</strong> con\n sensores que regulan la luz.\n </div>\n <img\n src=\"/assets/babylon/svg/icons/vector.svg\"\n alt=\"\"\n />\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"m-content-right\">\n <div class=\"m-content\">\n <div class=\"m-pretitulo\">sostenibilidad</div>\n <h2 class=\"m-titulo\">Nos hace felices cuidar el planeta.</h2>\n <div class=\"m-texto\">\n Respetamos nuestro planeta: compromiso medioambiental.\n </div>\n <button class=\"m-button-sm\">M\u00E1s informaci\u00F3n</button>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-h10{padding-top:8rem;padding-bottom:8rem}.mdl-h10 .mdl-container{width:100%;display:flex;justify-content:space-between;align-items:center;gap:5rem;margin:0rem auto 8rem}.mdl-h10 .mdl-container .m-button-sm{display:none}.mdl-h10 .mdl-container .m-content-left{width:calc(100% - 45.1rem)}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .swiper-slide{width:100%;height:49.6rem;display:flex;justify-content:center;align-items:center}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content{gap:4rem;display:flex;flex-direction:column;align-items:center}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-texto{color:#4a4a49b2;font-family:jokker,sans-serif;font-weight:300;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-texto{font-size:2.2rem;line-height:2.6rem}}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-texto{text-align:center;height:100%;max-height:25rem}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-texto strong{color:#4a4a49;font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-texto strong{font-size:2.2rem;line-height:2.6rem}}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .rotateimg img:first-child{height:100%;max-height:12.7rem;transition:transform 2.5s linear}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .rotateimg img:hover:first-child{transform:rotate(360deg)}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .rotateimginvert img:first-child{height:100%;max-height:12.7rem;transition:transform 2.5s linear}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .rotateimginvert img:hover:first-child{transform:rotate(-360deg)}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .jumpimg img:first-child{height:100%;max-height:12.7rem}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .jumpimg img:first-child:hover{animation:jump 1s ease}@keyframes jump{0%{transform:translateY(0)}30%{transform:translateY(-2rem)}60%{transform:translateY(0)}80%{transform:translateY(-.5rem)}to{transform:translateY(0)}}.mdl-h10 .mdl-container .m-content-right{height:100%}.mdl-h10 .mdl-container .m-content-right .m-content{width:40.1rem}.mdl-h10 .mdl-container .m-content-right .m-content .m-pretitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-h10 .mdl-container .m-content-right .m-content .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-h10 .mdl-container .m-content-right .m-content .m-pretitulo{color:#515050b2}.mdl-h10 .mdl-container .m-content-right .m-content .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:4.4rem;line-height:5.8rem}@media (max-width: 540px){.mdl-h10 .mdl-container .m-content-right .m-content .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-h10 .mdl-container .m-content-right .m-content .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-h10 .mdl-container .m-content-right .m-content .m-titulo{color:#515050;margin-top:7rem}.mdl-h10 .mdl-container .m-content-right .m-content .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-h10 .mdl-container .m-content-right .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-h10 .mdl-container .m-content-right .m-content .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-h10 .mdl-container .m-content-right .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-h10 .mdl-container .m-content-right .m-content .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-h10 .mdl-container .m-content-right .m-content .m-texto{color:#515050b2;margin:5rem 0}.mdl-h10 .mdl-container .m-content-right .m-content .m-button-sm{display:block}@media (min-width: 1681px){.mdl-h10 .mdl-container .m-content-left{max-width:102rem}}@media (max-width: 1080px){.mdl-h10 .mdl-container{flex-direction:column-reverse;gap:0}.mdl-h10 .mdl-container .m-button-sm{display:block}.mdl-h10 .mdl-container .m-content-left{width:100vw}.mdl-h10 .mdl-container .m-content-right .m-content{width:100%;max-width:45rem;text-align:center}.mdl-h10 .mdl-container .m-content-right .m-content .m-button-sm{display:none}}@media (max-width: 768px){.mdl-h10{padding-top:0}}\n"] }]
1625
- }] });
1730
+ args: [{ selector: 'lib-babylon-av-txt-ico', standalone: true, imports: [BabylonAvTextIcoSwiperDirective, BabylonLinkTypeDirective], template: "<!-- <section class=\"mdl-h10\">\n <div class=\"mdl-container\">\n <button class=\"m-button-sm\">M\u00E1s informaci\u00F3n</button>\n <div class=\"m-content-left\">\n <div class=\"swiper\">\n <div class=\"swiper-container\" BabylonAvTextIcoSwiperDirective>\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide rotateimg\">\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/icons/nut.svg\"\n alt=\"\"\n />\n <div class=\"m-texto\">\n <strong>Ahorrando energ\u00EDa,</strong> con\n sensores que regulan la luz.\n </div>\n <img\n src=\"/assets/babylon/svg/icons/vector.svg\"\n alt=\"\"\n />\n </div>\n </div>\n <div class=\"swiper-slide jumpimg\">\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/icons/drop.svg\"\n alt=\"\"\n />\n <div class=\"m-texto\">\n <strong>Ahorrando agua,</strong> con\n sensores que regulan la luz.\n </div>\n <img\n src=\"/assets/babylon/svg/icons/vector.svg\"\n alt=\"\"\n />\n </div>\n </div>\n <div class=\"swiper-slide rotateimginvert\">\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/icons/loading.svg\"\n alt=\"\"\n />\n <div class=\"m-texto\">\n <strong>Reciclar y reutilizar,</strong> con\n sensores que regulan la luz.\n </div>\n <img\n src=\"/assets/babylon/svg/icons/vector.svg\"\n alt=\"\"\n />\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"m-content-right\">\n <div class=\"m-content\">\n <div class=\"m-pretitulo\">sostenibilidad</div>\n <h2 class=\"m-titulo\">Nos hace felices cuidar el planeta.</h2>\n <div class=\"m-texto\">\n Respetamos nuestro planeta: compromiso medioambiental.\n </div>\n <button class=\"m-button-sm\">M\u00E1s informaci\u00F3n</button>\n </div>\n </div>\n </div>\n</section> -->\n\n<section class=\"mdl-h10\">\n <div class=\"mdl-container\">\n @if (buttons?.length) {\n <a\n class=\"m-button-sm\"\n [href]=\"buttons?.[0]?.url\"\n [linkType]=\"buttons?.[0]?.linkType\"\n >{{ buttons?.[0]?.label }}</a\n >\n }\n @if (items?.length) {\n <div class=\"m-content-left\">\n <!-- Contenedor principal -->\n <div class=\"swiper\">\n <div\n class=\"swiper-container\"\n BabylonAvTextIcoSwiperDirective\n >\n <div class=\"swiper-wrapper\">\n <!-- Cada slide -->\n <!-- Si quieres que la imagen de gire 360 a\u00F1adir la clase rotateimg -->\n <div class=\"swiper-slide rotateimg\">\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/icons/nut.svg\"\n alt=\"\"\n />\n @if (items?.[0]?.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"\n items?.[0]?.description\n \"\n ></div>\n }\n <img\n src=\"/assets/babylon/svg/icons/vector.svg\"\n alt=\"\"\n />\n </div>\n </div>\n <!-- Si quieres que la imagen haga un salto a\u00F1adir la clase jumpimg -->\n <div class=\"swiper-slide jumpimg\">\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/icons/drop.svg\"\n alt=\"\"\n />\n @if (items?.[1]?.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"\n items?.[1]?.description\n \"\n ></div>\n }\n <img\n src=\"/assets/babylon/svg/icons/vector.svg\"\n alt=\"\"\n />\n </div>\n </div>\n <!-- Si quieres que la imagen de gire 360 invertido a\u00F1adir la clase rotateimg -->\n <div class=\"swiper-slide rotateimginvert\">\n <div class=\"m-content\">\n <img\n src=\"/assets/babylon/svg/icons/loading.svg\"\n alt=\"\"\n />\n @if (items?.[2]?.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"\n items?.[2]?.description\n \"\n ></div>\n }\n <img\n src=\"/assets/babylon/svg/icons/vector.svg\"\n alt=\"\"\n />\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n }\n\n @if (texts) {\n <div class=\"m-content-right\">\n <div class=\"m-content\">\n @if (texts.pretitle) {\n <div class=\"m-pretitulo\">{{ texts.pretitle }}</div>\n }\n @if (texts.title) {\n <h2 class=\"m-titulo\">\n {{ texts.title }}\n </h2>\n }\n @if (texts.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts.description\"\n ></div>\n }\n @if (buttons?.length) {\n <a\n class=\"m-button-sm\"\n [href]=\"buttons?.[0]?.url\"\n [linkType]=\"buttons?.[0]?.linkType\"\n >{{ buttons?.[0]?.label }}</a\n >\n }\n </div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family: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-h10{padding-top:8rem;padding-bottom:8rem}.mdl-h10 .mdl-container{width:100%;display:flex;justify-content:space-between;align-items:center;gap:5rem;margin:0rem auto 8rem}.mdl-h10 .mdl-container .m-button-sm{display:none}.mdl-h10 .mdl-container .m-content-left{width:calc(100% - 45.1rem)}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .swiper-slide{width:100%;height:49.6rem;display:flex;justify-content:center;align-items:center}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content{gap:4rem;display:flex;flex-direction:column;align-items:center}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-texto{color:#4a4a49b2;font-family:jokker,sans-serif;font-weight:300;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-texto{font-size:2.2rem;line-height:2.6rem}}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-texto{text-align:center;height:100%;max-height:25rem}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-texto ::ng-deep strong{color:#4a4a49;font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-texto ::ng-deep strong{font-size:2.2rem;line-height:2.6rem}}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .rotateimg img:first-child{height:100%;max-height:12.7rem;transition:transform 2.5s linear}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .rotateimg img:hover:first-child{transform:rotate(360deg)}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .rotateimginvert img:first-child{height:100%;max-height:12.7rem;transition:transform 2.5s linear}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .rotateimginvert img:hover:first-child{transform:rotate(-360deg)}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .jumpimg img:first-child{height:100%;max-height:12.7rem}.mdl-h10 .mdl-container .m-content-left .swiper .swiper-container .swiper-wrapper .jumpimg img:first-child:hover{animation:jump 1s ease}@keyframes jump{0%{transform:translateY(0)}30%{transform:translateY(-2rem)}60%{transform:translateY(0)}80%{transform:translateY(-.5rem)}to{transform:translateY(0)}}.mdl-h10 .mdl-container .m-content-right{height:100%}.mdl-h10 .mdl-container .m-content-right .m-content{width:40.1rem}.mdl-h10 .mdl-container .m-content-right .m-content .m-pretitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-h10 .mdl-container .m-content-right .m-content .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-h10 .mdl-container .m-content-right .m-content .m-pretitulo{color:#515050b2}.mdl-h10 .mdl-container .m-content-right .m-content .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:4.4rem;line-height:5.8rem}@media (max-width: 540px){.mdl-h10 .mdl-container .m-content-right .m-content .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-h10 .mdl-container .m-content-right .m-content .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-h10 .mdl-container .m-content-right .m-content .m-titulo{color:#515050;margin-top:7rem}.mdl-h10 .mdl-container .m-content-right .m-content .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-h10 .mdl-container .m-content-right .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-h10 .mdl-container .m-content-right .m-content .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-h10 .mdl-container .m-content-right .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-h10 .mdl-container .m-content-right .m-content .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-h10 .mdl-container .m-content-right .m-content .m-texto{color:#515050b2;margin:5rem 0}.mdl-h10 .mdl-container .m-content-right .m-content .m-button-sm{display:block}@media (min-width: 1681px){.mdl-h10 .mdl-container .m-content-left{max-width:102rem}}@media (max-width: 1080px){.mdl-h10 .mdl-container{flex-direction:column-reverse;gap:0}.mdl-h10 .mdl-container .m-button-sm{display:block}.mdl-h10 .mdl-container .m-content-left{width:100vw}.mdl-h10 .mdl-container .m-content-right .m-content{width:100%;max-width:45rem;text-align:center}.mdl-h10 .mdl-container .m-content-right .m-content .m-button-sm{display:none}}@media (max-width: 768px){.mdl-h10{padding-top:0}}\n"] }]
1731
+ }], propDecorators: { texts: [{
1732
+ type: Input
1733
+ }], buttons: [{
1734
+ type: Input
1735
+ }], items: [{
1736
+ type: Input
1737
+ }] } });
1626
1738
 
1627
1739
  class BabylonBaImgTxtComponent {
1628
1740
  constructor() {
1629
1741
  this.reverse = false;
1630
1742
  }
1631
1743
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonBaImgTxtComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1632
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonBaImgTxtComponent, isStandalone: true, selector: "lib-babylon-ba-img-txt", inputs: { reverse: "reverse" }, ngImport: i0, template: "<!-- Si se a\u00F1ade la clase reverse funcionar\u00E1 como H09 -->\n<section class=\"mdl-fidelizacion\" [ngClass]=\"{ reverse: reverse }\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n <div class=\"m-subtitle\">Fidelizaci\u00F3n</div>\n <h2 class=\"m-title\">Alegria Rewards Club</h2>\n <div class=\"m-text\">\n \u00DAnete al programa de fidelizaci\u00F3n para beneficiarte de ventajas,\n promociones y mucho m\u00E1s por ser miembro del club.\n </div>\n <div class=\"m-buttons\">\n <a href=\"#\" class=\"m-button-sm\">Reg\u00EDstrate Gratis</a>\n <a href=\"#\" class=\"m-underline\">Ver planes y ventajas</a>\n </div>\n </div>\n <div\n class=\"m-img\"\n style=\"background-image: url(https://picsum.photos/900/1000)\"\n >\n <img\n class=\"m-phrase\"\n src=\"/assets/babylon/svg/icons/rewards.svg\"\n alt=\"rewardsclub\"\n />\n </div>\n <div class=\"m-subtitle tablet\">Fidelizaci\u00F3n</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-fidelizacion{position:relative;overflow:hidden;margin-top:15rem}.mdl-fidelizacion.reverse .mdl-container{flex-direction:row-reverse}.mdl-fidelizacion.reverse .mdl-container:after{left:-38rem}.mdl-fidelizacion.reverse .mdl-container .m-img .m-phrase{max-width:79.7rem;width:48vw;position:absolute;bottom:-2rem;right:-24rem}.mdl-fidelizacion.reverse .mdl-container .m-content{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.mdl-fidelizacion .mdl-container{position:relative;display:flex;flex-direction:row;justify-content:space-between;gap:3rem;width:100%;box-sizing:border-box}.mdl-fidelizacion .mdl-container:after{content:\"\";position:absolute;top:3.3rem;right:-38rem;width:51.7rem;height:34.9rem;background-image:url(/assets/babylon/svg/icons/hearts.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-fidelizacion .mdl-container .m-img{display:flex;align-items:end;position:relative;max-width:71.4rem;width:100%;height:66.8rem;background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-fidelizacion .mdl-container .m-img .m-phrase{max-width:79.7rem;width:48vw;position:absolute;bottom:-2rem;right:23%}.mdl-fidelizacion .mdl-container .m-subtitle{font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-fidelizacion .mdl-container .m-subtitle{font-size:1.4rem;letter-spacing:.056rem}}.mdl-fidelizacion .mdl-container .m-subtitle{color:#515050b2}.mdl-fidelizacion .mdl-container .m-subtitle.tablet{display:none}.mdl-fidelizacion .mdl-container .m-content{max-width:58rem;width:100%;box-sizing:border-box;padding:4rem 0 7.7rem}.mdl-fidelizacion .mdl-container .m-content .m-subtitle+.m-title{margin-top:12rem}.mdl-fidelizacion .mdl-container .m-content .m-title{font-family:jokker,sans-serif;font-weight:500;font-size:5.5rem;line-height:5.8rem;text-wrap-style:balance;color:#515050;font-weight:400}.mdl-fidelizacion .mdl-container .m-content .m-title+.m-text{margin-top:5rem}.mdl-fidelizacion .mdl-container .m-content .m-text{max-width:61.2rem;width:100%;font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-fidelizacion .mdl-container .m-content .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-fidelizacion .mdl-container .m-content .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-fidelizacion .mdl-container .m-content .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-fidelizacion .mdl-container .m-content .m-text{font-size:2.2rem;line-height:3rem}}.mdl-fidelizacion .mdl-container .m-content .m-text{color:#515050b2}.mdl-fidelizacion .mdl-container .m-content .m-text+.m-buttons{margin-top:5rem}.mdl-fidelizacion .mdl-container .m-content .m-buttons{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:26rem;width:100%;gap:2rem}.mdl-fidelizacion .mdl-container .m-content .m-buttons .m-underline{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){.mdl-fidelizacion .mdl-container .m-content .m-buttons .m-underline{font-size:1.6rem}}.mdl-fidelizacion .mdl-container .m-content .m-buttons .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-fidelizacion .mdl-container .m-content .m-buttons .m-underline: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){.mdl-fidelizacion .mdl-container .m-content .m-buttons .m-underline:hover{color:#ed3b37}.mdl-fidelizacion .mdl-container .m-content .m-buttons .m-underline:hover:after{width:100%}}@media (max-width: 1080px){.mdl-fidelizacion{margin-top:0}.mdl-fidelizacion .mdl-container{max-width:82.4rem;width:100%;padding:0 0 7rem;flex-direction:column-reverse!important;gap:0}.mdl-fidelizacion .mdl-container:after{top:7.1rem;right:-25rem;width:43.1rem;height:29.1rem;left:auto!important}.mdl-fidelizacion .mdl-container .m-img,.mdl-fidelizacion .mdl-container .m-content{max-width:100%;width:100%;align-items:flex-start!important;text-align:left!important}.mdl-fidelizacion .mdl-container .m-img{height:71.7rem;margin-bottom:15rem}.mdl-fidelizacion .mdl-container .m-img .m-phrase{max-width:71.9rem;right:unset;left:50%;transform:translate(-50%);width:64vw!important;bottom:-10rem!important}.mdl-fidelizacion .mdl-container .m-subtitle.tablet{display:block;box-sizing:border-box;padding:7rem 3rem 5rem;margin:0 auto}.mdl-fidelizacion .mdl-container .m-content{display:flex;flex-direction:column;align-items:center;max-width:63.5rem;width:100%;margin:-2rem auto 0;padding:0 0 7.7rem}.mdl-fidelizacion .mdl-container .m-content .m-subtitle{display:none}.mdl-fidelizacion .mdl-container .m-content .m-subtitle+.m-title{margin-top:0}.mdl-fidelizacion .mdl-container .m-content .m-title+.m-text{margin-top:5rem}.mdl-fidelizacion .mdl-container .m-content .m-buttons{margin:0 auto}.mdl-fidelizacion .mdl-container .m-content .m-text+.m-buttons{margin-top:5rem}}@media (max-width: 540px){.mdl-fidelizacion .mdl-container{padding:0 0 5rem}.mdl-fidelizacion .mdl-container:after{top:5.1rem;right:-11.5rem;width:16.4rem;height:11rem}.mdl-fidelizacion .mdl-container .m-img{height:28rem;margin-bottom:4rem}.mdl-fidelizacion .mdl-container .m-img .m-phrase{bottom:-6rem!important}.mdl-fidelizacion .mdl-container .m-subtitle.tablet{padding:5rem 2rem 2rem}.mdl-fidelizacion .mdl-container .m-content{margin:0 auto;padding:4.4rem 0 7.7rem}.mdl-fidelizacion .mdl-container .m-content .m-title+.m-text{margin-top:1rem}.mdl-fidelizacion .mdl-container .m-content .m-title{font-size:4.2rem;line-height:3.8rem}.mdl-fidelizacion .mdl-container .m-content .m-text+.m-buttons{margin-top:3rem}.mdl-fidelizacion .mdl-container .m-content .m-buttons .m-button{max-width:26rem}}@media (max-width: 375px){.mdl-fidelizacion .mdl-container .m-img .m-phrase{bottom:-6rem!important}.mdl-fidelizacion .mdl-container .m-content .m-title{font-size:3rem;line-height:3.8rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
1744
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonBaImgTxtComponent, isStandalone: true, selector: "lib-babylon-ba-img-txt", inputs: { reverse: "reverse", texts: "texts", multimedia: "multimedia", buttons: "buttons" }, ngImport: i0, template: "<!-- Si se a\u00F1ade la clase reverse funcionar\u00E1 como H09 -->\n<section class=\"mdl-fidelizacion\" [ngClass]=\"{ reverse: reverse }\">\n <div class=\"mdl-container\">\n @if (texts) {\n <div class=\"m-content\">\n @if (texts.subtitle) {\n <div class=\"m-subtitle\">{{ texts.subtitle }}</div>\n }\n @if (texts.title) {\n <h2 class=\"m-title\">{{ texts.title }}</h2>\n }\n @if (texts.description) {\n <div class=\"m-text\" [innerHTML]=\"texts.description\"></div>\n }\n @if (buttons?.length) {\n <div class=\"m-buttons\">\n @for (btn of buttons; track $index) {\n <a\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [ngClass]=\"\n $index % 2 != 0\n ? 'm-underline'\n : 'm-button-sm'\n \"\n >{{ btn.label }}</a\n >\n }\n </div>\n }\n </div>\n }\n @if (multimedia?.imagenes) {\n <div\n class=\"m-img\"\n [style]=\"\n 'background-image: url(' +\n multimedia?.imagenes?.[0]?.img?.src +\n ')'\n \"\n >\n @if (texts?.svg) {\n <img\n class=\"m-phrase\"\n [src]=\"\n '/assets/babylon/svg/icons/' + texts?.svg + '.svg'\n \"\n alt=\"rewardsclub\"\n />\n }\n </div>\n }\n <div class=\"m-subtitle tablet\">Fidelizaci\u00F3n</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-fidelizacion{position:relative;overflow:hidden;margin-top:15rem}.mdl-fidelizacion.reverse .mdl-container{flex-direction:row-reverse}.mdl-fidelizacion.reverse .mdl-container:after{left:-38rem}.mdl-fidelizacion.reverse .mdl-container .m-img .m-phrase{max-width:79.7rem;width:48vw;position:absolute;bottom:-2rem;right:-24rem}.mdl-fidelizacion.reverse .mdl-container .m-content{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.mdl-fidelizacion .mdl-container{position:relative;display:flex;flex-direction:row;justify-content:space-between;gap:3rem;width:100%;box-sizing:border-box}.mdl-fidelizacion .mdl-container:after{content:\"\";position:absolute;top:3.3rem;right:-38rem;width:51.7rem;height:34.9rem;background-image:url(/assets/babylon/svg/icons/hearts.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-fidelizacion .mdl-container .m-img{display:flex;align-items:end;position:relative;max-width:71.4rem;width:100%;height:66.8rem;background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-fidelizacion .mdl-container .m-img .m-phrase{max-width:79.7rem;width:48vw;position:absolute;bottom:-2rem;right:23%}.mdl-fidelizacion .mdl-container .m-subtitle{font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-fidelizacion .mdl-container .m-subtitle{font-size:1.4rem;letter-spacing:.056rem}}.mdl-fidelizacion .mdl-container .m-subtitle{color:#515050b2}.mdl-fidelizacion .mdl-container .m-subtitle.tablet{display:none}.mdl-fidelizacion .mdl-container .m-content{max-width:58rem;width:100%;box-sizing:border-box;padding:4rem 0 7.7rem}.mdl-fidelizacion .mdl-container .m-content .m-subtitle+.m-title{margin-top:12rem}.mdl-fidelizacion .mdl-container .m-content .m-title{font-family:jokker,sans-serif;font-weight:500;font-size:5.5rem;line-height:5.8rem;text-wrap-style:balance;color:#515050;font-weight:400}.mdl-fidelizacion .mdl-container .m-content .m-title+.m-text{margin-top:5rem}.mdl-fidelizacion .mdl-container .m-content .m-text{max-width:61.2rem;width:100%;font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-fidelizacion .mdl-container .m-content .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-fidelizacion .mdl-container .m-content .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-fidelizacion .mdl-container .m-content .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-fidelizacion .mdl-container .m-content .m-text{font-size:2.2rem;line-height:3rem}}.mdl-fidelizacion .mdl-container .m-content .m-text{color:#515050b2}.mdl-fidelizacion .mdl-container .m-content .m-text+.m-buttons{margin-top:5rem}.mdl-fidelizacion .mdl-container .m-content .m-buttons{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:26rem;width:100%;gap:2rem}.mdl-fidelizacion .mdl-container .m-content .m-buttons .m-underline{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){.mdl-fidelizacion .mdl-container .m-content .m-buttons .m-underline{font-size:1.6rem}}.mdl-fidelizacion .mdl-container .m-content .m-buttons .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-fidelizacion .mdl-container .m-content .m-buttons .m-underline: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){.mdl-fidelizacion .mdl-container .m-content .m-buttons .m-underline:hover{color:#ed3b37}.mdl-fidelizacion .mdl-container .m-content .m-buttons .m-underline:hover:after{width:100%}}@media (max-width: 1080px){.mdl-fidelizacion{margin-top:0}.mdl-fidelizacion .mdl-container{max-width:82.4rem;width:100%;padding:0 0 7rem;flex-direction:column-reverse!important;gap:0}.mdl-fidelizacion .mdl-container:after{top:7.1rem;right:-25rem;width:43.1rem;height:29.1rem;left:auto!important}.mdl-fidelizacion .mdl-container .m-img,.mdl-fidelizacion .mdl-container .m-content{max-width:100%;width:100%;align-items:flex-start!important;text-align:left!important}.mdl-fidelizacion .mdl-container .m-img{height:71.7rem;margin-bottom:15rem}.mdl-fidelizacion .mdl-container .m-img .m-phrase{max-width:71.9rem;right:unset;left:50%;transform:translate(-50%);width:64vw!important;bottom:-10rem!important}.mdl-fidelizacion .mdl-container .m-subtitle.tablet{display:block;box-sizing:border-box;padding:7rem 3rem 5rem;margin:0 auto}.mdl-fidelizacion .mdl-container .m-content{display:flex;flex-direction:column;align-items:center;max-width:63.5rem;width:100%;margin:-2rem auto 0;padding:0 0 7.7rem}.mdl-fidelizacion .mdl-container .m-content .m-subtitle{display:none}.mdl-fidelizacion .mdl-container .m-content .m-subtitle+.m-title{margin-top:0}.mdl-fidelizacion .mdl-container .m-content .m-title+.m-text{margin-top:5rem}.mdl-fidelizacion .mdl-container .m-content .m-buttons{margin:0 auto}.mdl-fidelizacion .mdl-container .m-content .m-text+.m-buttons{margin-top:5rem}}@media (max-width: 540px){.mdl-fidelizacion .mdl-container{padding:0 0 5rem}.mdl-fidelizacion .mdl-container:after{top:5.1rem;right:-11.5rem;width:16.4rem;height:11rem}.mdl-fidelizacion .mdl-container .m-img{height:28rem;margin-bottom:4rem}.mdl-fidelizacion .mdl-container .m-img .m-phrase{bottom:-6rem!important}.mdl-fidelizacion .mdl-container .m-subtitle.tablet{padding:5rem 2rem 2rem}.mdl-fidelizacion .mdl-container .m-content{margin:0 auto;padding:4.4rem 0 7.7rem}.mdl-fidelizacion .mdl-container .m-content .m-title+.m-text{margin-top:1rem}.mdl-fidelizacion .mdl-container .m-content .m-title{font-size:4.2rem;line-height:3.8rem}.mdl-fidelizacion .mdl-container .m-content .m-text+.m-buttons{margin-top:3rem}.mdl-fidelizacion .mdl-container .m-content .m-buttons .m-button{max-width:26rem}}@media (max-width: 375px){.mdl-fidelizacion .mdl-container .m-img .m-phrase{bottom:-6rem!important}.mdl-fidelizacion .mdl-container .m-content .m-title{font-size:3rem;line-height:3.8rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }] }); }
1633
1745
  }
1634
1746
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonBaImgTxtComponent, decorators: [{
1635
1747
  type: Component,
1636
- args: [{ selector: 'lib-babylon-ba-img-txt', standalone: true, imports: [CommonModule], template: "<!-- Si se a\u00F1ade la clase reverse funcionar\u00E1 como H09 -->\n<section class=\"mdl-fidelizacion\" [ngClass]=\"{ reverse: reverse }\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n <div class=\"m-subtitle\">Fidelizaci\u00F3n</div>\n <h2 class=\"m-title\">Alegria Rewards Club</h2>\n <div class=\"m-text\">\n \u00DAnete al programa de fidelizaci\u00F3n para beneficiarte de ventajas,\n promociones y mucho m\u00E1s por ser miembro del club.\n </div>\n <div class=\"m-buttons\">\n <a href=\"#\" class=\"m-button-sm\">Reg\u00EDstrate Gratis</a>\n <a href=\"#\" class=\"m-underline\">Ver planes y ventajas</a>\n </div>\n </div>\n <div\n class=\"m-img\"\n style=\"background-image: url(https://picsum.photos/900/1000)\"\n >\n <img\n class=\"m-phrase\"\n src=\"/assets/babylon/svg/icons/rewards.svg\"\n alt=\"rewardsclub\"\n />\n </div>\n <div class=\"m-subtitle tablet\">Fidelizaci\u00F3n</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-fidelizacion{position:relative;overflow:hidden;margin-top:15rem}.mdl-fidelizacion.reverse .mdl-container{flex-direction:row-reverse}.mdl-fidelizacion.reverse .mdl-container:after{left:-38rem}.mdl-fidelizacion.reverse .mdl-container .m-img .m-phrase{max-width:79.7rem;width:48vw;position:absolute;bottom:-2rem;right:-24rem}.mdl-fidelizacion.reverse .mdl-container .m-content{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.mdl-fidelizacion .mdl-container{position:relative;display:flex;flex-direction:row;justify-content:space-between;gap:3rem;width:100%;box-sizing:border-box}.mdl-fidelizacion .mdl-container:after{content:\"\";position:absolute;top:3.3rem;right:-38rem;width:51.7rem;height:34.9rem;background-image:url(/assets/babylon/svg/icons/hearts.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-fidelizacion .mdl-container .m-img{display:flex;align-items:end;position:relative;max-width:71.4rem;width:100%;height:66.8rem;background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-fidelizacion .mdl-container .m-img .m-phrase{max-width:79.7rem;width:48vw;position:absolute;bottom:-2rem;right:23%}.mdl-fidelizacion .mdl-container .m-subtitle{font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-fidelizacion .mdl-container .m-subtitle{font-size:1.4rem;letter-spacing:.056rem}}.mdl-fidelizacion .mdl-container .m-subtitle{color:#515050b2}.mdl-fidelizacion .mdl-container .m-subtitle.tablet{display:none}.mdl-fidelizacion .mdl-container .m-content{max-width:58rem;width:100%;box-sizing:border-box;padding:4rem 0 7.7rem}.mdl-fidelizacion .mdl-container .m-content .m-subtitle+.m-title{margin-top:12rem}.mdl-fidelizacion .mdl-container .m-content .m-title{font-family:jokker,sans-serif;font-weight:500;font-size:5.5rem;line-height:5.8rem;text-wrap-style:balance;color:#515050;font-weight:400}.mdl-fidelizacion .mdl-container .m-content .m-title+.m-text{margin-top:5rem}.mdl-fidelizacion .mdl-container .m-content .m-text{max-width:61.2rem;width:100%;font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-fidelizacion .mdl-container .m-content .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-fidelizacion .mdl-container .m-content .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-fidelizacion .mdl-container .m-content .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-fidelizacion .mdl-container .m-content .m-text{font-size:2.2rem;line-height:3rem}}.mdl-fidelizacion .mdl-container .m-content .m-text{color:#515050b2}.mdl-fidelizacion .mdl-container .m-content .m-text+.m-buttons{margin-top:5rem}.mdl-fidelizacion .mdl-container .m-content .m-buttons{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:26rem;width:100%;gap:2rem}.mdl-fidelizacion .mdl-container .m-content .m-buttons .m-underline{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){.mdl-fidelizacion .mdl-container .m-content .m-buttons .m-underline{font-size:1.6rem}}.mdl-fidelizacion .mdl-container .m-content .m-buttons .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-fidelizacion .mdl-container .m-content .m-buttons .m-underline: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){.mdl-fidelizacion .mdl-container .m-content .m-buttons .m-underline:hover{color:#ed3b37}.mdl-fidelizacion .mdl-container .m-content .m-buttons .m-underline:hover:after{width:100%}}@media (max-width: 1080px){.mdl-fidelizacion{margin-top:0}.mdl-fidelizacion .mdl-container{max-width:82.4rem;width:100%;padding:0 0 7rem;flex-direction:column-reverse!important;gap:0}.mdl-fidelizacion .mdl-container:after{top:7.1rem;right:-25rem;width:43.1rem;height:29.1rem;left:auto!important}.mdl-fidelizacion .mdl-container .m-img,.mdl-fidelizacion .mdl-container .m-content{max-width:100%;width:100%;align-items:flex-start!important;text-align:left!important}.mdl-fidelizacion .mdl-container .m-img{height:71.7rem;margin-bottom:15rem}.mdl-fidelizacion .mdl-container .m-img .m-phrase{max-width:71.9rem;right:unset;left:50%;transform:translate(-50%);width:64vw!important;bottom:-10rem!important}.mdl-fidelizacion .mdl-container .m-subtitle.tablet{display:block;box-sizing:border-box;padding:7rem 3rem 5rem;margin:0 auto}.mdl-fidelizacion .mdl-container .m-content{display:flex;flex-direction:column;align-items:center;max-width:63.5rem;width:100%;margin:-2rem auto 0;padding:0 0 7.7rem}.mdl-fidelizacion .mdl-container .m-content .m-subtitle{display:none}.mdl-fidelizacion .mdl-container .m-content .m-subtitle+.m-title{margin-top:0}.mdl-fidelizacion .mdl-container .m-content .m-title+.m-text{margin-top:5rem}.mdl-fidelizacion .mdl-container .m-content .m-buttons{margin:0 auto}.mdl-fidelizacion .mdl-container .m-content .m-text+.m-buttons{margin-top:5rem}}@media (max-width: 540px){.mdl-fidelizacion .mdl-container{padding:0 0 5rem}.mdl-fidelizacion .mdl-container:after{top:5.1rem;right:-11.5rem;width:16.4rem;height:11rem}.mdl-fidelizacion .mdl-container .m-img{height:28rem;margin-bottom:4rem}.mdl-fidelizacion .mdl-container .m-img .m-phrase{bottom:-6rem!important}.mdl-fidelizacion .mdl-container .m-subtitle.tablet{padding:5rem 2rem 2rem}.mdl-fidelizacion .mdl-container .m-content{margin:0 auto;padding:4.4rem 0 7.7rem}.mdl-fidelizacion .mdl-container .m-content .m-title+.m-text{margin-top:1rem}.mdl-fidelizacion .mdl-container .m-content .m-title{font-size:4.2rem;line-height:3.8rem}.mdl-fidelizacion .mdl-container .m-content .m-text+.m-buttons{margin-top:3rem}.mdl-fidelizacion .mdl-container .m-content .m-buttons .m-button{max-width:26rem}}@media (max-width: 375px){.mdl-fidelizacion .mdl-container .m-img .m-phrase{bottom:-6rem!important}.mdl-fidelizacion .mdl-container .m-content .m-title{font-size:3rem;line-height:3.8rem}}\n"] }]
1748
+ args: [{ selector: 'lib-babylon-ba-img-txt', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], template: "<!-- Si se a\u00F1ade la clase reverse funcionar\u00E1 como H09 -->\n<section class=\"mdl-fidelizacion\" [ngClass]=\"{ reverse: reverse }\">\n <div class=\"mdl-container\">\n @if (texts) {\n <div class=\"m-content\">\n @if (texts.subtitle) {\n <div class=\"m-subtitle\">{{ texts.subtitle }}</div>\n }\n @if (texts.title) {\n <h2 class=\"m-title\">{{ texts.title }}</h2>\n }\n @if (texts.description) {\n <div class=\"m-text\" [innerHTML]=\"texts.description\"></div>\n }\n @if (buttons?.length) {\n <div class=\"m-buttons\">\n @for (btn of buttons; track $index) {\n <a\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [ngClass]=\"\n $index % 2 != 0\n ? 'm-underline'\n : 'm-button-sm'\n \"\n >{{ btn.label }}</a\n >\n }\n </div>\n }\n </div>\n }\n @if (multimedia?.imagenes) {\n <div\n class=\"m-img\"\n [style]=\"\n 'background-image: url(' +\n multimedia?.imagenes?.[0]?.img?.src +\n ')'\n \"\n >\n @if (texts?.svg) {\n <img\n class=\"m-phrase\"\n [src]=\"\n '/assets/babylon/svg/icons/' + texts?.svg + '.svg'\n \"\n alt=\"rewardsclub\"\n />\n }\n </div>\n }\n <div class=\"m-subtitle tablet\">Fidelizaci\u00F3n</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-fidelizacion{position:relative;overflow:hidden;margin-top:15rem}.mdl-fidelizacion.reverse .mdl-container{flex-direction:row-reverse}.mdl-fidelizacion.reverse .mdl-container:after{left:-38rem}.mdl-fidelizacion.reverse .mdl-container .m-img .m-phrase{max-width:79.7rem;width:48vw;position:absolute;bottom:-2rem;right:-24rem}.mdl-fidelizacion.reverse .mdl-container .m-content{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.mdl-fidelizacion .mdl-container{position:relative;display:flex;flex-direction:row;justify-content:space-between;gap:3rem;width:100%;box-sizing:border-box}.mdl-fidelizacion .mdl-container:after{content:\"\";position:absolute;top:3.3rem;right:-38rem;width:51.7rem;height:34.9rem;background-image:url(/assets/babylon/svg/icons/hearts.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-fidelizacion .mdl-container .m-img{display:flex;align-items:end;position:relative;max-width:71.4rem;width:100%;height:66.8rem;background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-fidelizacion .mdl-container .m-img .m-phrase{max-width:79.7rem;width:48vw;position:absolute;bottom:-2rem;right:23%}.mdl-fidelizacion .mdl-container .m-subtitle{font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-fidelizacion .mdl-container .m-subtitle{font-size:1.4rem;letter-spacing:.056rem}}.mdl-fidelizacion .mdl-container .m-subtitle{color:#515050b2}.mdl-fidelizacion .mdl-container .m-subtitle.tablet{display:none}.mdl-fidelizacion .mdl-container .m-content{max-width:58rem;width:100%;box-sizing:border-box;padding:4rem 0 7.7rem}.mdl-fidelizacion .mdl-container .m-content .m-subtitle+.m-title{margin-top:12rem}.mdl-fidelizacion .mdl-container .m-content .m-title{font-family:jokker,sans-serif;font-weight:500;font-size:5.5rem;line-height:5.8rem;text-wrap-style:balance;color:#515050;font-weight:400}.mdl-fidelizacion .mdl-container .m-content .m-title+.m-text{margin-top:5rem}.mdl-fidelizacion .mdl-container .m-content .m-text{max-width:61.2rem;width:100%;font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-fidelizacion .mdl-container .m-content .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-fidelizacion .mdl-container .m-content .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-fidelizacion .mdl-container .m-content .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-fidelizacion .mdl-container .m-content .m-text{font-size:2.2rem;line-height:3rem}}.mdl-fidelizacion .mdl-container .m-content .m-text{color:#515050b2}.mdl-fidelizacion .mdl-container .m-content .m-text+.m-buttons{margin-top:5rem}.mdl-fidelizacion .mdl-container .m-content .m-buttons{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:26rem;width:100%;gap:2rem}.mdl-fidelizacion .mdl-container .m-content .m-buttons .m-underline{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){.mdl-fidelizacion .mdl-container .m-content .m-buttons .m-underline{font-size:1.6rem}}.mdl-fidelizacion .mdl-container .m-content .m-buttons .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-fidelizacion .mdl-container .m-content .m-buttons .m-underline: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){.mdl-fidelizacion .mdl-container .m-content .m-buttons .m-underline:hover{color:#ed3b37}.mdl-fidelizacion .mdl-container .m-content .m-buttons .m-underline:hover:after{width:100%}}@media (max-width: 1080px){.mdl-fidelizacion{margin-top:0}.mdl-fidelizacion .mdl-container{max-width:82.4rem;width:100%;padding:0 0 7rem;flex-direction:column-reverse!important;gap:0}.mdl-fidelizacion .mdl-container:after{top:7.1rem;right:-25rem;width:43.1rem;height:29.1rem;left:auto!important}.mdl-fidelizacion .mdl-container .m-img,.mdl-fidelizacion .mdl-container .m-content{max-width:100%;width:100%;align-items:flex-start!important;text-align:left!important}.mdl-fidelizacion .mdl-container .m-img{height:71.7rem;margin-bottom:15rem}.mdl-fidelizacion .mdl-container .m-img .m-phrase{max-width:71.9rem;right:unset;left:50%;transform:translate(-50%);width:64vw!important;bottom:-10rem!important}.mdl-fidelizacion .mdl-container .m-subtitle.tablet{display:block;box-sizing:border-box;padding:7rem 3rem 5rem;margin:0 auto}.mdl-fidelizacion .mdl-container .m-content{display:flex;flex-direction:column;align-items:center;max-width:63.5rem;width:100%;margin:-2rem auto 0;padding:0 0 7.7rem}.mdl-fidelizacion .mdl-container .m-content .m-subtitle{display:none}.mdl-fidelizacion .mdl-container .m-content .m-subtitle+.m-title{margin-top:0}.mdl-fidelizacion .mdl-container .m-content .m-title+.m-text{margin-top:5rem}.mdl-fidelizacion .mdl-container .m-content .m-buttons{margin:0 auto}.mdl-fidelizacion .mdl-container .m-content .m-text+.m-buttons{margin-top:5rem}}@media (max-width: 540px){.mdl-fidelizacion .mdl-container{padding:0 0 5rem}.mdl-fidelizacion .mdl-container:after{top:5.1rem;right:-11.5rem;width:16.4rem;height:11rem}.mdl-fidelizacion .mdl-container .m-img{height:28rem;margin-bottom:4rem}.mdl-fidelizacion .mdl-container .m-img .m-phrase{bottom:-6rem!important}.mdl-fidelizacion .mdl-container .m-subtitle.tablet{padding:5rem 2rem 2rem}.mdl-fidelizacion .mdl-container .m-content{margin:0 auto;padding:4.4rem 0 7.7rem}.mdl-fidelizacion .mdl-container .m-content .m-title+.m-text{margin-top:1rem}.mdl-fidelizacion .mdl-container .m-content .m-title{font-size:4.2rem;line-height:3.8rem}.mdl-fidelizacion .mdl-container .m-content .m-text+.m-buttons{margin-top:3rem}.mdl-fidelizacion .mdl-container .m-content .m-buttons .m-button{max-width:26rem}}@media (max-width: 375px){.mdl-fidelizacion .mdl-container .m-img .m-phrase{bottom:-6rem!important}.mdl-fidelizacion .mdl-container .m-content .m-title{font-size:3rem;line-height:3.8rem}}\n"] }]
1637
1749
  }], propDecorators: { reverse: [{
1638
1750
  type: Input
1751
+ }], texts: [{
1752
+ type: Input
1753
+ }], multimedia: [{
1754
+ type: Input
1755
+ }], buttons: [{
1756
+ type: Input
1639
1757
  }] } });
1640
1758
 
1641
1759
  class BabylonBaSliImgTxtComponent {
@@ -2606,9 +2724,7 @@ class MapperService {
2606
2724
  texts: props?.texts,
2607
2725
  rightSide: component.name?.toLowerCase().includes('right'),
2608
2726
  leftSide: component.name?.toLowerCase().includes('left'),
2609
- items: this.mapItems(props?.items ?? props?.Items ?? props?.multimedia?.imagenes) ??
2610
- this.mapRoomDetails(props?.rooms) ??
2611
- this.mapOffersGlobal(props?.offers),
2727
+ items: this.mapGlobalItems(props),
2612
2728
  events: this.mapEventsGlobal(props?.events ?? props.event),
2613
2729
  offers: this.mapOffersGlobal(props?.offers),
2614
2730
  offer: this.mapOfferDetail(props),
@@ -2662,9 +2778,37 @@ class MapperService {
2662
2778
  id: hotel?.id,
2663
2779
  name: hotel?.name,
2664
2780
  order: hotel?.order,
2781
+ texts: hotel?.texts,
2782
+ multimedia: this.mapMultimedia(hotel?.multimedia),
2783
+ images: hotel?.multimedia?.length
2784
+ ? this.mapMultimedia(hotel?.multimedia)
2785
+ : undefined,
2665
2786
  links: Utils.mapButtons(hotel?.link),
2787
+ buttons: Utils.mapButtons(hotel?.link),
2666
2788
  }));
2667
2789
  }
2790
+ mapGlobalItems(props) {
2791
+ // Fuente principal de items
2792
+ const rawItems = props?.items ?? props?.Items ?? props?.multimedia?.imagenes;
2793
+ // 1) Intentamos mapear items “normales”
2794
+ const mappedItems = this.mapItems(rawItems);
2795
+ if (mappedItems != null) {
2796
+ return mappedItems;
2797
+ }
2798
+ // 2) Si no hay items, probamos con rooms
2799
+ const mappedRooms = this.mapRoomDetails(props?.rooms);
2800
+ if (mappedRooms != null) {
2801
+ return mappedRooms;
2802
+ }
2803
+ // 3) offers
2804
+ const mappedOffers = this.mapOffersGlobal(props?.offers);
2805
+ if (mappedOffers != null) {
2806
+ return mappedOffers;
2807
+ }
2808
+ // 4) experiences
2809
+ // 5) hoteles
2810
+ return this.mapHotelsGlobal(props?.hotels);
2811
+ }
2668
2812
  mapAddress(address) {
2669
2813
  return address?.map((address) => ({
2670
2814
  id: address?.id,
@@ -5878,6 +6022,125 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
5878
6022
  type: Input
5879
6023
  }] } });
5880
6024
 
6025
+ class BabylonBookingWidgetComponent {
6026
+ constructor(platformId, zone) {
6027
+ this.platformId = platformId;
6028
+ this.zone = zone;
6029
+ // Base
6030
+ this.widgetId = 'widget-search';
6031
+ this.hotelId = 'default';
6032
+ this.type = 'chain';
6033
+ this.theme = 'light';
6034
+ // Extra config (con defaults)
6035
+ this.currency = 'EUR';
6036
+ this.locale = 'es-ES';
6037
+ this.layout = 'inline';
6038
+ this.defaultAdults = 2;
6039
+ this.defaultChildren = 0;
6040
+ this.showPrice = false;
6041
+ this.showHotelSelector = true;
6042
+ this.showPromoCode = true;
6043
+ this.showChildAges = true;
6044
+ this.maxChildren = 2;
6045
+ /**
6046
+ * Por si algún día quieres sobreescribir todo de golpe desde CMS:
6047
+ * <lib-babylon-booking-widget [configOverride]="{ currency:'USD', showPrice:true }" />
6048
+ */
6049
+ this.configOverride = {};
6050
+ this.initialized = false;
6051
+ }
6052
+ ngAfterViewInit() {
6053
+ if (!isPlatformBrowser(this.platformId))
6054
+ return;
6055
+ if (this.initialized)
6056
+ return;
6057
+ requestAnimationFrame(() => this.initWidget());
6058
+ }
6059
+ initWidget() {
6060
+ const WidgetSearch = window.WidgetSearch;
6061
+ if (!WidgetSearch)
6062
+ return;
6063
+ const el = this.widgetContainer.nativeElement;
6064
+ const config = {
6065
+ bookId: this.hotelId,
6066
+ type: this.type,
6067
+ theme: this.theme,
6068
+ currency: this.currency,
6069
+ locale: this.locale,
6070
+ layout: this.layout,
6071
+ defaultAdults: this.defaultAdults,
6072
+ defaultChildren: this.defaultChildren,
6073
+ showPrice: this.showPrice,
6074
+ showHotelSelector: this.showHotelSelector,
6075
+ showPromoCode: this.showPromoCode,
6076
+ showChildAges: this.showChildAges,
6077
+ maxChildren: this.maxChildren,
6078
+ baseUrl: this.baseUrl,
6079
+ urlChain: this.urlChain,
6080
+ urlHotel: this.urlHotel,
6081
+ buttonText: this.buttonText,
6082
+ ...this.configOverride, // al final para que pise defaults
6083
+ };
6084
+ this.zone.runOutsideAngular(() => {
6085
+ this.initialized = true;
6086
+ new WidgetSearch(el, config);
6087
+ });
6088
+ }
6089
+ ngOnDestroy() {
6090
+ this.initialized = false;
6091
+ }
6092
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonBookingWidgetComponent, deps: [{ token: PLATFORM_ID }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
6093
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonBookingWidgetComponent, isStandalone: true, selector: "lib-babylon-booking-widget", inputs: { widgetId: "widgetId", hotelId: "hotelId", type: "type", theme: "theme", currency: "currency", locale: "locale", layout: "layout", defaultAdults: "defaultAdults", defaultChildren: "defaultChildren", showPrice: "showPrice", showHotelSelector: "showHotelSelector", showPromoCode: "showPromoCode", showChildAges: "showChildAges", maxChildren: "maxChildren", baseUrl: "baseUrl", urlChain: "urlChain", urlHotel: "urlHotel", buttonText: "buttonText", configOverride: "configOverride" }, viewQueries: [{ propertyName: "widgetContainer", first: true, predicate: ["widgetContainer"], descendants: true, static: true }], ngImport: i0, template: `<div #widgetContainer [id]="widgetId"></div>`, isInline: true, styles: [""] }); }
6094
+ }
6095
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonBookingWidgetComponent, decorators: [{
6096
+ type: Component,
6097
+ args: [{ selector: 'lib-babylon-booking-widget', standalone: true, template: `<div #widgetContainer [id]="widgetId"></div>` }]
6098
+ }], ctorParameters: () => [{ type: undefined, decorators: [{
6099
+ type: Inject,
6100
+ args: [PLATFORM_ID]
6101
+ }] }, { type: i0.NgZone }], propDecorators: { widgetId: [{
6102
+ type: Input
6103
+ }], hotelId: [{
6104
+ type: Input
6105
+ }], type: [{
6106
+ type: Input
6107
+ }], theme: [{
6108
+ type: Input
6109
+ }], currency: [{
6110
+ type: Input
6111
+ }], locale: [{
6112
+ type: Input
6113
+ }], layout: [{
6114
+ type: Input
6115
+ }], defaultAdults: [{
6116
+ type: Input
6117
+ }], defaultChildren: [{
6118
+ type: Input
6119
+ }], showPrice: [{
6120
+ type: Input
6121
+ }], showHotelSelector: [{
6122
+ type: Input
6123
+ }], showPromoCode: [{
6124
+ type: Input
6125
+ }], showChildAges: [{
6126
+ type: Input
6127
+ }], maxChildren: [{
6128
+ type: Input
6129
+ }], baseUrl: [{
6130
+ type: Input
6131
+ }], urlChain: [{
6132
+ type: Input
6133
+ }], urlHotel: [{
6134
+ type: Input
6135
+ }], buttonText: [{
6136
+ type: Input
6137
+ }], configOverride: [{
6138
+ type: Input
6139
+ }], widgetContainer: [{
6140
+ type: ViewChild,
6141
+ args: ['widgetContainer', { static: true }]
6142
+ }] } });
6143
+
5881
6144
  class BabylonBreadcrumbComponent {
5882
6145
  linkClick(e) {
5883
6146
  e.preventDefault();
@@ -9220,6 +9483,127 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
9220
9483
  type: Input
9221
9484
  }] } });
9222
9485
 
9486
+ class BabylonEngineModalV2Component {
9487
+ constructor(cdr) {
9488
+ this.cdr = cdr;
9489
+ this.close = new EventEmitter();
9490
+ this.datepickerValue = '';
9491
+ this.form = new FormGroup({
9492
+ dates: new FormControl(null, {
9493
+ validators: [Validators.required],
9494
+ }),
9495
+ guests: new FormControl('', {
9496
+ validators: [Validators.required],
9497
+ }),
9498
+ promo: new FormControl('', {
9499
+ validators: [Validators.required],
9500
+ }),
9501
+ });
9502
+ this.formModal = new FormGroup({
9503
+ dateIn: new FormControl(null, {
9504
+ validators: [Validators.required],
9505
+ }),
9506
+ dateOut: new FormControl(null, {
9507
+ validators: [Validators.required],
9508
+ }),
9509
+ guests: new FormControl('', {
9510
+ validators: [Validators.required],
9511
+ }),
9512
+ promo: new FormControl('', {
9513
+ validators: [Validators.required],
9514
+ }),
9515
+ });
9516
+ this.guestsValue = '';
9517
+ this.showingGuests = false;
9518
+ this.showSubfields = false;
9519
+ this.showChildrenAges = false;
9520
+ this.showBabiesAges = false;
9521
+ this.finalizedGuests = false;
9522
+ }
9523
+ ngOnInit() {
9524
+ this.cdr.detectChanges();
9525
+ }
9526
+ openCalendar() {
9527
+ this.datepicker.toggle();
9528
+ }
9529
+ openCalendarIn() {
9530
+ this.datepickerIn.toggle();
9531
+ }
9532
+ openCalendarOut() {
9533
+ this.datepickerOut.toggle();
9534
+ }
9535
+ toggleShowingGuests() {
9536
+ this.showingGuests = !this.showingGuests;
9537
+ }
9538
+ guestsChange(data) {
9539
+ const totalGuests = (Number(data.adultsValue?.code)
9540
+ ? Number(data.adultsValue?.code)
9541
+ : 0) +
9542
+ (Number(data.kidsValue?.code) ? Number(data.kidsValue?.code) : 0) +
9543
+ (Number(data.infantsValue?.code)
9544
+ ? Number(data.infantsValue?.code)
9545
+ : 0);
9546
+ this.guestsValue =
9547
+ totalGuests < 10
9548
+ ? '0' + totalGuests.toString()
9549
+ : totalGuests.toString();
9550
+ this.form?.get('guests')?.setValue(this.guestsValue);
9551
+ this.formModal?.get('guests')?.setValue(this.guestsValue);
9552
+ this.toggleShowingGuests();
9553
+ }
9554
+ closeModal() {
9555
+ this.close.emit();
9556
+ }
9557
+ togglePersonas() {
9558
+ this.showSubfields = !this.showSubfields;
9559
+ }
9560
+ toggleAgeGroup(kind) {
9561
+ if (kind === 'children')
9562
+ this.showChildrenAges = !this.showChildrenAges;
9563
+ else
9564
+ this.showBabiesAges = !this.showBabiesAges;
9565
+ }
9566
+ applyGuests(adults, children, babies) {
9567
+ const r = Number(adults) || 0;
9568
+ const a = Number(children) || 0;
9569
+ const c = Number(babies) || 0;
9570
+ const n = r + a + c;
9571
+ this.guestsValue = n < 10 ? '0' + n : String(n);
9572
+ this.form?.get('guests')?.setValue(this.guestsValue);
9573
+ this.formModal?.get('guests')?.setValue(this.guestsValue);
9574
+ this.showSubfields = false;
9575
+ this.finalizedGuests = true;
9576
+ this.cdr.markForCheck?.();
9577
+ }
9578
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonEngineModalV2Component, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
9579
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonEngineModalV2Component, isStandalone: true, selector: "lib-babylon-engine-modal", inputs: { modal: "modal" }, outputs: { close: "close" }, viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["datepicker"], descendants: true }, { propertyName: "datepickerIn", first: true, predicate: ["datepickerIn"], descendants: true }, { propertyName: "datepickerOut", first: true, predicate: ["datepickerOut"], descendants: true }], ngImport: i0, template: "<div class=\"modal modal__reservar\">\n <div class=\"modal__inner\">\n <div\n class=\"modal__close js-close\"\n data-modal_name=\"reservar\"\n role=\"button\"\n (click)=\"closeModal()\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use href=\"/assets/babylon/svg/icon-close.svg#icon-close\"></use>\n </svg>\n </div>\n <figure class=\"modal__reservar-graphic\">\n <img src=\"/assets/babylon/images/img-40.webp\" />\n </figure>\n <div class=\"modal__box\">\n <h2>Reservar Habitaci\u00F3n</h2>\n <div class=\"modal__reservar-form\">\n <div class=\"input-group\">\n <label class=\"input-group--label\" for=\"In-date\"\n >Entrada - Salida</label\n >\n <input\n type=\"text\"\n class=\"input-control\"\n name=\"in-out\"\n data-toggle=\"datepicker\"\n autocomplete=\"off\"\n readonly=\"true\"\n id=\"In-date\"\n placeholder=\"00/00/23\"\n (click)=\"datepicker.toggle()\"\n />\n <span class=\"input-group--icon\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/icon-calender.svg#icon-calender\"\n ></use>\n </svg>\n </span>\n </div>\n <div\n class=\"input-group js-personas-subfields\"\n role=\"button\"\n (click)=\"togglePersonas()\"\n [class.open]=\"showSubfields\"\n [class.final]=\"finalizedGuests\"\n >\n <span class=\"input-control\">{{ guestsValue || '02' }}</span>\n <span class=\"input-group--icon\">\n <svg\n aria-hidden=\"true\"\n class=\"persons\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-persons.svg#icon-persons\"\n ></use>\n </svg>\n <svg\n aria-hidden=\"true\"\n class=\"down-arrow\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-arrow.svg#icon-arrow\"\n ></use>\n </svg>\n </span>\n </div>\n <div\n class=\"sub-fields\"\n [style.display]=\"showSubfields ? 'block' : 'none'\"\n >\n <div class=\"input-group\">\n <label class=\"input-group--label\" for=\"adult1\"\n >Adultos</label\n >\n <select\n class=\"select-control\"\n name=\"Adultos\"\n id=\"adult1\"\n #adult1\n >\n <option value=\"0\" selected>00</option>\n <option value=\"1\">01</option>\n <option value=\"2\">02</option>\n <option value=\"3\">03</option>\n <option value=\"4\">04</option>\n <option value=\"5\">05</option>\n </select>\n <span class=\"input-group--icon\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/icon-persons.svg#icon-persons\"\n ></use>\n </svg>\n </span>\n </div>\n <div class=\"input-group\">\n <div class=\"input-group--inner childAge-group-list\">\n <label class=\"input-group--label\" for=\"child1\"\n >Ni\u00F1os</label\n >\n <select\n class=\"select-control\"\n name=\"Ni\u00F1os\"\n id=\"child1\"\n #child1\n >\n <option value=\"0\" selected>00</option>\n <option value=\"1\">01</option>\n <option value=\"2\">02</option>\n <option value=\"3\">03</option>\n <option value=\"4\">04</option>\n <option value=\"5\">05</option>\n </select>\n <span class=\"input-group--icon\">\n <svg\n aria-hidden=\"true\"\n class=\"user\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-user.svg#icon-user\"\n ></use>\n </svg>\n </span>\n </div>\n <div\n class=\"age-group-box children-list\"\n [style.display]=\"\n showChildrenAges ? 'block' : 'none'\n \"\n >\n <legend class=\"age-group-box--heading\">\n EDADES\n </legend>\n <div class=\"age-group\"></div>\n </div>\n </div>\n <div class=\"input-group\">\n <div\n class=\"input-group--inner babiesAge-group-list\"\n role=\"button\"\n (click)=\"toggleAgeGroup('babies')\"\n >\n <label class=\"input-group--label\" for=\"babies1\"\n >Beb\u00E9s</label\n >\n <select\n class=\"select-control\"\n name=\"Beb\u00E9s\"\n id=\"babies1\"\n #babies1\n >\n <option value=\"0\" selected>00</option>\n <option value=\"1\">01</option>\n <option value=\"2\">02</option>\n <option value=\"3\">03</option>\n <option value=\"4\">04</option>\n </select>\n <span class=\"input-group--icon\">\n <svg\n aria-hidden=\"true\"\n class=\"baby\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-user.svg#icon-user\"\n ></use>\n </svg>\n </span>\n </div>\n </div>\n <div class=\"btn__group\">\n <button\n type=\"submit\"\n class=\"btn btn__secondary js-apply-guests1\"\n role=\"button\"\n (click)=\"\n applyGuests(\n adult1.value,\n child1.value,\n babies1.value\n )\n \"\n >\n <span>Aplica</span>\n </button>\n </div>\n </div>\n <div class=\"input-group\">\n <label class=\"input-group--label\" for=\"email\"\n >Promo code</label\n >\n <input\n type=\"text\"\n class=\"input-control\"\n name=\"email\"\n id=\"email\"\n placeholder=\"...\"\n />\n <span class=\"input-group--icon\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/icon-promo.svg#icon-promo\"\n ></use>\n </svg>\n </span>\n </div>\n <div class=\"btn__group\">\n <button type=\"submit\" class=\"btn btn__primary\">\n <span>Book Now!</span>\n </button>\n </div>\n </div>\n </div>\n </div>\n</div>\n", styles: ["@media (min-width: 1280px){.order-custom-xl-xxl-1{order:1}.order-custom-xl-xxl-2{order:2}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width: 540px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width: 768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width: 1025px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width: 1280px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}@media (min-width: 1366px){.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}}@media (min-width: 1680px){.flex-xxxl-row{flex-direction:row!important}.flex-xxxl-column{flex-direction:column!important}.flex-xxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxl-wrap{flex-wrap:wrap!important}.flex-xxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxl-fill{flex:1 1 auto!important}.flex-xxxl-grow-0{flex-grow:0!important}.flex-xxxl-grow-1{flex-grow:1!important}.flex-xxxl-shrink-0{flex-shrink:0!important}.flex-xxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxl-start{justify-content:flex-start!important}.justify-content-xxxl-end{justify-content:flex-end!important}.justify-content-xxxl-center{justify-content:center!important}.justify-content-xxxl-between{justify-content:space-between!important}.justify-content-xxxl-around{justify-content:space-around!important}.align-items-xxxl-start{align-items:flex-start!important}.align-items-xxxl-end{align-items:flex-end!important}.align-items-xxxl-center{align-items:center!important}.align-items-xxxl-baseline{align-items:baseline!important}.align-items-xxxl-stretch{align-items:stretch!important}.align-content-xxxl-start{align-content:flex-start!important}.align-content-xxxl-end{align-content:flex-end!important}.align-content-xxxl-center{align-content:center!important}.align-content-xxxl-between{align-content:space-between!important}.align-content-xxxl-around{align-content:space-around!important}.align-content-xxxl-stretch{align-content:stretch!important}.align-self-xxxl-auto{align-self:auto!important}.align-self-xxxl-start{align-self:flex-start!important}.align-self-xxxl-end{align-self:flex-end!important}.align-self-xxxl-center{align-self:center!important}.align-self-xxxl-baseline{align-self:baseline!important}.align-self-xxxl-stretch{align-self:stretch!important}.m-xxxl-auto{margin:auto!important}.mt-xxxl-auto,.my-xxxl-auto{margin-top:auto!important}.mr-xxxl-auto,.mx-xxxl-auto{margin-right:auto!important}.mb-xxxl-auto,.my-xxxl-auto{margin-bottom:auto!important}.ml-xxxl-auto,.mx-xxxl-auto{margin-left:auto!important}}@media (min-width: 1921px){.flex-xxxxl-row{flex-direction:row!important}.flex-xxxxl-column{flex-direction:column!important}.flex-xxxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxxl-wrap{flex-wrap:wrap!important}.flex-xxxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxxl-fill{flex:1 1 auto!important}.flex-xxxxl-grow-0{flex-grow:0!important}.flex-xxxxl-grow-1{flex-grow:1!important}.flex-xxxxl-shrink-0{flex-shrink:0!important}.flex-xxxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxxl-start{justify-content:flex-start!important}.justify-content-xxxxl-end{justify-content:flex-end!important}.justify-content-xxxxl-center{justify-content:center!important}.justify-content-xxxxl-between{justify-content:space-between!important}.justify-content-xxxxl-around{justify-content:space-around!important}.align-items-xxxxl-start{align-items:flex-start!important}.align-items-xxxxl-end{align-items:flex-end!important}.align-items-xxxxl-center{align-items:center!important}.align-items-xxxxl-baseline{align-items:baseline!important}.align-items-xxxxl-stretch{align-items:stretch!important}.align-content-xxxxl-start{align-content:flex-start!important}.align-content-xxxxl-end{align-content:flex-end!important}.align-content-xxxxl-center{align-content:center!important}.align-content-xxxxl-between{align-content:space-between!important}.align-content-xxxxl-around{align-content:space-around!important}.align-content-xxxxl-stretch{align-content:stretch!important}.align-self-xxxxl-auto{align-self:auto!important}.align-self-xxxxl-start{align-self:flex-start!important}.align-self-xxxxl-end{align-self:flex-end!important}.align-self-xxxxl-center{align-self:center!important}.align-self-xxxxl-baseline{align-self:baseline!important}.align-self-xxxxl-stretch{align-self:stretch!important}.m-xxxxl-auto{margin:auto!important}.mt-xxxxl-auto,.my-xxxxl-auto{margin-top:auto!important}.mr-xxxxl-auto,.mx-xxxxl-auto{margin-right:auto!important}.mb-xxxxl-auto,.my-xxxxl-auto{margin-bottom:auto!important}.ml-xxxxl-auto,.mx-xxxxl-auto{margin-left:auto!important}}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.mt--150{margin-top:150px!important}.mb--150{margin-bottom:150px!important}.pt--150{padding-top:150px}.pb--150{padding-bottom:150px}.mblock--150{margin-block:150px}.pblock--150{padding-block:150px}.mt--180{margin-top:180px!important}.mb--180{margin-bottom:180px!important}.pt--180{padding-top:180px}.pb--180{padding-bottom:180px}.mblock--180{margin-block:180px}.pblock--180{padding-block:180px}@keyframes move-right{0%{right:30px}50%{right:20px}to{right:30px}}:root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: #fff;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom: #0a1d31;--cl_footer-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--type-align: center;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom: #79582c;--cl_footer-scroll: #aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-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}.container{max-width:100%}.modal{opacity:1!important;pointer-events:all!important}.modal.modal__reservar{background:var(--white);display:flex;isolation:isolate}.modal--open.reservar .modal.modal__reservar{opacity:1;pointer-events:auto}.modal.modal__reservar .modal__inner{display:flex;justify-content:center;width:100%;position:relative}.modal.modal__reservar .modal__box{overflow-x:clip;padding-block:6rem 15.3rem;width:100%;background:var(--white);display:flex;flex-direction:column;gap:3rem;align-items:center;height:max-content;min-height:100%}@media (min-width: 540px){.modal.modal__reservar .modal__box{padding-block:6rem 14.3rem;gap:4rem}}@media (min-width: 768px){.modal.modal__reservar .modal__box{max-width:48rem;padding-block:10rem 18.505rem;gap:5rem}}@media (min-width: 1024px){.modal.modal__reservar .modal__box{padding-block:10rem}}@media (min-width: 1680px){.modal.modal__reservar .modal__box{max-width:60rem;padding-block:13rem}}@media (min-width: 1800px){.modal.modal__reservar .modal__box{padding-block:18rem}}.modal.modal__reservar .modal__box h2{text-align:center;width:min-content;font-size:4.6rem;line-height:1}@media (min-width: 540px){.modal.modal__reservar .modal__box h2{font-size:6.4rem;line-height:1}}@media (min-width: 768px){.modal.modal__reservar .modal__box h2{font-size:8rem;line-height:1}}@media (min-width: 1680px){.modal.modal__reservar .modal__box h2{font-size:9rem;line-height:1}}.modal.modal__reservar .modal__close{top:2rem}@media (min-width: 540px){.modal.modal__reservar .modal__close{top:3rem;right:3rem}}@media (min-width: 768px){.modal.modal__reservar .modal__close{top:4rem;right:4rem}}@media (min-width: 1024px){.modal.modal__reservar .modal__close{top:3rem;right:3rem}}@media (min-width: 1680px){.modal.modal__reservar .modal__close{top:5rem;right:5rem}}.modal.modal__reservar .modal__reservar-graphic{opacity:0;pointer-events:none;position:fixed;inset:0;z-index:-1;overflow:clip}@media (min-width: 1024px){.modal.modal__reservar .modal__reservar-graphic{opacity:1}}.modal.modal__reservar .modal__reservar-graphic img{animation:zoomInOut 5s infinite ease-in-out;transform-origin:center}.modal.modal__reservar .modal__reservar-form .btn__group{justify-content:center}.modal.modal__reservar .modal__reservar-form{display:flex;flex-direction:column;gap:3rem;width:100%;max-width:28rem}.modal.modal__reservar .modal__reservar-form .sub-fields{display:none;background:var(--cream);transform:translateY(-1rem);margin-inline:-20rem;padding:3rem 20rem}.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group{margin-bottom:2rem}.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group .select-control,.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group .input-control{border-color:var(--grey);background:var(--white)}.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group .input-group--label{padding-top:1.1rem;padding-bottom:3.2rem;line-height:1;background:transparent}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group-box{display:none;margin-top:2rem;background:var(--white);padding:2.5rem 2rem 2.4rem 1.8rem}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group-box--heading{font-size:1.6rem;line-height:1;text-transform:uppercase;margin-bottom:2rem}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner{position:relative}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner .select-control{height:3.8rem;padding:1rem 2rem 1rem 1rem}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner .label{font-size:1.4rem;line-height:1;margin-bottom:.6rem;display:block}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner .input-group--icon{top:3.2rem;right:1rem;transform:translateY(0)}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner .input-group--icon svg.down-arrow{display:block!important}.modal.modal__reservar .modal__reservar-form .sub-fields[style=\"display: block;\"]{display:flex!important;flex-direction:column}.js-personas-subfields.final .input-group--label{padding-top:1.1rem;padding-bottom:3.2rem;line-height:1;background:transparent}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: CalendarModule }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: DropdownModule }, { kind: "ngmodule", type: CommonModule }] }); }
9580
+ }
9581
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonEngineModalV2Component, decorators: [{
9582
+ type: Component,
9583
+ args: [{ selector: 'lib-babylon-engine-modal', standalone: true, imports: [
9584
+ FormsModule,
9585
+ ReactiveFormsModule,
9586
+ CalendarModule,
9587
+ BabylonGuestsPopupComponent,
9588
+ DialogModule,
9589
+ DropdownModule,
9590
+ CommonModule,
9591
+ ], template: "<div class=\"modal modal__reservar\">\n <div class=\"modal__inner\">\n <div\n class=\"modal__close js-close\"\n data-modal_name=\"reservar\"\n role=\"button\"\n (click)=\"closeModal()\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use href=\"/assets/babylon/svg/icon-close.svg#icon-close\"></use>\n </svg>\n </div>\n <figure class=\"modal__reservar-graphic\">\n <img src=\"/assets/babylon/images/img-40.webp\" />\n </figure>\n <div class=\"modal__box\">\n <h2>Reservar Habitaci\u00F3n</h2>\n <div class=\"modal__reservar-form\">\n <div class=\"input-group\">\n <label class=\"input-group--label\" for=\"In-date\"\n >Entrada - Salida</label\n >\n <input\n type=\"text\"\n class=\"input-control\"\n name=\"in-out\"\n data-toggle=\"datepicker\"\n autocomplete=\"off\"\n readonly=\"true\"\n id=\"In-date\"\n placeholder=\"00/00/23\"\n (click)=\"datepicker.toggle()\"\n />\n <span class=\"input-group--icon\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/icon-calender.svg#icon-calender\"\n ></use>\n </svg>\n </span>\n </div>\n <div\n class=\"input-group js-personas-subfields\"\n role=\"button\"\n (click)=\"togglePersonas()\"\n [class.open]=\"showSubfields\"\n [class.final]=\"finalizedGuests\"\n >\n <span class=\"input-control\">{{ guestsValue || '02' }}</span>\n <span class=\"input-group--icon\">\n <svg\n aria-hidden=\"true\"\n class=\"persons\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-persons.svg#icon-persons\"\n ></use>\n </svg>\n <svg\n aria-hidden=\"true\"\n class=\"down-arrow\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-arrow.svg#icon-arrow\"\n ></use>\n </svg>\n </span>\n </div>\n <div\n class=\"sub-fields\"\n [style.display]=\"showSubfields ? 'block' : 'none'\"\n >\n <div class=\"input-group\">\n <label class=\"input-group--label\" for=\"adult1\"\n >Adultos</label\n >\n <select\n class=\"select-control\"\n name=\"Adultos\"\n id=\"adult1\"\n #adult1\n >\n <option value=\"0\" selected>00</option>\n <option value=\"1\">01</option>\n <option value=\"2\">02</option>\n <option value=\"3\">03</option>\n <option value=\"4\">04</option>\n <option value=\"5\">05</option>\n </select>\n <span class=\"input-group--icon\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/icon-persons.svg#icon-persons\"\n ></use>\n </svg>\n </span>\n </div>\n <div class=\"input-group\">\n <div class=\"input-group--inner childAge-group-list\">\n <label class=\"input-group--label\" for=\"child1\"\n >Ni\u00F1os</label\n >\n <select\n class=\"select-control\"\n name=\"Ni\u00F1os\"\n id=\"child1\"\n #child1\n >\n <option value=\"0\" selected>00</option>\n <option value=\"1\">01</option>\n <option value=\"2\">02</option>\n <option value=\"3\">03</option>\n <option value=\"4\">04</option>\n <option value=\"5\">05</option>\n </select>\n <span class=\"input-group--icon\">\n <svg\n aria-hidden=\"true\"\n class=\"user\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-user.svg#icon-user\"\n ></use>\n </svg>\n </span>\n </div>\n <div\n class=\"age-group-box children-list\"\n [style.display]=\"\n showChildrenAges ? 'block' : 'none'\n \"\n >\n <legend class=\"age-group-box--heading\">\n EDADES\n </legend>\n <div class=\"age-group\"></div>\n </div>\n </div>\n <div class=\"input-group\">\n <div\n class=\"input-group--inner babiesAge-group-list\"\n role=\"button\"\n (click)=\"toggleAgeGroup('babies')\"\n >\n <label class=\"input-group--label\" for=\"babies1\"\n >Beb\u00E9s</label\n >\n <select\n class=\"select-control\"\n name=\"Beb\u00E9s\"\n id=\"babies1\"\n #babies1\n >\n <option value=\"0\" selected>00</option>\n <option value=\"1\">01</option>\n <option value=\"2\">02</option>\n <option value=\"3\">03</option>\n <option value=\"4\">04</option>\n </select>\n <span class=\"input-group--icon\">\n <svg\n aria-hidden=\"true\"\n class=\"baby\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-user.svg#icon-user\"\n ></use>\n </svg>\n </span>\n </div>\n </div>\n <div class=\"btn__group\">\n <button\n type=\"submit\"\n class=\"btn btn__secondary js-apply-guests1\"\n role=\"button\"\n (click)=\"\n applyGuests(\n adult1.value,\n child1.value,\n babies1.value\n )\n \"\n >\n <span>Aplica</span>\n </button>\n </div>\n </div>\n <div class=\"input-group\">\n <label class=\"input-group--label\" for=\"email\"\n >Promo code</label\n >\n <input\n type=\"text\"\n class=\"input-control\"\n name=\"email\"\n id=\"email\"\n placeholder=\"...\"\n />\n <span class=\"input-group--icon\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/icon-promo.svg#icon-promo\"\n ></use>\n </svg>\n </span>\n </div>\n <div class=\"btn__group\">\n <button type=\"submit\" class=\"btn btn__primary\">\n <span>Book Now!</span>\n </button>\n </div>\n </div>\n </div>\n </div>\n</div>\n", styles: ["@media (min-width: 1280px){.order-custom-xl-xxl-1{order:1}.order-custom-xl-xxl-2{order:2}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width: 540px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width: 768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width: 1025px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width: 1280px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}@media (min-width: 1366px){.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}}@media (min-width: 1680px){.flex-xxxl-row{flex-direction:row!important}.flex-xxxl-column{flex-direction:column!important}.flex-xxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxl-wrap{flex-wrap:wrap!important}.flex-xxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxl-fill{flex:1 1 auto!important}.flex-xxxl-grow-0{flex-grow:0!important}.flex-xxxl-grow-1{flex-grow:1!important}.flex-xxxl-shrink-0{flex-shrink:0!important}.flex-xxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxl-start{justify-content:flex-start!important}.justify-content-xxxl-end{justify-content:flex-end!important}.justify-content-xxxl-center{justify-content:center!important}.justify-content-xxxl-between{justify-content:space-between!important}.justify-content-xxxl-around{justify-content:space-around!important}.align-items-xxxl-start{align-items:flex-start!important}.align-items-xxxl-end{align-items:flex-end!important}.align-items-xxxl-center{align-items:center!important}.align-items-xxxl-baseline{align-items:baseline!important}.align-items-xxxl-stretch{align-items:stretch!important}.align-content-xxxl-start{align-content:flex-start!important}.align-content-xxxl-end{align-content:flex-end!important}.align-content-xxxl-center{align-content:center!important}.align-content-xxxl-between{align-content:space-between!important}.align-content-xxxl-around{align-content:space-around!important}.align-content-xxxl-stretch{align-content:stretch!important}.align-self-xxxl-auto{align-self:auto!important}.align-self-xxxl-start{align-self:flex-start!important}.align-self-xxxl-end{align-self:flex-end!important}.align-self-xxxl-center{align-self:center!important}.align-self-xxxl-baseline{align-self:baseline!important}.align-self-xxxl-stretch{align-self:stretch!important}.m-xxxl-auto{margin:auto!important}.mt-xxxl-auto,.my-xxxl-auto{margin-top:auto!important}.mr-xxxl-auto,.mx-xxxl-auto{margin-right:auto!important}.mb-xxxl-auto,.my-xxxl-auto{margin-bottom:auto!important}.ml-xxxl-auto,.mx-xxxl-auto{margin-left:auto!important}}@media (min-width: 1921px){.flex-xxxxl-row{flex-direction:row!important}.flex-xxxxl-column{flex-direction:column!important}.flex-xxxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxxl-wrap{flex-wrap:wrap!important}.flex-xxxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxxl-fill{flex:1 1 auto!important}.flex-xxxxl-grow-0{flex-grow:0!important}.flex-xxxxl-grow-1{flex-grow:1!important}.flex-xxxxl-shrink-0{flex-shrink:0!important}.flex-xxxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxxl-start{justify-content:flex-start!important}.justify-content-xxxxl-end{justify-content:flex-end!important}.justify-content-xxxxl-center{justify-content:center!important}.justify-content-xxxxl-between{justify-content:space-between!important}.justify-content-xxxxl-around{justify-content:space-around!important}.align-items-xxxxl-start{align-items:flex-start!important}.align-items-xxxxl-end{align-items:flex-end!important}.align-items-xxxxl-center{align-items:center!important}.align-items-xxxxl-baseline{align-items:baseline!important}.align-items-xxxxl-stretch{align-items:stretch!important}.align-content-xxxxl-start{align-content:flex-start!important}.align-content-xxxxl-end{align-content:flex-end!important}.align-content-xxxxl-center{align-content:center!important}.align-content-xxxxl-between{align-content:space-between!important}.align-content-xxxxl-around{align-content:space-around!important}.align-content-xxxxl-stretch{align-content:stretch!important}.align-self-xxxxl-auto{align-self:auto!important}.align-self-xxxxl-start{align-self:flex-start!important}.align-self-xxxxl-end{align-self:flex-end!important}.align-self-xxxxl-center{align-self:center!important}.align-self-xxxxl-baseline{align-self:baseline!important}.align-self-xxxxl-stretch{align-self:stretch!important}.m-xxxxl-auto{margin:auto!important}.mt-xxxxl-auto,.my-xxxxl-auto{margin-top:auto!important}.mr-xxxxl-auto,.mx-xxxxl-auto{margin-right:auto!important}.mb-xxxxl-auto,.my-xxxxl-auto{margin-bottom:auto!important}.ml-xxxxl-auto,.mx-xxxxl-auto{margin-left:auto!important}}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.mt--150{margin-top:150px!important}.mb--150{margin-bottom:150px!important}.pt--150{padding-top:150px}.pb--150{padding-bottom:150px}.mblock--150{margin-block:150px}.pblock--150{padding-block:150px}.mt--180{margin-top:180px!important}.mb--180{margin-bottom:180px!important}.pt--180{padding-top:180px}.pb--180{padding-bottom:180px}.mblock--180{margin-block:180px}.pblock--180{padding-block:180px}@keyframes move-right{0%{right:30px}50%{right:20px}to{right:30px}}:root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: #fff;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom: #0a1d31;--cl_footer-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--type-align: center;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom: #79582c;--cl_footer-scroll: #aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-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}.container{max-width:100%}.modal{opacity:1!important;pointer-events:all!important}.modal.modal__reservar{background:var(--white);display:flex;isolation:isolate}.modal--open.reservar .modal.modal__reservar{opacity:1;pointer-events:auto}.modal.modal__reservar .modal__inner{display:flex;justify-content:center;width:100%;position:relative}.modal.modal__reservar .modal__box{overflow-x:clip;padding-block:6rem 15.3rem;width:100%;background:var(--white);display:flex;flex-direction:column;gap:3rem;align-items:center;height:max-content;min-height:100%}@media (min-width: 540px){.modal.modal__reservar .modal__box{padding-block:6rem 14.3rem;gap:4rem}}@media (min-width: 768px){.modal.modal__reservar .modal__box{max-width:48rem;padding-block:10rem 18.505rem;gap:5rem}}@media (min-width: 1024px){.modal.modal__reservar .modal__box{padding-block:10rem}}@media (min-width: 1680px){.modal.modal__reservar .modal__box{max-width:60rem;padding-block:13rem}}@media (min-width: 1800px){.modal.modal__reservar .modal__box{padding-block:18rem}}.modal.modal__reservar .modal__box h2{text-align:center;width:min-content;font-size:4.6rem;line-height:1}@media (min-width: 540px){.modal.modal__reservar .modal__box h2{font-size:6.4rem;line-height:1}}@media (min-width: 768px){.modal.modal__reservar .modal__box h2{font-size:8rem;line-height:1}}@media (min-width: 1680px){.modal.modal__reservar .modal__box h2{font-size:9rem;line-height:1}}.modal.modal__reservar .modal__close{top:2rem}@media (min-width: 540px){.modal.modal__reservar .modal__close{top:3rem;right:3rem}}@media (min-width: 768px){.modal.modal__reservar .modal__close{top:4rem;right:4rem}}@media (min-width: 1024px){.modal.modal__reservar .modal__close{top:3rem;right:3rem}}@media (min-width: 1680px){.modal.modal__reservar .modal__close{top:5rem;right:5rem}}.modal.modal__reservar .modal__reservar-graphic{opacity:0;pointer-events:none;position:fixed;inset:0;z-index:-1;overflow:clip}@media (min-width: 1024px){.modal.modal__reservar .modal__reservar-graphic{opacity:1}}.modal.modal__reservar .modal__reservar-graphic img{animation:zoomInOut 5s infinite ease-in-out;transform-origin:center}.modal.modal__reservar .modal__reservar-form .btn__group{justify-content:center}.modal.modal__reservar .modal__reservar-form{display:flex;flex-direction:column;gap:3rem;width:100%;max-width:28rem}.modal.modal__reservar .modal__reservar-form .sub-fields{display:none;background:var(--cream);transform:translateY(-1rem);margin-inline:-20rem;padding:3rem 20rem}.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group{margin-bottom:2rem}.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group .select-control,.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group .input-control{border-color:var(--grey);background:var(--white)}.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group .input-group--label{padding-top:1.1rem;padding-bottom:3.2rem;line-height:1;background:transparent}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group-box{display:none;margin-top:2rem;background:var(--white);padding:2.5rem 2rem 2.4rem 1.8rem}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group-box--heading{font-size:1.6rem;line-height:1;text-transform:uppercase;margin-bottom:2rem}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner{position:relative}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner .select-control{height:3.8rem;padding:1rem 2rem 1rem 1rem}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner .label{font-size:1.4rem;line-height:1;margin-bottom:.6rem;display:block}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner .input-group--icon{top:3.2rem;right:1rem;transform:translateY(0)}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner .input-group--icon svg.down-arrow{display:block!important}.modal.modal__reservar .modal__reservar-form .sub-fields[style=\"display: block;\"]{display:flex!important;flex-direction:column}.js-personas-subfields.final .input-group--label{padding-top:1.1rem;padding-bottom:3.2rem;line-height:1;background:transparent}\n"] }]
9592
+ }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { datepicker: [{
9593
+ type: ViewChild,
9594
+ args: ['datepicker']
9595
+ }], datepickerIn: [{
9596
+ type: ViewChild,
9597
+ args: ['datepickerIn']
9598
+ }], datepickerOut: [{
9599
+ type: ViewChild,
9600
+ args: ['datepickerOut']
9601
+ }], modal: [{
9602
+ type: Input
9603
+ }], close: [{
9604
+ type: Output
9605
+ }] } });
9606
+
9223
9607
  class BabylonHeaderClearV2Component {
9224
9608
  constructor(dialog, screenSizer, router) {
9225
9609
  this.dialog = dialog;
@@ -9242,27 +9626,17 @@ class BabylonHeaderClearV2Component {
9242
9626
  });
9243
9627
  }
9244
9628
  openEngineModal() {
9245
- console.log(this.btnBook);
9246
- console.log(this.logos);
9247
- console.log(this.menu);
9248
- console.log(this.menuInfo);
9249
- console.log(this.engineRef);
9250
- console.log(this.links);
9251
- console.log(this.shop);
9252
- /* const dialogRef = this.dialog.open(BabylonEngineModalV2Component, {
9629
+ const dialogRef = this.dialog.open(BabylonEngineModalV2Component, {
9253
9630
  width: '100vw',
9254
9631
  height: '100vh',
9255
9632
  maxWidth: '100vw',
9256
9633
  hasBackdrop: true,
9257
9634
  });
9258
-
9259
9635
  const event = new EventEmitter();
9260
-
9261
9636
  event.subscribe(() => {
9262
9637
  dialogRef.close();
9263
9638
  });
9264
-
9265
- dialogRef.componentInstance.close = event; */
9639
+ dialogRef.componentInstance.close = event;
9266
9640
  }
9267
9641
  openLanguagesModal() {
9268
9642
  this.openLanguages.emit();
@@ -11829,50 +12203,6 @@ var TagType;
11829
12203
  TagType["SliderImgVideoSmall"] = "SliderImgVideoSmall";
11830
12204
  })(TagType || (TagType = {}));
11831
12205
 
11832
- // tag.utils.ts
11833
- /**
11834
- * Devuelve todos los items que tengan el tag indicado.
11835
- * Soporta:
11836
- * - item.tag: string
11837
- * - item.tag: string[]
11838
- * - item.tag: { name: string }[]
11839
- */
11840
- function filterByTag(items, tagName) {
11841
- if (!items?.length)
11842
- return [];
11843
- return items.filter((item) => {
11844
- if (!item || item.tag == null)
11845
- return false;
11846
- // Normalizamos a array
11847
- const tags = Array.isArray(item.tag) ? item.tag : [item.tag];
11848
- return tags.some((t) => {
11849
- if (typeof t === 'string') {
11850
- return t === tagName;
11851
- }
11852
- if (t && typeof t === 'object') {
11853
- return t.name === tagName;
11854
- }
11855
- return false;
11856
- });
11857
- });
11858
- }
11859
- /**
11860
- * Devuelve el primer item que tenga el tag indicado.
11861
- */
11862
- function findFirstByTag(items, tagName) {
11863
- return filterByTag(items, tagName)[0];
11864
- }
11865
-
11866
- function getImagesByTagFromMultimedia(multimedia, tagName) {
11867
- return filterByTag(multimedia?.imagenes, tagName);
11868
- }
11869
- function getFirstImageByTagFromMultimedia(multimedia, tagName) {
11870
- return findFirstByTag(multimedia?.imagenes, tagName);
11871
- }
11872
- function getFirstImageByTagFromImages(imagenes, tagName) {
11873
- return findFirstByTag(imagenes, tagName);
11874
- }
11875
-
11876
12206
  class BabylonListImgComponent {
11877
12207
  constructor() {
11878
12208
  this.rightSide = false;
@@ -13009,12 +13339,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
13009
13339
 
13010
13340
  class BabylonSliC5ImgTxtComponent {
13011
13341
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSliC5ImgTxtComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
13012
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonSliC5ImgTxtComponent, isStandalone: true, selector: "lib-babylon-sli-c5-img-txt", ngImport: i0, template: "<section class=\"mdl-experiencias\">\n <div class=\"mdl-container\">\n <div class=\"m-head\">\n <div class=\"m-pretitulo\">actividades y planes</div>\n <div class=\"m-subhead\">\n <h2 class=\"m-titulo\">Experiencias que te alegran el coraz\u00F3n</h2>\n <div class=\"m-texto\">\n Para los viajeros alegres: descubre las experiencias ideales\n para ti.\n </div>\n </div>\n </div>\n <div class=\"m-content\">\n <div class=\"swiper\">\n <div class=\"swiper-container\" babylonSwiperSliderV2>\n <div class=\"swiper-wrapper\">\n <div class=\"js-experiencias-slider swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias1.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Eventos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias6.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias1.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Eventos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias1.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Eventos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias6.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n </div>\n </div>\n </div>\n <button\n type=\"button\"\n class=\"swiper-button-prev swiper-button-prev\"\n aria-label=\"Previous slide\"\n ></button>\n <button\n type=\"button\"\n class=\"swiper-button-next swiper-button-next\"\n aria-label=\"Next slide\"\n ></button>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias .mdl-container{width:auto;position:relative}.mdl-experiencias .mdl-container .m-head{height:33rem;display:flex;flex-direction:column;justify-content:space-evenly}.mdl-experiencias .mdl-container .m-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-experiencias .mdl-container .m-head .m-pretitulo{color:#515050b2}.mdl-experiencias .mdl-container .m-head .m-subhead{display:flex;justify-content:space-between;align-items:flex-end}.mdl-experiencias .mdl-container .m-head .m-subhead div{list-style:none!important;padding:0;max-width:55rem}.mdl-experiencias .mdl-container .m-head .m-subhead div:before{display:none}.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:4.4rem;line-height:5.8rem}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{color:#515050}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{color:#515050b2}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{background-color:#ff4338;width:4.8rem;height:4.8rem;border-radius:30rem 0 0 30rem;left:-4.8rem;top:53rem;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-prev:hover{background-color:#ed3b37;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-prev:after{font-size:1.2rem;color:var(--cl_background_white);font-weight:700}.mdl-experiencias .mdl-container .m-content .swiper-button-next{background-color:#ff4338;width:4.8rem;height:4.8rem;border-radius:0 30rem 30rem 0;right:-4.8rem;top:53rem;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-next:hover{background-color:#ed3b37;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-next:after{font-size:1.2rem;color:var(--cl_background_white);font-weight:700}.mdl-experiencias .mdl-container .m-content .swiper{overflow:visible;height:auto}.mdl-experiencias .mdl-container .m-content .swiper:hover .swiper-container .swiper-wrapper .card-art{margin-top:0}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper{display:flex;min-height:65rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide{background-position:bottom;background-size:cover;transition:transform .4s ease,opacity .4s ease,margin-top .4s ease}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-button-sm{margin:2.9rem auto;display:block;transition:.5s}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-button-sm{display:none;transition:.5s}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide img{width:100%;height:42rem;object-fit:cover}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{font-size:2.2rem;line-height:2.6rem}}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{color:#515050b2;margin-top:.6rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo{margin-top:0!important}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo .m-button-sm{margin:2.9rem auto;display:block!important}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .card-art{margin-top:8.4rem}@media (max-width: 1366px){.mdl-experiencias .mdl-container .m-content .swiper-button-prev,.mdl-experiencias .mdl-container .m-content .swiper-button-next{top:55rem}}@media (max-width: 1080px){.mdl-experiencias .mdl-container .m-head{height:auto}.mdl-experiencias .mdl-container .m-head .m-pretitulo{padding:6rem 0}.mdl-experiencias .mdl-container .m-head .m-subhead{display:flex;align-items:flex-start;flex-direction:column;gap:4rem}.mdl-experiencias .mdl-container .m-content{margin-top:4rem}.mdl-experiencias .mdl-container .m-content .swiper-button-prev,.mdl-experiencias .mdl-container .m-content .swiper-button-next{top:64rem}}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head{height:auto}.mdl-experiencias .mdl-container .m-head .m-pretitulo{padding:5rem 0}.mdl-experiencias .mdl-container .m-head .m-subhead{gap:2rem}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{text-align:left}.mdl-experiencias .mdl-container .m-content{position:relative}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{left:-3rem;width:3rem;height:3rem;top:30%}.mdl-experiencias .mdl-container .m-content .swiper-button-next{right:-3rem;width:3rem;height:3rem;top:30%}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide img{height:30rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo .m-button-sm{max-width:100%}}@media (max-width: 500px){.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .card-art{margin-top:0}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-content{margin:4rem 4.8rem}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{left:-3rem;width:3rem;height:3rem}.mdl-experiencias .mdl-container .m-content .swiper-button-next{right:-3rem;width:3rem;height:3rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonSwiperSliderV2Directive, selector: "[babylonSwiperSliderV2]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
13342
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonSliC5ImgTxtComponent, isStandalone: true, selector: "lib-babylon-sli-c5-img-txt", inputs: { texts: "texts", items: "items" }, ngImport: i0, template: "<!-- <section class=\"mdl-experiencias\">\n <div class=\"mdl-container\">\n <div class=\"m-head\">\n <div class=\"m-pretitulo\">actividades y planes</div>\n <div class=\"m-subhead\">\n <h2 class=\"m-titulo\">Experiencias que te alegran el coraz\u00F3n</h2>\n <div class=\"m-texto\">\n Para los viajeros alegres: descubre las experiencias ideales\n para ti.\n </div>\n </div>\n </div>\n <div class=\"m-content\">\n <div class=\"swiper\">\n <div class=\"swiper-container\" babylonSwiperSliderV2>\n <div class=\"swiper-wrapper\">\n <div class=\"js-experiencias-slider swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias1.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n </div>\n <div class=\"swiper-slide card-art\">\n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n </div>\n <div class=\"swiper-slide card-art\">\n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Eventos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n </div>\n <div class=\"swiper-slide card-art\">\n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n </div>\n <div class=\"swiper-slide card-art\">\n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide card-art\">\n \n <img\n src=\"/assets/babylon/svg/others/experiencias6.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias1.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide card-art\">\n \n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide card-art\">\n \n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Eventos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide card-art\">\n \n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide card-art\">\n \n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide card-art\">\n \n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias1.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide card-art\">\n \n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide card-art\">\n \n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Eventos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide card-art\">\n \n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide card-art\">\n \n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide card-art\">\n \n <img\n src=\"/assets/babylon/svg/others/experiencias6.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n </div>\n </div>\n </div>\n <button\n type=\"button\"\n class=\"swiper-button-prev swiper-button-prev\"\n aria-label=\"Previous slide\"\n ></button>\n <button\n type=\"button\"\n class=\"swiper-button-next swiper-button-next\"\n aria-label=\"Next slide\"\n ></button>\n </div>\n </div>\n</section>\n -->\n\n<section class=\"mdl-experiencias\">\n <div class=\"mdl-container\">\n @if (texts) {\n <div class=\"m-head\">\n @if (texts.pretitle) {\n <div class=\"m-pretitulo\">{{ texts.pretitle }}</div>\n }\n <div class=\"m-subhead\">\n @if (texts.title) {\n <h2 class=\"m-titulo\">\n {{ texts.title }}\n </h2>\n }\n @if (texts.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts.description\"\n ></div>\n }\n </div>\n </div>\n }\n <div class=\"m-content\">\n <div class=\"swiper\">\n <div class=\"swiper-container\" babylonSwiperSliderV2>\n <div class=\"swiper-wrapper\">\n @if (items?.length) {\n @for (item of items; track $index) {\n <div\n class=\"swiper-slide\"\n [ngClass]=\"{\n 'js-experiencias-slider': $index == 0,\n }\"\n [ngClass]=\"{ 'card-art': $index % 2 !== 0 }\"\n >\n @if (item.multimedia?.imagenes?.length) {\n <img\n [src]=\"\n item.multimedia?.imagenes?.[0]\n ?.img?.src\n \"\n [alt]=\"\n item.multimedia?.imagenes?.[0]\n ?.img?.alt\n \"\n />\n } @else if (item.images?.length) {\n <img\n [src]=\"item.images?.[0]?.img?.src\"\n [alt]=\"item.images?.[0]?.img?.alt\"\n />\n }\n @if (\n item.texts?.title || item.texts?.name\n ) {\n <div class=\"m-texto\">\n {{\n item.texts?.title ??\n item.texts?.name\n }}\n </div>\n }\n\n @if (item.buttons?.length) {\n <a\n class=\"m-button-sm\"\n [href]=\"item.buttons?.[0]?.url\"\n [linkType]=\"\n item.buttons?.[0]?.linkType\n \"\n >\n {{ item.buttons?.[0]?.label }}\n </a>\n }\n </div>\n }\n }\n </div>\n </div>\n </div>\n <button\n type=\"button\"\n class=\"swiper-button-prev swiper-button-prev\"\n aria-label=\"Previous slide\"\n ></button>\n <button\n type=\"button\"\n class=\"swiper-button-next swiper-button-next\"\n aria-label=\"Next slide\"\n ></button>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias .mdl-container{width:auto;position:relative}.mdl-experiencias .mdl-container .m-head{height:33rem;display:flex;flex-direction:column;justify-content:space-evenly}.mdl-experiencias .mdl-container .m-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-experiencias .mdl-container .m-head .m-pretitulo{color:#515050b2}.mdl-experiencias .mdl-container .m-head .m-subhead{display:flex;justify-content:space-between;align-items:flex-end}.mdl-experiencias .mdl-container .m-head .m-subhead div{list-style:none!important;padding:0;max-width:55rem}.mdl-experiencias .mdl-container .m-head .m-subhead div:before{display:none}.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:4.4rem;line-height:5.8rem}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{color:#515050}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{color:#515050b2}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{background-color:#ff4338;width:4.8rem;height:4.8rem;border-radius:30rem 0 0 30rem;left:-4.8rem;top:53rem;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-prev:hover{background-color:#ed3b37;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-prev:after{font-size:1.2rem;color:var(--cl_background_white);font-weight:700}.mdl-experiencias .mdl-container .m-content .swiper-button-next{background-color:#ff4338;width:4.8rem;height:4.8rem;border-radius:0 30rem 30rem 0;right:-4.8rem;top:53rem;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-next:hover{background-color:#ed3b37;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-next:after{font-size:1.2rem;color:var(--cl_background_white);font-weight:700}.mdl-experiencias .mdl-container .m-content .swiper{overflow:visible;height:auto}.mdl-experiencias .mdl-container .m-content .swiper:hover .swiper-container .swiper-wrapper .card-art{margin-top:0}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper{display:flex;min-height:65rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide{background-position:bottom;background-size:cover;transition:transform .4s ease,opacity .4s ease,margin-top .4s ease}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-button-sm{margin:2.9rem auto;display:block;transition:.5s}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-button-sm{display:none;transition:.5s}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide img{width:100%;height:42rem;object-fit:cover}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{font-size:2.2rem;line-height:2.6rem}}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{color:#515050b2;margin-top:.6rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo{margin-top:0!important}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo .m-button-sm{margin:2.9rem auto;display:block!important}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .card-art{margin-top:8.4rem}@media (max-width: 1366px){.mdl-experiencias .mdl-container .m-content .swiper-button-prev,.mdl-experiencias .mdl-container .m-content .swiper-button-next{top:55rem}}@media (max-width: 1080px){.mdl-experiencias .mdl-container .m-head{height:auto}.mdl-experiencias .mdl-container .m-head .m-pretitulo{padding:6rem 0}.mdl-experiencias .mdl-container .m-head .m-subhead{display:flex;align-items:flex-start;flex-direction:column;gap:4rem}.mdl-experiencias .mdl-container .m-content{margin-top:4rem}.mdl-experiencias .mdl-container .m-content .swiper-button-prev,.mdl-experiencias .mdl-container .m-content .swiper-button-next{top:64rem}}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head{height:auto}.mdl-experiencias .mdl-container .m-head .m-pretitulo{padding:5rem 0}.mdl-experiencias .mdl-container .m-head .m-subhead{gap:2rem}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{text-align:left}.mdl-experiencias .mdl-container .m-content{position:relative}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{left:-3rem;width:3rem;height:3rem;top:30%}.mdl-experiencias .mdl-container .m-content .swiper-button-next{right:-3rem;width:3rem;height:3rem;top:30%}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide img{height:30rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo .m-button-sm{max-width:100%}}@media (max-width: 500px){.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .card-art{margin-top:0}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-content{margin:4rem 4.8rem}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{left:-3rem;width:3rem;height:3rem}.mdl-experiencias .mdl-container .m-content .swiper-button-next{right:-3rem;width:3rem;height:3rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonSwiperSliderV2Directive, selector: "[babylonSwiperSliderV2]" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
13013
13343
  }
13014
13344
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSliC5ImgTxtComponent, decorators: [{
13015
13345
  type: Component,
13016
- args: [{ selector: 'lib-babylon-sli-c5-img-txt', standalone: true, imports: [CommonModule, BabylonSwiperSliderV2Directive], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"mdl-experiencias\">\n <div class=\"mdl-container\">\n <div class=\"m-head\">\n <div class=\"m-pretitulo\">actividades y planes</div>\n <div class=\"m-subhead\">\n <h2 class=\"m-titulo\">Experiencias que te alegran el coraz\u00F3n</h2>\n <div class=\"m-texto\">\n Para los viajeros alegres: descubre las experiencias ideales\n para ti.\n </div>\n </div>\n </div>\n <div class=\"m-content\">\n <div class=\"swiper\">\n <div class=\"swiper-container\" babylonSwiperSliderV2>\n <div class=\"swiper-wrapper\">\n <div class=\"js-experiencias-slider swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias1.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Eventos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias6.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias1.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Eventos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias1.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Eventos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n <div class=\"swiper-slide card-art\">\n <!-- A\u00F1adir card-art si el elemento esta desplazado hacia abajo -->\n <img\n src=\"/assets/babylon/svg/others/experiencias6.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n <!-- Se muestra al hacer hover -->\n </div>\n </div>\n </div>\n </div>\n <button\n type=\"button\"\n class=\"swiper-button-prev swiper-button-prev\"\n aria-label=\"Previous slide\"\n ></button>\n <button\n type=\"button\"\n class=\"swiper-button-next swiper-button-next\"\n aria-label=\"Next slide\"\n ></button>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias .mdl-container{width:auto;position:relative}.mdl-experiencias .mdl-container .m-head{height:33rem;display:flex;flex-direction:column;justify-content:space-evenly}.mdl-experiencias .mdl-container .m-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-experiencias .mdl-container .m-head .m-pretitulo{color:#515050b2}.mdl-experiencias .mdl-container .m-head .m-subhead{display:flex;justify-content:space-between;align-items:flex-end}.mdl-experiencias .mdl-container .m-head .m-subhead div{list-style:none!important;padding:0;max-width:55rem}.mdl-experiencias .mdl-container .m-head .m-subhead div:before{display:none}.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:4.4rem;line-height:5.8rem}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{color:#515050}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{color:#515050b2}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{background-color:#ff4338;width:4.8rem;height:4.8rem;border-radius:30rem 0 0 30rem;left:-4.8rem;top:53rem;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-prev:hover{background-color:#ed3b37;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-prev:after{font-size:1.2rem;color:var(--cl_background_white);font-weight:700}.mdl-experiencias .mdl-container .m-content .swiper-button-next{background-color:#ff4338;width:4.8rem;height:4.8rem;border-radius:0 30rem 30rem 0;right:-4.8rem;top:53rem;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-next:hover{background-color:#ed3b37;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-next:after{font-size:1.2rem;color:var(--cl_background_white);font-weight:700}.mdl-experiencias .mdl-container .m-content .swiper{overflow:visible;height:auto}.mdl-experiencias .mdl-container .m-content .swiper:hover .swiper-container .swiper-wrapper .card-art{margin-top:0}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper{display:flex;min-height:65rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide{background-position:bottom;background-size:cover;transition:transform .4s ease,opacity .4s ease,margin-top .4s ease}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-button-sm{margin:2.9rem auto;display:block;transition:.5s}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-button-sm{display:none;transition:.5s}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide img{width:100%;height:42rem;object-fit:cover}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{font-size:2.2rem;line-height:2.6rem}}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{color:#515050b2;margin-top:.6rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo{margin-top:0!important}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo .m-button-sm{margin:2.9rem auto;display:block!important}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .card-art{margin-top:8.4rem}@media (max-width: 1366px){.mdl-experiencias .mdl-container .m-content .swiper-button-prev,.mdl-experiencias .mdl-container .m-content .swiper-button-next{top:55rem}}@media (max-width: 1080px){.mdl-experiencias .mdl-container .m-head{height:auto}.mdl-experiencias .mdl-container .m-head .m-pretitulo{padding:6rem 0}.mdl-experiencias .mdl-container .m-head .m-subhead{display:flex;align-items:flex-start;flex-direction:column;gap:4rem}.mdl-experiencias .mdl-container .m-content{margin-top:4rem}.mdl-experiencias .mdl-container .m-content .swiper-button-prev,.mdl-experiencias .mdl-container .m-content .swiper-button-next{top:64rem}}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head{height:auto}.mdl-experiencias .mdl-container .m-head .m-pretitulo{padding:5rem 0}.mdl-experiencias .mdl-container .m-head .m-subhead{gap:2rem}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{text-align:left}.mdl-experiencias .mdl-container .m-content{position:relative}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{left:-3rem;width:3rem;height:3rem;top:30%}.mdl-experiencias .mdl-container .m-content .swiper-button-next{right:-3rem;width:3rem;height:3rem;top:30%}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide img{height:30rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo .m-button-sm{max-width:100%}}@media (max-width: 500px){.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .card-art{margin-top:0}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-content{margin:4rem 4.8rem}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{left:-3rem;width:3rem;height:3rem}.mdl-experiencias .mdl-container .m-content .swiper-button-next{right:-3rem;width:3rem;height:3rem}}\n"] }]
13017
- }] });
13346
+ args: [{ selector: 'lib-babylon-sli-c5-img-txt', standalone: true, imports: [
13347
+ CommonModule,
13348
+ BabylonSwiperSliderV2Directive,
13349
+ BabylonLinkTypeDirective,
13350
+ ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- <section class=\"mdl-experiencias\">\n <div class=\"mdl-container\">\n <div class=\"m-head\">\n <div class=\"m-pretitulo\">actividades y planes</div>\n <div class=\"m-subhead\">\n <h2 class=\"m-titulo\">Experiencias que te alegran el coraz\u00F3n</h2>\n <div class=\"m-texto\">\n Para los viajeros alegres: descubre las experiencias ideales\n para ti.\n </div>\n </div>\n </div>\n <div class=\"m-content\">\n <div class=\"swiper\">\n <div class=\"swiper-container\" babylonSwiperSliderV2>\n <div class=\"swiper-wrapper\">\n <div class=\"js-experiencias-slider swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias1.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n </div>\n <div class=\"swiper-slide card-art\">\n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n </div>\n <div class=\"swiper-slide card-art\">\n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Eventos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n </div>\n <div class=\"swiper-slide card-art\">\n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n </div>\n <div class=\"swiper-slide card-art\">\n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide card-art\">\n \n <img\n src=\"/assets/babylon/svg/others/experiencias6.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias1.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide card-art\">\n \n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide card-art\">\n \n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Eventos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide card-art\">\n \n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide card-art\">\n \n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide card-art\">\n \n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias1.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide card-art\">\n \n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide card-art\">\n \n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Eventos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide card-art\">\n \n <img\n src=\"/assets/babylon/svg/others/experiencias2.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Familias</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias3.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide card-art\">\n \n <img\n src=\"/assets/babylon/svg/others/experiencias4.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Solo Adultos</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide\">\n <img\n src=\"/assets/babylon/svg/others/experiencias5.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Spa & Wellness</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n <div class=\"swiper-slide card-art\">\n \n <img\n src=\"/assets/babylon/svg/others/experiencias6.jpg\"\n alt=\"\"\n />\n <div class=\"m-texto\">Todo Incluido</div>\n <button class=\"m-button-sm\">Ver hoteles</button>\n \n </div>\n </div>\n </div>\n </div>\n <button\n type=\"button\"\n class=\"swiper-button-prev swiper-button-prev\"\n aria-label=\"Previous slide\"\n ></button>\n <button\n type=\"button\"\n class=\"swiper-button-next swiper-button-next\"\n aria-label=\"Next slide\"\n ></button>\n </div>\n </div>\n</section>\n -->\n\n<section class=\"mdl-experiencias\">\n <div class=\"mdl-container\">\n @if (texts) {\n <div class=\"m-head\">\n @if (texts.pretitle) {\n <div class=\"m-pretitulo\">{{ texts.pretitle }}</div>\n }\n <div class=\"m-subhead\">\n @if (texts.title) {\n <h2 class=\"m-titulo\">\n {{ texts.title }}\n </h2>\n }\n @if (texts.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts.description\"\n ></div>\n }\n </div>\n </div>\n }\n <div class=\"m-content\">\n <div class=\"swiper\">\n <div class=\"swiper-container\" babylonSwiperSliderV2>\n <div class=\"swiper-wrapper\">\n @if (items?.length) {\n @for (item of items; track $index) {\n <div\n class=\"swiper-slide\"\n [ngClass]=\"{\n 'js-experiencias-slider': $index == 0,\n }\"\n [ngClass]=\"{ 'card-art': $index % 2 !== 0 }\"\n >\n @if (item.multimedia?.imagenes?.length) {\n <img\n [src]=\"\n item.multimedia?.imagenes?.[0]\n ?.img?.src\n \"\n [alt]=\"\n item.multimedia?.imagenes?.[0]\n ?.img?.alt\n \"\n />\n } @else if (item.images?.length) {\n <img\n [src]=\"item.images?.[0]?.img?.src\"\n [alt]=\"item.images?.[0]?.img?.alt\"\n />\n }\n @if (\n item.texts?.title || item.texts?.name\n ) {\n <div class=\"m-texto\">\n {{\n item.texts?.title ??\n item.texts?.name\n }}\n </div>\n }\n\n @if (item.buttons?.length) {\n <a\n class=\"m-button-sm\"\n [href]=\"item.buttons?.[0]?.url\"\n [linkType]=\"\n item.buttons?.[0]?.linkType\n \"\n >\n {{ item.buttons?.[0]?.label }}\n </a>\n }\n </div>\n }\n }\n </div>\n </div>\n </div>\n <button\n type=\"button\"\n class=\"swiper-button-prev swiper-button-prev\"\n aria-label=\"Previous slide\"\n ></button>\n <button\n type=\"button\"\n class=\"swiper-button-next swiper-button-next\"\n aria-label=\"Next slide\"\n ></button>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias .mdl-container{width:auto;position:relative}.mdl-experiencias .mdl-container .m-head{height:33rem;display:flex;flex-direction:column;justify-content:space-evenly}.mdl-experiencias .mdl-container .m-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-experiencias .mdl-container .m-head .m-pretitulo{color:#515050b2}.mdl-experiencias .mdl-container .m-head .m-subhead{display:flex;justify-content:space-between;align-items:flex-end}.mdl-experiencias .mdl-container .m-head .m-subhead div{list-style:none!important;padding:0;max-width:55rem}.mdl-experiencias .mdl-container .m-head .m-subhead div:before{display:none}.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:4.4rem;line-height:5.8rem}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{color:#515050}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{color:#515050b2}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{background-color:#ff4338;width:4.8rem;height:4.8rem;border-radius:30rem 0 0 30rem;left:-4.8rem;top:53rem;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-prev:hover{background-color:#ed3b37;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-prev:after{font-size:1.2rem;color:var(--cl_background_white);font-weight:700}.mdl-experiencias .mdl-container .m-content .swiper-button-next{background-color:#ff4338;width:4.8rem;height:4.8rem;border-radius:0 30rem 30rem 0;right:-4.8rem;top:53rem;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-next:hover{background-color:#ed3b37;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-next:after{font-size:1.2rem;color:var(--cl_background_white);font-weight:700}.mdl-experiencias .mdl-container .m-content .swiper{overflow:visible;height:auto}.mdl-experiencias .mdl-container .m-content .swiper:hover .swiper-container .swiper-wrapper .card-art{margin-top:0}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper{display:flex;min-height:65rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide{background-position:bottom;background-size:cover;transition:transform .4s ease,opacity .4s ease,margin-top .4s ease}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-button-sm{margin:2.9rem auto;display:block;transition:.5s}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-button-sm{display:none;transition:.5s}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide img{width:100%;height:42rem;object-fit:cover}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{font-size:2.2rem;line-height:2.6rem}}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{color:#515050b2;margin-top:.6rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo{margin-top:0!important}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo .m-button-sm{margin:2.9rem auto;display:block!important}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .card-art{margin-top:8.4rem}@media (max-width: 1366px){.mdl-experiencias .mdl-container .m-content .swiper-button-prev,.mdl-experiencias .mdl-container .m-content .swiper-button-next{top:55rem}}@media (max-width: 1080px){.mdl-experiencias .mdl-container .m-head{height:auto}.mdl-experiencias .mdl-container .m-head .m-pretitulo{padding:6rem 0}.mdl-experiencias .mdl-container .m-head .m-subhead{display:flex;align-items:flex-start;flex-direction:column;gap:4rem}.mdl-experiencias .mdl-container .m-content{margin-top:4rem}.mdl-experiencias .mdl-container .m-content .swiper-button-prev,.mdl-experiencias .mdl-container .m-content .swiper-button-next{top:64rem}}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head{height:auto}.mdl-experiencias .mdl-container .m-head .m-pretitulo{padding:5rem 0}.mdl-experiencias .mdl-container .m-head .m-subhead{gap:2rem}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{text-align:left}.mdl-experiencias .mdl-container .m-content{position:relative}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{left:-3rem;width:3rem;height:3rem;top:30%}.mdl-experiencias .mdl-container .m-content .swiper-button-next{right:-3rem;width:3rem;height:3rem;top:30%}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide img{height:30rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo .m-button-sm{max-width:100%}}@media (max-width: 500px){.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .card-art{margin-top:0}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-content{margin:4rem 4.8rem}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{left:-3rem;width:3rem;height:3rem}.mdl-experiencias .mdl-container .m-content .swiper-button-next{right:-3rem;width:3rem;height:3rem}}\n"] }]
13351
+ }], propDecorators: { texts: [{
13352
+ type: Input
13353
+ }], items: [{
13354
+ type: Input
13355
+ }] } });
13018
13356
 
13019
13357
  class BabylonSliderBoxComponent {
13020
13358
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSliderBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -15400,11 +15738,11 @@ class C4SliC2TxtImgComponent {
15400
15738
  this.swiper?.destroy(true, true);
15401
15739
  }
15402
15740
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4SliC2TxtImgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
15403
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4SliC2TxtImgComponent, isStandalone: true, selector: "ces-c4-sli-c2-txt-img", inputs: { items: "items", texts: "texts" }, viewQueries: [{ propertyName: "swiperRoot", first: true, predicate: ["swiperRoot"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-experiencias\">\n <div class=\"container\">\n @if (texts) {\n <div class=\"header-module\">\n @if (texts.title || texts.subtitle) {\n <h2 [innerHTML]=\"texts.title\">\n <br />\n <span [innerHTML]=\"texts.subtitle\"></span>\n </h2>\n }\n @if (texts.description) {\n <p [innerText]=\"texts.description\"></p>\n }\n </div>\n }\n\n @if (items?.length) {\n <div class=\"swiper experiencias-swiper\" #swiperRoot>\n <div class=\"swiper-wrapper\">\n @for (slide of items; track $index) {\n @if (slide) {\n <div class=\"swiper-slide experiencia\">\n <div class=\"content-slide\">\n <div class=\"imagen\">\n <img\n [src]=\"slide.images?.src\"\n [alt]=\"slide.images?.alt\"\n />\n </div>\n <div class=\"arrows-navigation\">\n <div\n class=\"swiper-button-prev mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slidePrev()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.84717 0.5L0.707031 6.64014L6.84717 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n <div\n class=\"swiper-button-next mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slideNext()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.500488 0.5L6.64062 6.64014L0.500488 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n </div>\n @if (slide.texts) {\n <div class=\"texto\">\n @if (slide.texts.title) {\n <h3\n [innerHTML]=\"\n slide.texts.title\n \"\n ></h3>\n }\n @if (slide.texts.subtitle) {\n <h4\n [innerHTML]=\"\n slide.texts.subtitle\n \"\n ></h4>\n }\n\n @if (slide.texts.description) {\n <div class=\"content-texto\">\n <p\n [innerHTML]=\"\n slide.texts\n .description\n \"\n ></p>\n </div>\n }\n @if (slide.buttons?.length) {\n <a\n [href]=\"\n slide.buttons?.[0]?.url\n \"\n [linkType]=\"\n slide.buttons?.[0]\n ?.linkType\n \"\n class=\"m-button-clean\"\n [attr.aria-label]=\"\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]?.name\n \"\n >\n {{\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]\n ?.name\n }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n ></path>\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n ></path>\n </svg>\n </a>\n }\n </div>\n }\n </div>\n </div>\n }\n }\n </div>\n\n <div class=\"swiper-button-prev desktop\"></div>\n <div class=\"swiper-button-next desktop\"></div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:clip-path .3s ease;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{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)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias{padding:6rem 0;background-color:#fff;font-family:Inter,sans-serif;max-width:144rem;margin:auto}.mdl-experiencias .header-module{text-align:left;max-width:54.6rem;margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem}@media (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}.mdl-experiencias .header-module p{color:#54565a;margin:0 auto;margin-left:8.9rem;width:calc(100% - 8.9rem)}.mdl-experiencias .experiencias-swiper{padding:0 0 0 6rem;position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia{display:flex;align-items:flex-start;justify-content:space-between}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen{position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen:before{content:\"\";display:block;position:absolute;top:-1px;right:-1px;background-color:#fff;width:47%;height:3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen img{width:100%;height:auto}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h3{font-family:josefinsans,sans-serif;font-weight:300;font-size:3.7rem;line-height:100%;color:#b7985d;margin-bottom:5px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h4{font-family:josefinsans,sans-serif;font-weight:300;font-size:2.3rem;line-height:100%;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto{padding-left:6.3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul{list-style:none;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;padding-left:0}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li:before{content:none}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .nota,.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .precio{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;margin-bottom:20px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .btn-reservar{display:inline-block;font-size:13px;letter-spacing:1px;color:#b28b4e;text-decoration:none;border-bottom:1px solid #b28b4e;padding-bottom:3px}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{color:#fcfaf8}.mdl-experiencias .swiper-button-prev:not(.mobile),.mdl-experiencias .swiper-button-next:not(.mobile){color:#b28b4e}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{border:1px solid #b28b4e;width:34px;height:34px;top:0;margin-top:0}.mdl-experiencias .swiper-button-prev svg,.mdl-experiencias .swiper-button-next svg{height:1.2rem;position:absolute}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{color:#fff}.mdl-experiencias .swiper-button-prev:hover svg path,.mdl-experiencias .swiper-button-next:hover svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{background-color:#b7985d;transition:.3s}.mdl-experiencias .swiper-button-prev:hover:after svg,.mdl-experiencias .swiper-button-next:hover:after svg{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover:after svg path,.mdl-experiencias .swiper-button-next:hover:after svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:none}.mdl-experiencias .swiper-button-prev:after,.mdl-experiencias .swiper-button-next:after{font-size:1.2rem}@media (max-width: 1080px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:calc(100% - 5rem)}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:42rem;margin:auto}.mdl-experiencias .arrows-navigation{position:relative;width:100%;transform:translate3d(0,1.6rem,0)}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}@media (max-width: 800px){.mdl-experiencias .experiencias-swiper{max-width:100%}}@media (max-width: 600px){.mdl-experiencias .header-module{text-align:left;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin:0 auto;width:100%}}@media (max-width: 600px) and (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}@media (max-width: 600px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:calc(100% - 7.4rem);margin:auto}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto{padding-left:0!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto ul li{padding-left:0}.mdl-experiencias .arrows-navigation{position:relative;width:100%;display:flex;flex-direction:row;gap:1.5rem;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:3.3rem}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{position:relative;left:inherit;right:inherit}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
15741
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4SliC2TxtImgComponent, isStandalone: true, selector: "ces-c4-sli-c2-txt-img", inputs: { items: "items", texts: "texts" }, viewQueries: [{ propertyName: "swiperRoot", first: true, predicate: ["swiperRoot"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-experiencias\">\n <div class=\"container\">\n @if (texts) {\n <div class=\"header-module\">\n @if (texts.title || texts.subtitle) {\n <h2 [innerHTML]=\"texts.title\">\n <br />\n <span [innerHTML]=\"texts.subtitle\"></span>\n </h2>\n }\n @if (texts.description) {\n <p [innerText]=\"texts.description\"></p>\n }\n </div>\n }\n\n @if (items?.length) {\n <div class=\"swiper experiencias-swiper\" #swiperRoot>\n <div class=\"swiper-wrapper\">\n @for (slide of items; track $index) {\n @if (slide) {\n <div class=\"swiper-slide experiencia\">\n <div class=\"content-slide\">\n <div class=\"imagen\">\n <img\n [src]=\"slide.images?.[0]?.src\"\n [alt]=\"slide.images?.[0]?.alt\"\n />\n </div>\n <div class=\"arrows-navigation\">\n <div\n class=\"swiper-button-prev mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slidePrev()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.84717 0.5L0.707031 6.64014L6.84717 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n <div\n class=\"swiper-button-next mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slideNext()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.500488 0.5L6.64062 6.64014L0.500488 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n </div>\n @if (slide.texts) {\n <div class=\"texto\">\n @if (slide.texts.title) {\n <h3\n [innerHTML]=\"\n slide.texts.title\n \"\n ></h3>\n }\n @if (slide.texts.subtitle) {\n <h4\n [innerHTML]=\"\n slide.texts.subtitle\n \"\n ></h4>\n }\n\n @if (slide.texts.description) {\n <div class=\"content-texto\">\n <p\n [innerHTML]=\"\n slide.texts\n .description\n \"\n ></p>\n </div>\n }\n @if (slide.buttons?.length) {\n <a\n [href]=\"\n slide.buttons?.[0]?.url\n \"\n [linkType]=\"\n slide.buttons?.[0]\n ?.linkType\n \"\n class=\"m-button-clean\"\n [attr.aria-label]=\"\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]?.name\n \"\n >\n {{\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]\n ?.name\n }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n ></path>\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n ></path>\n </svg>\n </a>\n }\n </div>\n }\n </div>\n </div>\n }\n }\n </div>\n\n <div class=\"swiper-button-prev desktop\"></div>\n <div class=\"swiper-button-next desktop\"></div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:clip-path .3s ease;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{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)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias{padding:6rem 0;background-color:#fff;font-family:Inter,sans-serif;max-width:144rem;margin:auto}.mdl-experiencias .header-module{text-align:left;max-width:54.6rem;margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem}@media (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}.mdl-experiencias .header-module p{color:#54565a;margin:0 auto;margin-left:8.9rem;width:calc(100% - 8.9rem)}.mdl-experiencias .experiencias-swiper{padding:0 0 0 6rem;position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia{display:flex;align-items:flex-start;justify-content:space-between}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen{position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen:before{content:\"\";display:block;position:absolute;top:-1px;right:-1px;background-color:#fff;width:47%;height:3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen img{width:100%;height:auto}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h3{font-family:josefinsans,sans-serif;font-weight:300;font-size:3.7rem;line-height:100%;color:#b7985d;margin-bottom:5px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h4{font-family:josefinsans,sans-serif;font-weight:300;font-size:2.3rem;line-height:100%;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto{padding-left:6.3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul{list-style:none;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;padding-left:0}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li:before{content:none}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .nota,.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .precio{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;margin-bottom:20px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .btn-reservar{display:inline-block;font-size:13px;letter-spacing:1px;color:#b28b4e;text-decoration:none;border-bottom:1px solid #b28b4e;padding-bottom:3px}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{color:#fcfaf8}.mdl-experiencias .swiper-button-prev:not(.mobile),.mdl-experiencias .swiper-button-next:not(.mobile){color:#b28b4e}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{border:1px solid #b28b4e;width:34px;height:34px;top:0;margin-top:0}.mdl-experiencias .swiper-button-prev svg,.mdl-experiencias .swiper-button-next svg{height:1.2rem;position:absolute}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{color:#fff}.mdl-experiencias .swiper-button-prev:hover svg path,.mdl-experiencias .swiper-button-next:hover svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{background-color:#b7985d;transition:.3s}.mdl-experiencias .swiper-button-prev:hover:after svg,.mdl-experiencias .swiper-button-next:hover:after svg{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover:after svg path,.mdl-experiencias .swiper-button-next:hover:after svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:none}.mdl-experiencias .swiper-button-prev:after,.mdl-experiencias .swiper-button-next:after{font-size:1.2rem}@media (max-width: 1080px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:calc(100% - 5rem)}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:42rem;margin:auto}.mdl-experiencias .arrows-navigation{position:relative;width:100%;transform:translate3d(0,1.6rem,0)}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}@media (max-width: 800px){.mdl-experiencias .experiencias-swiper{max-width:100%}}@media (max-width: 600px){.mdl-experiencias .header-module{text-align:left;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin:0 auto;width:100%}}@media (max-width: 600px) and (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}@media (max-width: 600px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:calc(100% - 7.4rem);margin:auto}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto{padding-left:0!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto ul li{padding-left:0}.mdl-experiencias .arrows-navigation{position:relative;width:100%;display:flex;flex-direction:row;gap:1.5rem;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:3.3rem}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{position:relative;left:inherit;right:inherit}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
15404
15742
  }
15405
15743
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4SliC2TxtImgComponent, decorators: [{
15406
15744
  type: Component,
15407
- args: [{ selector: 'ces-c4-sli-c2-txt-img', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], encapsulation: ViewEncapsulation.None, template: "<section class=\"mdl-experiencias\">\n <div class=\"container\">\n @if (texts) {\n <div class=\"header-module\">\n @if (texts.title || texts.subtitle) {\n <h2 [innerHTML]=\"texts.title\">\n <br />\n <span [innerHTML]=\"texts.subtitle\"></span>\n </h2>\n }\n @if (texts.description) {\n <p [innerText]=\"texts.description\"></p>\n }\n </div>\n }\n\n @if (items?.length) {\n <div class=\"swiper experiencias-swiper\" #swiperRoot>\n <div class=\"swiper-wrapper\">\n @for (slide of items; track $index) {\n @if (slide) {\n <div class=\"swiper-slide experiencia\">\n <div class=\"content-slide\">\n <div class=\"imagen\">\n <img\n [src]=\"slide.images?.src\"\n [alt]=\"slide.images?.alt\"\n />\n </div>\n <div class=\"arrows-navigation\">\n <div\n class=\"swiper-button-prev mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slidePrev()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.84717 0.5L0.707031 6.64014L6.84717 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n <div\n class=\"swiper-button-next mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slideNext()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.500488 0.5L6.64062 6.64014L0.500488 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n </div>\n @if (slide.texts) {\n <div class=\"texto\">\n @if (slide.texts.title) {\n <h3\n [innerHTML]=\"\n slide.texts.title\n \"\n ></h3>\n }\n @if (slide.texts.subtitle) {\n <h4\n [innerHTML]=\"\n slide.texts.subtitle\n \"\n ></h4>\n }\n\n @if (slide.texts.description) {\n <div class=\"content-texto\">\n <p\n [innerHTML]=\"\n slide.texts\n .description\n \"\n ></p>\n </div>\n }\n @if (slide.buttons?.length) {\n <a\n [href]=\"\n slide.buttons?.[0]?.url\n \"\n [linkType]=\"\n slide.buttons?.[0]\n ?.linkType\n \"\n class=\"m-button-clean\"\n [attr.aria-label]=\"\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]?.name\n \"\n >\n {{\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]\n ?.name\n }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n ></path>\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n ></path>\n </svg>\n </a>\n }\n </div>\n }\n </div>\n </div>\n }\n }\n </div>\n\n <div class=\"swiper-button-prev desktop\"></div>\n <div class=\"swiper-button-next desktop\"></div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:clip-path .3s ease;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{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)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias{padding:6rem 0;background-color:#fff;font-family:Inter,sans-serif;max-width:144rem;margin:auto}.mdl-experiencias .header-module{text-align:left;max-width:54.6rem;margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem}@media (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}.mdl-experiencias .header-module p{color:#54565a;margin:0 auto;margin-left:8.9rem;width:calc(100% - 8.9rem)}.mdl-experiencias .experiencias-swiper{padding:0 0 0 6rem;position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia{display:flex;align-items:flex-start;justify-content:space-between}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen{position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen:before{content:\"\";display:block;position:absolute;top:-1px;right:-1px;background-color:#fff;width:47%;height:3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen img{width:100%;height:auto}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h3{font-family:josefinsans,sans-serif;font-weight:300;font-size:3.7rem;line-height:100%;color:#b7985d;margin-bottom:5px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h4{font-family:josefinsans,sans-serif;font-weight:300;font-size:2.3rem;line-height:100%;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto{padding-left:6.3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul{list-style:none;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;padding-left:0}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li:before{content:none}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .nota,.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .precio{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;margin-bottom:20px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .btn-reservar{display:inline-block;font-size:13px;letter-spacing:1px;color:#b28b4e;text-decoration:none;border-bottom:1px solid #b28b4e;padding-bottom:3px}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{color:#fcfaf8}.mdl-experiencias .swiper-button-prev:not(.mobile),.mdl-experiencias .swiper-button-next:not(.mobile){color:#b28b4e}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{border:1px solid #b28b4e;width:34px;height:34px;top:0;margin-top:0}.mdl-experiencias .swiper-button-prev svg,.mdl-experiencias .swiper-button-next svg{height:1.2rem;position:absolute}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{color:#fff}.mdl-experiencias .swiper-button-prev:hover svg path,.mdl-experiencias .swiper-button-next:hover svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{background-color:#b7985d;transition:.3s}.mdl-experiencias .swiper-button-prev:hover:after svg,.mdl-experiencias .swiper-button-next:hover:after svg{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover:after svg path,.mdl-experiencias .swiper-button-next:hover:after svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:none}.mdl-experiencias .swiper-button-prev:after,.mdl-experiencias .swiper-button-next:after{font-size:1.2rem}@media (max-width: 1080px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:calc(100% - 5rem)}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:42rem;margin:auto}.mdl-experiencias .arrows-navigation{position:relative;width:100%;transform:translate3d(0,1.6rem,0)}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}@media (max-width: 800px){.mdl-experiencias .experiencias-swiper{max-width:100%}}@media (max-width: 600px){.mdl-experiencias .header-module{text-align:left;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin:0 auto;width:100%}}@media (max-width: 600px) and (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}@media (max-width: 600px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:calc(100% - 7.4rem);margin:auto}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto{padding-left:0!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto ul li{padding-left:0}.mdl-experiencias .arrows-navigation{position:relative;width:100%;display:flex;flex-direction:row;gap:1.5rem;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:3.3rem}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{position:relative;left:inherit;right:inherit}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}\n"] }]
15745
+ args: [{ selector: 'ces-c4-sli-c2-txt-img', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], encapsulation: ViewEncapsulation.None, template: "<section class=\"mdl-experiencias\">\n <div class=\"container\">\n @if (texts) {\n <div class=\"header-module\">\n @if (texts.title || texts.subtitle) {\n <h2 [innerHTML]=\"texts.title\">\n <br />\n <span [innerHTML]=\"texts.subtitle\"></span>\n </h2>\n }\n @if (texts.description) {\n <p [innerText]=\"texts.description\"></p>\n }\n </div>\n }\n\n @if (items?.length) {\n <div class=\"swiper experiencias-swiper\" #swiperRoot>\n <div class=\"swiper-wrapper\">\n @for (slide of items; track $index) {\n @if (slide) {\n <div class=\"swiper-slide experiencia\">\n <div class=\"content-slide\">\n <div class=\"imagen\">\n <img\n [src]=\"slide.images?.[0]?.src\"\n [alt]=\"slide.images?.[0]?.alt\"\n />\n </div>\n <div class=\"arrows-navigation\">\n <div\n class=\"swiper-button-prev mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slidePrev()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.84717 0.5L0.707031 6.64014L6.84717 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n <div\n class=\"swiper-button-next mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slideNext()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.500488 0.5L6.64062 6.64014L0.500488 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n </div>\n @if (slide.texts) {\n <div class=\"texto\">\n @if (slide.texts.title) {\n <h3\n [innerHTML]=\"\n slide.texts.title\n \"\n ></h3>\n }\n @if (slide.texts.subtitle) {\n <h4\n [innerHTML]=\"\n slide.texts.subtitle\n \"\n ></h4>\n }\n\n @if (slide.texts.description) {\n <div class=\"content-texto\">\n <p\n [innerHTML]=\"\n slide.texts\n .description\n \"\n ></p>\n </div>\n }\n @if (slide.buttons?.length) {\n <a\n [href]=\"\n slide.buttons?.[0]?.url\n \"\n [linkType]=\"\n slide.buttons?.[0]\n ?.linkType\n \"\n class=\"m-button-clean\"\n [attr.aria-label]=\"\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]?.name\n \"\n >\n {{\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]\n ?.name\n }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n ></path>\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n ></path>\n </svg>\n </a>\n }\n </div>\n }\n </div>\n </div>\n }\n }\n </div>\n\n <div class=\"swiper-button-prev desktop\"></div>\n <div class=\"swiper-button-next desktop\"></div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:clip-path .3s ease;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{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)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias{padding:6rem 0;background-color:#fff;font-family:Inter,sans-serif;max-width:144rem;margin:auto}.mdl-experiencias .header-module{text-align:left;max-width:54.6rem;margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem}@media (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}.mdl-experiencias .header-module p{color:#54565a;margin:0 auto;margin-left:8.9rem;width:calc(100% - 8.9rem)}.mdl-experiencias .experiencias-swiper{padding:0 0 0 6rem;position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia{display:flex;align-items:flex-start;justify-content:space-between}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen{position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen:before{content:\"\";display:block;position:absolute;top:-1px;right:-1px;background-color:#fff;width:47%;height:3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen img{width:100%;height:auto}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h3{font-family:josefinsans,sans-serif;font-weight:300;font-size:3.7rem;line-height:100%;color:#b7985d;margin-bottom:5px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h4{font-family:josefinsans,sans-serif;font-weight:300;font-size:2.3rem;line-height:100%;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto{padding-left:6.3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul{list-style:none;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;padding-left:0}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li:before{content:none}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .nota,.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .precio{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;margin-bottom:20px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .btn-reservar{display:inline-block;font-size:13px;letter-spacing:1px;color:#b28b4e;text-decoration:none;border-bottom:1px solid #b28b4e;padding-bottom:3px}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{color:#fcfaf8}.mdl-experiencias .swiper-button-prev:not(.mobile),.mdl-experiencias .swiper-button-next:not(.mobile){color:#b28b4e}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{border:1px solid #b28b4e;width:34px;height:34px;top:0;margin-top:0}.mdl-experiencias .swiper-button-prev svg,.mdl-experiencias .swiper-button-next svg{height:1.2rem;position:absolute}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{color:#fff}.mdl-experiencias .swiper-button-prev:hover svg path,.mdl-experiencias .swiper-button-next:hover svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{background-color:#b7985d;transition:.3s}.mdl-experiencias .swiper-button-prev:hover:after svg,.mdl-experiencias .swiper-button-next:hover:after svg{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover:after svg path,.mdl-experiencias .swiper-button-next:hover:after svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:none}.mdl-experiencias .swiper-button-prev:after,.mdl-experiencias .swiper-button-next:after{font-size:1.2rem}@media (max-width: 1080px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:calc(100% - 5rem)}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:42rem;margin:auto}.mdl-experiencias .arrows-navigation{position:relative;width:100%;transform:translate3d(0,1.6rem,0)}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}@media (max-width: 800px){.mdl-experiencias .experiencias-swiper{max-width:100%}}@media (max-width: 600px){.mdl-experiencias .header-module{text-align:left;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin:0 auto;width:100%}}@media (max-width: 600px) and (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}@media (max-width: 600px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:calc(100% - 7.4rem);margin:auto}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto{padding-left:0!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto ul li{padding-left:0}.mdl-experiencias .arrows-navigation{position:relative;width:100%;display:flex;flex-direction:row;gap:1.5rem;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:3.3rem}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{position:relative;left:inherit;right:inherit}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}\n"] }]
15408
15746
  }], propDecorators: { swiperRoot: [{
15409
15747
  type: ViewChild,
15410
15748
  args: ['swiperRoot']
@@ -16922,5 +17260,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
16922
17260
  * Generated bundle index. Do not edit.
16923
17261
  */
16924
17262
 
16925
- export { Babylon404Component, BabylonActionBannerComponent, BabylonAdvantagesComponent, BabylonAdvantagesV2Component, BabylonAvC4ImgTextComponent, BabylonAvImgSocialComponent, BabylonAvTxtIcoComponent, BabylonBaImgTxtComponent, BabylonBaSliImgTxtComponent, BabylonBannerGalleryComponent, BabylonBannerInfoComponent, BabylonBannerNewsletterComponent, BabylonBlogDetailsComponent, BabylonBlogListComponent, BabylonBreadcrumbComponent, BabylonColorPickerComponent, BabylonComingsoonComponent, BabylonContactAddressComponent, BabylonContactFormComponent, BabylonContactFormV2Component, BabylonContactHowComponent, BabylonContactMapComponent, BabylonContainerTextL2Component, BabylonDynamicHeadingComponent, BabylonEngineComponent, BabylonEngineModalComponent, BabylonExternalScriptComponent, BabylonFaqComponent, BabylonFaqV2Component, BabylonFeaturePillsComponent, BabylonFeaturePillsNumberComponent, BabylonFeaturesSliderComponent, BabylonFilterModalComponent, BabylonFloatingButtonsComponent, BabylonFoAddrContImgComponent, BabylonFoC3ImgTxtComponent, BabylonFoLisC4TxtComponent, BabylonFoSliImgComponent, BabylonFooterContactComponent, BabylonFooterLinksComponent, BabylonFooterLogosComponent, BabylonFooterSocialComponent, BabylonFooterSocialI, BabylonGalleryComponent, BabylonGalleryV2Component, BabylonGlobalModalComponent, BabylonGrC2ImgComponent, BabylonGridGalleryComponent, BabylonGuestsPopupComponent, BabylonHeSvgListComponent, BabylonHeadIntroComponent, BabylonHeaderBookShowComponent, BabylonHeaderClearComponent, BabylonHeaderClearV2Component, BabylonHeaderMenuCenterComponent, BabylonHeaderMenuLogoCenterComponent, BabylonHeaderMenuShowComponent, BabylonHeaderMobileComponent, BabylonHotelsListComponent, BabylonHotelsSliderComponent, BabylonImgBannerComponent, BabylonInfo2ColImgComponent, BabylonInfo2imgBigComponent, BabylonInfo2imgComponent, BabylonInfo3imgComponent, BabylonInfo4imgComponent, BabylonInfoBigComponent, BabylonInfoBigV2Component, BabylonInfoBigV3Component, BabylonInfoCircleImgsComponent, BabylonInfoGridComponent, BabylonInfoGridI, BabylonInfoImgComponent, BabylonInfoImgSliderComponent, BabylonInfoImgV2Component, BabylonInfoIntroComponent, BabylonInfoShowImgComponent, BabylonInfoZigZagComponent, BabylonInfoZigZagCounterComponent, BabylonInfoZigzagV2Component, BabylonInfoZigzagV4Component, BabylonItemsGridComponent, BabylonLanguageModalComponent, BabylonLanguageModalV2Component, BabylonLanguageModalV3Component, BabylonLegalComponent, BabylonLisC2TxtComponent, BabylonLisC4TxtIcoComponent, BabylonLisSvgTxtCtaComponent, BabylonListBoxInfoComponent, BabylonListC3ImgTxtComponent, BabylonListGridComponent, BabylonListGridI, BabylonListImgComponent, BabylonListImgInfoComponent, BabylonListImgV2Component, BabylonLoyaltyTableComponent, BabylonModalMultipleMotorsComponent, BabylonModalService, BabylonNewsletterComponent, BabylonNewsletterI, BabylonNewsletterModalV2Component, BabylonOfferDetailComponent, BabylonOfferDetailV2Component, BabylonOfferPopupComponent, BabylonOfferPopupComponentV2, BabylonOfferPopupV3Component, BabylonOfferSliderComponent, BabylonOffersListComponent, BabylonOffersSliderComponent, BabylonPreloadComponent, BabylonPressListComponent, BabylonRoomDetailsComponent, BabylonRoomsColsComponent, BabylonRoomsGridComponent, BabylonRoomsListComponent, BabylonRoomsListV2Component, BabylonRoomsSliderComponent, BabylonServicesSliderComponent, BabylonSimpleImgInfoComponent, BabylonSliC1ImgTextComponent, BabylonSliC5ImgTxtComponent, BabylonSlider2colComponent, BabylonSlider2colV2Component, BabylonSlider2itemsComponent, BabylonSlider3ColComponent, BabylonSlider3colClearComponent, BabylonSlider3colV2Component, BabylonSlider3itemsComponent, BabylonSlider4colComponent, BabylonSliderBoxComponent, BabylonSliderImgStaticComponent, BabylonSliderImgStaticV2Component, BabylonSliderImgVideoComponent, BabylonSocialBarComponent, BabylonSocialBarV2Component, BabylonStaticFooterComponent, BabylonStaticFooterV2Component, BabylonStaticFooterV3Component, BabylonSubmenuHotelComponent, BabylonThanksComponent, BabylonTopSimpleBannerComponent, BabylonTopSimpleImgComponent, BabylonTopSliderComponent, BabylonTopSliderThumbsComponent, BabylonTopSliderV2Component, BabylonTopSliderVideoComponent, BabylonTopSliderVideoV2Component, BabylonVariantSelectorComponent, BabylonWebmapComponent, BabylonWebmapV2Component, ButtonType, C2ImgTxtSvgComponent, C2TxtCtaComponent, C2TxtCtaDesComponent, C2TxtMdh005Component, C2TxtRrssComponent, C3TxtImgCtaComponent, C4C1ImgTxtCComponent, C4C1ImgTxtComponent, C4C1TxtComponent, C4FoLinkSvgComponent, C4ForC2TxtComponent, C4HeImgTxtComponent, C4LisC2ImgTxtComponent, C4MeTxtSvgCtaComponent, C4SliC2ImgTxtCComponent, C4SliC2TxtImgComponent, C4TxtSvgComponent, CarC2TxtCtaComponent, H04SliderTextComponent, LisC2ImgTxtCv4Component, LisC2TxtImgComponent, LisC2TxtImgSvgCComponent, LisC3TxtImgCtComponent, LisC4TxtDesCtaComponent, ListRoomsComponent, LogoType, MapperService, SCREEN_SIZER_PARAMS_TOKEN, SITE_CONFIG_SERVICE_TOKEN, SafeHtmlPipe, ScreenSizerService, SliC1ImgSvgComponent, SliC2ImgComponent, SliC2ImgTxtCtaV3Component, SliC2ImgTxtCv5Component, SliC2TxtCarImgCComponent, SliC2TxtImgSvgCComponent, Utils, complex_links, organization_name };
17263
+ export { Babylon404Component, BabylonActionBannerComponent, BabylonAdvantagesComponent, BabylonAdvantagesV2Component, BabylonAvC4ImgTextComponent, BabylonAvImgSocialComponent, BabylonAvTxtIcoComponent, BabylonBaImgTxtComponent, BabylonBaSliImgTxtComponent, BabylonBannerGalleryComponent, BabylonBannerInfoComponent, BabylonBannerNewsletterComponent, BabylonBlogDetailsComponent, BabylonBlogListComponent, BabylonBookingWidgetComponent, BabylonBreadcrumbComponent, BabylonColorPickerComponent, BabylonComingsoonComponent, BabylonContactAddressComponent, BabylonContactFormComponent, BabylonContactFormV2Component, BabylonContactHowComponent, BabylonContactMapComponent, BabylonContainerTextL2Component, BabylonDynamicHeadingComponent, BabylonEngineComponent, BabylonEngineModalComponent, BabylonExternalScriptComponent, BabylonFaqComponent, BabylonFaqV2Component, BabylonFeaturePillsComponent, BabylonFeaturePillsNumberComponent, BabylonFeaturesSliderComponent, BabylonFilterModalComponent, BabylonFloatingButtonsComponent, BabylonFoAddrContImgComponent, BabylonFoC3ImgTxtComponent, BabylonFoLisC4TxtComponent, BabylonFoSliImgComponent, BabylonFooterContactComponent, BabylonFooterLinksComponent, BabylonFooterLogosComponent, BabylonFooterSocialComponent, BabylonFooterSocialI, BabylonGalleryComponent, BabylonGalleryV2Component, BabylonGlobalModalComponent, BabylonGrC2ImgComponent, BabylonGridGalleryComponent, BabylonGuestsPopupComponent, BabylonHeSvgListComponent, BabylonHeadIntroComponent, BabylonHeaderBookShowComponent, BabylonHeaderClearComponent, BabylonHeaderClearV2Component, BabylonHeaderMenuCenterComponent, BabylonHeaderMenuLogoCenterComponent, BabylonHeaderMenuShowComponent, BabylonHeaderMobileComponent, BabylonHotelsListComponent, BabylonHotelsSliderComponent, BabylonImgBannerComponent, BabylonInfo2ColImgComponent, BabylonInfo2imgBigComponent, BabylonInfo2imgComponent, BabylonInfo3imgComponent, BabylonInfo4imgComponent, BabylonInfoBigComponent, BabylonInfoBigV2Component, BabylonInfoBigV3Component, BabylonInfoCircleImgsComponent, BabylonInfoGridComponent, BabylonInfoGridI, BabylonInfoImgComponent, BabylonInfoImgSliderComponent, BabylonInfoImgV2Component, BabylonInfoIntroComponent, BabylonInfoShowImgComponent, BabylonInfoZigZagComponent, BabylonInfoZigZagCounterComponent, BabylonInfoZigzagV2Component, BabylonInfoZigzagV4Component, BabylonItemsGridComponent, BabylonLanguageModalComponent, BabylonLanguageModalV2Component, BabylonLanguageModalV3Component, BabylonLegalComponent, BabylonLisC2TxtComponent, BabylonLisC4TxtIcoComponent, BabylonLisSvgTxtCtaComponent, BabylonListBoxInfoComponent, BabylonListC3ImgTxtComponent, BabylonListGridComponent, BabylonListGridI, BabylonListImgComponent, BabylonListImgInfoComponent, BabylonListImgV2Component, BabylonLoyaltyTableComponent, BabylonModalMultipleMotorsComponent, BabylonModalService, BabylonNewsletterComponent, BabylonNewsletterI, BabylonNewsletterModalV2Component, BabylonOfferDetailComponent, BabylonOfferDetailV2Component, BabylonOfferPopupComponent, BabylonOfferPopupComponentV2, BabylonOfferPopupV3Component, BabylonOfferSliderComponent, BabylonOffersListComponent, BabylonOffersSliderComponent, BabylonPreloadComponent, BabylonPressListComponent, BabylonRoomDetailsComponent, BabylonRoomsColsComponent, BabylonRoomsGridComponent, BabylonRoomsListComponent, BabylonRoomsListV2Component, BabylonRoomsSliderComponent, BabylonServicesSliderComponent, BabylonSimpleImgInfoComponent, BabylonSliC1ImgTextComponent, BabylonSliC5ImgTxtComponent, BabylonSlider2colComponent, BabylonSlider2colV2Component, BabylonSlider2itemsComponent, BabylonSlider3ColComponent, BabylonSlider3colClearComponent, BabylonSlider3colV2Component, BabylonSlider3itemsComponent, BabylonSlider4colComponent, BabylonSliderBoxComponent, BabylonSliderImgStaticComponent, BabylonSliderImgStaticV2Component, BabylonSliderImgVideoComponent, BabylonSocialBarComponent, BabylonSocialBarV2Component, BabylonStaticFooterComponent, BabylonStaticFooterV2Component, BabylonStaticFooterV3Component, BabylonSubmenuHotelComponent, BabylonThanksComponent, BabylonTopSimpleBannerComponent, BabylonTopSimpleImgComponent, BabylonTopSliderComponent, BabylonTopSliderThumbsComponent, BabylonTopSliderV2Component, BabylonTopSliderVideoComponent, BabylonTopSliderVideoV2Component, BabylonVariantSelectorComponent, BabylonWebmapComponent, BabylonWebmapV2Component, ButtonType, C2ImgTxtSvgComponent, C2TxtCtaComponent, C2TxtCtaDesComponent, C2TxtMdh005Component, C2TxtRrssComponent, C3TxtImgCtaComponent, C4C1ImgTxtCComponent, C4C1ImgTxtComponent, C4C1TxtComponent, C4FoLinkSvgComponent, C4ForC2TxtComponent, C4HeImgTxtComponent, C4LisC2ImgTxtComponent, C4MeTxtSvgCtaComponent, C4SliC2ImgTxtCComponent, C4SliC2TxtImgComponent, C4TxtSvgComponent, CarC2TxtCtaComponent, H04SliderTextComponent, LisC2ImgTxtCv4Component, LisC2TxtImgComponent, LisC2TxtImgSvgCComponent, LisC3TxtImgCtComponent, LisC4TxtDesCtaComponent, ListRoomsComponent, LogoType, MapperService, SCREEN_SIZER_PARAMS_TOKEN, SITE_CONFIG_SERVICE_TOKEN, SafeHtmlPipe, ScreenSizerService, SliC1ImgSvgComponent, SliC2ImgComponent, SliC2ImgTxtCtaV3Component, SliC2ImgTxtCv5Component, SliC2TxtCarImgCComponent, SliC2TxtImgSvgCComponent, Utils, complex_links, organization_name };
16926
17264
  //# sourceMappingURL=ctt-babylon.mjs.map