npm - ctt-babylon - Versions diffs - 0.10.36 → 0.10.38 - Mend

ctt-babylon 0.10.36 → 0.10.38

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 (34) hide show

package/fesm2022/ctt-babylon.mjs CHANGED Viewed

@@ -1352,11 +1352,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 class BabylonAvC4ImgTextComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonAvC4ImgTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    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 }] }); }
+    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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonAvC4ImgTextComponent, decorators: [{
             type: Component,
-            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"] }]
+            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"] }]
         }], propDecorators: { texts: [{
                 type: Input
             }], buttons: [{
@@ -1365,6 +1365,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }] } });
+// tag.utils.ts
+/**
+ * Devuelve todos los items que tengan el tag indicado.
+ * Soporta:
+ * - item.tag: string
+ * - item.tag: string[]
+ * - item.tag: { name: string }[]
+ */
+function filterByTag(items, tagName) {
+    if (!items?.length)
+        return [];
+    return items.filter((item) => {
+        if (!item || item.tag == null)
+            return false;
+        // Normalizamos a array
+        const tags = Array.isArray(item.tag) ? item.tag : [item.tag];
+        return tags.some((t) => {
+            if (typeof t === 'string') {
+                return t === tagName;
+            }
+            if (t && typeof t === 'object') {
+                return t.name === tagName;
+            }
+            return false;
+        });
+    });
+}
+/**
+ * Devuelve el primer item que tenga el tag indicado.
+ */
+function findFirstByTag(items, tagName) {
+    return filterByTag(items, tagName)[0];
+}
+function getImagesByTagFromMultimedia(multimedia, tagName) {
+    return filterByTag(multimedia?.imagenes, tagName);
+}
+function getFirstImageByTagFromMultimedia(multimedia, tagName) {
+    return findFirstByTag(multimedia?.imagenes, tagName);
+}
+function getFirstImageByTagFromImages(imagenes, tagName) {
+    return findFirstByTag(imagenes, tagName);
+}
 class BabylonAvSocialSwiperDirective {
     static { this.instances = []; }
     static { this.listenersInitialized = false; }
@@ -1498,13 +1542,75 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
         }], ctorParameters: () => [{ type: i0.ElementRef }] });
 class BabylonAvImgSocialComponent {
+    constructor() {
+        // 4 sliders
+        this.sliders = [[], [], [], []];
+    }
+    ngOnChanges() {
+        this.buildSliders();
+    }
+    // Por si sigues usando esto en el template
+    getImagesByTag(tagName) {
+        return getImagesByTagFromMultimedia(this.multimedia, tagName);
+    }
+    buildSliders() {
+        // reset
+        this.sliders = [[], [], [], []];
+        if (!this.multimedia)
+            return;
+        const usedSrc = new Set();
+        const tagNames = [
+            'AvImgSocialC1',
+            'AvImgSocialC2',
+            'AvImgSocialC3',
+            'AvImgSocialC4',
+        ];
+        // 1) Primero rellenamos cada slider con sus imágenes taggeadas
+        tagNames.forEach((tag, index) => {
+            const taggedImages = getImagesByTagFromMultimedia(this.multimedia, tag) ?? [];
+            const uniques = taggedImages.filter((img) => {
+                if (!img?.src)
+                    return false;
+                if (usedSrc.has(img.src))
+                    return false;
+                usedSrc.add(img.src);
+                return true;
+            });
+            this.sliders[index].push(...uniques);
+        });
+        // 2) Sacamos TODAS las imágenes de multimedia
+        const allImages = this.getAllImages();
+        // 3) Filtramos las que no se han usado todavía (sin tag o con otros tags)
+        const leftovers = allImages.filter((img) => img?.src && !usedSrc.has(img.src));
+        // 4) Repartimos las sobrantes en los 4 sliders en round-robin
+        leftovers.forEach((img, i) => {
+            const col = i % 4;
+            this.sliders[col].push(img);
+        });
+    }
+    // Obtiene todas las imágenes de multimedia.imagenes
+    getAllImages() {
+        if (!this.multimedia?.imagenes?.length)
+            return [];
+        return this.multimedia.imagenes
+            .map((item) => item?.img)
+            .filter(Boolean);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonAvImgSocialComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    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]" }] }); }
+    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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonAvImgSocialComponent, decorators: [{
             type: Component,
-            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"] }]
-        }] });
+            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"] }]
+        }], propDecorators: { texts: [{
+                type: Input
+            }], multimedia: [{
+                type: Input
+            }], buttons: [{
+                type: Input
+            }], socialMedia: [{
+                type: Input
+            }] } });
 class BabylonAvTextIcoSwiperDirective {
     constructor(el) {
@@ -1617,25 +1723,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 class BabylonAvTxtIcoComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonAvTxtIcoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    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]" }] }); }
+    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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonAvTxtIcoComponent, decorators: [{
             type: Component,
-            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"] }]
-        }] });
+            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"] }]
+        }], propDecorators: { texts: [{
+                type: Input
+            }], buttons: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }] } });
 class BabylonBaImgTxtComponent {
     constructor() {
         this.reverse = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonBaImgTxtComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    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"] }] }); }
+    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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonBaImgTxtComponent, decorators: [{
             type: Component,
-            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"] }]
+            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"] }]
         }], propDecorators: { reverse: [{
                 type: Input
+            }], texts: [{
+                type: Input
+            }], multimedia: [{
+                type: Input
+            }], buttons: [{
+                type: Input
             }] } });
 class BabylonBaSliImgTxtComponent {
@@ -2606,9 +2724,7 @@ class MapperService {
             texts: props?.texts,
             rightSide: component.name?.toLowerCase().includes('right'),
             leftSide: component.name?.toLowerCase().includes('left'),
-            items: this.mapItems(props?.items ?? props?.Items ?? props?.multimedia?.imagenes) ??
-                this.mapRoomDetails(props?.rooms) ??
-                this.mapOffersGlobal(props?.offers),
+            items: this.mapGlobalItems(props),
             events: this.mapEventsGlobal(props?.events ?? props.event),
             offers: this.mapOffersGlobal(props?.offers),
             offer: this.mapOfferDetail(props),
@@ -2662,9 +2778,37 @@ class MapperService {
             id: hotel?.id,
             name: hotel?.name,
             order: hotel?.order,
+            texts: hotel?.texts,
+            multimedia: this.mapMultimedia(hotel?.multimedia),
+            images: hotel?.multimedia?.length
+                ? this.mapMultimedia(hotel?.multimedia)
+                : undefined,
             links: Utils.mapButtons(hotel?.link),
+            buttons: Utils.mapButtons(hotel?.link),
         }));
     }
