npm - ctt-babylon - Versions diffs - 0.10.16 → 0.10.17 - Mend

ctt-babylon 0.10.16 → 0.10.17

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

package/fesm2022/ctt-babylon.mjs CHANGED Viewed

@@ -1348,11 +1348,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: "17.0.0", version: "17.3.12", type: BabylonAvC4ImgTextComponent, isStandalone: true, selector: "lib-babylon-av-c4-img-text", inputs: { texts: "texts", buttons: "buttons", multimedia: "multimedia" }, ngImport: i0, template: "<!--\n<section class=\"mdl-0h6\">\n    <div class=\"mdl-container\">\n        <div class=\"m-content\">\n            <div class=\"m-images\">\n                <div class=\"m-image\">\n                    <img src=\"https://picsum.photos/127/128\" alt=\"\" />\n                </div>\n                <div class=\"m-image\">\n                    <img src=\"https://picsum.photos/128/128\" alt=\"\" />\n                </div>\n                <div class=\"m-image\">\n                    <img src=\"https://picsum.photos/129/129\" alt=\"\" />\n                </div>\n                <div class=\"m-image\">\n                    <img src=\"https://picsum.photos/130/130\" alt=\"\" />\n                </div>\n            </div>\n            <div class=\"m-text\">\n                <h2>\n                    Conoce uno de nuestros 7 destinos en Espa\u00F1a.\n                    <strong>Te van a encantar.</strong>\n                </h2>\n            </div>\n            <button type=\"button\" class=\"m-button-sm\">ver destinos</button>\n        </div>\n    </div>\n</section>\n-->\n\n<section class=\"mdl-0h6\">\n  <div class=\"mdl-container\">\n    <div class=\"m-content\">\n      @if (multimedia?.length) {\n        <div class=\"m-images\">\n\n          @for (\n                img of multimedia;\n                track $index\n            ) {\n\n          <div class=\"m-image\">\n            <img\n              [src]=\"img.src\"\n              [alt]=\"img.alt\"\n            />\n          </div>\n\n          }\n\n        </div>\n      }\n\n      <div class=\"m-text\">\n        @if(texts?.description) {\n        <h2 [innerHTML]=\"texts?.description\"></h2>\n        }\n      </div>\n\n      @if (buttons?.length) {\n        @for (\n              btn of buttons;\n              track $index\n          ) {\n          <button\n            [attr.aria-label]=\"btn.label\"\n            [href]=\"btn.url\"\n            [linkType]=\"btn.linkType\"\n            type=\"button\" class=\"m-button-sm\">\n              {{btn.label}}\n          </button>\n        }\n      }\n    </div>\n  </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-0h6 .mdl-container{padding:8rem 14rem;box-sizing:border-box}.mdl-0h6 .mdl-container .m-content{display:flex;flex-direction:row;align-items:center;gap:5rem;transition:width 2s ease;justify-content:center}.mdl-0h6 .mdl-container .m-content .m-button-sm{position:relative;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility .4s ease}@media (min-width: 1025px){.mdl-0h6 .mdl-container .m-content:hover .m-button-sm{opacity:1;visibility:visible;pointer-events:auto;position:relative;transition:opacity .4s ease,visibility .4s ease}.mdl-0h6 .mdl-container .m-content:hover .m-images .m-image:not(:first-child):not(:last-child){transform:translate(-150%) scale(0);width:0;height:0;opacity:0}}.mdl-0h6 .mdl-container .m-content .m-images{display:flex;flex-direction:row;align-items:center}.mdl-0h6 .mdl-container .m-content .m-images .m-image{border-radius:100%;width:12.1rem;height:12.1rem;overflow:hidden;transition:transform .5s ease,opacity .5s ease,width .5s ease,height .5s ease}.mdl-0h6 .mdl-container .m-content .m-images .m-image:not(:first-child){border:.6rem solid var(--white);margin-left:-1.5rem}.mdl-0h6 .mdl-container .m-content .m-images .m-image:first-child{width:12.7rem;height:12.7rem}.mdl-0h6 .mdl-container .m-content .m-images .m-image img{width:100%;height:100%;object-fit:cover}.mdl-0h6 .mdl-container .m-content .m-text{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:5rem}@media (max-width: 375px){.mdl-0h6 .mdl-container .m-content .m-text{font-size:2.8rem;line-height:3.8rem}}.mdl-0h6 .mdl-container .m-content .m-text{color:#515050;max-width:55rem;min-width:55rem}.mdl-0h6 .mdl-container .m-content .m-text strong{color:#51505099;font-weight:400}.mdl-0h6 .mdl-container .m-content .m-button-sm{position:relative;pointer-events:none;transition:opacity .4s ease,visibility .4s ease}@media (max-width: 1180px){.mdl-0h6 .mdl-container .m-content .m-text{max-width:32rem;min-width:32rem}}@media (max-width: 1080px){.mdl-0h6 .mdl-container{padding:7rem 14rem}.mdl-0h6 .mdl-container .m-content{flex-direction:column;gap:4rem}.mdl-0h6 .mdl-container .m-content .m-text{text-align:center;max-width:55rem;min-width:55rem}.mdl-0h6 .mdl-container .m-content .m-button-sm{opacity:1;position:relative;pointer-events:all;visibility:visible}}@media (max-width: 540px){.mdl-0h6 .mdl-container{padding:6rem 2.8rem}.mdl-0h6 .mdl-container .m-content{gap:3.5rem}.mdl-0h6 .mdl-container .m-content .m-text{max-width:48.8rem;min-width:48.8rem;font-size:2.2rem;line-height:3.2rem}}@media (max-width: 520px){.mdl-0h6 .mdl-container .m-content .m-images{margin-left:-1rem;display:grid;grid-template-columns:1fr 1fr}.mdl-0h6 .mdl-container .m-content .m-images .m-image{margin-right:-1.5rem!important;margin-left:auto!important;margin-top:-1rem}.mdl-0h6 .mdl-container .m-content .m-text{max-width:29.9rem;min-width:29.9rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }] }); }
+    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 }] }); }
 }
 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: "<!--\n<section class=\"mdl-0h6\">\n    <div class=\"mdl-container\">\n        <div class=\"m-content\">\n            <div class=\"m-images\">\n                <div class=\"m-image\">\n                    <img src=\"https://picsum.photos/127/128\" alt=\"\" />\n                </div>\n                <div class=\"m-image\">\n                    <img src=\"https://picsum.photos/128/128\" alt=\"\" />\n                </div>\n                <div class=\"m-image\">\n                    <img src=\"https://picsum.photos/129/129\" alt=\"\" />\n                </div>\n                <div class=\"m-image\">\n                    <img src=\"https://picsum.photos/130/130\" alt=\"\" />\n                </div>\n            </div>\n            <div class=\"m-text\">\n                <h2>\n                    Conoce uno de nuestros 7 destinos en Espa\u00F1a.\n                    <strong>Te van a encantar.</strong>\n                </h2>\n            </div>\n            <button type=\"button\" class=\"m-button-sm\">ver destinos</button>\n        </div>\n    </div>\n</section>\n-->\n\n<section class=\"mdl-0h6\">\n  <div class=\"mdl-container\">\n    <div class=\"m-content\">\n      @if (multimedia?.length) {\n        <div class=\"m-images\">\n\n          @for (\n                img of multimedia;\n                track $index\n            ) {\n\n          <div class=\"m-image\">\n            <img\n              [src]=\"img.src\"\n              [alt]=\"img.alt\"\n            />\n          </div>\n\n          }\n\n        </div>\n      }\n\n      <div class=\"m-text\">\n        @if(texts?.description) {\n        <h2 [innerHTML]=\"texts?.description\"></h2>\n        }\n      </div>\n\n      @if (buttons?.length) {\n        @for (\n              btn of buttons;\n              track $index\n          ) {\n          <button\n            [attr.aria-label]=\"btn.label\"\n            [href]=\"btn.url\"\n            [linkType]=\"btn.linkType\"\n            type=\"button\" class=\"m-button-sm\">\n              {{btn.label}}\n          </button>\n        }\n      }\n    </div>\n  </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-0h6 .mdl-container{padding:8rem 14rem;box-sizing:border-box}.mdl-0h6 .mdl-container .m-content{display:flex;flex-direction:row;align-items:center;gap:5rem;transition:width 2s ease;justify-content:center}.mdl-0h6 .mdl-container .m-content .m-button-sm{position:relative;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility .4s ease}@media (min-width: 1025px){.mdl-0h6 .mdl-container .m-content:hover .m-button-sm{opacity:1;visibility:visible;pointer-events:auto;position:relative;transition:opacity .4s ease,visibility .4s ease}.mdl-0h6 .mdl-container .m-content:hover .m-images .m-image:not(:first-child):not(:last-child){transform:translate(-150%) scale(0);width:0;height:0;opacity:0}}.mdl-0h6 .mdl-container .m-content .m-images{display:flex;flex-direction:row;align-items:center}.mdl-0h6 .mdl-container .m-content .m-images .m-image{border-radius:100%;width:12.1rem;height:12.1rem;overflow:hidden;transition:transform .5s ease,opacity .5s ease,width .5s ease,height .5s ease}.mdl-0h6 .mdl-container .m-content .m-images .m-image:not(:first-child){border:.6rem solid var(--white);margin-left:-1.5rem}.mdl-0h6 .mdl-container .m-content .m-images .m-image:first-child{width:12.7rem;height:12.7rem}.mdl-0h6 .mdl-container .m-content .m-images .m-image img{width:100%;height:100%;object-fit:cover}.mdl-0h6 .mdl-container .m-content .m-text{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:5rem}@media (max-width: 375px){.mdl-0h6 .mdl-container .m-content .m-text{font-size:2.8rem;line-height:3.8rem}}.mdl-0h6 .mdl-container .m-content .m-text{color:#515050;max-width:55rem;min-width:55rem}.mdl-0h6 .mdl-container .m-content .m-text strong{color:#51505099;font-weight:400}.mdl-0h6 .mdl-container .m-content .m-button-sm{position:relative;pointer-events:none;transition:opacity .4s ease,visibility .4s ease}@media (max-width: 1180px){.mdl-0h6 .mdl-container .m-content .m-text{max-width:32rem;min-width:32rem}}@media (max-width: 1080px){.mdl-0h6 .mdl-container{padding:7rem 14rem}.mdl-0h6 .mdl-container .m-content{flex-direction:column;gap:4rem}.mdl-0h6 .mdl-container .m-content .m-text{text-align:center;max-width:55rem;min-width:55rem}.mdl-0h6 .mdl-container .m-content .m-button-sm{opacity:1;position:relative;pointer-events:all;visibility:visible}}@media (max-width: 540px){.mdl-0h6 .mdl-container{padding:6rem 2.8rem}.mdl-0h6 .mdl-container .m-content{gap:3.5rem}.mdl-0h6 .mdl-container .m-content .m-text{max-width:48.8rem;min-width:48.8rem;font-size:2.2rem;line-height:3.2rem}}@media (max-width: 520px){.mdl-0h6 .mdl-container .m-content .m-images{margin-left:-1rem;display:grid;grid-template-columns:1fr 1fr}.mdl-0h6 .mdl-container .m-content .m-images .m-image{margin-right:-1.5rem!important;margin-left:auto!important;margin-top:-1rem}.mdl-0h6 .mdl-container .m-content .m-text{max-width:29.9rem;min-width:29.9rem}}\n"] }]
