npm - ctt-babylon - Versions diffs - 0.12.30 → 0.12.31 - Mend

ctt-babylon 0.12.30 → 0.12.31

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

package/esm2022/lib/components/external/core/c4-sli-c2-img-txt-c/c4-sli-c2-img-txt-c.component.mjs CHANGED Viewed

@@ -4,7 +4,7 @@ import { BabylonLinkTypeDirective } from '../../../../directives/link-type/link-
 import * as i0 from "@angular/core";
 export class C4SliC2ImgTxtCComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4SliC2ImgTxtCComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4SliC2ImgTxtCComponent, isStandalone: true, selector: "ces-c4-sli-c2-img-txt-c", inputs: { multimedia: "multimedia", texts: "texts", buttons: "buttons" }, ngImport: i0, template: "<section class=\"mdl-h02\">\n    <div class=\"m-imagenes\">\n        @if (multimedia?.imagenes?.length) {\n            @for (image of multimedia?.imagenes; track $index) {\n                <img [src]=\"image.img?.src\" [alt]=\"image.img?.alt\" />\n            }\n        }\n        @if (buttons?.length) {\n            <div class=\"m-posicionamiento\">\n                <div class=\"m-floatbutton\">\n                    <a\n                        [href]=\"buttons?.[0]?.url\"\n                        [linkType]=\"buttons?.[0]?.linkType\"\n                        type=\"button\"\n                        class=\"m-button-clean\"\n                        [attr.aria-label]=\"\n                            buttons?.[0]?.label || buttons?.[0]?.name\n                        \"\n                    >\n                        {{ buttons?.[0]?.label || buttons?.[0]?.name }}\n                        <svg\n                            width=\"50\"\n                            height=\"6\"\n                            viewBox=\"0 0 50 6\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <path\n                                d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n                                fill=\"#B7985D\"\n                            />\n                            <path\n                                d=\"M48.875 2.80078H0.375\"\n                                stroke=\"#B7985D\"\n                                stroke-width=\"0.75\"\n                                stroke-linecap=\"round\"\n                            />\n                        </svg>\n                    </a>\n                </div>\n            </div>\n        }\n    </div>\n    @if (texts) {\n        <div class=\"mdl-container\">\n            <div class=\"m-content\">\n                <div class=\"m-bottom\">\n                    <div class=\"m-textos\">\n                        @if (texts.title) {\n                            <h2 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h2>\n                        }\n                        @if (texts.description) {}\n                        <div\n                            class=\"m-texto\"\n                            [innerHTML]=\"texts.description\"\n                        ></div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    }\n</section>\n", styles: [".m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:-webkit-clip-path .3s ease;transition:clip-path .3s ease;transition:clip-path .3s ease,-webkit-clip-path .3s ease;-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{-webkit-clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%);clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px)and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{-moz-text-size-adjust:none;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;-o-object-fit:contain;object-fit:contain}@keyframes swingV{15%{transform:translateY(.5rem)}30%{transform:translateY(-.5rem)}50%{transform:translateY(.3rem)}65%{transform:translateY(-.3rem)}80%{transform:translateY(.2rem)}to{transform:translateY(0)}}@keyframes swingH{15%{transform:translate(.5rem)}30%{transform:translate(-.5rem)}50%{transform:translate(.3rem)}65%{transform:translate(-.3rem)}80%{transform:translate(.2rem)}to{transform:translate(0)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#fff;-webkit-transition:background-color 5000s ease-in-out 0s;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-h02 .m-imagenes{height:69.2rem;width:100%;padding:1.4rem 0;position:relative;display:flex;gap:.4rem}.mdl-h02 .m-imagenes img{height:100%;width:calc(50% - .2rem);-o-object-fit:cover;object-fit:cover}.mdl-h02 .m-imagenes .m-posicionamiento{max-width:144rem;position:absolute;top:0;height:4rem;width:100%;left:50%;transform:translate(-50%)}.mdl-h02 .m-imagenes .m-posicionamiento .m-floatbutton{position:absolute;top:0;left:47rem;width:100vw;height:4.7rem;background-color:#fff}.mdl-h02 .m-imagenes .m-posicionamiento .m-floatbutton a{position:absolute;left:73rem;top:1.1rem}.mdl-h02 .mdl-container{max-width:144rem;display:flex}.mdl-h02 .mdl-container .m-content{max-width:100%;width:97rem}.mdl-h02 .mdl-container .m-content .m-bottom{padding:6rem 5rem 12rem 17.2rem}.mdl-h02 .mdl-container .m-content .m-bottom .m-textos{width:100%;max-width:54.6rem}.mdl-h02 .mdl-container .m-content .m-bottom .m-textos .m-titulo{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d}.mdl-h02 .mdl-container .m-content .m-bottom .m-textos .m-texto{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;margin-left:6.6rem;margin-top:2rem;width:100%;max-width:45.7rem;color:#54565a}@media (max-width: 768px){.mdl-h02 .mdl-container .m-content .m-bottom .m-textos .m-texto{line-height:2.4rem}}@media (max-width: 1440px){.mdl-h02 .m-imagenes{height:63.6rem}.mdl-h02 .m-imagenes .m-floatbutton{position:absolute;top:0;left:auto!important;right:0!important;width:97.2rem!important}.mdl-h02 .m-imagenes .m-floatbutton a{right:6.6rem!important;left:auto!important}}@media (max-width: 1080px){.mdl-h02 .m-imagenes{height:50.9rem}.mdl-h02 .m-imagenes .m-floatbutton{width:calc(100% - 12.1rem)!important}.mdl-h02 .m-imagenes .m-floatbutton a{right:6.6rem!important;left:auto}.mdl-h02 .mdl-container .m-content .m-top{margin-left:8rem}}@media (max-width: 768px){.mdl-h02 .m-imagenes img{width:100%}.mdl-h02 .m-imagenes img:first-child{display:none}.mdl-h02 .m-imagenes .m-floatbutton{width:calc(100% - 7.9rem)!important}.mdl-h02 .mdl-container .m-content .m-top{margin-left:6.7rem}.mdl-h02 .mdl-container .m-content .m-bottom{padding:2rem 0 12rem;display:flex;justify-content:center}.mdl-h02 .mdl-container .m-content .m-bottom .m-textos{width:100%;max-width:55.2rem;padding:0 2rem}}@media (max-width: 540px){.mdl-h02 .m-imagenes .m-floatbutton{width:calc(100% - 6.5rem)!important}.mdl-h02 .m-imagenes .m-floatbutton a{right:4.1rem!important}.mdl-h02 .mdl-container .m-content .m-top{margin-left:6.7rem}.mdl-h02 .mdl-container .m-content .m-bottom{padding:2rem 0 5rem}.mdl-h02 .mdl-container .m-content .m-bottom .m-textos{padding:0 3.7rem}.mdl-h02 .mdl-container .m-content .m-bottom .m-textos .m-texto{margin-left:0}}\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: "17.0.0", version: "17.3.12", type: C4SliC2ImgTxtCComponent, isStandalone: true, selector: "ces-c4-sli-c2-img-txt-c", inputs: { multimedia: "multimedia", texts: "texts", buttons: "buttons" }, ngImport: i0, template: "<section class=\"mdl-h02\">\n    <div class=\"m-imagenes\">\n        @if (multimedia?.imagenes?.length) {\n            @for (image of multimedia?.imagenes; track $index) {\n                <img [src]=\"image.img?.src\" [alt]=\"image.img?.alt\" />\n            }\n        }\n        @if (buttons?.length) {\n            <div class=\"m-posicionamiento\">\n                <div class=\"m-floatbutton\">\n                    <a\n                        [href]=\"buttons?.[0]?.url\"\n                        [linkType]=\"buttons?.[0]?.linkType\"\n                        type=\"button\"\n                        class=\"m-button-clean\"\n                        [attr.aria-label]=\"\n                            buttons?.[0]?.label || buttons?.[0]?.name\n                        \"\n                    >\n                        {{ buttons?.[0]?.label || buttons?.[0]?.name }}\n                        <svg\n                            width=\"50\"\n                            height=\"6\"\n                            viewBox=\"0 0 50 6\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <path\n                                d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n                                fill=\"#B7985D\"\n                            />\n                            <path\n                                d=\"M48.875 2.80078H0.375\"\n                                stroke=\"#B7985D\"\n                                stroke-width=\"0.75\"\n                                stroke-linecap=\"round\"\n                            />\n                        </svg>\n                    </a>\n                </div>\n            </div>\n        }\n    </div>\n    @if (texts) {\n        <div class=\"mdl-container\">\n            <div class=\"m-content\">\n                <div class=\"m-bottom\">\n                    <div class=\"m-textos\">\n                        @if (texts.title) {\n                            <h2 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h2>\n                        }\n                        @if (texts.description) {}\n                        <div\n                            class=\"m-texto\"\n                            [innerHTML]=\"texts.description\"\n                        ></div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    }\n</section>\n", styles: [".m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:-webkit-clip-path .3s ease;transition:clip-path .3s ease;transition:clip-path .3s ease,-webkit-clip-path .3s ease;-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{-webkit-clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%);clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px)and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{-moz-text-size-adjust:none;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;-o-object-fit:contain;object-fit:contain}@keyframes swingV{15%{transform:translateY(.5rem)}30%{transform:translateY(-.5rem)}50%{transform:translateY(.3rem)}65%{transform:translateY(-.3rem)}80%{transform:translateY(.2rem)}to{transform:translateY(0)}}@keyframes swingH{15%{transform:translate(.5rem)}30%{transform:translate(-.5rem)}50%{transform:translate(.3rem)}65%{transform:translate(-.3rem)}80%{transform:translate(.2rem)}to{transform:translate(0)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#fff;-webkit-transition:background-color 5000s ease-in-out 0s;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-h02 .m-imagenes{height:69.2rem;width:100%;padding:1.4rem 0;position:relative;display:flex;gap:.4rem}.mdl-h02 .m-imagenes img{height:100%;width:calc(50% - .2rem);-o-object-fit:cover;object-fit:cover}.mdl-h02 .m-imagenes .m-posicionamiento{max-width:144rem;position:absolute;top:0;height:4rem;width:100%;left:50%;transform:translate(-50%)}.mdl-h02 .m-imagenes .m-posicionamiento .m-floatbutton{position:absolute;top:0;left:47rem;width:100vw;height:4.7rem;background-color:#fff}.mdl-h02 .m-imagenes .m-posicionamiento .m-floatbutton a{position:absolute;left:73rem;top:1.1rem}.mdl-h02 .mdl-container{max-width:144rem;display:flex}.mdl-h02 .mdl-container .m-content{max-width:100%;width:97rem}.mdl-h02 .mdl-container .m-content .m-bottom{padding:6rem 5rem 12rem 17.2rem}.mdl-h02 .mdl-container .m-content .m-bottom .m-textos{width:100%;max-width:54.6rem}.mdl-h02 .mdl-container .m-content .m-bottom .m-textos .m-titulo{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d}.mdl-h02 .mdl-container .m-content .m-bottom .m-textos .m-texto{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;margin-left:6.6rem;margin-top:2rem;width:100%;max-width:45.7rem;color:#54565a}@media (max-width: 768px){.mdl-h02 .mdl-container .m-content .m-bottom .m-textos .m-texto{line-height:2.4rem}}@media (max-width: 1440px){.mdl-h02 .m-imagenes{height:63.6rem}.mdl-h02 .m-imagenes .m-floatbutton{position:absolute;top:0;left:auto!important;right:0!important;width:97.2rem!important}.mdl-h02 .m-imagenes .m-floatbutton a{right:6.6rem!important;left:auto!important}}@media (max-width: 1080px){.mdl-h02 .m-imagenes{height:50.9rem}.mdl-h02 .m-imagenes .m-floatbutton{width:calc(100% - 12.1rem)!important}.mdl-h02 .m-imagenes .m-floatbutton a{right:6.6rem!important;left:auto}.mdl-h02 .mdl-container .m-content .m-top{margin-left:8rem}}@media (max-width: 768px){.mdl-h02 .m-imagenes img{width:100%}.mdl-h02 .m-imagenes img:first-child{display:none}.mdl-h02 .m-imagenes .m-floatbutton{width:calc(100% - 7.9rem)!important}.mdl-h02 .mdl-container .m-content .m-top{margin-left:6.7rem}.mdl-h02 .mdl-container .m-content .m-bottom{padding:2rem 0 12rem;display:flex;justify-content:center}.mdl-h02 .mdl-container .m-content .m-bottom .m-textos{width:100%;max-width:55.2rem;padding:0 2rem}}@media (max-width: 540px){.mdl-h02 .m-imagenes .m-floatbutton{width:calc(100% - 6.5rem)!important}.mdl-h02 .m-imagenes .m-floatbutton a{right:4.1rem!important}.mdl-h02 .mdl-container .m-content .m-top{margin-left:6.7rem}.mdl-h02 .mdl-container .m-content .m-bottom{padding:2rem 0 5rem}.mdl-h02 .mdl-container .m-content .m-bottom .m-textos{padding:0 3.7rem}.mdl-h02 .mdl-container .m-content .m-bottom .m-textos .m-texto{margin-left:0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4SliC2ImgTxtCComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/external/core/c4-sli-c2-txt-img/c4-sli-c2-txt-img.component.mjs CHANGED Viewed

@@ -48,7 +48,7 @@ export class C4SliC2TxtImgComponent {
         this.swiper?.destroy(true, true);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4SliC2TxtImgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4SliC2TxtImgComponent, isStandalone: true, selector: "ces-c4-sli-c2-txt-img", inputs: { items: "items", texts: "texts" }, viewQueries: [{ propertyName: "swiperRoot", first: true, predicate: ["swiperRoot"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-experiencias\">\n    <div class=\"container\">\n        @if (texts) {\n            <div class=\"header-module\">\n                @if (texts.title || texts.subtitle) {\n                    <h2 [innerHTML]=\"texts.title\">\n                        <br />\n                        <span [innerHTML]=\"texts.subtitle\"></span>\n                    </h2>\n                }\n                @if (texts.description) {\n                    <p [innerText]=\"texts.description\"></p>\n                }\n            </div>\n        }\n\n        @if (items?.length) {\n            <div class=\"swiper experiencias-swiper\" #swiperRoot>\n                <div class=\"swiper-wrapper\">\n                    @for (slide of items; track $index) {\n                        @if (slide) {\n                            <div class=\"swiper-slide experiencia\">\n                                <div class=\"content-slide\">\n                                    <div class=\"imagen\">\n                                        <img\n                                            [src]=\"slide.img?.src\"\n                                            [alt]=\"slide.img?.alt\"\n                                        />\n                                    </div>\n                                    <div class=\"arrows-navigation\">\n                                        <div\n                                            class=\"swiper-button-prev mobile prev fill\"\n                                            role=\"button\"\n                                            tabindex=\"0\"\n                                            (click)=\"slidePrev()\"\n                                        >\n                                            <svg\n                                                width=\"8\"\n                                                height=\"14\"\n                                                viewBox=\"0 0 8 14\"\n                                                fill=\"none\"\n                                                xmlns=\"http://www.w3.org/2000/svg\"\n                                            >\n                                                <path\n                                                    d=\"M6.84717 0.5L0.707031 6.64014L6.84717 12.7798\"\n                                                    stroke=\"#B7985D\"\n                                                    stroke-linecap=\"round\"\n                                                />\n                                            </svg>\n                                        </div>\n                                        <div\n                                            class=\"swiper-button-next mobile prev fill\"\n                                            role=\"button\"\n                                            tabindex=\"0\"\n                                            (click)=\"slideNext()\"\n                                        >\n                                            <svg\n                                                width=\"8\"\n                                                height=\"14\"\n                                                viewBox=\"0 0 8 14\"\n                                                fill=\"none\"\n                                                xmlns=\"http://www.w3.org/2000/svg\"\n                                            >\n                                                <path\n                                                    d=\"M0.500488 0.5L6.64062 6.64014L0.500488 12.7798\"\n                                                    stroke=\"#B7985D\"\n                                                    stroke-linecap=\"round\"\n                                                />\n                                            </svg>\n                                        </div>\n                                    </div>\n                                    @if (slide.texts) {\n                                        <div class=\"texto\">\n                                            @if (slide.texts.title) {\n                                                <h3\n                                                    [innerHTML]=\"\n                                                        slide.texts.title\n                                                    \"\n                                                ></h3>\n                                            }\n                                            @if (slide.texts.subtitle) {\n                                                <h4\n                                                    [innerHTML]=\"\n                                                        slide.texts.subtitle\n                                                    \"\n                                                ></h4>\n                                            }\n\n                                            @if (slide.texts.description) {\n                                                <div class=\"content-texto\">\n                                                    <p\n                                                        class=\"m-texto\"\n                                                        [innerHTML]=\"\n                                                            slide.texts\n                                                                .description\n                                                        \"\n                                                    ></p>\n                                                </div>\n                                            }\n                                            @if (slide.buttons?.length) {\n                                                <a\n                                                    [href]=\"\n                                                        slide.buttons?.[0]?.url\n                                                    \"\n                                                    [linkType]=\"\n                                                        slide.buttons?.[0]\n                                                            ?.linkType\n                                                    \"\n                                                    class=\"m-button-clean\"\n                                                    [attr.aria-label]=\"\n                                                        slide.buttons?.[0]\n                                                            ?.label ||\n                                                        slide.buttons?.[0]?.name\n                                                    \"\n                                                >\n                                                    {{\n                                                        slide.buttons?.[0]\n                                                            ?.label ||\n                                                            slide.buttons?.[0]\n                                                                ?.name\n                                                    }}\n                                                    <svg\n                                                        width=\"50\"\n                                                        height=\"6\"\n                                                        viewBox=\"0 0 50 6\"\n                                                        fill=\"none\"\n                                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                                    >\n                                                        <path\n                                                            d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n                                                            fill=\"#B7985D\"\n                                                        ></path>\n                                                        <path\n                                                            d=\"M48.875 2.80078H0.375\"\n                                                            stroke=\"#B7985D\"\n                                                            stroke-width=\"0.75\"\n                                                            stroke-linecap=\"round\"\n                                                        ></path>\n                                                    </svg>\n                                                </a>\n                                            }\n                                        </div>\n                                    }\n                                </div>\n                            </div>\n                        }\n                    }\n                </div>\n\n                <div class=\"swiper-button-prev desktop\"></div>\n                <div class=\"swiper-button-next desktop\"></div>\n            </div>\n        }\n    </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:clip-path .3s ease;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias{padding:6rem 0;background-color:#fff;font-family:Inter,sans-serif;max-width:144rem;margin:auto}.mdl-experiencias .header-module{text-align:left;max-width:54.6rem;margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem}@media (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}.mdl-experiencias .header-module p{color:#54565a;margin:0 auto;margin-left:8.9rem;width:calc(100% - 8.9rem)}.mdl-experiencias .experiencias-swiper{padding:0 0 0 6rem;position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia{display:flex;align-items:flex-start;justify-content:space-between}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen{position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen:before{content:\"\";display:block;position:absolute;top:-1px;right:-1px;background-color:#fff;width:47%;height:3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen img{width:100%;height:auto}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h3{font-family:josefinsans,sans-serif;font-weight:300;font-size:3.7rem;line-height:100%;color:#b7985d;margin-bottom:5px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h4{font-family:josefinsans,sans-serif;font-weight:300;font-size:2.3rem;line-height:100%;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul{list-style:none;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;padding-left:0}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li:before{content:none}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto p.m-texto{margin:30px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto p,.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto li{font-family:var(--font-text);font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .nota,.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .precio{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;margin-bottom:20px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .btn-reservar{display:inline-block;font-size:13px;letter-spacing:1px;color:#b28b4e;text-decoration:none;border-bottom:1px solid #b28b4e;padding-bottom:3px}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{color:#fcfaf8}.mdl-experiencias .swiper-button-prev:not(.mobile),.mdl-experiencias .swiper-button-next:not(.mobile){color:#b28b4e}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{border:1px solid #b28b4e;width:34px;height:34px;top:0;margin-top:0}.mdl-experiencias .swiper-button-prev svg,.mdl-experiencias .swiper-button-next svg{height:1.2rem;position:absolute}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{color:#fff}.mdl-experiencias .swiper-button-prev:hover svg path,.mdl-experiencias .swiper-button-next:hover svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{background-color:#b7985d;transition:.3s}.mdl-experiencias .swiper-button-prev:hover:after svg,.mdl-experiencias .swiper-button-next:hover:after svg{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover:after svg path,.mdl-experiencias .swiper-button-next:hover:after svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:none}.mdl-experiencias .swiper-button-prev:after,.mdl-experiencias .swiper-button-next:after{font-size:1.2rem}@media (max-width: 1080px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:calc(100% - 5rem)}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:42rem;margin:auto}.mdl-experiencias .arrows-navigation{position:relative;width:100%;transform:translate3d(0,1.6rem,0)}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}@media (max-width: 1024px){.mdl-experiencias .experiencias-swiper h3{padding:0 30px;text-align:center}}@media (max-width: 800px){.mdl-experiencias .experiencias-swiper{max-width:100%}}@media (max-width: 600px){.mdl-experiencias .header-module{text-align:left;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin:0 auto;width:100%}}@media (max-width: 600px) and (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}@media (max-width: 600px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:calc(100% - 7.4rem);margin:auto}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto{padding-left:0!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto ul li{padding-left:0}.mdl-experiencias .arrows-navigation{position:relative;width:100%;display:flex;flex-direction:row;gap:1.5rem;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:3.3rem}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{position:relative;left:inherit;right:inherit}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4SliC2TxtImgComponent, isStandalone: true, selector: "ces-c4-sli-c2-txt-img", inputs: { items: "items", texts: "texts" }, viewQueries: [{ propertyName: "swiperRoot", first: true, predicate: ["swiperRoot"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-experiencias\">\n    <div class=\"container\">\n        @if (texts) {\n            <div class=\"header-module\">\n                @if (texts.title || texts.subtitle) {\n                    <h2 [innerHTML]=\"texts.title\">\n                        <br />\n                        <span [innerHTML]=\"texts.subtitle\"></span>\n                    </h2>\n                }\n                @if (texts.description) {\n                    <p [innerText]=\"texts.description\"></p>\n                }\n            </div>\n        }\n\n        @if (items?.length) {\n            <div class=\"swiper experiencias-swiper\" #swiperRoot>\n                <div class=\"swiper-wrapper\">\n                    @for (slide of items; track $index) {\n                        @if (slide) {\n                            <div class=\"swiper-slide experiencia\">\n                                <div class=\"content-slide\">\n                                    <div class=\"imagen\">\n                                        <img\n                                            [src]=\"slide.img?.src\"\n                                            [alt]=\"slide.img?.alt\"\n                                        />\n                                    </div>\n                                    <div class=\"arrows-navigation\">\n                                        <div\n                                            class=\"swiper-button-prev mobile prev fill\"\n                                            role=\"button\"\n                                            tabindex=\"0\"\n                                            (click)=\"slidePrev()\"\n                                        >\n                                            <svg\n                                                width=\"8\"\n                                                height=\"14\"\n                                                viewBox=\"0 0 8 14\"\n                                                fill=\"none\"\n                                                xmlns=\"http://www.w3.org/2000/svg\"\n                                            >\n                                                <path\n                                                    d=\"M6.84717 0.5L0.707031 6.64014L6.84717 12.7798\"\n                                                    stroke=\"#B7985D\"\n                                                    stroke-linecap=\"round\"\n                                                />\n                                            </svg>\n                                        </div>\n                                        <div\n                                            class=\"swiper-button-next mobile prev fill\"\n                                            role=\"button\"\n                                            tabindex=\"0\"\n                                            (click)=\"slideNext()\"\n                                        >\n                                            <svg\n                                                width=\"8\"\n                                                height=\"14\"\n                                                viewBox=\"0 0 8 14\"\n                                                fill=\"none\"\n                                                xmlns=\"http://www.w3.org/2000/svg\"\n                                            >\n                                                <path\n                                                    d=\"M0.500488 0.5L6.64062 6.64014L0.500488 12.7798\"\n                                                    stroke=\"#B7985D\"\n                                                    stroke-linecap=\"round\"\n                                                />\n                                            </svg>\n                                        </div>\n                                    </div>\n                                    @if (slide.texts) {\n                                        <div class=\"texto\">\n                                            @if (slide.texts.title) {\n                                                <h3\n                                                    [innerHTML]=\"\n                                                        slide.texts.title\n                                                    \"\n                                                ></h3>\n                                            }\n                                            @if (slide.texts.subtitle) {\n                                                <h4\n                                                    [innerHTML]=\"\n                                                        slide.texts.subtitle\n                                                    \"\n                                                ></h4>\n                                            }\n\n                                            @if (slide.texts.description) {\n                                                <div class=\"content-texto\">\n                                                    <p\n                                                        class=\"m-texto\"\n                                                        [innerHTML]=\"\n                                                            slide.texts\n                                                                .description\n                                                        \"\n                                                    ></p>\n                                                </div>\n                                            }\n                                            @if (slide.buttons?.length) {\n                                                <a\n                                                    [href]=\"\n                                                        slide.buttons?.[0]?.url\n                                                    \"\n                                                    [linkType]=\"\n                                                        slide.buttons?.[0]\n                                                            ?.linkType\n                                                    \"\n                                                    class=\"m-button-clean\"\n                                                    [attr.aria-label]=\"\n                                                        slide.buttons?.[0]\n                                                            ?.label ||\n                                                        slide.buttons?.[0]?.name\n                                                    \"\n                                                >\n                                                    {{\n                                                        slide.buttons?.[0]\n                                                            ?.label ||\n                                                            slide.buttons?.[0]\n                                                                ?.name\n                                                    }}\n                                                    <svg\n                                                        width=\"50\"\n                                                        height=\"6\"\n                                                        viewBox=\"0 0 50 6\"\n                                                        fill=\"none\"\n                                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                                    >\n                                                        <path\n                                                            d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n                                                            fill=\"#B7985D\"\n                                                        ></path>\n                                                        <path\n                                                            d=\"M48.875 2.80078H0.375\"\n                                                            stroke=\"#B7985D\"\n                                                            stroke-width=\"0.75\"\n                                                            stroke-linecap=\"round\"\n                                                        ></path>\n                                                    </svg>\n                                                </a>\n                                            }\n                                        </div>\n                                    }\n                                </div>\n                            </div>\n                        }\n                    }\n                </div>\n\n                <div class=\"swiper-button-prev desktop\"></div>\n                <div class=\"swiper-button-next desktop\"></div>\n            </div>\n        }\n    </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:clip-path .3s ease;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias{padding:6rem 0;background-color:#fff;font-family:Inter,sans-serif;max-width:144rem;margin:auto}.mdl-experiencias .header-module{text-align:left;max-width:54.6rem;margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem}@media (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}.mdl-experiencias .header-module p{color:#54565a;margin:0 auto;margin-left:8.9rem;width:calc(100% - 8.9rem)}.mdl-experiencias .experiencias-swiper{padding:0 0 0 6rem;position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia{display:flex;align-items:flex-start;justify-content:space-between}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen{position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen:before{content:\"\";display:block;position:absolute;top:-1px;right:-1px;background-color:#fff;width:47%;height:3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen img{width:100%;height:auto}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h3{font-family:josefinsans,sans-serif;font-weight:300;font-size:3.7rem;line-height:100%;color:#b7985d;margin-bottom:5px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h4{font-family:josefinsans,sans-serif;font-weight:300;font-size:2.3rem;line-height:100%;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul{list-style:none;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;padding-left:0}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li:before{content:none}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto p.m-texto{margin:30px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto p,.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto li{font-family:var(--font-text);font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .nota,.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .precio{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;margin-bottom:20px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .btn-reservar{display:inline-block;font-size:13px;letter-spacing:1px;color:#b28b4e;text-decoration:none;border-bottom:1px solid #b28b4e;padding-bottom:3px}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{color:#fcfaf8}.mdl-experiencias .swiper-button-prev:not(.mobile),.mdl-experiencias .swiper-button-next:not(.mobile){color:#b28b4e}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{border:1px solid #b28b4e;width:34px;height:34px;top:0;margin-top:0}.mdl-experiencias .swiper-button-prev svg,.mdl-experiencias .swiper-button-next svg{height:1.2rem;position:absolute}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{color:#fff}.mdl-experiencias .swiper-button-prev:hover svg path,.mdl-experiencias .swiper-button-next:hover svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{background-color:#b7985d;transition:.3s}.mdl-experiencias .swiper-button-prev:hover:after svg,.mdl-experiencias .swiper-button-next:hover:after svg{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover:after svg path,.mdl-experiencias .swiper-button-next:hover:after svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:none}.mdl-experiencias .swiper-button-prev:after,.mdl-experiencias .swiper-button-next:after{font-size:1.2rem}@media (max-width: 1080px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:calc(100% - 5rem)}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:42rem;margin:auto}.mdl-experiencias .arrows-navigation{position:relative;width:100%;transform:translate3d(0,1.6rem,0)}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}@media (max-width: 1024px){.mdl-experiencias .experiencias-swiper h3{padding:0 30px;text-align:center}}@media (max-width: 800px){.mdl-experiencias .experiencias-swiper{max-width:100%}}@media (max-width: 600px){.mdl-experiencias .header-module{text-align:left;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin:0 auto;width:100%}}@media (max-width: 600px) and (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}@media (max-width: 600px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:calc(100% - 7.4rem);margin:auto}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto{padding-left:0!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto ul li{padding-left:0}.mdl-experiencias .arrows-navigation{position:relative;width:100%;display:flex;flex-direction:row;gap:1.5rem;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:3.3rem}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{position:relative;left:inherit;right:inherit}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4SliC2TxtImgComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/external/core/car-c2-txt-cta/car-c2-txt-cta.component.mjs CHANGED Viewed

@@ -146,7 +146,7 @@ export class CarC2TxtCtaComponent {
         return getFirstImageByTagFromImages(imagenes, tagName);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CarC2TxtCtaComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CarC2TxtCtaComponent, isStandalone: true, selector: "car-c2-txt-cta", inputs: { texts: "texts", items: "items", buttons: "buttons", styles: "styles", showArrowsAlways: "showArrowsAlways" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"mdl-mdh011\">\n    <div class=\"mdl-container\">\n        <div class=\"m-content-top\">\n            @if (texts) {\n                @if (texts.title) {\n                    <div class=\"m-title\">{{ texts.title }}</div>\n                }\n                @if (texts.description) {\n                    <div class=\"m-text\">\n                        {{ texts.description }}\n                    </div>\n                }\n            }\n            @if (buttons?.[0]; as btn) {\n                <a\n                    class=\"m-underline-red\"\n                    [href]=\"btn.url\"\n                    [linkType]=\"btn.linkType\"\n                    [attr.target]=\"btn.target\"\n                    [attr.rel]=\"\n                        (btn.target || '_self') === '_blank'\n                            ? 'noopener noreferrer'\n                            : null\n                    \"\n                    [attr.aria-label]=\"btn.label\"\n                >\n                    {{ btn.label }}\n                </a>\n            }\n        </div>\n\n        @if (items) {\n            <div class=\"m-cards-container\">\n                <div class=\"swiper\">\n                    <div class=\"swiper-container\">\n                        <div class=\"swiper-wrapper\">\n                            @for (card of items; track $index) {\n                                <div class=\"swiper-slide\">\n                                    @if (card.multimedia?.imagenes) {\n                                        @if (\n                                            getFirstImageByTag(\n                                                tagName,\n                                                card.multimedia?.imagenes ?? []\n                                            ) ?? card.multimedia?.imagenes?.[0];\n                                            as img\n                                        ) {\n                                            <ng-container>\n                                                <a\n                                                    class=\"link-container\"\n                                                    [href]=\"\n                                                        card.links?.[0]?.url\n                                                    \"\n                                                    [linkType]=\"\n                                                        card.links?.[0]\n                                                            ?.linkType\n                                                    \"\n                                                    [attr.aria-label]=\"\n                                                        card.links?.[0]?.label\n                                                    \"\n                                                >\n                                                    <div\n                                                        class=\"m-card-top\"\n                                                        [style.background-image]=\"\n                                                            'url(' +\n                                                            img.img?.src +\n                                                            ')'\n                                                        \"\n                                                    >\n                                                        @if (\n                                                            card.texts\n                                                                ?.additional1\n                                                        ) {\n                                                            <div\n                                                                class=\"m-tag\"\n                                                                [style.--arrow-color]=\"\n                                                                    styles?.primary ??\n                                                                    '#000'\n                                                                \"\n                                                                [style.--arrow-hover-color]=\"\n                                                                    styles?.primaryHover ??\n                                                                    styles?.primary ??\n                                                                    '#000'\n                                                                \"\n                                                            >\n                                                                {{\n                                                                    card.title ||\n                                                                        card\n                                                                            .texts\n                                                                            ?.additional1\n                                                                }}\n                                                            </div>\n                                                        }\n                                                    </div>\n                                                </a>\n                                            </ng-container>\n                                        }\n                                    }\n\n                                    <div class=\"m-content\">\n                                        @if (card.texts?.name) {\n                                            <div class=\"m-title\">\n                                                {{ card.texts?.name }}\n                                            </div>\n                                        }\n                                        <!--    <img\n                                            *ngIf=\"card.logo\"\n                                            class=\"m-logo\"\n                                            [src]=\"card.logo\"\n                                            [alt]=\"card.title\"\n                                            loading=\"lazy\"\n                                        /> -->\n                                        @if (card.buttons) {\n                                            @for (\n                                                btn of card.buttons;\n                                                track $index\n                                            ) {\n                                                <a\n                                                    [ngClass]=\"\n                                                        $index % 2 === 0\n                                                            ? 'm-button-sm'\n                                                            : 'm-but m-underline'\n                                                    \"\n                                                    [href]=\"btn?.url\"\n                                                    [attr.target]=\"btn?.target\"\n                                                    [attr.rel]=\"\n                                                        (btn?.target ||\n                                                            '_self') ===\n                                                        '_blank'\n                                                            ? 'noopener noreferrer'\n                                                            : null\n                                                    \"\n                                                    [attr.aria-label]=\"\n                                                        btn?.label\n                                                    \"\n                                                    [style.--color]=\"\n                                                        styles?.primary ??\n                                                        '#ff4338'\n                                                    \"\n                                                    [style.--hover-color]=\"\n                                                        styles?.primaryHover ??\n                                                        styles?.primary ??\n                                                        '#ed3b37'\n                                                    \"\n                                                >\n                                                    <span>{{\n                                                        btn?.label\n                                                    }}</span>\n                                                </a>\n                                            }\n                                        }\n                                    </div>\n                                </div>\n                            }\n                        </div>\n                    </div>\n\n                    <div\n                        class=\"m-swiper-button prev\"\n                        [class.is-hidden]=\"!arrowsReady || !showPrev\"\n                        [style.--arrow-color]=\"styles?.primary\"\n                        [style.--arrow-hover-color]=\"styles?.primaryHover\"\n                    >\n                        <svg\n                            width=\"7\"\n                            height=\"12\"\n                            viewBox=\"0 0 7 12\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <path\n                                d=\"M0.28467 5.31548L5.34843 0.281695C5.53052 0.100676 5.77712 -0.000650459 6.03398 3.77247e-06C6.29084 0.000657051 6.53692 0.103239 6.71808 0.285182C6.89924 0.467126 7.00065 0.713526 7 0.970178C6.99934 1.22683 6.89668 1.47271 6.71459 1.65373L2.32693 5.98705L6.7116 10.3463C6.89369 10.5273 6.99635 10.7732 6.99701 11.0298C6.99766 11.2865 6.89625 11.5329 6.71509 11.7148C6.53392 11.8968 6.28784 11.9993 6.03099 12C5.77413 12.0007 5.52753 11.8993 5.34544 11.7183L0.283673 6.68651C0.101853 6.50457 -0.000186192 6.25791 7.39071e-07 6.00079C0.00018767 5.74367 0.102586 5.49716 0.28467 5.31548Z\"\n                                fill=\"white\"\n                            />\n                        </svg>\n                    </div>\n\n                    <div\n                        class=\"m-swiper-button next\"\n                        [class.is-hidden]=\"!arrowsReady || !showNext\"\n                        [style.--arrow-color]=\"styles?.primary\"\n                        [style.--arrow-hover-color]=\"styles?.primaryHover\"\n                    >\n                        <svg\n                            width=\"7\"\n                            height=\"12\"\n                            viewBox=\"0 0 7 12\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <path\n                                d=\"M6.71533 5.31548L1.65157 0.281695C1.46948 0.100676 1.22288 -0.000650459 0.966022 3.77247e-06C0.709163 0.000657051 0.463085 0.103239 0.281921 0.285182C0.100757 0.467126 -0.000651881 0.713526 2.66678e-06 0.970178C0.000657215 1.22683 0.103322 1.47271 0.285411 1.65373L4.67307 5.98705L0.288403 10.3463C0.106314 10.5273 0.00364923 10.7732 0.0029947 11.0298C0.00234018 11.2865 0.103749 11.5329 0.284913 11.7148C0.466077 11.8968 0.712156 11.9993 0.969015 12C1.22587 12.0007 1.47247 11.8993 1.65456 11.7183L6.71633 6.68651C6.89815 6.50457 7.00019 6.25791 7 6.00079C6.99981 5.74367 6.89741 5.49716 6.71533 5.31548Z\"\n                                fill=\"white\"\n                            />\n                        </svg>\n                    </div>\n                </div>\n            </div>\n        }\n    </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-mdh011 .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){.mdl-mdh011 .m-button-big{font-size:1.6rem}}.mdl-mdh011 .m-button-big.red{background-color:#ff4338}@media (hover: hover){.mdl-mdh011 .m-button-big.red:hover{background-color:#ed3b37}}.mdl-mdh011 .m-button-big.blue{background-color:#5b87da}@media (hover: hover){.mdl-mdh011 .m-button-big.blue:hover{background-color:#446ecd}}.mdl-mdh011 .m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.mdl-mdh011 .m-button-big.green:hover{background-color:#2ec99b}}.mdl-mdh011 .m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-mdh011 .m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-mdh011 .m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh011 .m-button-big:hover{background-color:#ed3b37}}.mdl-mdh011 .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;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){.mdl-mdh011 .m-button-sm{font-size:1.6rem}}.mdl-mdh011 .m-button-sm{background-color:var(--color, #ff4338)!important}.mdl-mdh011 .m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh011 .m-button-sm:hover{background-color:var(--hover-color, #ed3b37)}}.mdl-mdh011 .m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:var(--color, #ff4338);font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline{font-size:1.6rem}}@media (hover: hover){.mdl-mdh011 .m-underline:hover,.mdl-mdh011 .m-underline.active{color:var(--hover-color, #ed3b37)!important}.mdl-mdh011 .m-underline:hover:after,.mdl-mdh011 .m-underline.active:after{opacity:1;width:100%}}.mdl-mdh011 .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1;background:var(--hover-color, transparent)!important}.mdl-mdh011 .m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:var(--hover-color, #ed3b37)!important;transition:.3s ease;z-index:2}.mdl-mdh011 .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){.mdl-mdh011 .m-underline-red{font-size:1.6rem}}.mdl-mdh011 .m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .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){.mdl-mdh011 .m-underline-red:hover{color:#ed3b37}.mdl-mdh011 .m-underline-red:hover:after{width:100%}}.mdl-mdh011 .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){.mdl-mdh011 .m-underline-blue{font-size:1.6rem}}.mdl-mdh011 .m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .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){.mdl-mdh011 .m-underline-blue:hover{color:#446ecd}.mdl-mdh011 .m-underline-blue:hover:after{width:100%}}.mdl-mdh011 .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){.mdl-mdh011 .m-underline-green{font-size:1.6rem}}.mdl-mdh011 .m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .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){.mdl-mdh011 .m-underline-green:hover{color:#2ec99b}.mdl-mdh011 .m-underline-green:hover:after{width:100%}}.mdl-mdh011 .m-swiper-button{width:4.8rem;height:4.8rem;background-color:var(--arrow-color, #ff4338);transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh011 .m-swiper-button.swiper-button-disabled{opacity:.7}.mdl-mdh011 .m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh011 .m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.mdl-mdh011 .m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.mdl-mdh011 .m-swiper-button:hover{background-color:var(--arrow-hover-color, #ed3b37)}}@media (max-width: 768px){.mdl-mdh011 .m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.mdl-mdh011 .m-swiper-button{width:3.2rem;height:3.2rem}.mdl-mdh011 .m-swiper-button svg{width:.5rem}}.mdl-mdh011 .m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.mdl-mdh011 .m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh011 .m-swiper-button-s.prev svg{left:45%}.mdl-mdh011 .m-swiper-button-s.next svg{left:55%}@media (hover: hover){.mdl-mdh011 .m-swiper-button-s:hover{background-color:#ed3b37}}.mdl-mdh011 .m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh011 .m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.mdl-mdh011 .m-button-close:hover{background-color:#ed3b37}.mdl-mdh011 .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}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}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-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;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-family:jokker,sans-serif;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-family:jokker,sans-serif;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-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;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-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;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-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);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__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}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:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.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-mdh011{padding-top:8.1rem;padding-bottom:8.1rem;background-color:#fff9f9;height:1000px}@media (max-width: 1630px){.mdl-mdh011{height:900px}}@media (max-width: 1363px){.mdl-mdh011{height:800px}}@media (max-width: 768px){.mdl-mdh011{height:700px}}@media (max-width: 768px){.mdl-mdh011{height:1000px}}@media (max-width: 539px){.mdl-mdh011{height:800px}}.mdl-mdh011 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center;width:100%;height:700px}@media (max-width: 800px){.mdl-mdh011 .mdl-container{height:700px}}@media (max-width: 564px){.mdl-mdh011 .mdl-container{height:500px}}.mdl-mdh011 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;position:relative;gap:2rem;flex-wrap:wrap}.mdl-mdh011 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem;width:40rem;color:#515050}.mdl-mdh011 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem;width:62rem;color:#51505099;text-align:right}.mdl-mdh011 .mdl-container .m-cards-container{width:100%}.mdl-mdh011 .mdl-container .swiper{max-width:100%;overflow:visible;position:relative;width:100%}.mdl-mdh011 .mdl-container .swiper .swiper-container{width:100%}.mdl-mdh011 .mdl-container .swiper .swiper-wrapper{display:flex}.mdl-mdh011 .mdl-container .swiper .swiper-slide{width:auto;flex-shrink:0;height:auto}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{position:absolute;z-index:1;top:30%}.mdl-mdh011 .mdl-container .swiper .next{right:-4.8rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-4.8rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{width:100%;cursor:pointer;overflow:initial}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:31vw;max-height:60rem;transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top:after{content:\"\";width:102%;height:22.8rem;left:-1px;bottom:-15rem;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape-beige.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top .m-tag{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:var(--arrow-color, #ed3b37);color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon{position:relative;width:100%;height:31vw;max-height:56rem;background-color:#fff9f9;transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon:after{content:\"\";width:102%;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-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem;padding:6rem 5rem;color:#515050b3;text-align:center}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content{display:flex;flex-direction:column;align-items:center;margin-top:2rem;text-align:center;width:100%;position:relative;z-index:1}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem;color:#515050b3;position:absolute;top:-1rem}@media (max-width: 768px){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-title{position:relative}}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo{position:absolute;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm{margin-top:4.3rem;width:100%;max-width:26rem;min-width:20rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{margin:2rem 0 4rem}@media (hover: hover){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-card-top{background-blend-mode:multiply;max-height:27vw}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-but{opacity:1;transform:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-button-sm span{color:var(--cl_title-light)}}@media (max-width: 1366px){.mdl-mdh011 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}.mdl-mdh011 .mdl-container .m-cards-container{gap:5.5rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-mdh011{padding-top:7.5rem;padding-bottom:0}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:25%}}@media (max-width: 768px){.mdl-mdh011{padding-left:6rem!important;padding-right:6rem!important}.mdl-mdh011 .mdl-container{width:100%}.mdl-mdh011 .mdl-container .m-content-top{flex-direction:column;align-items:center;text-align:center;gap:3.3rem}.mdl-mdh011 .mdl-container .m-content-top .m-text{width:100%;font-size:2.7rem;text-align:left}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:30%;width:3.8rem;height:3.8rem}.mdl-mdh011 .mdl-container .swiper .next{right:-3.8rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-3.8rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{min-height:57rem;max-width:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{height:50rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{position:relative;opacity:1;transform:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo{margin-bottom:1rem;filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}}@media (max-width: 540px){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{max-height:30rem}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:21%;width:3.2rem;height:3.2rem}.mdl-mdh011 .mdl-container .swiper .next{right:-3.2rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-3.2rem}.mdl-mdh011 .mdl-container .m-content-top .m-text{font-size:2.2rem}}@media (max-width: 375px){.mdl-mdh011{padding-left:3.7rem!important;padding-right:3.7rem!important;padding-top:5rem;padding-bottom:5rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{height:44rem}}.link-container{width:100%;height:100%}.m-swiper-button.is-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CarC2TxtCtaComponent, isStandalone: true, selector: "car-c2-txt-cta", inputs: { texts: "texts", items: "items", buttons: "buttons", styles: "styles", showArrowsAlways: "showArrowsAlways" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"mdl-mdh011\">\n    <div class=\"mdl-container\">\n        <div class=\"m-content-top\">\n            @if (texts) {\n                @if (texts.title) {\n                    <div class=\"m-title\">{{ texts.title }}</div>\n                }\n                @if (texts.description) {\n                    <div class=\"m-text\">\n                        {{ texts.description }}\n                    </div>\n                }\n            }\n            @if (buttons?.[0]; as btn) {\n                <a\n                    class=\"m-underline-red\"\n                    [href]=\"btn.url\"\n                    [linkType]=\"btn.linkType\"\n                    [attr.target]=\"btn.target\"\n                    [attr.rel]=\"\n                        (btn.target || '_self') === '_blank'\n                            ? 'noopener noreferrer'\n                            : null\n                    \"\n                    [attr.aria-label]=\"btn.label\"\n                >\n                    {{ btn.label }}\n                </a>\n            }\n        </div>\n\n        @if (items) {\n            <div class=\"m-cards-container\">\n                <div class=\"swiper\">\n                    <div class=\"swiper-container\">\n                        <div class=\"swiper-wrapper\">\n                            @for (card of items; track $index) {\n                                <div class=\"swiper-slide\">\n                                    @if (card.multimedia?.imagenes) {\n                                        @if (\n                                            getFirstImageByTag(\n                                                tagName,\n                                                card.multimedia?.imagenes ?? []\n                                            ) ?? card.multimedia?.imagenes?.[0];\n                                            as img\n                                        ) {\n                                            <ng-container>\n                                                <a\n                                                    class=\"link-container\"\n                                                    [href]=\"\n                                                        card.links?.[0]?.url\n                                                    \"\n                                                    [linkType]=\"\n                                                        card.links?.[0]\n                                                            ?.linkType\n                                                    \"\n                                                    [attr.aria-label]=\"\n                                                        card.links?.[0]?.label\n                                                    \"\n                                                >\n                                                    <div\n                                                        class=\"m-card-top\"\n                                                        [style.background-image]=\"\n                                                            'url(' +\n                                                            img.img?.src +\n                                                            ')'\n                                                        \"\n                                                    >\n                                                        @if (\n                                                            card.texts\n                                                                ?.additional1\n                                                        ) {\n                                                            <div\n                                                                class=\"m-tag\"\n                                                                [style.--arrow-color]=\"\n                                                                    styles?.primary ??\n                                                                    '#000'\n                                                                \"\n                                                                [style.--arrow-hover-color]=\"\n                                                                    styles?.primaryHover ??\n                                                                    styles?.primary ??\n                                                                    '#000'\n                                                                \"\n                                                            >\n                                                                {{\n                                                                    card.title ||\n                                                                        card\n                                                                            .texts\n                                                                            ?.additional1\n                                                                }}\n                                                            </div>\n                                                        }\n                                                    </div>\n                                                </a>\n                                            </ng-container>\n                                        }\n                                    }\n\n                                    <div class=\"m-content\">\n                                        @if (card.texts?.name) {\n                                            <div class=\"m-title\">\n                                                {{ card.texts?.name }}\n                                            </div>\n                                        }\n                                        <!--    <img\n                                            *ngIf=\"card.logo\"\n                                            class=\"m-logo\"\n                                            [src]=\"card.logo\"\n                                            [alt]=\"card.title\"\n                                            loading=\"lazy\"\n                                        /> -->\n                                        @if (card.buttons) {\n                                            @for (\n                                                btn of card.buttons;\n                                                track $index\n                                            ) {\n                                                <a\n                                                    [ngClass]=\"\n                                                        $index % 2 === 0\n                                                            ? 'm-button-sm'\n                                                            : 'm-but m-underline'\n                                                    \"\n                                                    [href]=\"btn?.url\"\n                                                    [attr.target]=\"btn?.target\"\n                                                    [attr.rel]=\"\n                                                        (btn?.target ||\n                                                            '_self') ===\n                                                        '_blank'\n                                                            ? 'noopener noreferrer'\n                                                            : null\n                                                    \"\n                                                    [attr.aria-label]=\"\n                                                        btn?.label\n                                                    \"\n                                                    [style.--color]=\"\n                                                        styles?.primary ??\n                                                        '#ff4338'\n                                                    \"\n                                                    [style.--hover-color]=\"\n                                                        styles?.primaryHover ??\n                                                        styles?.primary ??\n                                                        '#ed3b37'\n                                                    \"\n                                                >\n                                                    <span>{{\n                                                        btn?.label\n                                                    }}</span>\n                                                </a>\n                                            }\n                                        }\n                                    </div>\n                                </div>\n                            }\n                        </div>\n                    </div>\n\n                    <div\n                        class=\"m-swiper-button prev\"\n                        [class.is-hidden]=\"!arrowsReady || !showPrev\"\n                        [style.--arrow-color]=\"styles?.primary\"\n                        [style.--arrow-hover-color]=\"styles?.primaryHover\"\n                    >\n                        <svg\n                            width=\"7\"\n                            height=\"12\"\n                            viewBox=\"0 0 7 12\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <path\n                                d=\"M0.28467 5.31548L5.34843 0.281695C5.53052 0.100676 5.77712 -0.000650459 6.03398 3.77247e-06C6.29084 0.000657051 6.53692 0.103239 6.71808 0.285182C6.89924 0.467126 7.00065 0.713526 7 0.970178C6.99934 1.22683 6.89668 1.47271 6.71459 1.65373L2.32693 5.98705L6.7116 10.3463C6.89369 10.5273 6.99635 10.7732 6.99701 11.0298C6.99766 11.2865 6.89625 11.5329 6.71509 11.7148C6.53392 11.8968 6.28784 11.9993 6.03099 12C5.77413 12.0007 5.52753 11.8993 5.34544 11.7183L0.283673 6.68651C0.101853 6.50457 -0.000186192 6.25791 7.39071e-07 6.00079C0.00018767 5.74367 0.102586 5.49716 0.28467 5.31548Z\"\n                                fill=\"white\"\n                            />\n                        </svg>\n                    </div>\n\n                    <div\n                        class=\"m-swiper-button next\"\n                        [class.is-hidden]=\"!arrowsReady || !showNext\"\n                        [style.--arrow-color]=\"styles?.primary\"\n                        [style.--arrow-hover-color]=\"styles?.primaryHover\"\n                    >\n                        <svg\n                            width=\"7\"\n                            height=\"12\"\n                            viewBox=\"0 0 7 12\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <path\n                                d=\"M6.71533 5.31548L1.65157 0.281695C1.46948 0.100676 1.22288 -0.000650459 0.966022 3.77247e-06C0.709163 0.000657051 0.463085 0.103239 0.281921 0.285182C0.100757 0.467126 -0.000651881 0.713526 2.66678e-06 0.970178C0.000657215 1.22683 0.103322 1.47271 0.285411 1.65373L4.67307 5.98705L0.288403 10.3463C0.106314 10.5273 0.00364923 10.7732 0.0029947 11.0298C0.00234018 11.2865 0.103749 11.5329 0.284913 11.7148C0.466077 11.8968 0.712156 11.9993 0.969015 12C1.22587 12.0007 1.47247 11.8993 1.65456 11.7183L6.71633 6.68651C6.89815 6.50457 7.00019 6.25791 7 6.00079C6.99981 5.74367 6.89741 5.49716 6.71533 5.31548Z\"\n                                fill=\"white\"\n                            />\n                        </svg>\n                    </div>\n                </div>\n            </div>\n        }\n    </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-mdh011 .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){.mdl-mdh011 .m-button-big{font-size:1.6rem}}.mdl-mdh011 .m-button-big.red{background-color:#ff4338}@media (hover: hover){.mdl-mdh011 .m-button-big.red:hover{background-color:#ed3b37}}.mdl-mdh011 .m-button-big.blue{background-color:#5b87da}@media (hover: hover){.mdl-mdh011 .m-button-big.blue:hover{background-color:#446ecd}}.mdl-mdh011 .m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.mdl-mdh011 .m-button-big.green:hover{background-color:#2ec99b}}.mdl-mdh011 .m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-mdh011 .m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-mdh011 .m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh011 .m-button-big:hover{background-color:#ed3b37}}.mdl-mdh011 .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;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){.mdl-mdh011 .m-button-sm{font-size:1.6rem}}.mdl-mdh011 .m-button-sm{background-color:var(--color, #ff4338)!important}.mdl-mdh011 .m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh011 .m-button-sm:hover{background-color:var(--hover-color, #ed3b37)}}.mdl-mdh011 .m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:var(--color, #ff4338);font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline{font-size:1.6rem}}@media (hover: hover){.mdl-mdh011 .m-underline:hover,.mdl-mdh011 .m-underline.active{color:var(--hover-color, #ed3b37)!important}.mdl-mdh011 .m-underline:hover:after,.mdl-mdh011 .m-underline.active:after{opacity:1;width:100%}}.mdl-mdh011 .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1;background:var(--hover-color, transparent)!important}.mdl-mdh011 .m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:var(--hover-color, #ed3b37)!important;transition:.3s ease;z-index:2}.mdl-mdh011 .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){.mdl-mdh011 .m-underline-red{font-size:1.6rem}}.mdl-mdh011 .m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .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){.mdl-mdh011 .m-underline-red:hover{color:#ed3b37}.mdl-mdh011 .m-underline-red:hover:after{width:100%}}.mdl-mdh011 .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){.mdl-mdh011 .m-underline-blue{font-size:1.6rem}}.mdl-mdh011 .m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .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){.mdl-mdh011 .m-underline-blue:hover{color:#446ecd}.mdl-mdh011 .m-underline-blue:hover:after{width:100%}}.mdl-mdh011 .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){.mdl-mdh011 .m-underline-green{font-size:1.6rem}}.mdl-mdh011 .m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .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){.mdl-mdh011 .m-underline-green:hover{color:#2ec99b}.mdl-mdh011 .m-underline-green:hover:after{width:100%}}.mdl-mdh011 .m-swiper-button{width:4.8rem;height:4.8rem;background-color:var(--arrow-color, #ff4338);transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh011 .m-swiper-button.swiper-button-disabled{opacity:.7}.mdl-mdh011 .m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh011 .m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.mdl-mdh011 .m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.mdl-mdh011 .m-swiper-button:hover{background-color:var(--arrow-hover-color, #ed3b37)}}@media (max-width: 768px){.mdl-mdh011 .m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.mdl-mdh011 .m-swiper-button{width:3.2rem;height:3.2rem}.mdl-mdh011 .m-swiper-button svg{width:.5rem}}.mdl-mdh011 .m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.mdl-mdh011 .m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh011 .m-swiper-button-s.prev svg{left:45%}.mdl-mdh011 .m-swiper-button-s.next svg{left:55%}@media (hover: hover){.mdl-mdh011 .m-swiper-button-s:hover{background-color:#ed3b37}}.mdl-mdh011 .m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh011 .m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.mdl-mdh011 .m-button-close:hover{background-color:#ed3b37}.mdl-mdh011 .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}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}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-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;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-family:jokker,sans-serif;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-family:jokker,sans-serif;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-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;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-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;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-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);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__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}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:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.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-mdh011{padding-top:8.1rem;padding-bottom:8.1rem;background-color:#fff9f9;height:1000px}@media (max-width: 1630px){.mdl-mdh011{height:900px}}@media (max-width: 1363px){.mdl-mdh011{height:800px}}@media (max-width: 768px){.mdl-mdh011{height:700px}}@media (max-width: 768px){.mdl-mdh011{height:1000px}}@media (max-width: 539px){.mdl-mdh011{height:800px}}.mdl-mdh011 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center;width:100%;height:700px}@media (max-width: 800px){.mdl-mdh011 .mdl-container{height:700px}}@media (max-width: 564px){.mdl-mdh011 .mdl-container{height:500px}}.mdl-mdh011 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;position:relative;gap:2rem;flex-wrap:wrap}.mdl-mdh011 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem;width:40rem;color:#515050}.mdl-mdh011 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem;width:62rem;color:#51505099;text-align:right}.mdl-mdh011 .mdl-container .m-cards-container{width:100%}.mdl-mdh011 .mdl-container .swiper{max-width:100%;overflow:visible;position:relative;width:100%}.mdl-mdh011 .mdl-container .swiper .swiper-container{width:100%}.mdl-mdh011 .mdl-container .swiper .swiper-wrapper{display:flex}.mdl-mdh011 .mdl-container .swiper .swiper-slide{width:auto;flex-shrink:0;height:auto}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{position:absolute;z-index:1;top:30%}.mdl-mdh011 .mdl-container .swiper .next{right:-4.8rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-4.8rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{width:100%;cursor:pointer;overflow:initial}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:31vw;max-height:60rem;transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top:after{content:\"\";width:102%;height:22.8rem;left:-1px;bottom:-15rem;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape-beige.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top .m-tag{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:var(--arrow-color, #ed3b37);color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon{position:relative;width:100%;height:31vw;max-height:56rem;background-color:#fff9f9;transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon:after{content:\"\";width:102%;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-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem;padding:6rem 5rem;color:#515050b3;text-align:center}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content{display:flex;flex-direction:column;align-items:center;margin-top:2rem;text-align:center;width:100%;position:relative;z-index:1}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem;color:#515050b3;position:absolute;top:-1rem}@media (max-width: 768px){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-title{position:relative}}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo{position:absolute;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm{margin-top:4.3rem;width:100%;max-width:26rem;min-width:20rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{margin:2rem 0 4rem}@media (hover: hover){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-card-top{background-blend-mode:multiply;max-height:27vw}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-but{opacity:1;transform:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-button-sm span{color:var(--cl_title-light)}}@media (max-width: 1366px){.mdl-mdh011 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}.mdl-mdh011 .mdl-container .m-cards-container{gap:5.5rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-mdh011{padding-top:7.5rem;padding-bottom:0}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:25%}}@media (max-width: 768px){.mdl-mdh011{padding-left:6rem!important;padding-right:6rem!important}.mdl-mdh011 .mdl-container{width:100%}.mdl-mdh011 .mdl-container .m-content-top{flex-direction:column;align-items:center;text-align:center;gap:3.3rem}.mdl-mdh011 .mdl-container .m-content-top .m-text{width:100%;font-size:2.7rem;text-align:left}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:30%;width:3.8rem;height:3.8rem}.mdl-mdh011 .mdl-container .swiper .next{right:-3.8rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-3.8rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{min-height:57rem;max-width:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{height:50rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{position:relative;opacity:1;transform:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo{margin-bottom:1rem;filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}}@media (max-width: 540px){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{max-height:30rem}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:21%;width:3.2rem;height:3.2rem}.mdl-mdh011 .mdl-container .swiper .next{right:-3.2rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-3.2rem}.mdl-mdh011 .mdl-container .m-content-top .m-text{font-size:2.2rem}}@media (max-width: 375px){.mdl-mdh011{padding-left:3.7rem!important;padding-right:3.7rem!important;padding-top:5rem;padding-bottom:5rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{height:44rem}}.link-container{width:100%;height:100%}.m-swiper-button.is-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CarC2TxtCtaComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/external/core/lis-c2-img-txt-cv4/lis-c2-img-txt-cv4.component.mjs CHANGED Viewed

@@ -17,7 +17,7 @@ export class LisC2ImgTxtCv4Component {
         return getFirstImageByTagFromImages(images, tagName);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC2ImgTxtCv4Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LisC2ImgTxtCv4Component, isStandalone: true, selector: "lis-c2-img-txt-cv4", inputs: { items: "items", styles: "styles" }, ngImport: i0, template: "@if (items) {\n    <section class=\"mdl-mdh003-v2\">\n        <div class=\"mdl-container\">\n            <div class=\"m-cards-container\">\n                @for (item of items; track $index) {\n                    <div class=\"m-card\">\n                        <a\n                            class=\"link-container\"\n                            [href]=\"item.links?.[0]?.url\"\n                            [linkType]=\"item.links?.[0]?.linkType\"\n                            [attr.aria-label]=\"item.links?.[0]?.label\"\n                        >\n                            <div\n                                class=\"m-card-top\"\n                                [style.background-image]=\"\n                                    'url(' +\n                                    (getFirstImageByTag(\n                                        tagName,\n                                        item.multimedia?.imagenes ?? []\n                                    )?.img?.src ??\n                                        item.multimedia?.imagenes?.[0]?.img\n                                            ?.src) +\n                                    ')'\n                                \"\n                            ></div>\n                        </a>\n                        <div class=\"m-content\">\n                            @if (item.texts?.title ?? item.texts?.name) {\n                                <div class=\"m-title\">\n                                    {{ item.texts?.title ?? item.texts?.name }}\n                                </div>\n                            }\n                            @if (item.buttons) {\n                                @for (btn of item.buttons; track $index) {\n                                    <a\n                                        class=\"m-button-sm\"\n                                        [ngClass]=\"{\n                                            red: $index % 2 === 0,\n                                            'm-button-sm': $index % 2 === 0,\n                                            'm-but m-underline-red':\n                                                $index % 2 !== 0,\n                                        }\"\n                                        [href]=\"btn.url\"\n                                        [linkType]=\"btn.linkType\"\n                                        [attr.target]=\"btn.target || '_self'\"\n                                        [attr.aria-label]=\"btn.label\"\n                                        [attr.rel]=\"\n                                            (btn.target || '_self') === '_blank'\n                                                ? 'noopener noreferrer'\n                                                : null\n                                        \"\n                                        [style.--btn-primary-dynamic]=\"\n                                            styles?.primary\n                                        \"\n                                        [style.--btn-hover-dynamic]=\"\n                                            styles?.primaryHover\n                                        \"\n                                    >\n                                        <span>{{ btn.label }}</span>\n                                    </a>\n                                }\n                            }\n                        </div>\n                    </div>\n                }\n            </div>\n        </div>\n    </section>\n}\n", styles: ["@charset \"UTF-8\";.mdl-mdh003-v2 .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:var(--btn-primary-dynamic, #ff4338)!important;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){.mdl-mdh003-v2 .m-button-big{font-size:1.6rem}}.mdl-mdh003-v2 .m-button-big.red{background-color:#ff4338}@media (hover: hover){.mdl-mdh003-v2 .m-button-big.red:hover{background-color:#ed3b37}}.mdl-mdh003-v2 .m-button-big.blue{background-color:#5b87da}@media (hover: hover){.mdl-mdh003-v2 .m-button-big.blue:hover{background-color:#446ecd}}.mdl-mdh003-v2 .m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.mdl-mdh003-v2 .m-button-big.green:hover{background-color:#2ec99b}}.mdl-mdh003-v2 .m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-mdh003-v2 .m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-mdh003-v2 .m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh003-v2 .m-button-big:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}}.mdl-mdh003-v2 .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:var(--btn-primary-dynamic, #ff4338)!important;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){.mdl-mdh003-v2 .m-button-sm{font-size:1.6rem}}.mdl-mdh003-v2 .m-button-sm.red{background-color:#ff4338}@media (hover: hover){.mdl-mdh003-v2 .m-button-sm.red:hover{background-color:#ed3b37}}.mdl-mdh003-v2 .m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.mdl-mdh003-v2 .m-button-sm.blue:hover{background-color:#446ecd}}.mdl-mdh003-v2 .m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.mdl-mdh003-v2 .m-button-sm.green:hover{background-color:#2ec99b}}.mdl-mdh003-v2 .m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-mdh003-v2 .m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-mdh003-v2 .m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh003-v2 .m-button-sm:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}}.mdl-mdh003-v2 .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){.mdl-mdh003-v2 .m-underline{font-size:1.6rem}}@media (hover: hover){.mdl-mdh003-v2 .m-underline:hover,.mdl-mdh003-v2 .m-underline.active{color:#ed3b37}.mdl-mdh003-v2 .m-underline:hover:after,.mdl-mdh003-v2 .m-underline.active:after{opacity:1;width:100%}}.mdl-mdh003-v2 .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.mdl-mdh003-v2 .m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:var(--btn-hover-dynamic, #ed3b37)!important;transition:.3s ease;z-index:2}.mdl-mdh003-v2 .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){.mdl-mdh003-v2 .m-underline-red{font-size:1.6rem}}.mdl-mdh003-v2 .m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh003-v2 .m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:var(--btn-hover-dynamic, #ed3b37)!important;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-mdh003-v2 .m-underline-red:hover{color:#ed3b37}.mdl-mdh003-v2 .m-underline-red:hover:after{width:100%}}.mdl-mdh003-v2 .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){.mdl-mdh003-v2 .m-underline-blue{font-size:1.6rem}}.mdl-mdh003-v2 .m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh003-v2 .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){.mdl-mdh003-v2 .m-underline-blue:hover{color:#446ecd}.mdl-mdh003-v2 .m-underline-blue:hover:after{width:100%}}.mdl-mdh003-v2 .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){.mdl-mdh003-v2 .m-underline-green{font-size:1.6rem}}.mdl-mdh003-v2 .m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh003-v2 .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){.mdl-mdh003-v2 .m-underline-green:hover{color:#2ec99b}.mdl-mdh003-v2 .m-underline-green:hover:after{width:100%}}.mdl-mdh003-v2 .m-swiper-button{width:4.8rem;height:4.8rem;background-color:var(--btn-primary-dynamic, #ff4338)!important;transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh003-v2 .m-swiper-button.swiper-button-disabled{opacity:.7}.mdl-mdh003-v2 .m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh003-v2 .m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.mdl-mdh003-v2 .m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.mdl-mdh003-v2 .m-swiper-button:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}}@media (max-width: 768px){.mdl-mdh003-v2 .m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.mdl-mdh003-v2 .m-swiper-button{width:3.2rem;height:3.2rem}.mdl-mdh003-v2 .m-swiper-button svg{width:.5rem}}.mdl-mdh003-v2 .m-swiper-button-s{width:3rem;height:3rem;background-color:var(--btn-primary-dynamic, #ff4338)!important;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.mdl-mdh003-v2 .m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh003-v2 .m-swiper-button-s.prev svg{left:45%}.mdl-mdh003-v2 .m-swiper-button-s.next svg{left:55%}@media (hover: hover){.mdl-mdh003-v2 .m-swiper-button-s:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}}.mdl-mdh003-v2 .m-button-close{background-color:var(--btn-primary-dynamic, #ff4338)!important;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh003-v2 .m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.mdl-mdh003-v2 .m-button-close:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.mdl-mdh003-v2 .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:var(--btn-primary-dynamic, #ff4338)!important;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}}@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:var(--btn-hover-dynamic, #ed3b37)!important}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}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-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;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-family:jokker,sans-serif;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-family:jokker,sans-serif;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-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;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-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;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-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);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__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}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:var(--btn-primary-dynamic, #ff4338)!important;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:url(/assets/babylon/img/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.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:var(--btn-primary-dynamic, #ff4338)!important}.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-mdh003-v2{padding-top:8.1rem;background-color:#fff9f9}.mdl-mdh003-v2 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center;overflow:hidden}.mdl-mdh003-v2 .mdl-container .m-cards-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:0 7rem;width:100%;max-width:137rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;width:calc(50% - 3.5rem);aspect-ratio:650/560}.mdl-mdh003-v2 .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;max-height:78rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:4rem;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape-red.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff9f9;position:absolute;bottom:0;left:0}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-icon{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem;background-color:#fff9f9;position:relative}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-icon:after{content:\"\";width:102%;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-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.2rem;line-height:3rem}}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{padding:6rem 5rem;color:#515050b2}.mdl-mdh003-v2 .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;width:100%;gap:2rem;transition:all .3s ease}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{opacity:0;transform:translateY(-118%);transition:all .3s ease;width:100%;max-width:26rem;min-width:20rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-size:3.2rem;font-weight:400}@media (max-width: 1366px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2.8rem}}@media (max-width: 540px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2.4rem}}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-title{color:#515050b2}@media (min-width: 769px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:7rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card:hover .m-content{transform:translateY(-40%)}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none;width:100%;max-width:26rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card:hover .m-content .m-but{opacity:1;transform:none}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm span{color:var(--cl_title-light)}}@media (max-width: 1366px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:after{height:21%}}@media (max-width: 1080px){.mdl-mdh003-v2 .mdl-container .m-cards-container{gap:0 4.4rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card{width:calc(50% - 2.2rem)}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content{margin-top:-3rem}}@media (max-width: 768px){.mdl-mdh003-v2 .mdl-container .m-cards-container{gap:4rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card{width:100%}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:after{bottom:0rem;height:9.8rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:before{height:2rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content{margin-top:-5rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-button-sm,.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:1;transform:none;transition:all .3s ease}}@media (max-width: 540px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:after{bottom:2rem;height:7.8rem}}.link-container{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LisC2ImgTxtCv4Component, isStandalone: true, selector: "lis-c2-img-txt-cv4", inputs: { items: "items", styles: "styles" }, ngImport: i0, template: "@if (items) {\n    <section class=\"mdl-mdh003-v2\">\n        <div class=\"mdl-container\">\n            <div class=\"m-cards-container\">\n                @for (item of items; track $index) {\n                    <div class=\"m-card\">\n                        <a\n                            class=\"link-container\"\n                            [href]=\"item.links?.[0]?.url\"\n                            [linkType]=\"item.links?.[0]?.linkType\"\n                            [attr.aria-label]=\"item.links?.[0]?.label\"\n                        >\n                            <div\n                                class=\"m-card-top\"\n                                [style.background-image]=\"\n                                    'url(' +\n                                    (getFirstImageByTag(\n                                        tagName,\n                                        item.multimedia?.imagenes ?? []\n                                    )?.img?.src ??\n                                        item.multimedia?.imagenes?.[0]?.img\n                                            ?.src) +\n                                    ')'\n                                \"\n                            ></div>\n                        </a>\n                        <div class=\"m-content\">\n                            @if (item.texts?.title ?? item.texts?.name) {\n                                <div class=\"m-title\">\n                                    {{ item.texts?.title ?? item.texts?.name }}\n                                </div>\n                            }\n                            @if (item.buttons) {\n                                @for (btn of item.buttons; track $index) {\n                                    <a\n                                        class=\"m-button-sm\"\n                                        [ngClass]=\"{\n                                            red: $index % 2 === 0,\n                                            'm-button-sm': $index % 2 === 0,\n                                            'm-but m-underline-red':\n                                                $index % 2 !== 0,\n                                        }\"\n                                        [href]=\"btn.url\"\n                                        [linkType]=\"btn.linkType\"\n                                        [attr.target]=\"btn.target || '_self'\"\n                                        [attr.aria-label]=\"btn.label\"\n                                        [attr.rel]=\"\n                                            (btn.target || '_self') === '_blank'\n                                                ? 'noopener noreferrer'\n                                                : null\n                                        \"\n                                        [style.--btn-primary-dynamic]=\"\n                                            styles?.primary\n                                        \"\n                                        [style.--btn-hover-dynamic]=\"\n                                            styles?.primaryHover\n                                        \"\n                                    >\n                                        <span>{{ btn.label }}</span>\n                                    </a>\n                                }\n                            }\n                        </div>\n                    </div>\n                }\n            </div>\n        </div>\n    </section>\n}\n", styles: ["@charset \"UTF-8\";.mdl-mdh003-v2 .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:var(--btn-primary-dynamic, #ff4338)!important;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){.mdl-mdh003-v2 .m-button-big{font-size:1.6rem}}.mdl-mdh003-v2 .m-button-big.red{background-color:#ff4338}@media (hover: hover){.mdl-mdh003-v2 .m-button-big.red:hover{background-color:#ed3b37}}.mdl-mdh003-v2 .m-button-big.blue{background-color:#5b87da}@media (hover: hover){.mdl-mdh003-v2 .m-button-big.blue:hover{background-color:#446ecd}}.mdl-mdh003-v2 .m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.mdl-mdh003-v2 .m-button-big.green:hover{background-color:#2ec99b}}.mdl-mdh003-v2 .m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-mdh003-v2 .m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-mdh003-v2 .m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh003-v2 .m-button-big:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}}.mdl-mdh003-v2 .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:var(--btn-primary-dynamic, #ff4338)!important;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){.mdl-mdh003-v2 .m-button-sm{font-size:1.6rem}}.mdl-mdh003-v2 .m-button-sm.red{background-color:#ff4338}@media (hover: hover){.mdl-mdh003-v2 .m-button-sm.red:hover{background-color:#ed3b37}}.mdl-mdh003-v2 .m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.mdl-mdh003-v2 .m-button-sm.blue:hover{background-color:#446ecd}}.mdl-mdh003-v2 .m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.mdl-mdh003-v2 .m-button-sm.green:hover{background-color:#2ec99b}}.mdl-mdh003-v2 .m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-mdh003-v2 .m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-mdh003-v2 .m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh003-v2 .m-button-sm:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}}.mdl-mdh003-v2 .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){.mdl-mdh003-v2 .m-underline{font-size:1.6rem}}@media (hover: hover){.mdl-mdh003-v2 .m-underline:hover,.mdl-mdh003-v2 .m-underline.active{color:#ed3b37}.mdl-mdh003-v2 .m-underline:hover:after,.mdl-mdh003-v2 .m-underline.active:after{opacity:1;width:100%}}.mdl-mdh003-v2 .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.mdl-mdh003-v2 .m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:var(--btn-hover-dynamic, #ed3b37)!important;transition:.3s ease;z-index:2}.mdl-mdh003-v2 .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){.mdl-mdh003-v2 .m-underline-red{font-size:1.6rem}}.mdl-mdh003-v2 .m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh003-v2 .m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:var(--btn-hover-dynamic, #ed3b37)!important;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-mdh003-v2 .m-underline-red:hover{color:#ed3b37}.mdl-mdh003-v2 .m-underline-red:hover:after{width:100%}}.mdl-mdh003-v2 .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){.mdl-mdh003-v2 .m-underline-blue{font-size:1.6rem}}.mdl-mdh003-v2 .m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh003-v2 .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){.mdl-mdh003-v2 .m-underline-blue:hover{color:#446ecd}.mdl-mdh003-v2 .m-underline-blue:hover:after{width:100%}}.mdl-mdh003-v2 .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){.mdl-mdh003-v2 .m-underline-green{font-size:1.6rem}}.mdl-mdh003-v2 .m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh003-v2 .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){.mdl-mdh003-v2 .m-underline-green:hover{color:#2ec99b}.mdl-mdh003-v2 .m-underline-green:hover:after{width:100%}}.mdl-mdh003-v2 .m-swiper-button{width:4.8rem;height:4.8rem;background-color:var(--btn-primary-dynamic, #ff4338)!important;transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh003-v2 .m-swiper-button.swiper-button-disabled{opacity:.7}.mdl-mdh003-v2 .m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh003-v2 .m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.mdl-mdh003-v2 .m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.mdl-mdh003-v2 .m-swiper-button:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}}@media (max-width: 768px){.mdl-mdh003-v2 .m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.mdl-mdh003-v2 .m-swiper-button{width:3.2rem;height:3.2rem}.mdl-mdh003-v2 .m-swiper-button svg{width:.5rem}}.mdl-mdh003-v2 .m-swiper-button-s{width:3rem;height:3rem;background-color:var(--btn-primary-dynamic, #ff4338)!important;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.mdl-mdh003-v2 .m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh003-v2 .m-swiper-button-s.prev svg{left:45%}.mdl-mdh003-v2 .m-swiper-button-s.next svg{left:55%}@media (hover: hover){.mdl-mdh003-v2 .m-swiper-button-s:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}}.mdl-mdh003-v2 .m-button-close{background-color:var(--btn-primary-dynamic, #ff4338)!important;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh003-v2 .m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.mdl-mdh003-v2 .m-button-close:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.mdl-mdh003-v2 .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:var(--btn-primary-dynamic, #ff4338)!important;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}}@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:var(--btn-hover-dynamic, #ed3b37)!important}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}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-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;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-family:jokker,sans-serif;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-family:jokker,sans-serif;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-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;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-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;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-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);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__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}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:var(--btn-primary-dynamic, #ff4338)!important;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:url(/assets/babylon/img/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.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:var(--btn-primary-dynamic, #ff4338)!important}.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-mdh003-v2{padding-top:8.1rem;background-color:#fff9f9}.mdl-mdh003-v2 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center;overflow:hidden}.mdl-mdh003-v2 .mdl-container .m-cards-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:0 7rem;width:100%;max-width:137rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;width:calc(50% - 3.5rem);aspect-ratio:650/560}.mdl-mdh003-v2 .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;max-height:78rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:4rem;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape-red.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff9f9;position:absolute;bottom:0;left:0}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-icon{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem;background-color:#fff9f9;position:relative}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-icon:after{content:\"\";width:102%;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-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.2rem;line-height:3rem}}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{padding:6rem 5rem;color:#515050b2}.mdl-mdh003-v2 .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;width:100%;gap:2rem;transition:all .3s ease}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{opacity:0;transform:translateY(-118%);transition:all .3s ease;width:100%;max-width:26rem;min-width:20rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-size:3.2rem;font-weight:400}@media (max-width: 1366px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2.8rem}}@media (max-width: 540px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2.4rem}}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-title{color:#515050b2}@media (min-width: 769px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:7rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card:hover .m-content{transform:translateY(-40%)}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none;width:100%;max-width:26rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card:hover .m-content .m-but{opacity:1;transform:none}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm span{color:var(--cl_title-light)}}@media (max-width: 1366px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:after{height:21%}}@media (max-width: 1080px){.mdl-mdh003-v2 .mdl-container .m-cards-container{gap:0 4.4rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card{width:calc(50% - 2.2rem)}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content{margin-top:-3rem}}@media (max-width: 768px){.mdl-mdh003-v2 .mdl-container .m-cards-container{gap:4rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card{width:100%}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:after{bottom:0rem;height:9.8rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:before{height:2rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content{margin-top:-5rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-button-sm,.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:1;transform:none;transition:all .3s ease}}@media (max-width: 540px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:after{bottom:2rem;height:7.8rem}}.link-container{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC2ImgTxtCv4Component, decorators: [{
             type: Component,