+    mapGlobalItems(props) {
+        // Fuente principal de items
+        const rawItems = props?.items ?? props?.Items ?? props?.multimedia?.imagenes;
+        // 1) Intentamos mapear items “normales”
+        const mappedItems = this.mapItems(rawItems);
+        if (mappedItems != null) {
+            return mappedItems;
+        }
+        // 2) Si no hay items, probamos con rooms
+        const mappedRooms = this.mapRoomDetails(props?.rooms);
+        if (mappedRooms != null) {
+            return mappedRooms;
+        }
+        // 3) offers
+        const mappedOffers = this.mapOffersGlobal(props?.offers);
+        if (mappedOffers != null) {
+            return mappedOffers;
+        }
+        // 4) experiences
+        // 5) hoteles
+        return this.mapHotelsGlobal(props?.hotels);
+    }
     mapAddress(address) {
         return address?.map((address) => ({
             id: address?.id,
@@ -11829,50 +11973,6 @@ var TagType;
     TagType["SliderImgVideoSmall"] = "SliderImgVideoSmall";
 })(TagType || (TagType = {}));
-// tag.utils.ts
-/**
- * Devuelve todos los items que tengan el tag indicado.
- * Soporta:
- * - item.tag: string
- * - item.tag: string[]
- * - item.tag: { name: string }[]
- */
-function filterByTag(items, tagName) {
-    if (!items?.length)
-        return [];
-    return items.filter((item) => {
-        if (!item || item.tag == null)
-            return false;
-        // Normalizamos a array
-        const tags = Array.isArray(item.tag) ? item.tag : [item.tag];
-        return tags.some((t) => {
-            if (typeof t === 'string') {
-                return t === tagName;
-            }
-            if (t && typeof t === 'object') {
-                return t.name === tagName;
-            }
-            return false;
-        });
-    });
-}
-/**
- * Devuelve el primer item que tenga el tag indicado.
- */
-function findFirstByTag(items, tagName) {
-    return filterByTag(items, tagName)[0];
-}
-function getImagesByTagFromMultimedia(multimedia, tagName) {
-    return filterByTag(multimedia?.imagenes, tagName);
-}
-function getFirstImageByTagFromMultimedia(multimedia, tagName) {
-    return findFirstByTag(multimedia?.imagenes, tagName);
-}
-function getFirstImageByTagFromImages(imagenes, tagName) {
-    return findFirstByTag(imagenes, tagName);
-}
 class BabylonListImgComponent {
     constructor() {
         this.rightSide = false;
@@ -13009,12 +13109,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 class BabylonSliC5ImgTxtComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSliC5ImgTxtComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    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 }); }
+    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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSliC5ImgTxtComponent, decorators: [{
             type: Component,
-            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"] }]
-        }] });
+            args: [{ selector: 'lib-babylon-sli-c5-img-txt', standalone: true, imports: [
+                        CommonModule,
+                        BabylonSwiperSliderV2Directive,
+                        BabylonLinkTypeDirective,
+                    ], 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"] }]
+        }], propDecorators: { texts: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }] } });
 class BabylonSliderBoxComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSliderBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -14457,7 +14565,7 @@ var button = {
 	label: "m-button-sm",
 	url: "https://www.google.com/maps"
 };
-var defaultContent$f = {
+var defaultContent$h = {
 	reverse: reverse,
 	leftImage: leftImage,
 	infoSections: infoSections,
@@ -14466,7 +14574,7 @@ var defaultContent$f = {
 	button: button
 };
-const DEFAULT_CONTENT$a = defaultContent$f;
+const DEFAULT_CONTENT$a = defaultContent$h;
 class C2ImgTxtSvgComponent {
     constructor() {
         this.content = DEFAULT_CONTENT$a;
@@ -14576,7 +14684,7 @@ var faqs = [
 		answer: "Contáctanos y te ayudaremos a encontrar la mejor solución."
 	}
 ];
-var defaultContent$e = {
+var defaultContent$g = {
 	topPanel: topPanel,
 	bottomPanel: bottomPanel,
 	highlights: highlights,
@@ -14585,7 +14693,7 @@ var defaultContent$e = {
 class C2TxtCtaDesComponent {
     constructor() {
-        this.fallbackContent = defaultContent$e;
+        this.fallbackContent = defaultContent$g;
         this.content = this.fallbackContent;
         this.faqHeights = [];
         this.expandedFaqIndex = null;
@@ -14703,7 +14811,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }] } });
 var backgroundColor = "#fff9f9";
-var title$7 = "conecta con nosotros en";
+var title$8 = "conecta con nosotros en";
 var hashtag = "#alegriahotels";
 var icons = [
 	{
@@ -14732,14 +14840,14 @@ var icons = [
 		background: "#66C3C9"
 	}
 ];
-var defaultContent$d = {
+var defaultContent$f = {
 	backgroundColor: backgroundColor,
-	title: title$7,
+	title: title$8,
 	hashtag: hashtag,
 	icons: icons
 };
-const DEFAULT_CONTENT$8 = defaultContent$d;
+const DEFAULT_CONTENT$8 = defaultContent$f;
 class C2TxtRrssComponent {
     constructor() {
         this.content = DEFAULT_CONTENT$8;
@@ -14758,8 +14866,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }] } });
 var pretitle = "Hotel en costa almería";
-var title$6 = "Bienvenidos Alegria Palacio Mojácar";
-var description$3 = "Descubre el encanto de la costa andaluza, donde te proponemos unas vacaciones en pareja llenas de relax en la playa en Mojácar.";
+var title$7 = "Bienvenidos Alegria Palacio Mojácar";
+var description$4 = "Descubre el encanto de la costa andaluza, donde te proponemos unas vacaciones en pareja llenas de relax en la playa en Mojácar.";
 var withTopSpacing = false;
 var centerAlign = false;
 var tags = {
@@ -14767,10 +14875,10 @@ var tags = {
 	keyIconsCount: 3,
 	badge: "Solo Adultos"
 };
-var defaultContent$c = {
+var defaultContent$e = {
 	pretitle: pretitle,
-	title: title$6,
-	description: description$3,
+	title: title$7,
+	description: description$4,
 	withTopSpacing: withTopSpacing,
 	centerAlign: centerAlign,
 	tags: tags
@@ -14778,7 +14886,7 @@ var defaultContent$c = {
 class C2TxtMdh005Component {
     constructor() {
-        this.fallbackContent = defaultContent$c;
+        this.fallbackContent = defaultContent$e;
         this.content = this.fallbackContent;
     }
     trackByIndex(index) {
@@ -14798,7 +14906,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }] } });
-var left$1 = {
+var left$2 = {
 	image: {
 		url: "https://picsum.photos/600/500",
 		alt: "Habitación con luz natural"
@@ -14808,7 +14916,7 @@ var left$1 = {
 		label: "Ver condiciones"
 	}
 };
-var right = {
+var right$1 = {
 	image: {
 		url: "https://picsum.photos/800/600",
 		alt: "Vista del resort"
@@ -14816,14 +14924,14 @@ var right = {
 	title: "todo incluido",
 	text: "Disfruta del desayuno, la comida y la cena, están incluidos para una vacaciones prefectas."
 };
-var defaultContent$b = {
-	left: left$1,
-	right: right
+var defaultContent$d = {
+	left: left$2,
+	right: right$1
 };
 class C3TxtImgCtaComponent {
     constructor() {
-        this.fallbackContent = defaultContent$b;
+        this.fallbackContent = defaultContent$d;
         this.content = this.fallbackContent;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C3TxtImgCtaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -14981,7 +15089,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }] } });
-var left = {
+var left$1 = {
 	title: "Contacta",
 	text: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat."
 };
@@ -15045,7 +15153,7 @@ var form = {
 	}
 };
 var componentData$1 = {
-	left: left,
+	left: left$1,
 	form: form
 };
@@ -15117,7 +15225,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }] } });
-var title$5 = "LUXURY RESIDENCES & SUITES";
+var title$6 = "LUXURY RESIDENCES & SUITES";
 var logo = {
 	src: "/assets/babylon/images/branding/logomenu.svg",
 	alt: "Logo"
@@ -15191,7 +15299,7 @@ var languageItems = [
 	}
 ];
 var c4MeTxtSvgCtaData = {
-	title: title$5,
+	title: title$6,
 	logo: logo,
 	icon: icon$1,
 	iconclose: iconclose,
@@ -15295,7 +15403,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }] } });
-var header = {
+var header$1 = {
 	title: "Las mejores experiencias de",
 	highlight: "Torre de Canyamel Group",
 	description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam."
@@ -15353,7 +15461,7 @@ var slides$1 = [
 	}
 ];
 var componentData = {
-	header: header,
+	header: header$1,
 	slides: slides$1
 };
@@ -15400,11 +15508,11 @@ class C4SliC2TxtImgComponent {
         this.swiper?.destroy(true, true);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4SliC2TxtImgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    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 }); }