+            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"] }]
         }], propDecorators: { texts: [{
                 type: Input
             }], buttons: [{
@@ -11678,11 +11678,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 class BabylonListC3ImgTxtComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonListC3ImgTxtComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonListC3ImgTxtComponent, isStandalone: true, selector: "lib-babylon-list-c3-img-txt", inputs: { texts: "texts", items: "items" }, ngImport: i0, template: "<!-- <section class=\"mdl-h03 list-c3-img-txt\">\n    <div class=\"mdl-container\">\n        <h2 class=\"m-title\">\n            <strong>Conoce Alegria Group.</strong> Conoce nuestras marcas de\n            hoteles y Apartamentos.\n        </h2>\n\n        <div class=\"m-cards-container\">\n            <div class=\"m-card\">\n                <div\n                    class=\"m-card-top\"\n                    style=\"background-image: url(https://picsum.photos/801/802)\"\n                ></div>\n\n                <div class=\"m-content\">\n                    <img\n                        src=\"/assets/babylon/svg/branding/h5logo.svg\"\n                        alt=\"\"\n                        class=\"m-logo\"\n                    />\n                    <h3 class=\"m-title\">Alegria Hoteles,</h3>\n                    <h4 class=\"m-subtitle\">tus vacaciones en la playa.</h4>\n\n                    <button\n                        type=\"button\"\n                        class=\"m-button-sm red\"\n                        aria-label=\"Ver hoteles\"\n                    >\n                        <span>hoteles</span>\n                    </button>\n                </div>\n            </div>\n            <div class=\"m-card\">\n                <div\n                    class=\"m-card-top\"\n                    style=\"\n                        background-image: url('/assets/babylon/svg/others/h5-bg-example.png');\n                    \"\n                ></div>\n\n                <div class=\"m-content\">\n                    <img\n                        src=\"/assets/babylon/svg/branding/h5logo.svg\"\n                        alt=\"\"\n                        class=\"m-logo\"\n                    />\n                    <h3 class=\"m-title\">Alegria Hoteles,</h3>\n                    <h4 class=\"m-subtitle\">tus vacaciones en la playa.</h4>\n\n                    <div class=\"m-button-sm blue\"><span>hoteles</span></div>\n                </div>\n            </div>\n            <div class=\"m-card\">\n                <div\n                    class=\"m-card-top\"\n                    style=\"background-image: url(https://picsum.photos/801/800)\"\n                ></div>\n\n                <div class=\"m-content\">\n                    <img\n                        src=\"/assets/babylon/svg/branding/h5logo.svg\"\n                        alt=\"\"\n                        class=\"m-logo\"\n                    />\n                    <h3 class=\"m-title\">Alegria Hoteles,</h3>\n                    <h4 class=\"m-subtitle\">tus vacaciones en la playa.</h4>\n\n                    <div class=\"m-button-sm green\"><span>hoteles</span></div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>\n -->\n\n<section class=\"mdl-h03 list-c3-img-txt\">\n    <div class=\"mdl-container\">\n        @if (texts?.title || texts?.title2) {\n            <h2 class=\"m-title\">\n                @if (texts?.title) {\n                    <strong [innerHTML]=\"texts?.title\"></strong>\n                }\n                @if (texts?.title2) {\n                    <p [innerHTML]=\"texts?.title2\"></p>\n                }\n            </h2>\n        }\n\n        @if (items?.length) {\n            <div class=\"m-cards-container\">\n                @for (item of items; track $index) {\n                    @if (item) {\n                        <div class=\"m-card\">\n                            @if (item?.multimedia?.[0]) {\n                                <div\n                                    class=\"m-card-top\"\n                                    [ngStyle]=\"{\n                                        'background-image':\n                                            'url(' +\n                                            item?.multimedia?.[0]?.src +\n                                            ');',\n                                    }\"\n                                ></div>\n                            }\n\n                            <div class=\"m-content\">\n                                <img\n                                    src=\"/assets/babylon/svg/branding/h5logo.svg\"\n                                    alt=\"\"\n                                    class=\"m-logo\"\n                                />\n                                @if (item?.texts?.title) {\n                                    <h3\n                                        class=\"m-title\"\n                                        [innerHTML]=\"item?.texts?.title\"\n                                    ></h3>\n                                }\n                                @if (item?.texts?.title2) {\n                                    <h4\n                                        class=\"m-subtitle\"\n                                        [innerHTML]=\"item?.texts?.title2\"\n                                    ></h4>\n                                }\n\n                                @if (item.buttons?.[0]) {\n                                    <button\n                                        type=\"button\"\n                                        class=\"m-button-sm red\"\n                                        [attr.aria-label]=\"\n                                            item.buttons?.[0]?.name ??\n                                            'Ver hoteles'\n                                        \"\n                                        [linkType]=\"item.buttons?.[0]?.linkType\"\n                                    >\n                                        <span>{{\n                                            item.buttons?.[0]?.name\n                                        }}</span>\n                                    </button>\n                                }\n                            </div>\n                        </div>\n                    }\n                }\n            </div>\n        }\n    </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-h03{padding-top:8.1rem;padding-bottom:13.2rem}.mdl-h03 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-h03 .mdl-container .m-title{text-align:center;color:#515050b2;font-weight:400;font-size:4.4rem;line-height:5.8rem;font-family:jokker,sans-serif}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-h03 .mdl-container .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-h03 .mdl-container .m-title{font-size:2.4rem;line-height:3rem}}.mdl-h03 .mdl-container .m-title{max-width:101.5rem}.mdl-h03 .mdl-container .m-title strong{color:#515050;font-weight:500}.mdl-h03 .mdl-container .m-cards-container{display:flex;align-items:start;flex-direction:row;gap:7rem;max-width:100%}.mdl-h03 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;max-width:48rem;width:27vw;cursor:pointer}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.blue) .m-card-top{background-color:#5b87da}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.red) .m-card-top{background-color:#ff4338}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.green) .m-card-top{background-color:#3fd5ae}@media (hover: hover){.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content{margin-top:-11rem}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-180%)}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;transition:all .3s ease}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;top:50%;transform:translateY(-40%);opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:3.3rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-weight:400;font-size:2.8rem;line-height:3.2rem}}@media (max-width: 1080px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-weight:400;font-size:3.2rem;line-height:3.8rem}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{color:#515050}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;font-size:2.8rem;line-height:3.2rem}}@media (max-width: 1080px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;font-size:3.2rem;line-height:3.8rem}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;color:#515050b2}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container{gap:5.5rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{height:34vw}}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-title{max-width:66rem}}@media (max-width: 1080px){.mdl-h03{padding-top:7.5rem;padding-bottom:4.3rem}.mdl-h03 .mdl-container .m-cards-container{flex-direction:column}.mdl-h03 .mdl-container .m-cards-container .m-card{width:48rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{max-height:62.2rem;height:62.2rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-logo{width:27rem}}@media (max-width: 768px){.mdl-h03{padding-left:14.4rem!important;padding-right:14.4rem!important}.mdl-h03 .mdl-container .m-cards-container{width:100%}.mdl-h03 .mdl-container .m-cards-container .m-card{height:89vw;width:100%;min-height:60rem;max-width:none}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.blue) .m-content .m-logo{filter:invert(62%) sepia(36%) saturate(7040%) hue-rotate(200deg) brightness(96%) contrast(76%)}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.red) .m-content .m-logo{filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.green) .m-content .m-logo{filter:invert(67%) sepia(70%) saturate(373%) hue-rotate(113deg) brightness(93%) contrast(90%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{height:16rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:relative;opacity:1;transform:none;top:auto;margin-bottom:1rem;filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{display:none}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{opacity:1;transform:none}}@media (max-width: 540px){.mdl-h03{padding-left:5.1rem!important;padding-right:5.1rem!important}.mdl-h03 .mdl-container .m-title{width:100%;max-width:none}.mdl-h03 .mdl-container .m-cards-container .m-card{min-height:auto;height:60rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}}@media (max-width: 375px){.mdl-h03{padding-left:3.7rem!important;padding-right:3.7rem!important;padding-top:5rem;padding-bottom:5rem}.mdl-h03 .mdl-container .m-title{width:100%;max-width:none}.mdl-h03 .mdl-container .m-cards-container{gap:4rem}.mdl-h03 .mdl-container .m-cards-container .m-card{height:44rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{width:20rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.4rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:2rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{height:12rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonListC3ImgTxtComponent, isStandalone: true, selector: "lib-babylon-list-c3-img-txt", inputs: { texts: "texts", items: "items" }, ngImport: i0, template: "<section class=\"mdl-h03 list-c3-img-txt\">\n    <div class=\"mdl-container\">\n        <h2 class=\"m-title\">\n            <strong>Conoce Alegria Group.</strong> Conoce nuestras marcas de\n            hoteles y Apartamentos.\n        </h2>\n\n        <div class=\"m-cards-container\">\n            <div class=\"m-card\">\n                <div\n                    class=\"m-card-top\"\n                    style=\"background-image: url(https://picsum.photos/801/802)\"\n                ></div>\n\n                <div class=\"m-content\">\n                    <img\n                        src=\"/assets/babylon/svg/branding/h5logo.svg\"\n                        alt=\"\"\n                        class=\"m-logo\"\n                    />\n                    <h3 class=\"m-title\">Alegria Hoteles,</h3>\n                    <h4 class=\"m-subtitle\">tus vacaciones en la playa.</h4>\n\n                    <button\n                        type=\"button\"\n                        class=\"m-button-sm red\"\n                        aria-label=\"Ver hoteles\"\n                    >\n                        <span>hoteles</span>\n                    </button>\n                </div>\n            </div>\n            <div class=\"m-card\">\n                <div\n                    class=\"m-card-top\"\n                    style=\"\n                        background-image: url('/assets/babylon/svg/others/h5-bg-example.png');\n                    \"\n                ></div>\n\n                <div class=\"m-content\">\n                    <img\n                        src=\"/assets/babylon/svg/branding/h5logo.svg\"\n                        alt=\"\"\n                        class=\"m-logo\"\n                    />\n                    <h3 class=\"m-title\">Alegria Hoteles,</h3>\n                    <h4 class=\"m-subtitle\">tus vacaciones en la playa.</h4>\n\n                    <div class=\"m-button-sm blue\"><span>hoteles</span></div>\n                </div>\n            </div>\n            <div class=\"m-card\">\n                <div\n                    class=\"m-card-top\"\n                    style=\"background-image: url(https://picsum.photos/801/800)\"\n                ></div>\n\n                <div class=\"m-content\">\n                    <img\n                        src=\"/assets/babylon/svg/branding/h5logo.svg\"\n                        alt=\"\"\n                        class=\"m-logo\"\n                    />\n                    <h3 class=\"m-title\">Alegria Hoteles,</h3>\n                    <h4 class=\"m-subtitle\">tus vacaciones en la playa.</h4>\n\n                    <div class=\"m-button-sm green\"><span>hoteles</span></div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>\n<!-- \n<section class=\"mdl-h03 list-c3-img-txt\">\n    <div class=\"mdl-container\">\n        @if (texts?.title || texts?.title2) {\n            <h2 class=\"m-title\">\n                @if (texts?.title) {\n                    <strong [innerHTML]=\"texts?.title\"></strong>\n                }\n                @if (texts?.title2) {\n                    <p [innerHTML]=\"texts?.title2\"></p>\n                }\n            </h2>\n        }\n\n        @if (items?.length) {\n            <div class=\"m-cards-container\">\n                @for (item of items; track $index) {\n                    @if (item) {\n                        <div class=\"m-card\">\n                            @if (item?.multimedia?.[0]) {\n                                <div\n                                    class=\"m-card-top\"\n                                    [ngStyle]=\"{\n                                        'background-image':\n                                            'url(' +\n                                            item?.multimedia?.[0]?.src +\n                                            ');',\n                                    }\"\n                                ></div>\n                            }\n\n                            <div class=\"m-content\">\n                                <img\n                                    src=\"/assets/babylon/svg/branding/h5logo.svg\"\n                                    alt=\"\"\n                                    class=\"m-logo\"\n                                />\n                                @if (item?.texts?.title) {\n                                    <h3\n                                        class=\"m-title\"\n                                        [innerHTML]=\"item?.texts?.title\"\n                                    ></h3>\n                                }\n                                @if (item?.texts?.title2) {\n                                    <h4\n                                        class=\"m-subtitle\"\n                                        [innerHTML]=\"item?.texts?.title2\"\n                                    ></h4>\n                                }\n\n                                @if (item.buttons?.[0]) {\n                                    <button\n                                        type=\"button\"\n                                        class=\"m-button-sm red\"\n                                        [attr.aria-label]=\"\n                                            item.buttons?.[0]?.name ??\n                                            'Ver hoteles'\n                                        \"\n                                        [linkType]=\"item.buttons?.[0]?.linkType\"\n                                    >\n                                        <span>{{\n                                            item.buttons?.[0]?.name\n                                        }}</span>\n                                    </button>\n                                }\n                            </div>\n                        </div>\n                    }\n                }\n            </div>\n        }\n    </div>\n</section>\n -->\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-h03{padding-top:8.1rem;padding-bottom:13.2rem}.mdl-h03 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-h03 .mdl-container .m-title{text-align:center;color:#515050b2;font-weight:400;font-size:4.4rem;line-height:5.8rem;font-family:jokker,sans-serif}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-h03 .mdl-container .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-h03 .mdl-container .m-title{font-size:2.4rem;line-height:3rem}}.mdl-h03 .mdl-container .m-title{max-width:101.5rem}.mdl-h03 .mdl-container .m-title strong{color:#515050;font-weight:500}.mdl-h03 .mdl-container .m-cards-container{display:flex;align-items:start;flex-direction:row;gap:7rem;max-width:100%}.mdl-h03 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;max-width:48rem;width:27vw;cursor:pointer}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.blue) .m-card-top{background-color:#5b87da}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.red) .m-card-top{background-color:#ff4338}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.green) .m-card-top{background-color:#3fd5ae}@media (hover: hover){.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content{margin-top:-11rem}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-180%)}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;transition:all .3s ease}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;top:50%;transform:translateY(-40%);opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:3.3rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-weight:400;font-size:2.8rem;line-height:3.2rem}}@media (max-width: 1080px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-weight:400;font-size:3.2rem;line-height:3.8rem}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{color:#515050}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;font-size:2.8rem;line-height:3.2rem}}@media (max-width: 1080px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;font-size:3.2rem;line-height:3.8rem}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;color:#515050b2}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container{gap:5.5rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{height:34vw}}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-title{max-width:66rem}}@media (max-width: 1080px){.mdl-h03{padding-top:7.5rem;padding-bottom:4.3rem}.mdl-h03 .mdl-container .m-cards-container{flex-direction:column}.mdl-h03 .mdl-container .m-cards-container .m-card{width:48rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{max-height:62.2rem;height:62.2rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-logo{width:27rem}}@media (max-width: 768px){.mdl-h03{padding-left:14.4rem!important;padding-right:14.4rem!important}.mdl-h03 .mdl-container .m-cards-container{width:100%}.mdl-h03 .mdl-container .m-cards-container .m-card{height:89vw;width:100%;min-height:60rem;max-width:none}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.blue) .m-content .m-logo{filter:invert(62%) sepia(36%) saturate(7040%) hue-rotate(200deg) brightness(96%) contrast(76%)}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.red) .m-content .m-logo{filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.green) .m-content .m-logo{filter:invert(67%) sepia(70%) saturate(373%) hue-rotate(113deg) brightness(93%) contrast(90%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{height:16rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:relative;opacity:1;transform:none;top:auto;margin-bottom:1rem;filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{display:none}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{opacity:1;transform:none}}@media (max-width: 540px){.mdl-h03{padding-left:5.1rem!important;padding-right:5.1rem!important}.mdl-h03 .mdl-container .m-title{width:100%;max-width:none}.mdl-h03 .mdl-container .m-cards-container .m-card{min-height:auto;height:60rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}}@media (max-width: 375px){.mdl-h03{padding-left:3.7rem!important;padding-right:3.7rem!important;padding-top:5rem;padding-bottom:5rem}.mdl-h03 .mdl-container .m-title{width:100%;max-width:none}.mdl-h03 .mdl-container .m-cards-container{gap:4rem}.mdl-h03 .mdl-container .m-cards-container .m-card{height:44rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{width:20rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.4rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:2rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{height:12rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonListC3ImgTxtComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-babylon-list-c3-img-txt', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], template: "<!-- <section class=\"mdl-h03 list-c3-img-txt\">\n    <div class=\"mdl-container\">\n        <h2 class=\"m-title\">\n            <strong>Conoce Alegria Group.</strong> Conoce nuestras marcas de\n            hoteles y Apartamentos.\n        </h2>\n\n        <div class=\"m-cards-container\">\n            <div class=\"m-card\">\n                <div\n                    class=\"m-card-top\"\n                    style=\"background-image: url(https://picsum.photos/801/802)\"\n                ></div>\n\n                <div class=\"m-content\">\n                    <img\n                        src=\"/assets/babylon/svg/branding/h5logo.svg\"\n                        alt=\"\"\n                        class=\"m-logo\"\n                    />\n                    <h3 class=\"m-title\">Alegria Hoteles,</h3>\n                    <h4 class=\"m-subtitle\">tus vacaciones en la playa.</h4>\n\n                    <button\n                        type=\"button\"\n                        class=\"m-button-sm red\"\n                        aria-label=\"Ver hoteles\"\n                    >\n                        <span>hoteles</span>\n                    </button>\n                </div>\n            </div>\n            <div class=\"m-card\">\n                <div\n                    class=\"m-card-top\"\n                    style=\"\n                        background-image: url('/assets/babylon/svg/others/h5-bg-example.png');\n                    \"\n                ></div>\n\n                <div class=\"m-content\">\n                    <img\n                        src=\"/assets/babylon/svg/branding/h5logo.svg\"\n                        alt=\"\"\n                        class=\"m-logo\"\n                    />\n                    <h3 class=\"m-title\">Alegria Hoteles,</h3>\n                    <h4 class=\"m-subtitle\">tus vacaciones en la playa.</h4>\n\n                    <div class=\"m-button-sm blue\"><span>hoteles</span></div>\n                </div>\n            </div>\n            <div class=\"m-card\">\n                <div\n                    class=\"m-card-top\"\n                    style=\"background-image: url(https://picsum.photos/801/800)\"\n                ></div>\n\n                <div class=\"m-content\">\n                    <img\n                        src=\"/assets/babylon/svg/branding/h5logo.svg\"\n                        alt=\"\"\n                        class=\"m-logo\"\n                    />\n                    <h3 class=\"m-title\">Alegria Hoteles,</h3>\n                    <h4 class=\"m-subtitle\">tus vacaciones en la playa.</h4>\n\n                    <div class=\"m-button-sm green\"><span>hoteles</span></div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>\n -->\n\n<section class=\"mdl-h03 list-c3-img-txt\">\n    <div class=\"mdl-container\">\n        @if (texts?.title || texts?.title2) {\n            <h2 class=\"m-title\">\n                @if (texts?.title) {\n                    <strong [innerHTML]=\"texts?.title\"></strong>\n                }\n                @if (texts?.title2) {\n                    <p [innerHTML]=\"texts?.title2\"></p>\n                }\n            </h2>\n        }\n\n        @if (items?.length) {\n            <div class=\"m-cards-container\">\n                @for (item of items; track $index) {\n                    @if (item) {\n                        <div class=\"m-card\">\n                            @if (item?.multimedia?.[0]) {\n                                <div\n                                    class=\"m-card-top\"\n                                    [ngStyle]=\"{\n                                        'background-image':\n                                            'url(' +\n                                            item?.multimedia?.[0]?.src +\n                                            ');',\n                                    }\"\n                                ></div>\n                            }\n\n                            <div class=\"m-content\">\n                                <img\n                                    src=\"/assets/babylon/svg/branding/h5logo.svg\"\n                                    alt=\"\"\n                                    class=\"m-logo\"\n                                />\n                                @if (item?.texts?.title) {\n                                    <h3\n                                        class=\"m-title\"\n                                        [innerHTML]=\"item?.texts?.title\"\n                                    ></h3>\n                                }\n                                @if (item?.texts?.title2) {\n                                    <h4\n                                        class=\"m-subtitle\"\n                                        [innerHTML]=\"item?.texts?.title2\"\n                                    ></h4>\n                                }\n\n                                @if (item.buttons?.[0]) {\n                                    <button\n                                        type=\"button\"\n                                        class=\"m-button-sm red\"\n                                        [attr.aria-label]=\"\n                                            item.buttons?.[0]?.name ??\n                                            'Ver hoteles'\n                                        \"\n                                        [linkType]=\"item.buttons?.[0]?.linkType\"\n                                    >\n                                        <span>{{\n                                            item.buttons?.[0]?.name\n                                        }}</span>\n                                    </button>\n                                }\n                            </div>\n                        </div>\n                    }\n                }\n            </div>\n        }\n    </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-h03{padding-top:8.1rem;padding-bottom:13.2rem}.mdl-h03 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-h03 .mdl-container .m-title{text-align:center;color:#515050b2;font-weight:400;font-size:4.4rem;line-height:5.8rem;font-family:jokker,sans-serif}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-h03 .mdl-container .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-h03 .mdl-container .m-title{font-size:2.4rem;line-height:3rem}}.mdl-h03 .mdl-container .m-title{max-width:101.5rem}.mdl-h03 .mdl-container .m-title strong{color:#515050;font-weight:500}.mdl-h03 .mdl-container .m-cards-container{display:flex;align-items:start;flex-direction:row;gap:7rem;max-width:100%}.mdl-h03 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;max-width:48rem;width:27vw;cursor:pointer}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.blue) .m-card-top{background-color:#5b87da}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.red) .m-card-top{background-color:#ff4338}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.green) .m-card-top{background-color:#3fd5ae}@media (hover: hover){.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content{margin-top:-11rem}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-180%)}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;transition:all .3s ease}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;top:50%;transform:translateY(-40%);opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:3.3rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-weight:400;font-size:2.8rem;line-height:3.2rem}}@media (max-width: 1080px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-weight:400;font-size:3.2rem;line-height:3.8rem}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{color:#515050}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;font-size:2.8rem;line-height:3.2rem}}@media (max-width: 1080px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;font-size:3.2rem;line-height:3.8rem}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;color:#515050b2}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container{gap:5.5rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{height:34vw}}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-title{max-width:66rem}}@media (max-width: 1080px){.mdl-h03{padding-top:7.5rem;padding-bottom:4.3rem}.mdl-h03 .mdl-container .m-cards-container{flex-direction:column}.mdl-h03 .mdl-container .m-cards-container .m-card{width:48rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{max-height:62.2rem;height:62.2rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-logo{width:27rem}}@media (max-width: 768px){.mdl-h03{padding-left:14.4rem!important;padding-right:14.4rem!important}.mdl-h03 .mdl-container .m-cards-container{width:100%}.mdl-h03 .mdl-container .m-cards-container .m-card{height:89vw;width:100%;min-height:60rem;max-width:none}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.blue) .m-content .m-logo{filter:invert(62%) sepia(36%) saturate(7040%) hue-rotate(200deg) brightness(96%) contrast(76%)}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.red) .m-content .m-logo{filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.green) .m-content .m-logo{filter:invert(67%) sepia(70%) saturate(373%) hue-rotate(113deg) brightness(93%) contrast(90%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{height:16rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:relative;opacity:1;transform:none;top:auto;margin-bottom:1rem;filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{display:none}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{opacity:1;transform:none}}@media (max-width: 540px){.mdl-h03{padding-left:5.1rem!important;padding-right:5.1rem!important}.mdl-h03 .mdl-container .m-title{width:100%;max-width:none}.mdl-h03 .mdl-container .m-cards-container .m-card{min-height:auto;height:60rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}}@media (max-width: 375px){.mdl-h03{padding-left:3.7rem!important;padding-right:3.7rem!important;padding-top:5rem;padding-bottom:5rem}.mdl-h03 .mdl-container .m-title{width:100%;max-width:none}.mdl-h03 .mdl-container .m-cards-container{gap:4rem}.mdl-h03 .mdl-container .m-cards-container .m-card{height:44rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{width:20rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.4rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:2rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{height:12rem}}\n"] }]
+            args: [{ selector: 'lib-babylon-list-c3-img-txt', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], template: "<section class=\"mdl-h03 list-c3-img-txt\">\n    <div class=\"mdl-container\">\n        <h2 class=\"m-title\">\n            <strong>Conoce Alegria Group.</strong> Conoce nuestras marcas de\n            hoteles y Apartamentos.\n        </h2>\n\n        <div class=\"m-cards-container\">\n            <div class=\"m-card\">\n                <div\n                    class=\"m-card-top\"\n                    style=\"background-image: url(https://picsum.photos/801/802)\"\n                ></div>\n\n                <div class=\"m-content\">\n                    <img\n                        src=\"/assets/babylon/svg/branding/h5logo.svg\"\n                        alt=\"\"\n                        class=\"m-logo\"\n                    />\n                    <h3 class=\"m-title\">Alegria Hoteles,</h3>\n                    <h4 class=\"m-subtitle\">tus vacaciones en la playa.</h4>\n\n                    <button\n                        type=\"button\"\n                        class=\"m-button-sm red\"\n                        aria-label=\"Ver hoteles\"\n                    >\n                        <span>hoteles</span>\n                    </button>\n                </div>\n            </div>\n            <div class=\"m-card\">\n                <div\n                    class=\"m-card-top\"\n                    style=\"\n                        background-image: url('/assets/babylon/svg/others/h5-bg-example.png');\n                    \"\n                ></div>\n\n                <div class=\"m-content\">\n                    <img\n                        src=\"/assets/babylon/svg/branding/h5logo.svg\"\n                        alt=\"\"\n                        class=\"m-logo\"\n                    />\n                    <h3 class=\"m-title\">Alegria Hoteles,</h3>\n                    <h4 class=\"m-subtitle\">tus vacaciones en la playa.</h4>\n\n                    <div class=\"m-button-sm blue\"><span>hoteles</span></div>\n                </div>\n            </div>\n            <div class=\"m-card\">\n                <div\n                    class=\"m-card-top\"\n                    style=\"background-image: url(https://picsum.photos/801/800)\"\n                ></div>\n\n                <div class=\"m-content\">\n                    <img\n                        src=\"/assets/babylon/svg/branding/h5logo.svg\"\n                        alt=\"\"\n                        class=\"m-logo\"\n                    />\n                    <h3 class=\"m-title\">Alegria Hoteles,</h3>\n                    <h4 class=\"m-subtitle\">tus vacaciones en la playa.</h4>\n\n                    <div class=\"m-button-sm green\"><span>hoteles</span></div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>\n<!-- \n<section class=\"mdl-h03 list-c3-img-txt\">\n    <div class=\"mdl-container\">\n        @if (texts?.title || texts?.title2) {\n            <h2 class=\"m-title\">\n                @if (texts?.title) {\n                    <strong [innerHTML]=\"texts?.title\"></strong>\n                }\n                @if (texts?.title2) {\n                    <p [innerHTML]=\"texts?.title2\"></p>\n                }\n            </h2>\n        }\n\n        @if (items?.length) {\n            <div class=\"m-cards-container\">\n                @for (item of items; track $index) {\n                    @if (item) {\n                        <div class=\"m-card\">\n                            @if (item?.multimedia?.[0]) {\n                                <div\n                                    class=\"m-card-top\"\n                                    [ngStyle]=\"{\n                                        'background-image':\n                                            'url(' +\n                                            item?.multimedia?.[0]?.src +\n                                            ');',\n                                    }\"\n                                ></div>\n                            }\n\n                            <div class=\"m-content\">\n                                <img\n                                    src=\"/assets/babylon/svg/branding/h5logo.svg\"\n                                    alt=\"\"\n                                    class=\"m-logo\"\n                                />\n                                @if (item?.texts?.title) {\n                                    <h3\n                                        class=\"m-title\"\n                                        [innerHTML]=\"item?.texts?.title\"\n                                    ></h3>\n                                }\n                                @if (item?.texts?.title2) {\n                                    <h4\n                                        class=\"m-subtitle\"\n                                        [innerHTML]=\"item?.texts?.title2\"\n                                    ></h4>\n                                }\n\n                                @if (item.buttons?.[0]) {\n                                    <button\n                                        type=\"button\"\n                                        class=\"m-button-sm red\"\n                                        [attr.aria-label]=\"\n                                            item.buttons?.[0]?.name ??\n                                            'Ver hoteles'\n                                        \"\n                                        [linkType]=\"item.buttons?.[0]?.linkType\"\n                                    >\n                                        <span>{{\n                                            item.buttons?.[0]?.name\n                                        }}</span>\n                                    </button>\n                                }\n                            </div>\n                        </div>\n                    }\n                }\n            </div>\n        }\n    </div>\n</section>\n -->\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-h03{padding-top:8.1rem;padding-bottom:13.2rem}.mdl-h03 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-h03 .mdl-container .m-title{text-align:center;color:#515050b2;font-weight:400;font-size:4.4rem;line-height:5.8rem;font-family:jokker,sans-serif}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-h03 .mdl-container .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-h03 .mdl-container .m-title{font-size:2.4rem;line-height:3rem}}.mdl-h03 .mdl-container .m-title{max-width:101.5rem}.mdl-h03 .mdl-container .m-title strong{color:#515050;font-weight:500}.mdl-h03 .mdl-container .m-cards-container{display:flex;align-items:start;flex-direction:row;gap:7rem;max-width:100%}.mdl-h03 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;max-width:48rem;width:27vw;cursor:pointer}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.blue) .m-card-top{background-color:#5b87da}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.red) .m-card-top{background-color:#ff4338}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.green) .m-card-top{background-color:#3fd5ae}@media (hover: hover){.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content{margin-top:-11rem}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-180%)}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;transition:all .3s ease}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;top:50%;transform:translateY(-40%);opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:3.3rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-weight:400;font-size:2.8rem;line-height:3.2rem}}@media (max-width: 1080px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-weight:400;font-size:3.2rem;line-height:3.8rem}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{color:#515050}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;font-size:2.8rem;line-height:3.2rem}}@media (max-width: 1080px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;font-size:3.2rem;line-height:3.8rem}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;color:#515050b2}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container{gap:5.5rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{height:34vw}}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-title{max-width:66rem}}@media (max-width: 1080px){.mdl-h03{padding-top:7.5rem;padding-bottom:4.3rem}.mdl-h03 .mdl-container .m-cards-container{flex-direction:column}.mdl-h03 .mdl-container .m-cards-container .m-card{width:48rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{max-height:62.2rem;height:62.2rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-logo{width:27rem}}@media (max-width: 768px){.mdl-h03{padding-left:14.4rem!important;padding-right:14.4rem!important}.mdl-h03 .mdl-container .m-cards-container{width:100%}.mdl-h03 .mdl-container .m-cards-container .m-card{height:89vw;width:100%;min-height:60rem;max-width:none}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.blue) .m-content .m-logo{filter:invert(62%) sepia(36%) saturate(7040%) hue-rotate(200deg) brightness(96%) contrast(76%)}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.red) .m-content .m-logo{filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.green) .m-content .m-logo{filter:invert(67%) sepia(70%) saturate(373%) hue-rotate(113deg) brightness(93%) contrast(90%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{height:16rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:relative;opacity:1;transform:none;top:auto;margin-bottom:1rem;filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{display:none}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{opacity:1;transform:none}}@media (max-width: 540px){.mdl-h03{padding-left:5.1rem!important;padding-right:5.1rem!important}.mdl-h03 .mdl-container .m-title{width:100%;max-width:none}.mdl-h03 .mdl-container .m-cards-container .m-card{min-height:auto;height:60rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}}@media (max-width: 375px){.mdl-h03{padding-left:3.7rem!important;padding-right:3.7rem!important;padding-top:5rem;padding-bottom:5rem}.mdl-h03 .mdl-container .m-title{width:100%;max-width:none}.mdl-h03 .mdl-container .m-cards-container{gap:4rem}.mdl-h03 .mdl-container .m-cards-container .m-card{height:44rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{width:20rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.4rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:2rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{height:12rem}}\n"] }]
         }], propDecorators: { texts: [{
                 type: Input
             }], items: [{