+    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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4SliC2TxtImgComponent, decorators: [{
             type: Component,
-            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"] }]
+            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"] }]
         }], propDecorators: { swiperRoot: [{
                 type: ViewChild,
                 args: ['swiperRoot']
@@ -15414,7 +15522,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }] } });
-var title$4 = "Lo más destacado";
+var title$5 = "Lo más destacado";
 var items$1 = [
 	{
 		icon: "/assets/babylon/svg/icons/mejora.svg",
@@ -15440,12 +15548,12 @@ var items$1 = [
 		subtitle: "Bajo petición y sujeto a disponibilidad"
 	}
 ];
-var defaultContent$a = {
-	title: title$4,
+var defaultContent$c = {
+	title: title$5,
 	items: items$1
 };
-const DEFAULT_CONTENT$7 = defaultContent$a;
+const DEFAULT_CONTENT$7 = defaultContent$c;
 class C4TxtSvgComponent {
     constructor() {
         this.content = DEFAULT_CONTENT$7;
@@ -15463,8 +15571,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }] } });
-var title$3 = "Destinos ALEGRIA";
-var description$2 = "Explora nuestras propuestas creadas para disfrutar del Mediterráneo durante todo el año.";
+var title$4 = "Destinos ALEGRIA";
+var description$3 = "Explora nuestras propuestas creadas para disfrutar del Mediterráneo durante todo el año.";
 var topLink = {
 	label: "Ver todas",
 	url: "#"
@@ -15508,15 +15616,15 @@ var cards$2 = [
 		}
 	}
 ];
-var defaultContent$9 = {
-	title: title$3,
-	description: description$2,
+var defaultContent$b = {
+	title: title$4,
+	description: description$3,
 	topLink: topLink,
 	cards: cards$2
 };
 Swiper.use([Navigation]);
-const DEFAULT_CONTENT$6 = defaultContent$9;
+const DEFAULT_CONTENT$6 = defaultContent$b;
 class CarC2TxtCtaComponent {
     constructor(host) {
         this.host = host;
@@ -15651,11 +15759,11 @@ var cards$1 = [
 		}
 	}
 ];
-var defaultContent$8 = {
+var defaultContent$a = {
 	cards: cards$1
 };
-const DEFAULT_CONTENT$5 = defaultContent$8;
+const DEFAULT_CONTENT$5 = defaultContent$a;
 class LisC2ImgTxtCv4Component {
     constructor() {
         this.content = DEFAULT_CONTENT$5;
@@ -15854,7 +15962,7 @@ var items = [
 var footerHighlight = "¿Sabes lo mejor de todo?";
 var footerComplement = "Que somos un hotel adults recommended que ha elaborado una receta exclusiva para ti.";
 var lensIcon = "/assets/babylon/svg/icons/lens.svg";
-var defaultContent$7 = {
+var defaultContent$9 = {
 	categories: categories,
 	rooms: rooms$1,
 	items: items,
@@ -15863,7 +15971,7 @@ var defaultContent$7 = {
 	lensIcon: lensIcon
 };
-const DEFAULT_CONTENT$4 = defaultContent$7;
+const DEFAULT_CONTENT$4 = defaultContent$9;
 class LisC2TxtImgComponent {
     constructor(host) {
         this.host = host;
@@ -16010,6 +16118,96 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 args: ['categoriesModal']
             }] } });
+var title$3 = "Las ofertas";
+var description$2 = "Tarifas especiales, descuentos únicos y el mejor precio online.";
+var offers = [
+	{
+		title: "Reservar por la web tiene muchas ventajas",
+		subtitle: "Alegria Group",
+		metricLabel: "Desde",
+		metricValue: "94€",
+		primaryButton: {
+			label: "Reservar ahora"
+		},
+		secondaryButton: {
+			label: "Más información"
+		},
+		tag: "oferta",
+		image: {
+			url: "https://picsum.photos/700/500",
+			alt: "Oferta destacada"
+		},
+		floatIcon: {
+			url: "/assets/babylon/svg/icons/happyvacations.svg",
+			alt: "Happy vacations"
+		},
+		duplicateFloatIcon: true
+	},
+	{
+		title: "Reservar por la web tiene muchas ventajas",
+		subtitle: "Alegria Group",
+		metricLabel: "Descuento",
+		metricValue: "8%",
+		primaryButton: {
+			label: "Reservar ahora"
+		},
+		secondaryButton: {
+			label: "Más información"
+		},
+		tag: "oferta",
+		image: {
+			url: "https://picsum.photos/700/502",
+			alt: "Oferta con descuento"
+		},
+		reverse: true
+	},
+	{
+		title: "Reservar por la web tiene muchas ventajas",
+		subtitle: "Alegria Group",
+		metricLabel: "Desde",
+		metricValue: "94€",
+		primaryButton: {
+			label: "Reservar ahora"
+		},
+		secondaryButton: {
+			label: "Más información"
+		},
+		tag: "oferta",
+		image: {
+			url: "https://picsum.photos/700/503",
+			alt: "Oferta especial"
+		},
+		floatIcon: {
+			url: "/assets/babylon/svg/icons/specialoffer.svg",
+			alt: "Special offer"
+		},
+		duplicateFloatIcon: true
+	}
+];
+var defaultContent$8 = {
+	title: title$3,
+	description: description$2,
+	offers: offers
+};
+class LisC2TxtImgSvgCComponent {
+    constructor() {
+        this.fallbackContent = defaultContent$8;
+        this.content = this.fallbackContent;
+    }
+    trackByIndex(index) {
+        return index;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC2TxtImgSvgCComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LisC2TxtImgSvgCComponent, isStandalone: true, selector: "lis-c2-txt-img-svg-c", inputs: { content: "content" }, ngImport: i0, template: "<section class=\"mdl-md005\">\n  <div class=\"mdl-container\">\n    <div class=\"m-content-top\">\n      <h2 class=\"m-title\">{{ content.title }}</h2>\n      <div class=\"m-text\">\n        {{ content.description }}\n      </div>\n    </div>\n\n    <div\n      class=\"m-oferta-item\"\n      *ngFor=\"let offer of content.offers; trackBy: trackByIndex\"\n      [class.reverse]=\"offer.reverse\"\n    >\n      <div class=\"mdl-content\">\n        <div class=\"m-left\">\n          <div class=\"m-content\">\n            <div class=\"m-top\">\n              <div class=\"m-title\">\n                {{ offer.title }}\n              </div>\n              <div class=\"m-texto\">{{ offer.subtitle }}</div>\n            </div>\n            <div class=\"m-bottom\">\n              <div class=\"m-left\">\n                <div class=\"m-texto\">{{ offer.metricLabel }}</div>\n                <div class=\"m-precio\">{{ offer.metricValue }}</div>\n              </div>\n              <div class=\"m-right\">\n                <ng-container *ngIf=\"offer.primaryButton as primary\">\n                  <a\n                    *ngIf=\"primary.url; else primaryFallback\"\n                    class=\"m-button-sm\"\n                    [ngClass]=\"primary.classes\"\n                    [href]=\"primary.url\"\n                    [attr.target]=\"primary.target || '_self'\"\n                    [attr.rel]=\"(primary.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n                    [attr.aria-label]=\"primary.ariaLabel || primary.label\"\n                  >\n                    <span>{{ primary.label }}</span>\n                  </a>\n                  <ng-template #primaryFallback>\n                    <button\n                      type=\"button\"\n                      class=\"m-button-sm\"\n                      [ngClass]=\"primary.classes\"\n                      [attr.aria-label]=\"primary.ariaLabel || primary.label\"\n                    >\n                      <span>{{ primary.label }}</span>\n                    </button>\n                  </ng-template>\n                </ng-container>\n                <ng-container *ngIf=\"offer.secondaryButton as secondary\">\n                  <a\n                    *ngIf=\"secondary.url; else secondaryFallback\"\n                    class=\"m-underline\"\n                    [ngClass]=\"secondary.classes\"\n                    [href]=\"secondary.url\"\n                    [attr.target]=\"secondary.target || '_self'\"\n                    [attr.rel]=\"(secondary.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n                    [attr.aria-label]=\"secondary.ariaLabel || secondary.label\"\n                  >\n                    <span>{{ secondary.label }}</span>\n                  </a>\n                  <ng-template #secondaryFallback>\n                    <button\n                      type=\"button\"\n                      class=\"m-underline\"\n                      [ngClass]=\"secondary.classes\"\n                      [attr.aria-label]=\"secondary.ariaLabel || secondary.label\"\n                    >\n                      <span>{{ secondary.label }}</span>\n                    </button>\n                  </ng-template>\n                </ng-container>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"m-right\">\n          <div class=\"m-tag\" *ngIf=\"offer.tag\">{{ offer.tag }}</div>\n          <img [src]=\"offer.image.url\" [alt]=\"offer.image.alt\" loading=\"lazy\" />\n          <img\n            *ngIf=\"offer.floatIcon\"\n            class=\"m-floatimg\"\n            [src]=\"offer.floatIcon.url\"\n            [alt]=\"offer.floatIcon.alt\"\n            loading=\"lazy\"\n          />\n        </div>\n      </div>\n      <img\n        *ngIf=\"offer.floatIcon && offer.duplicateFloatIcon !== false\"\n        class=\"m-floatimg\"\n        [src]=\"offer.floatIcon.url\"\n        [alt]=\"offer.floatIcon.alt\"\n        loading=\"lazy\"\n      />\n    </div>\n  </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-md005{padding:13.1rem 0}.mdl-md005 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:-14rem}.mdl-md005 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-title{width:40rem;color:#515050}.mdl-md005 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-text{width:62rem;color:#51505099;text-align:right}.mdl-md005 .mdl-container .m-oferta-item{width:100%;max-width:140rem;height:auto;padding:0!important;position:relative;background-color:#fff9f9;margin:20rem auto 0}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content{flex-direction:row-reverse}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content .m-right .m-tag{right:auto;left:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:100%;display:flex}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:40rem;padding:7rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{width:100%;border-bottom:1px solid #e4e4e4;padding-bottom:6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:100%}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.4rem;line-height:2.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;line-height:2.6rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{color:#515050;max-width:40rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-texto{margin-top:2.5rem;font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{width:100%;display:flex;padding-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-size:3.8rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline{color:#515050}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline:hover{color:#ed3b37}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:50%;position:relative}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.1rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{color:#fff;position:absolute;top:2rem;right:2rem;background-color:#ff4338;padding:.4rem 1.5rem;border-radius:20rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right img{width:100%;height:100%;object-fit:cover;display:block}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{display:none;position:absolute}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{position:absolute;left:50%;transform:translate(-50%);bottom:-17%;width:67%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close svg{display:none}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{gap:5.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:34rem;padding:4rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-oferta-item{margin:14rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:35.6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:125%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem;min-height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{padding-bottom:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{padding-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:100%}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-oferta-item{margin:5rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{width:65vw;display:block;height:auto;bottom:-5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem 3rem 6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{margin-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{flex-direction:column-reverse!important;max-height:auto}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{display:none}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item{max-width:42rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.2rem;right:-3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{padding:3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}}@media (max-width: 540px) and (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-size:1.6rem;line-height:2.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{flex-direction:column;align-items:center;gap:3.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{display:flex;flex-direction:row;gap:.9rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{display:flex;align-items:center}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin:0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.3rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item{max-width:31rem}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.5rem;right:-1.2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{bottom:-4rem!important}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:2.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{margin-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;margin-top:2rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-11rem}.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:0 2rem;width:calc(100% - 4rem)}.mdl-md005 .mdl-container .m-content-top .m-text{text-align:left;margin-top:1rem;width:100%;font-size:2.2rem;line-height:2.6rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC2TxtImgSvgCComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lis-c2-txt-img-svg-c', standalone: true, imports: [CommonModule], template: "<section class=\"mdl-md005\">\n  <div class=\"mdl-container\">\n    <div class=\"m-content-top\">\n      <h2 class=\"m-title\">{{ content.title }}</h2>\n      <div class=\"m-text\">\n        {{ content.description }}\n      </div>\n    </div>\n\n    <div\n      class=\"m-oferta-item\"\n      *ngFor=\"let offer of content.offers; trackBy: trackByIndex\"\n      [class.reverse]=\"offer.reverse\"\n    >\n      <div class=\"mdl-content\">\n        <div class=\"m-left\">\n          <div class=\"m-content\">\n            <div class=\"m-top\">\n              <div class=\"m-title\">\n                {{ offer.title }}\n              </div>\n              <div class=\"m-texto\">{{ offer.subtitle }}</div>\n            </div>\n            <div class=\"m-bottom\">\n              <div class=\"m-left\">\n                <div class=\"m-texto\">{{ offer.metricLabel }}</div>\n                <div class=\"m-precio\">{{ offer.metricValue }}</div>\n              </div>\n              <div class=\"m-right\">\n                <ng-container *ngIf=\"offer.primaryButton as primary\">\n                  <a\n                    *ngIf=\"primary.url; else primaryFallback\"\n                    class=\"m-button-sm\"\n                    [ngClass]=\"primary.classes\"\n                    [href]=\"primary.url\"\n                    [attr.target]=\"primary.target || '_self'\"\n                    [attr.rel]=\"(primary.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n                    [attr.aria-label]=\"primary.ariaLabel || primary.label\"\n                  >\n                    <span>{{ primary.label }}</span>\n                  </a>\n                  <ng-template #primaryFallback>\n                    <button\n                      type=\"button\"\n                      class=\"m-button-sm\"\n                      [ngClass]=\"primary.classes\"\n                      [attr.aria-label]=\"primary.ariaLabel || primary.label\"\n                    >\n                      <span>{{ primary.label }}</span>\n                    </button>\n                  </ng-template>\n                </ng-container>\n                <ng-container *ngIf=\"offer.secondaryButton as secondary\">\n                  <a\n                    *ngIf=\"secondary.url; else secondaryFallback\"\n                    class=\"m-underline\"\n                    [ngClass]=\"secondary.classes\"\n                    [href]=\"secondary.url\"\n                    [attr.target]=\"secondary.target || '_self'\"\n                    [attr.rel]=\"(secondary.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n                    [attr.aria-label]=\"secondary.ariaLabel || secondary.label\"\n                  >\n                    <span>{{ secondary.label }}</span>\n                  </a>\n                  <ng-template #secondaryFallback>\n                    <button\n                      type=\"button\"\n                      class=\"m-underline\"\n                      [ngClass]=\"secondary.classes\"\n                      [attr.aria-label]=\"secondary.ariaLabel || secondary.label\"\n                    >\n                      <span>{{ secondary.label }}</span>\n                    </button>\n                  </ng-template>\n                </ng-container>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"m-right\">\n          <div class=\"m-tag\" *ngIf=\"offer.tag\">{{ offer.tag }}</div>\n          <img [src]=\"offer.image.url\" [alt]=\"offer.image.alt\" loading=\"lazy\" />\n          <img\n            *ngIf=\"offer.floatIcon\"\n            class=\"m-floatimg\"\n            [src]=\"offer.floatIcon.url\"\n            [alt]=\"offer.floatIcon.alt\"\n            loading=\"lazy\"\n          />\n        </div>\n      </div>\n      <img\n        *ngIf=\"offer.floatIcon && offer.duplicateFloatIcon !== false\"\n        class=\"m-floatimg\"\n        [src]=\"offer.floatIcon.url\"\n        [alt]=\"offer.floatIcon.alt\"\n        loading=\"lazy\"\n      />\n    </div>\n  </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-md005{padding:13.1rem 0}.mdl-md005 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:-14rem}.mdl-md005 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-title{width:40rem;color:#515050}.mdl-md005 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-text{width:62rem;color:#51505099;text-align:right}.mdl-md005 .mdl-container .m-oferta-item{width:100%;max-width:140rem;height:auto;padding:0!important;position:relative;background-color:#fff9f9;margin:20rem auto 0}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content{flex-direction:row-reverse}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content .m-right .m-tag{right:auto;left:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:100%;display:flex}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:40rem;padding:7rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{width:100%;border-bottom:1px solid #e4e4e4;padding-bottom:6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:100%}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.4rem;line-height:2.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;line-height:2.6rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{color:#515050;max-width:40rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-texto{margin-top:2.5rem;font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{width:100%;display:flex;padding-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-size:3.8rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline{color:#515050}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline:hover{color:#ed3b37}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:50%;position:relative}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.1rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{color:#fff;position:absolute;top:2rem;right:2rem;background-color:#ff4338;padding:.4rem 1.5rem;border-radius:20rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right img{width:100%;height:100%;object-fit:cover;display:block}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{display:none;position:absolute}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{position:absolute;left:50%;transform:translate(-50%);bottom:-17%;width:67%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close svg{display:none}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{gap:5.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:34rem;padding:4rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-oferta-item{margin:14rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:35.6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:125%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem;min-height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{padding-bottom:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{padding-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:100%}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-oferta-item{margin:5rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{width:65vw;display:block;height:auto;bottom:-5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem 3rem 6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{margin-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{flex-direction:column-reverse!important;max-height:auto}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{display:none}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item{max-width:42rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.2rem;right:-3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{padding:3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}}@media (max-width: 540px) and (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-size:1.6rem;line-height:2.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{flex-direction:column;align-items:center;gap:3.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{display:flex;flex-direction:row;gap:.9rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{display:flex;align-items:center}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin:0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.3rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item{max-width:31rem}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.5rem;right:-1.2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{bottom:-4rem!important}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:2.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{margin-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;margin-top:2rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-11rem}.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:0 2rem;width:calc(100% - 4rem)}.mdl-md005 .mdl-container .m-content-top .m-text{text-align:left;margin-top:1rem;width:100%;font-size:2.2rem;line-height:2.6rem}}\n"] }]
+        }], propDecorators: { content: [{
+                type: Input
+            }] } });
 var sectionTitle = "contacto";
 var description$1 = "Si tienes cualquier duda o si quieres más informacion de los hoteles y apartamentos contáctanos.";
 var heroImage = {
@@ -16124,7 +16322,7 @@ var legalCheckboxes = [
 ];
 var submitLabel = "Enviar";
 var note = "GESTIHOTELS ALEGRIA S.L como responsable del tratamiento tratará tus datos con la finalidad de dar respuesta a tu consulta o petición. Puedes acceder, rectificar y suprimir tus datos, así como ejercer otros derechos consultando la información adicional y detallada sobre protección de datos en nuestra Politica de rpivacidad.";
-var defaultContent$6 = {
+var defaultContent$7 = {
 	sectionTitle: sectionTitle,
 	description: description$1,
 	heroImage: heroImage,
@@ -16141,7 +16339,7 @@ var defaultContent$6 = {
 class LisC3TxtImgCtComponent {
     constructor() {
-        this.fallbackContent = defaultContent$6;
+        this.fallbackContent = defaultContent$7;
         this.content = this.fallbackContent;
         this.formSubmit = new EventEmitter();
     }
@@ -16297,13 +16495,13 @@ var cards = [
 		emptyText: "Tus próximas vacaciones te esperan en unos de nuestros destinos."
 	}
 ];
-var defaultContent$5 = {
+var defaultContent$6 = {
 	title: title$2,
 	selects: selects,
 	cards: cards
 };
-const DEFAULT_CONTENT$3 = defaultContent$5;
+const DEFAULT_CONTENT$3 = defaultContent$6;
 class LisC4TxtDesCtaComponent {
     constructor() {
         this.content = DEFAULT_CONTENT$3;
@@ -16327,13 +16525,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 var image = "https://picsum.photos/2000/1000";
 var tagText = "El destino perfecto para relajarse y disfrutar del momento.";
 var icon = "/assets/babylon/svg/icons/heartTrans.svg";
-var defaultContent$4 = {
+var defaultContent$5 = {
 	image: image,
 	tagText: tagText,
 	icon: icon
 };
-const DEFAULT_CONTENT$2 = defaultContent$4;
+const DEFAULT_CONTENT$2 = defaultContent$5;
 class SliC1ImgSvgComponent {
     constructor() {
         this.content = DEFAULT_CONTENT$2;
@@ -16376,7 +16574,7 @@ var sliderImages = [
 ];
 var reverseLayout = true;
 var autoplayDelayMs = 5000;
-var defaultContent$3 = {
+var defaultContent$4 = {
 	staticImage: staticImage,
 	sliderImages: sliderImages,
 	reverseLayout: reverseLayout,
@@ -16385,7 +16583,7 @@ var defaultContent$3 = {
 class SliC2ImgComponent {
     constructor() {
-        this.fallbackContent = defaultContent$3;
+        this.fallbackContent = defaultContent$4;
         this.content = this.fallbackContent;
         this.reverse = false;
         this.platformId = inject(PLATFORM_ID);
@@ -16489,7 +16687,7 @@ var primaryButton = {
 var secondaryButton = {
 	label: "Ver planes y ventajas"
 };
-var defaultContent$2 = {
+var defaultContent$3 = {
 	title: title$1,
 	mainImage: mainImage,
 	centralImage: centralImage,
@@ -16501,7 +16699,7 @@ var defaultContent$2 = {
 class SliC2ImgTxtCtaV3Component {
     constructor() {
-        this.fallbackContent = defaultContent$2;
+        this.fallbackContent = defaultContent$3;
         this.content = this.fallbackContent;
         this.reverse = false;
     }
@@ -16557,11 +16755,11 @@ var rooms = [
 		}
 	}
 ];
-var defaultContent$1 = {
+var defaultContent$2 = {
 	rooms: rooms
 };
-const DEFAULT_CONTENT$1 = defaultContent$1;
+const DEFAULT_CONTENT$1 = defaultContent$2;
 class SliC2ImgTxtCv5Component {
     constructor() {
         this.content = DEFAULT_CONTENT$1;
@@ -16602,13 +16800,13 @@ var slides = [
 		}
 	}
 ];
-var defaultContent = {
+var defaultContent$1 = {
 	title: title,
 	slides: slides
 };
 Swiper.use([Navigation]);
-const DEFAULT_CONTENT = defaultContent;
+const DEFAULT_CONTENT = defaultContent$1;
 class SliC2TxtCarImgCComponent {
     constructor() {
         this.content = DEFAULT_CONTENT;
@@ -16675,6 +16873,154 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 args: ['prevButton']
             }] } });
+var header = {
+	pretitle: "oferta",
+	title: "Reservar por la web tiene muchas ventajas",
+	subtitle: "Alegria Palacio Mojácar",
+	priceTitle: "Desde",
+	price: "94€",
+	button: {
+		label: "Reservar ahora"
+	}
+};
+var left = {
+	stickyImage: {
+		url: "https://picsum.photos/500/600",
+		alt: "Acceso al parque"
+	},
+	badgeImage: {
+		url: "/assets/babylon/svg/icons/specialoffer.svg",
+		alt: "Oferta especial"
+	},
+	logo: {
+		url: "/assets/babylon/svg/icons/newsico.svg",
+		alt: "Logo Aquafun"
+	}
+};
+var right = {
+	heroImage: {
+		url: "https://picsum.photos/900/600",
+		alt: "Familia en la piscina"
+	},
+	description: "Many desktop publishing packages and web page editors now use lorem ipsum as their default model text, and a search for lorem ipsum will uncover many web sites still in their infancy accident, sometimes on purpose injected humour and the like, is readable content of a page when looking , desktop publishing packages and web page editors now use lorem ipsum as their default model text, and a search for lorem ipsum will uncover.",
+	mobileImage: {
+		url: "https://picsum.photos/600/500",
+		alt: "Parque acuático"
+	},
+	mobileLogo: {
+		url: "/assets/babylon/svg/icons/specialoffer.svg",
+		alt: "Oferta móvil"
+	},
+	highlights: [
+		"Horario temporada 2026",
+		"Lunes a domingo de 11:00 a 19:00h",
+		"Medio día de 15:00 a 19:00h",
+		"Día completo de 11:00 a 19:00h",
+		"En condiciones climáticas adversas, el parque permanecerá cerrado."
+	],
+	extraButton: {
+		label: "Reservar ahora",
+		variant: "red"
+	},
+	footerLink: {
+		label: "Volver al listado"
+	}
+};
+var defaultContent = {
+	header: header,
+	left: left,
+	right: right
+};
+class SliC2TxtImgSvgCComponent {
+    constructor(platformId) {
+        this.platformId = platformId;
+        this.fallbackContent = defaultContent;
+        this.content = this.fallbackContent;
+        this.stickyInitialTop = 0;
+        this.viewportHandler = () => this.handleViewportChange();
+    }
+    get isBrowser() {
+        return isPlatformBrowser(this.platformId);
+    }
+    ngAfterViewInit() {
+        this.computeStickyDefaults();
+        this.handleViewportChange();
+        this.bindViewportEvents();
+    }
+    ngOnChanges(changes) {
+        if (changes['content']) {
+            queueMicrotask(() => {
+                this.computeStickyDefaults();
+                this.handleViewportChange();
+            });
+        }
+    }
+    ngOnDestroy() {
+        if (!this.isBrowser) {
+            return;
+        }
+        window.removeEventListener('scroll', this.viewportHandler);
+        window.removeEventListener('resize', this.viewportHandler);
+    }
+    bindViewportEvents() {
+        if (!this.isBrowser) {
+            return;
+        }
+        window.addEventListener('scroll', this.viewportHandler, { passive: true });
+        window.addEventListener('resize', this.viewportHandler);
+    }
+    computeStickyDefaults() {
+        const sticky = this.stickyContainer?.nativeElement;
+        if (!sticky) {
+            return;
+        }
+        const computedTop = getComputedStyle(sticky).top || '0';
+        this.stickyInitialTop = parseFloat(computedTop) || 0;
+        const container = sticky.closest('.m-left');
+        if (container && getComputedStyle(container).position === 'static') {
+            container.style.position = 'relative';
+        }
+    }
+    handleViewportChange() {
+        if (!this.isBrowser) {
+            return;
+        }
+        const sticky = this.stickyContainer?.nativeElement;
+        const logo = this.logoStopper?.nativeElement;
+        if (!sticky || !logo) {
+            return;
+        }
+        const stickyRect = sticky.getBoundingClientRect();
+        const logoRect = logo.getBoundingClientRect();
+        if (stickyRect.bottom >= logoRect.top) {
+            sticky.style.position = 'absolute';
+            sticky.style.top = `${logo.offsetTop - sticky.offsetHeight}px`;
+        }
+        else {
+            sticky.style.position = 'sticky';
+            sticky.style.top = `${this.stickyInitialTop}px`;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliC2TxtImgSvgCComponent, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SliC2TxtImgSvgCComponent, isStandalone: true, selector: "sli-c2-txt-img-svg-c", inputs: { content: "content" }, viewQueries: [{ propertyName: "stickyContainer", first: true, predicate: ["stickyContainer"], descendants: true }, { propertyName: "logoStopper", first: true, predicate: ["logoStopper"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section class=\"mdl-md006\">\n  <div class=\"mdl-container\">\n    <div class=\"m-head\" *ngIf=\"content.header as header\">\n      <div class=\"m-left-head\">\n        <div class=\"m-pretitulo\">{{ header.pretitle }}</div>\n        <h2 class=\"m-titulo\">{{ header.title }}</h2>\n        <div class=\"m-subtitulo\">{{ header.subtitle }}</div>\n      </div>\n      <div class=\"m-right-head\">\n        <div class=\"m-content\">\n          <div class=\"m-preciotitulo\">{{ header.priceTitle }}</div>\n          <div class=\"m-precio\">{{ header.price }}</div>\n          <ng-container *ngIf=\"header.button as button\">\n            <a\n              *ngIf=\"button.url; else headerButton\"\n              class=\"m-button-sm\"\n              [ngClass]=\"button.variant\"\n              [href]=\"button.url\"\n              [attr.target]=\"button.target || '_self'\"\n              [attr.rel]=\"(button.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n              [attr.aria-label]=\"button.ariaLabel || button.label\"\n            >\n              {{ button.label }}\n            </a>\n            <ng-template #headerButton>\n              <button\n                type=\"button\"\n                class=\"m-button-sm\"\n                [ngClass]=\"button.variant\"\n                [attr.aria-label]=\"button.ariaLabel || button.label\"\n              >\n                {{ button.label }}\n              </button>\n            </ng-template>\n          </ng-container>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"m-contenido\" *ngIf=\"content.left as left\">\n      <div class=\"m-left\">\n        <div class=\"m-imagesticky\" #stickyContainer>\n          <img\n            class=\"m-sticky\"\n            [src]=\"left.stickyImage.url\"\n            [alt]=\"left.stickyImage.alt\"\n            loading=\"lazy\"\n          />\n          <img\n            *ngIf=\"left.badgeImage\"\n            class=\"m-offer\"\n            [src]=\"left.badgeImage.url\"\n            [alt]=\"left.badgeImage.alt\"\n            loading=\"lazy\"\n          />\n        </div>\n        <div class=\"m-logo\" #logoStopper>\n          <img\n            [src]=\"left.logo.url\"\n            [alt]=\"left.logo.alt\"\n            loading=\"lazy\"\n          />\n        </div>\n      </div>\n\n      <div class=\"m-right\" *ngIf=\"content.right as right\">\n        <div class=\"m-image\">\n          <img\n            [src]=\"right.heroImage.url\"\n            [alt]=\"right.heroImage.alt\"\n            loading=\"lazy\"\n          />\n        </div>\n        <div class=\"m-texto\">\n          {{ right.description }}\n        </div>\n        <div class=\"m-imagenmobile\">\n          <img\n            class=\"m-imgmb\"\n            [src]=\"right.mobileImage.url\"\n            [alt]=\"right.mobileImage.alt\"\n            loading=\"lazy\"\n          />\n          <img\n            class=\"m-logo\"\n            [src]=\"right.mobileLogo.url\"\n            [alt]=\"right.mobileLogo.alt\"\n            loading=\"lazy\"\n          />\n        </div>\n\n        <div class=\"m-listadofaqs\">\n          <div\n            class=\"faq-item\"\n            *ngFor=\"let highlight of right.highlights; let highlightIndex = index\"\n            [class.active]=\"highlightIndex === 0\"\n          >\n            <div class=\"faq-question\">\n              {{ highlight }}\n            </div>\n          </div>\n\n          <div class=\"m-extra-info\" *ngIf=\"right.extraButton as extraButton\">\n            <div class=\"m-row2\">\n              <div class=\"m-content-row2\">\n                <a\n                  *ngIf=\"extraButton.url; else extraButtonFallback\"\n                  class=\"m-button-sm\"\n                  [ngClass]=\"extraButton.variant\"\n                  [href]=\"extraButton.url\"\n                  [attr.target]=\"extraButton.target || '_self'\"\n                  [attr.rel]=\"(extraButton.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n                  [attr.aria-label]=\"extraButton.ariaLabel || extraButton.label\"\n                >\n                  {{ extraButton.label }}\n                </a>\n                <ng-template #extraButtonFallback>\n                  <button\n                    type=\"button\"\n                    class=\"m-button-sm\"\n                    [ngClass]=\"extraButton.variant\"\n                    [attr.aria-label]=\"extraButton.ariaLabel || extraButton.label\"\n                  >\n                    {{ extraButton.label }}\n                  </button>\n                </ng-template>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"m-foot\" *ngIf=\"right.footerLink as footer\">\n            <a\n              *ngIf=\"footer.url; else footerFallback\"\n              class=\"m-but m-underline-red\"\n              [href]=\"footer.url\"\n              [attr.target]=\"footer.target || '_self'\"\n              [attr.rel]=\"(footer.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n              [attr.aria-label]=\"footer.ariaLabel || footer.label\"\n            >\n              {{ footer.label }}\n            </a>\n            <ng-template #footerFallback>\n              <button\n                type=\"button\"\n                class=\"m-but m-underline-red\"\n                [attr.aria-label]=\"footer.ariaLabel || footer.label\"\n              >\n                {{ footer.label }}\n              </button>\n            </ng-template>\n            <svg width=\"16\" height=\"12\" viewBox=\"0 0 16 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path\n                opacity=\"0.7\"\n                d=\"M0.0457363 6.829C-0.0152636 6.683 -0.0152636 6.516 0.0457363 6.37C0.0767365 6.297 0.120737 6.229 0.176737 6.175L4.17574 2.175C4.40974 1.941 4.78874 1.941 5.02374 2.175C5.25874 2.409 5.25774 2.789 5.02374 3.024L2.04774 6H12.0997C14.4097 6 14.4997 5.798 14.4997 0.6C14.4997 0.268 14.7687 0 15.0997 0C15.4307 0 15.6997 0.268 15.6997 0.6C15.6997 5.537 15.6997 7.2 12.0987 7.2H2.04674L5.02374 10.177C5.25774 10.41 5.25774 10.791 5.02374 11.025C4.90674 11.142 4.75274 11.201 4.59974 11.201C4.44674 11.201 4.29274 11.142 4.17574 11.025L0.176737 7.026C0.120737 6.969 0.0777359 6.903 0.0457363 6.829Z\"\n                fill=\"#515050\"\n              />\n            </svg>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</section>\n", styles: ["@charset \"UTF-8\";html{overflow-x:unset!important}.mdl-md006{margin-top:15rem;margin-bottom:15rem;position:relative}.mdl-md006:before{content:\"\";position:absolute;background-color:#fff9f9;height:68rem;width:100%;z-index:-1;left:0;top:-10rem}.mdl-md006 .mdl-container{max-width:125rem}.mdl-md006 .mdl-container .m-head{display:flex}.mdl-md006 .mdl-container .m-head .m-left-head{height:20rem;width:60%;display:flex;flex-direction:column;align-items:flex-start;gap:1.4rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.2rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.1rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{background-color:#ff4338;color:#fff;font-weight:500;padding:.5rem 2.2rem;border-radius:2rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{color:#515050;width:100%;max-width:70rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-subtitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}.mdl-md006 .mdl-container .m-head .m-right-head{height:20rem;width:40%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.mdl-md006 .mdl-container .m-head .m-right-head .m-content{gap:3rem;display:flex;flex-direction:column;align-items:center}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-preciotitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#51505099}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-size:3.8rem}}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{color:#515050}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-button-sm{width:100vw}.mdl-md006 .mdl-container .m-contenido{display:flex;gap:6rem;margin-top:6rem;position:relative;height:100%}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(27% - 3rem);height:100%;display:flex;align-content:space-between;flex-direction:column;justify-content:space-between;align-items:flex-end;align-items:center;gap:15rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky{height:100%;width:100%;position:relative}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{bottom:21rem;top:9rem;height:54rem;width:100%;object-fit:cover;position:sticky}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:15rem;margin-left:-20rem;margin-top:-7rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-logo{height:21.7rem}.mdl-md006 .mdl-container .m-contenido .m-right{width:calc(73% - 3rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:54rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-image img{height:100%;width:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{color:#515050;padding:6rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:54rem;width:100%;max-width:39rem;margin:0 auto;position:relative;display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-imgmb{width:100%;height:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-logo{position:absolute;bottom:-5rem;left:0;width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:100%;margin-bottom:3rem;gap:3rem;align-items:center;border-bottom:.1rem solid #e4e4e4;padding:0 0 5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:3rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.8rem;line-height:2.6rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.9rem;line-height:2.6rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.6rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.4rem;line-height:2.2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content-row2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content-row2{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;width:26rem;margin-top:4.5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item{border-bottom:.1rem solid #e4e4e4;padding:2.2rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item:first-child{border-top:.1rem solid #e4e4e4;padding:4.2rem 0 2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color .3s ease;position:relative;color:#515050b2;margin-left:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question:before{content:\"\\2022\";position:absolute;left:0;color:#e4e4e4;font-size:4rem;line-height:1;top:45%;transform:translateY(-50%);margin-left:-3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{color:#515050;font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.5rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.1rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-weight:500;margin-bottom:2rem;margin-left:0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active:before{display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-foot{width:100%;justify-content:flex-end;display:flex;align-items:center;gap:1.5rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido{gap:5rem}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(32% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:10rem;margin-left:-9rem;margin-top:-5rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:auto;width:calc(68% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:46rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido{gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-left{height:37rem;width:calc(37% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:37rem;width:calc(63% - 2.5rem);height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto,.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:auto}}@media (max-width: 1000px){.mdl-md006 .mdl-container .m-left{width:100%;border-bottom:1px solid #e4e4e4}.mdl-md006 .mdl-container .m-head{flex-direction:column}.mdl-md006 .mdl-container .m-head .m-right-head{width:100%;align-items:center}.mdl-md006 .mdl-container .m-head .m-left-head{width:100%}.mdl-md006 .mdl-container .m-contenido .m-left{display:none}.mdl-md006 .mdl-container .m-contenido .m-right{width:100%;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{padding:2rem 0;border:0;height:auto;font-size:2rem;line-height:3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{display:block;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{margin-top:7rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:2rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliC2TxtImgSvgCComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sli-c2-txt-img-svg-c', standalone: true, imports: [CommonModule], template: "<section class=\"mdl-md006\">\n  <div class=\"mdl-container\">\n    <div class=\"m-head\" *ngIf=\"content.header as header\">\n      <div class=\"m-left-head\">\n        <div class=\"m-pretitulo\">{{ header.pretitle }}</div>\n        <h2 class=\"m-titulo\">{{ header.title }}</h2>\n        <div class=\"m-subtitulo\">{{ header.subtitle }}</div>\n      </div>\n      <div class=\"m-right-head\">\n        <div class=\"m-content\">\n          <div class=\"m-preciotitulo\">{{ header.priceTitle }}</div>\n          <div class=\"m-precio\">{{ header.price }}</div>\n          <ng-container *ngIf=\"header.button as button\">\n            <a\n              *ngIf=\"button.url; else headerButton\"\n              class=\"m-button-sm\"\n              [ngClass]=\"button.variant\"\n              [href]=\"button.url\"\n              [attr.target]=\"button.target || '_self'\"\n              [attr.rel]=\"(button.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n              [attr.aria-label]=\"button.ariaLabel || button.label\"\n            >\n              {{ button.label }}\n            </a>\n            <ng-template #headerButton>\n              <button\n                type=\"button\"\n                class=\"m-button-sm\"\n                [ngClass]=\"button.variant\"\n                [attr.aria-label]=\"button.ariaLabel || button.label\"\n              >\n                {{ button.label }}\n              </button>\n            </ng-template>\n          </ng-container>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"m-contenido\" *ngIf=\"content.left as left\">\n      <div class=\"m-left\">\n        <div class=\"m-imagesticky\" #stickyContainer>\n          <img\n            class=\"m-sticky\"\n            [src]=\"left.stickyImage.url\"\n            [alt]=\"left.stickyImage.alt\"\n            loading=\"lazy\"\n          />\n          <img\n            *ngIf=\"left.badgeImage\"\n            class=\"m-offer\"\n            [src]=\"left.badgeImage.url\"\n            [alt]=\"left.badgeImage.alt\"\n            loading=\"lazy\"\n          />\n        </div>\n        <div class=\"m-logo\" #logoStopper>\n          <img\n            [src]=\"left.logo.url\"\n            [alt]=\"left.logo.alt\"\n            loading=\"lazy\"\n          />\n        </div>\n      </div>\n\n      <div class=\"m-right\" *ngIf=\"content.right as right\">\n        <div class=\"m-image\">\n          <img\n            [src]=\"right.heroImage.url\"\n            [alt]=\"right.heroImage.alt\"\n            loading=\"lazy\"\n          />\n        </div>\n        <div class=\"m-texto\">\n          {{ right.description }}\n        </div>\n        <div class=\"m-imagenmobile\">\n          <img\n            class=\"m-imgmb\"\n            [src]=\"right.mobileImage.url\"\n            [alt]=\"right.mobileImage.alt\"\n            loading=\"lazy\"\n          />\n          <img\n            class=\"m-logo\"\n            [src]=\"right.mobileLogo.url\"\n            [alt]=\"right.mobileLogo.alt\"\n            loading=\"lazy\"\n          />\n        </div>\n\n        <div class=\"m-listadofaqs\">\n          <div\n            class=\"faq-item\"\n            *ngFor=\"let highlight of right.highlights; let highlightIndex = index\"\n            [class.active]=\"highlightIndex === 0\"\n          >\n            <div class=\"faq-question\">\n              {{ highlight }}\n            </div>\n          </div>\n\n          <div class=\"m-extra-info\" *ngIf=\"right.extraButton as extraButton\">\n            <div class=\"m-row2\">\n              <div class=\"m-content-row2\">\n                <a\n                  *ngIf=\"extraButton.url; else extraButtonFallback\"\n                  class=\"m-button-sm\"\n                  [ngClass]=\"extraButton.variant\"\n                  [href]=\"extraButton.url\"\n                  [attr.target]=\"extraButton.target || '_self'\"\n                  [attr.rel]=\"(extraButton.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n                  [attr.aria-label]=\"extraButton.ariaLabel || extraButton.label\"\n                >\n                  {{ extraButton.label }}\n                </a>\n                <ng-template #extraButtonFallback>\n                  <button\n                    type=\"button\"\n                    class=\"m-button-sm\"\n                    [ngClass]=\"extraButton.variant\"\n                    [attr.aria-label]=\"extraButton.ariaLabel || extraButton.label\"\n                  >\n                    {{ extraButton.label }}\n                  </button>\n                </ng-template>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"m-foot\" *ngIf=\"right.footerLink as footer\">\n            <a\n              *ngIf=\"footer.url; else footerFallback\"\n              class=\"m-but m-underline-red\"\n              [href]=\"footer.url\"\n              [attr.target]=\"footer.target || '_self'\"\n              [attr.rel]=\"(footer.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n              [attr.aria-label]=\"footer.ariaLabel || footer.label\"\n            >\n              {{ footer.label }}\n            </a>\n            <ng-template #footerFallback>\n              <button\n                type=\"button\"\n                class=\"m-but m-underline-red\"\n                [attr.aria-label]=\"footer.ariaLabel || footer.label\"\n              >\n                {{ footer.label }}\n              </button>\n            </ng-template>\n            <svg width=\"16\" height=\"12\" viewBox=\"0 0 16 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path\n                opacity=\"0.7\"\n                d=\"M0.0457363 6.829C-0.0152636 6.683 -0.0152636 6.516 0.0457363 6.37C0.0767365 6.297 0.120737 6.229 0.176737 6.175L4.17574 2.175C4.40974 1.941 4.78874 1.941 5.02374 2.175C5.25874 2.409 5.25774 2.789 5.02374 3.024L2.04774 6H12.0997C14.4097 6 14.4997 5.798 14.4997 0.6C14.4997 0.268 14.7687 0 15.0997 0C15.4307 0 15.6997 0.268 15.6997 0.6C15.6997 5.537 15.6997 7.2 12.0987 7.2H2.04674L5.02374 10.177C5.25774 10.41 5.25774 10.791 5.02374 11.025C4.90674 11.142 4.75274 11.201 4.59974 11.201C4.44674 11.201 4.29274 11.142 4.17574 11.025L0.176737 7.026C0.120737 6.969 0.0777359 6.903 0.0457363 6.829Z\"\n                fill=\"#515050\"\n              />\n            </svg>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</section>\n", styles: ["@charset \"UTF-8\";html{overflow-x:unset!important}.mdl-md006{margin-top:15rem;margin-bottom:15rem;position:relative}.mdl-md006:before{content:\"\";position:absolute;background-color:#fff9f9;height:68rem;width:100%;z-index:-1;left:0;top:-10rem}.mdl-md006 .mdl-container{max-width:125rem}.mdl-md006 .mdl-container .m-head{display:flex}.mdl-md006 .mdl-container .m-head .m-left-head{height:20rem;width:60%;display:flex;flex-direction:column;align-items:flex-start;gap:1.4rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.2rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.1rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{background-color:#ff4338;color:#fff;font-weight:500;padding:.5rem 2.2rem;border-radius:2rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{color:#515050;width:100%;max-width:70rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-subtitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}.mdl-md006 .mdl-container .m-head .m-right-head{height:20rem;width:40%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.mdl-md006 .mdl-container .m-head .m-right-head .m-content{gap:3rem;display:flex;flex-direction:column;align-items:center}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-preciotitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#51505099}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-size:3.8rem}}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{color:#515050}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-button-sm{width:100vw}.mdl-md006 .mdl-container .m-contenido{display:flex;gap:6rem;margin-top:6rem;position:relative;height:100%}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(27% - 3rem);height:100%;display:flex;align-content:space-between;flex-direction:column;justify-content:space-between;align-items:flex-end;align-items:center;gap:15rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky{height:100%;width:100%;position:relative}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{bottom:21rem;top:9rem;height:54rem;width:100%;object-fit:cover;position:sticky}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:15rem;margin-left:-20rem;margin-top:-7rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-logo{height:21.7rem}.mdl-md006 .mdl-container .m-contenido .m-right{width:calc(73% - 3rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:54rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-image img{height:100%;width:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{color:#515050;padding:6rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:54rem;width:100%;max-width:39rem;margin:0 auto;position:relative;display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-imgmb{width:100%;height:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-logo{position:absolute;bottom:-5rem;left:0;width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:100%;margin-bottom:3rem;gap:3rem;align-items:center;border-bottom:.1rem solid #e4e4e4;padding:0 0 5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:3rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.8rem;line-height:2.6rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.9rem;line-height:2.6rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.6rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.4rem;line-height:2.2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content-row2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content-row2{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;width:26rem;margin-top:4.5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item{border-bottom:.1rem solid #e4e4e4;padding:2.2rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item:first-child{border-top:.1rem solid #e4e4e4;padding:4.2rem 0 2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color .3s ease;position:relative;color:#515050b2;margin-left:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question:before{content:\"\\2022\";position:absolute;left:0;color:#e4e4e4;font-size:4rem;line-height:1;top:45%;transform:translateY(-50%);margin-left:-3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{color:#515050;font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.5rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.1rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-weight:500;margin-bottom:2rem;margin-left:0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active:before{display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-foot{width:100%;justify-content:flex-end;display:flex;align-items:center;gap:1.5rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido{gap:5rem}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(32% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:10rem;margin-left:-9rem;margin-top:-5rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:auto;width:calc(68% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:46rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido{gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-left{height:37rem;width:calc(37% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:37rem;width:calc(63% - 2.5rem);height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto,.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:auto}}@media (max-width: 1000px){.mdl-md006 .mdl-container .m-left{width:100%;border-bottom:1px solid #e4e4e4}.mdl-md006 .mdl-container .m-head{flex-direction:column}.mdl-md006 .mdl-container .m-head .m-right-head{width:100%;align-items:center}.mdl-md006 .mdl-container .m-head .m-left-head{width:100%}.mdl-md006 .mdl-container .m-contenido .m-left{display:none}.mdl-md006 .mdl-container .m-contenido .m-right{width:100%;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{padding:2rem 0;border:0;height:auto;font-size:2rem;line-height:3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{display:block;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{margin-top:7rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:2rem}}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }], propDecorators: { content: [{
+                type: Input
+            }], stickyContainer: [{
+                type: ViewChild,
+                args: ['stickyContainer']
+            }], logoStopper: [{
+                type: ViewChild,
+                args: ['logoStopper']
+            }] } });
 /*
  * Public API Surface of babylon
  */
@@ -16684,5 +17030,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
-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, LisC3TxtImgCtComponent, LisC4TxtDesCtaComponent, ListRoomsComponent, LogoType, MapperService, SCREEN_SIZER_PARAMS_TOKEN, SITE_CONFIG_SERVICE_TOKEN, SafeHtmlPipe, ScreenSizerService, SliC1ImgSvgComponent, SliC2ImgComponent, SliC2ImgTxtCtaV3Component, SliC2ImgTxtCv5Component, SliC2TxtCarImgCComponent, Utils, complex_links, organization_name };
+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 };
 //# sourceMappingURL=ctt-babylon.mjs.map