ctt-babylon 0.13.35 → 0.13.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/core/babylon-static-footer/babylon-static-footer.component.mjs +1 -1
- package/esm2022/lib/components/external/core/c2-img-txt-svg/c2-img-txt-svg.component.mjs +5 -3
- package/esm2022/lib/components/external/core/c2-txt-cta-des/c2-txt-cta-des.component.mjs +3 -3
- package/esm2022/lib/components/external/core/c2-txt-img-v2/c2-txt-img-v2.component.mjs +86 -0
- package/esm2022/lib/components/external/core/c2-txt-img-v2/c2-txt-img-v2.content.json +29 -0
- package/esm2022/lib/components/external/core/c2-txt-img-v2/c2-txt-img-v2.interfaces.mjs +2 -0
- package/esm2022/lib/components/external/core/c2-txt-img-v2/index.mjs +2 -0
- package/esm2022/lib/components/external/core/index.mjs +2 -1
- package/esm2022/lib/components/external/core/lis-c2-txt-img/lis-c2-txt-img.component.mjs +51 -93
- package/esm2022/lib/components/external/core/lis-c2-txt-img-svg-c/lis-c2-txt-img-svg-c.component.mjs +3 -3
- package/esm2022/lib/components/external/core/sli-c2-txt-img-svg-c/sli-c2-txt-img-svg-c.component.mjs +3 -3
- package/fesm2022/ctt-babylon.mjs +181 -106
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/lib/components/core/babylon-static-footer/babylon-static-footer.component.d.ts +1 -0
- package/lib/components/external/core/c2-img-txt-svg/c2-img-txt-svg.component.d.ts +3 -1
- package/lib/components/external/core/c2-txt-img-v2/c2-txt-img-v2.component.d.ts +19 -0
- package/lib/components/external/core/c2-txt-img-v2/c2-txt-img-v2.interfaces.d.ts +14 -0
- package/lib/components/external/core/c2-txt-img-v2/index.d.ts +1 -0
- package/lib/components/external/core/index.d.ts +1 -0
- package/lib/components/external/core/lis-c2-txt-img/lis-c2-txt-img.component.d.ts +19 -17
- package/package.json +1 -1
package/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -13940,12 +13940,12 @@ var multimedia = {
|
|
|
13940
13940
|
}
|
|
13941
13941
|
]
|
|
13942
13942
|
};
|
|
13943
|
-
var defaultContent$
|
|
13943
|
+
var defaultContent$i = {
|
|
13944
13944
|
texts: texts,
|
|
13945
13945
|
multimedia: multimedia
|
|
13946
13946
|
};
|
|
13947
13947
|
|
|
13948
|
-
const DEFAULT_CONTENT$9 = defaultContent$
|
|
13948
|
+
const DEFAULT_CONTENT$9 = defaultContent$i;
|
|
13949
13949
|
class BabylonListC6TxtComponent {
|
|
13950
13950
|
constructor() {
|
|
13951
13951
|
this.texts = DEFAULT_CONTENT$9.texts;
|
|
@@ -17075,7 +17075,7 @@ var button = {
|
|
|
17075
17075
|
label: "m-button-sm",
|
|
17076
17076
|
url: "https://www.google.com/maps"
|
|
17077
17077
|
};
|
|
17078
|
-
var defaultContent$
|
|
17078
|
+
var defaultContent$h = {
|
|
17079
17079
|
reverse: reverse,
|
|
17080
17080
|
leftImage: leftImage,
|
|
17081
17081
|
infoSections: infoSections,
|
|
@@ -17084,7 +17084,7 @@ var defaultContent$g = {
|
|
|
17084
17084
|
button: button
|
|
17085
17085
|
};
|
|
17086
17086
|
|
|
17087
|
-
const DEFAULT_CONTENT$8 = defaultContent$
|
|
17087
|
+
const DEFAULT_CONTENT$8 = defaultContent$h;
|
|
17088
17088
|
class C2ImgTxtSvgComponent {
|
|
17089
17089
|
constructor() {
|
|
17090
17090
|
this.content = DEFAULT_CONTENT$8;
|
|
@@ -17102,11 +17102,11 @@ class C2ImgTxtSvgComponent {
|
|
|
17102
17102
|
return getFirstImageByTagFromMultimedia(this.multimedia, tagName);
|
|
17103
17103
|
}
|
|
17104
17104
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2ImgTxtSvgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17105
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C2ImgTxtSvgComponent, isStandalone: true, selector: "c2-img-txt-svg", inputs: { content: "content", reverse: "reverse", texts: "texts", multimedia: "multimedia", buttons: "buttons", links: "links", styles: "styles" }, ngImport: i0, template: "<section class=\"mdl-mdh022\" [ngClass]=\"{ reverse: reverse }\">\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n @if (multimedia?.imagenes?.[0]; as img) {\n <img [src]=\"img.img?.src\" [alt]=\"img.img?.alt\" />\n }\n\n @if (links) {\n <div class=\"text-container\">\n <div class=\"m-item\">\n @if (texts?.addresstitle) {\n <div\n class=\"m-title\"\n [innerHTML]=\"texts?.addresstitle\"\n ></div>\n }\n @if (links?.[0]; as link) {\n <div class=\"m-subitle\">\n <ng-container>\n <a\n class=\"m-subitle\"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [attr.target]=\"link.target || '_self'\"\n [attr.aria-label]=\"link.label\"\n [attr.rel]=\"\n (link.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <p [innerHTML]=\"link.label\"></p>\n </a>\n </ng-container>\n </div>\n }\n </div>\n <div class=\"m-item\">\n @if (texts?.contacttitle) {\n <div\n class=\"m-title\"\n [innerHTML]=\"texts?.contacttitle\"\n ></div>\n }\n @if (links?.[1]; as link) {\n <div class=\"m-subitle\">\n <ng-container>\n <a\n class=\"m-subitle\"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [attr.target]=\"link.target || '_self'\"\n [attr.aria-label]=\"link.label\"\n [attr.rel]=\"\n (link.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n {{ link.label }}\n </a>\n </ng-container>\n </div>\n }\n </div>\n </div>\n }\n </div>\n @if (getFirstImageByTag(tagNameMap); as mapImage) {\n <a\n class=\"m-right\"\n [href]=\"texts?.mapUrl\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <img [src]=\"mapImage.img?.src\" alt=\"map\" />\n @if (getFirstImageByTag(tagNameMapPNG); as pngImage) {\n <img class=\"iconmap\" [src]=\"pngImage.img?.src\" alt=\"icon\" />\n }\n <!-- <svg\n width=\"79\"\n height=\"89\"\n viewBox=\"0 0 79 89\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n >\n <path\n opacity=\"0.2\"\n d=\"M39 89C42.866 89 46 88.1046 46 87C46 85.8954 42.866 85 39 85C35.134 85 32 85.8954 32 87C32 88.1046 35.134 89 39 89Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#515050'\n \"\n />\n <path\n opacity=\"0.2\"\n d=\"M39 88C41.2091 88 43 87.5523 43 87C43 86.4477 41.2091 86 39 86C36.7909 86 35 86.4477 35 87C35 87.5523 36.7909 88 39 88Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#515050'\n \"\n />\n <path\n d=\"M39.462 78.924C61.2563 78.924 78.924 61.2563 78.924 39.462C78.924 17.6677 61.2563 0 39.462 0C17.6677 0 0 17.6677 0 39.462C0 61.2563 17.6677 78.924 39.462 78.924Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#FF4338'\n \"\n />\n <path\n d=\"M39.8647 85.9677C39.7768 86.1195 39.6506 86.2455 39.4987 86.3331C39.3468 86.4207 39.1745 86.4668 38.9992 86.4668C38.8238 86.4668 38.6515 86.4207 38.4996 86.3331C38.3477 86.2455 38.2215 86.1195 38.1337 85.9677L28.8677 69.9677C28.7799 69.8158 28.7337 69.6434 28.7337 69.468C28.7337 69.2925 28.7798 69.1201 28.8674 68.9681C28.9551 68.8162 29.0812 68.6899 29.233 68.6021C29.3849 68.5142 29.5572 68.4679 29.7327 68.4677H48.2657C48.4411 68.4679 48.6134 68.5142 48.7653 68.6021C48.9172 68.6899 49.0433 68.8162 49.1309 68.9681C49.2186 69.1201 49.2647 69.2925 49.2646 69.468C49.2646 69.6434 49.2184 69.8158 49.1307 69.9677L39.8647 85.9677Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#FF4338'\n \"\n />\n <path\n d=\"M38.9996 49.1102L24.9029 35.0105C21.2427 31.3533 21.2427 25.4024 24.9029 21.7452C28.5601 18.0849 34.5109 18.0849 38.1682 21.7452L38.9996 22.5765L39.8338 21.7452C43.4911 18.0849 49.442 18.0849 53.0992 21.7452C56.7564 25.4024 56.7564 31.3533 53.0992 35.0105L38.9996 49.1102ZM31.5356 22.8187C30.1121 22.8187 28.6887 23.36 27.6032 24.4455C25.4352 26.6135 25.4352 30.1422 27.6032 32.3102L38.9996 43.7095L50.3988 32.3102C52.5669 30.1422 52.5669 26.6135 50.3988 24.4455C48.2308 22.2775 44.7022 22.2775 42.5342 24.4455L38.9996 27.9771L35.4679 24.4455C34.3854 23.36 32.959 22.8187 31.5356 22.8187Z\"\n fill=\"white\"\n />\n <path\n d=\"M38.9986 58.9953C32.037 58.9953 25.6196 55.1348 22.2524 48.9178L25.6106 47.0996C28.311 52.0816 33.4395 55.1766 38.9986 55.1766C44.5577 55.1766 49.6862 52.0816 52.3865 47.0996L55.7447 48.9178C52.3776 55.1348 45.9602 58.9953 38.9986 58.9953Z\"\n fill=\"white\"\n />\n </svg> -->\n @if (buttons?.[0]; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.aria-label]=\"button.label\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [style.--primary-color]=\"styles?.primary\"\n [style.--hover-color]=\"styles?.primaryHover\"\n >\n <span>{{ button.label }}</span>\n </a>\n </ng-container>\n }\n </a>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:var(--primary-color, #ff4338);border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:var(--hover-color, #ed3b37)}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}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-mdh022.reverse .mdl-container{flex-direction:row-reverse}.mdl-mdh022.reverse .mdl-container .m-right .m-button-sm{right:auto;left:0;border-top-left-radius:0;border-top-right-radius:2.4rem;border-bottom-left-radius:0;border-bottom-right-radius:2.4rem}.mdl-mdh022 .mdl-container{display:flex;flex-direction:row;gap:6rem}.mdl-mdh022 .mdl-container .m-left{display:flex;flex-direction:column;width:30%}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:100%;object-fit:cover;height:auto}.mdl-mdh022 .mdl-container .m-left .text-container{display:flex;flex-direction:column;padding:7.5rem 7rem 7.2rem;border:1px solid #e4e4e4;border-top:none;gap:6rem;box-sizing:border-box}.mdl-mdh022 .mdl-container .m-left .text-container .m-item{display:flex;flex-direction:column;text-align:start}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-size:1.5rem}}@media (max-width: 1080px){.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-size:1.1rem}}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{color:#515050;font-weight:500;margin-bottom:2.4rem;text-transform:capitalize}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle{color:#515050b2;font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:4rem;font-weight:400;line-height:2.8rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:not(:last-child){margin-bottom:.5rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:after{bottom:-.4rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:hover{color:#ed3b37;transition:.3s}.mdl-mdh022 .mdl-container .m-right{position:relative;width:70%}.mdl-mdh022 .mdl-container .m-right img{width:100%;height:100%;object-fit:cover}.mdl-mdh022 .mdl-container .m-right svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh022 .mdl-container .m-right img.iconmap{position:absolute;width:79px!important;height:89px!important;right:50%;top:50%;transform:translate(50px,-50px)}@media (max-width: 540px){.mdl-mdh022 .mdl-container .m-right img.iconmap{width:62px!important;height:69px!important;right:55%;top:45%}}.mdl-mdh022 .mdl-container .m-right .m-button-sm{position:absolute;bottom:4rem;right:0;border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem;max-width:20rem}@media (max-width: 1366px){.mdl-mdh022 .mdl-container .m-left{width:35%}.mdl-mdh022 .mdl-container .m-left .text-container{padding:3rem;gap:3rem;border-left:1px solid #e4e4e4}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{margin-bottom:1.5rem;font-size:2rem}}@media (max-width: 1280px){.mdl-mdh022 .mdl-container .m-left .text-container{gap:2rem;padding:2rem}}@media (max-width: 1080px){.mdl-mdh022.reverse .mdl-container{flex-direction:column-reverse}.mdl-mdh022.reverse .mdl-container .m-left{flex-direction:row-reverse}.mdl-mdh022.reverse .mdl-container .m-left .text-container{border-left:1px solid #e4e4e4}.mdl-mdh022 .mdl-container{gap:4rem;flex-direction:column-reverse}.mdl-mdh022 .mdl-container .m-left{width:100%;flex-direction:row}.mdl-mdh022 .mdl-container .m-left img{width:45%}.mdl-mdh022 .mdl-container .m-left .text-container{width:55%;padding:6rem 2rem 6rem 8rem;border-top:1px solid #e4e4e4;border-left:none}.mdl-mdh022 .mdl-container .m-right{width:100%}}@media (max-width: 768px){.mdl-mdh022.reverse .mdl-container .m-left{flex-direction:column}.mdl-mdh022.reverse .mdl-container .m-left .text-container{border-right:1px solid #e4e4e4}.mdl-mdh022 .mdl-container{gap:4rem}.mdl-mdh022 .mdl-container .m-right svg{width:4.9rem}.mdl-mdh022 .mdl-container .m-right .m-button-sm{width:18rem}.mdl-mdh022 .mdl-container .m-left{flex-direction:column}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:57vw}.mdl-mdh022 .mdl-container .m-left .text-container{gap:6rem;padding:5rem 2rem 5rem 7rem;width:100%;border-left:1px solid #e4e4e4;border-top:none}}@media (max-width: 540px){.mdl-mdh022 .mdl-container{gap:3.2rem}.mdl-mdh022 .mdl-container .m-right svg{width:3.3rem}.mdl-mdh022 .mdl-container .m-right .m-button-sm{position:relative;right:auto;top:0;border-radius:2.4rem!important;margin-top:2.9rem;margin:2.9rem auto auto}.mdl-mdh022 .mdl-container .m-left{flex-direction:column}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:57vw}.mdl-mdh022 .mdl-container .m-left .text-container{gap:6rem;padding:4rem 2rem 4rem 6rem}}@media (max-width: 375px){.mdl-mdh022 .mdl-container .m-left .text-container{gap:3rem;padding:3rem 1rem 3rem 2.1rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
17105
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C2ImgTxtSvgComponent, isStandalone: true, selector: "c2-img-txt-svg", inputs: { content: "content", reverse: "reverse", texts: "texts", multimedia: "multimedia", buttons: "buttons", links: "links", styles: "styles", address: "address" }, ngImport: i0, template: "<section class=\"mdl-mdh022\" [ngClass]=\"{ reverse: reverse }\">\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n @if (multimedia?.imagenes?.[0]; as img) {\n <img [src]=\"img.img?.src\" [alt]=\"img.img?.alt\" />\n }\n\n @if (links) {\n <div class=\"text-container\">\n <div class=\"m-item\">\n @if (texts?.addresstitle) {\n <div\n class=\"m-title\"\n [innerHTML]=\"texts?.addresstitle\"\n ></div>\n }\n @if (address?.[0]; as address) {\n <div class=\"m-subitle\">\n <ng-container>\n <a\n class=\"m-subitle\"\n [href]=\"address.url\"\n [linkType]=\"'external'\"\n >\n <p>{{ address.address }}</p>\n <p>\n {{ address.cp }}\n {{ address.locality }}\n {{ address.province }}\n </p>\n <p>{{ address.country }}</p>\n </a>\n </ng-container>\n </div>\n }\n <!-- @if (links?.[0]; as link) {\n <div class=\"m-subitle\">\n <ng-container>\n <a\n class=\"m-subitle\"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [attr.target]=\"link.target || '_self'\"\n [attr.aria-label]=\"link.label\"\n [attr.rel]=\"\n (link.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <p [innerHTML]=\"link.label\"></p>\n </a>\n </ng-container>\n </div>\n } -->\n </div>\n <div class=\"m-item\">\n @if (texts?.contacttitle) {\n <div\n class=\"m-title\"\n [innerHTML]=\"texts?.contacttitle\"\n ></div>\n }\n @if (address?.[0]; as address) {\n <div class=\"m-subitle\">\n <ng-container>\n <a\n class=\"m-subitle\"\n [href]=\"'tel: ' + address.phone\"\n [linkType]=\"'external'\"\n >\n <p>{{ address.phone }}</p>\n </a>\n <a\n class=\"m-subitle\"\n [href]=\"'mailto: ' + address.email\"\n [linkType]=\"'external'\"\n >\n <p>{{ address.email }}</p>\n </a>\n </ng-container>\n </div>\n }\n <!-- \n @if (links?.[1]; as link) {\n <div class=\"m-subitle\">\n <ng-container>\n <a\n class=\"m-subitle\"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [attr.target]=\"link.target || '_self'\"\n [attr.aria-label]=\"link.label\"\n [attr.rel]=\"\n (link.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n {{ link.label }}\n </a>\n </ng-container>\n </div>\n } -->\n </div>\n </div>\n }\n </div>\n @if (getFirstImageByTag(tagNameMap); as mapImage) {\n <a\n class=\"m-right\"\n [href]=\"texts?.mapUrl\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <img [src]=\"mapImage.img?.src\" alt=\"map\" />\n @if (getFirstImageByTag(tagNameMapPNG); as pngImage) {\n <img class=\"iconmap\" [src]=\"pngImage.img?.src\" alt=\"icon\" />\n }\n <!-- <svg\n width=\"79\"\n height=\"89\"\n viewBox=\"0 0 79 89\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n >\n <path\n opacity=\"0.2\"\n d=\"M39 89C42.866 89 46 88.1046 46 87C46 85.8954 42.866 85 39 85C35.134 85 32 85.8954 32 87C32 88.1046 35.134 89 39 89Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#515050'\n \"\n />\n <path\n opacity=\"0.2\"\n d=\"M39 88C41.2091 88 43 87.5523 43 87C43 86.4477 41.2091 86 39 86C36.7909 86 35 86.4477 35 87C35 87.5523 36.7909 88 39 88Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#515050'\n \"\n />\n <path\n d=\"M39.462 78.924C61.2563 78.924 78.924 61.2563 78.924 39.462C78.924 17.6677 61.2563 0 39.462 0C17.6677 0 0 17.6677 0 39.462C0 61.2563 17.6677 78.924 39.462 78.924Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#FF4338'\n \"\n />\n <path\n d=\"M39.8647 85.9677C39.7768 86.1195 39.6506 86.2455 39.4987 86.3331C39.3468 86.4207 39.1745 86.4668 38.9992 86.4668C38.8238 86.4668 38.6515 86.4207 38.4996 86.3331C38.3477 86.2455 38.2215 86.1195 38.1337 85.9677L28.8677 69.9677C28.7799 69.8158 28.7337 69.6434 28.7337 69.468C28.7337 69.2925 28.7798 69.1201 28.8674 68.9681C28.9551 68.8162 29.0812 68.6899 29.233 68.6021C29.3849 68.5142 29.5572 68.4679 29.7327 68.4677H48.2657C48.4411 68.4679 48.6134 68.5142 48.7653 68.6021C48.9172 68.6899 49.0433 68.8162 49.1309 68.9681C49.2186 69.1201 49.2647 69.2925 49.2646 69.468C49.2646 69.6434 49.2184 69.8158 49.1307 69.9677L39.8647 85.9677Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#FF4338'\n \"\n />\n <path\n d=\"M38.9996 49.1102L24.9029 35.0105C21.2427 31.3533 21.2427 25.4024 24.9029 21.7452C28.5601 18.0849 34.5109 18.0849 38.1682 21.7452L38.9996 22.5765L39.8338 21.7452C43.4911 18.0849 49.442 18.0849 53.0992 21.7452C56.7564 25.4024 56.7564 31.3533 53.0992 35.0105L38.9996 49.1102ZM31.5356 22.8187C30.1121 22.8187 28.6887 23.36 27.6032 24.4455C25.4352 26.6135 25.4352 30.1422 27.6032 32.3102L38.9996 43.7095L50.3988 32.3102C52.5669 30.1422 52.5669 26.6135 50.3988 24.4455C48.2308 22.2775 44.7022 22.2775 42.5342 24.4455L38.9996 27.9771L35.4679 24.4455C34.3854 23.36 32.959 22.8187 31.5356 22.8187Z\"\n fill=\"white\"\n />\n <path\n d=\"M38.9986 58.9953C32.037 58.9953 25.6196 55.1348 22.2524 48.9178L25.6106 47.0996C28.311 52.0816 33.4395 55.1766 38.9986 55.1766C44.5577 55.1766 49.6862 52.0816 52.3865 47.0996L55.7447 48.9178C52.3776 55.1348 45.9602 58.9953 38.9986 58.9953Z\"\n fill=\"white\"\n />\n </svg> -->\n @if (buttons?.[0]; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.aria-label]=\"button.label\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [style.--primary-color]=\"styles?.primary\"\n [style.--hover-color]=\"styles?.primaryHover\"\n >\n <span>{{ button.label }}</span>\n </a>\n </ng-container>\n }\n </a>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:var(--primary-color, #ff4338);border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:var(--hover-color, #ed3b37)}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}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-mdh022.reverse .mdl-container{flex-direction:row-reverse}.mdl-mdh022.reverse .mdl-container .m-right .m-button-sm{right:auto;left:0;border-top-left-radius:0;border-top-right-radius:2.4rem;border-bottom-left-radius:0;border-bottom-right-radius:2.4rem}.mdl-mdh022 .mdl-container{display:flex;flex-direction:row;gap:6rem}.mdl-mdh022 .mdl-container .m-left{display:flex;flex-direction:column;width:30%}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:100%;object-fit:cover;height:auto}.mdl-mdh022 .mdl-container .m-left .text-container{display:flex;flex-direction:column;padding:7.5rem 7rem 7.2rem;border:1px solid #e4e4e4;border-top:none;gap:6rem;box-sizing:border-box}.mdl-mdh022 .mdl-container .m-left .text-container .m-item{display:flex;flex-direction:column;text-align:start}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-size:1.5rem}}@media (max-width: 1080px){.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-size:1.1rem}}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{color:#515050;font-weight:500;margin-bottom:2.4rem;text-transform:capitalize}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle{color:#515050b2;font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:4rem;font-weight:400;line-height:2.8rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:not(:last-child){margin-bottom:.5rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:after{bottom:-.4rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:hover{color:#ed3b37;transition:.3s}.mdl-mdh022 .mdl-container .m-right{position:relative;width:70%}.mdl-mdh022 .mdl-container .m-right img{width:100%;height:100%;object-fit:cover}.mdl-mdh022 .mdl-container .m-right svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh022 .mdl-container .m-right img.iconmap{position:absolute;width:79px!important;height:89px!important;right:50%;top:50%;transform:translate(50px,-50px)}@media (max-width: 540px){.mdl-mdh022 .mdl-container .m-right img.iconmap{width:62px!important;height:69px!important;right:55%;top:45%}}.mdl-mdh022 .mdl-container .m-right .m-button-sm{position:absolute;bottom:4rem;right:0;border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem;max-width:20rem}@media (max-width: 1366px){.mdl-mdh022 .mdl-container .m-left{width:35%}.mdl-mdh022 .mdl-container .m-left .text-container{padding:3rem;gap:3rem;border-left:1px solid #e4e4e4}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{margin-bottom:1.5rem;font-size:2rem}}@media (max-width: 1280px){.mdl-mdh022 .mdl-container .m-left .text-container{gap:2rem;padding:2rem}}@media (max-width: 1080px){.mdl-mdh022.reverse .mdl-container{flex-direction:column-reverse}.mdl-mdh022.reverse .mdl-container .m-left{flex-direction:row-reverse}.mdl-mdh022.reverse .mdl-container .m-left .text-container{border-left:1px solid #e4e4e4}.mdl-mdh022 .mdl-container{gap:4rem;flex-direction:column-reverse}.mdl-mdh022 .mdl-container .m-left{width:100%;flex-direction:row}.mdl-mdh022 .mdl-container .m-left img{width:45%}.mdl-mdh022 .mdl-container .m-left .text-container{width:55%;padding:6rem 2rem 6rem 8rem;border-top:1px solid #e4e4e4;border-left:none}.mdl-mdh022 .mdl-container .m-right{width:100%}}@media (max-width: 768px){.mdl-mdh022.reverse .mdl-container .m-left{flex-direction:column}.mdl-mdh022.reverse .mdl-container .m-left .text-container{border-right:1px solid #e4e4e4}.mdl-mdh022 .mdl-container{gap:4rem}.mdl-mdh022 .mdl-container .m-right svg{width:4.9rem}.mdl-mdh022 .mdl-container .m-right .m-button-sm{width:18rem}.mdl-mdh022 .mdl-container .m-left{flex-direction:column}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:57vw}.mdl-mdh022 .mdl-container .m-left .text-container{gap:6rem;padding:5rem 2rem 5rem 7rem;width:100%;border-left:1px solid #e4e4e4;border-top:none}}@media (max-width: 540px){.mdl-mdh022 .mdl-container{gap:3.2rem}.mdl-mdh022 .mdl-container .m-right svg{width:3.3rem}.mdl-mdh022 .mdl-container .m-right .m-button-sm{position:relative;right:auto;top:0;border-radius:2.4rem!important;margin-top:2.9rem;margin:2.9rem auto auto}.mdl-mdh022 .mdl-container .m-left{flex-direction:column}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:57vw}.mdl-mdh022 .mdl-container .m-left .text-container{gap:6rem;padding:4rem 2rem 4rem 6rem}}@media (max-width: 375px){.mdl-mdh022 .mdl-container .m-left .text-container{gap:3rem;padding:3rem 1rem 3rem 2.1rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
17106
17106
|
}
|
|
17107
17107
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2ImgTxtSvgComponent, decorators: [{
|
|
17108
17108
|
type: Component,
|
|
17109
|
-
args: [{ selector: 'c2-img-txt-svg', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective], template: "<section class=\"mdl-mdh022\" [ngClass]=\"{ reverse: reverse }\">\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n @if (multimedia?.imagenes?.[0]; as img) {\n <img [src]=\"img.img?.src\" [alt]=\"img.img?.alt\" />\n }\n\n @if (links) {\n <div class=\"text-container\">\n <div class=\"m-item\">\n @if (texts?.addresstitle) {\n <div\n class=\"m-title\"\n [innerHTML]=\"texts?.addresstitle\"\n ></div>\n }\n @if (links?.[0]; as link) {\n <div class=\"m-subitle\">\n <ng-container>\n <a\n class=\"m-subitle\"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [attr.target]=\"link.target || '_self'\"\n [attr.aria-label]=\"link.label\"\n [attr.rel]=\"\n (link.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <p [innerHTML]=\"link.label\"></p>\n </a>\n </ng-container>\n </div>\n }\n </div>\n <div class=\"m-item\">\n @if (texts?.contacttitle) {\n <div\n class=\"m-title\"\n [innerHTML]=\"texts?.contacttitle\"\n ></div>\n }\n @if (links?.[1]; as link) {\n <div class=\"m-subitle\">\n <ng-container>\n <a\n class=\"m-subitle\"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [attr.target]=\"link.target || '_self'\"\n [attr.aria-label]=\"link.label\"\n [attr.rel]=\"\n (link.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n {{ link.label }}\n </a>\n </ng-container>\n </div>\n }\n </div>\n </div>\n }\n </div>\n @if (getFirstImageByTag(tagNameMap); as mapImage) {\n <a\n class=\"m-right\"\n [href]=\"texts?.mapUrl\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <img [src]=\"mapImage.img?.src\" alt=\"map\" />\n @if (getFirstImageByTag(tagNameMapPNG); as pngImage) {\n <img class=\"iconmap\" [src]=\"pngImage.img?.src\" alt=\"icon\" />\n }\n <!-- <svg\n width=\"79\"\n height=\"89\"\n viewBox=\"0 0 79 89\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n >\n <path\n opacity=\"0.2\"\n d=\"M39 89C42.866 89 46 88.1046 46 87C46 85.8954 42.866 85 39 85C35.134 85 32 85.8954 32 87C32 88.1046 35.134 89 39 89Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#515050'\n \"\n />\n <path\n opacity=\"0.2\"\n d=\"M39 88C41.2091 88 43 87.5523 43 87C43 86.4477 41.2091 86 39 86C36.7909 86 35 86.4477 35 87C35 87.5523 36.7909 88 39 88Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#515050'\n \"\n />\n <path\n d=\"M39.462 78.924C61.2563 78.924 78.924 61.2563 78.924 39.462C78.924 17.6677 61.2563 0 39.462 0C17.6677 0 0 17.6677 0 39.462C0 61.2563 17.6677 78.924 39.462 78.924Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#FF4338'\n \"\n />\n <path\n d=\"M39.8647 85.9677C39.7768 86.1195 39.6506 86.2455 39.4987 86.3331C39.3468 86.4207 39.1745 86.4668 38.9992 86.4668C38.8238 86.4668 38.6515 86.4207 38.4996 86.3331C38.3477 86.2455 38.2215 86.1195 38.1337 85.9677L28.8677 69.9677C28.7799 69.8158 28.7337 69.6434 28.7337 69.468C28.7337 69.2925 28.7798 69.1201 28.8674 68.9681C28.9551 68.8162 29.0812 68.6899 29.233 68.6021C29.3849 68.5142 29.5572 68.4679 29.7327 68.4677H48.2657C48.4411 68.4679 48.6134 68.5142 48.7653 68.6021C48.9172 68.6899 49.0433 68.8162 49.1309 68.9681C49.2186 69.1201 49.2647 69.2925 49.2646 69.468C49.2646 69.6434 49.2184 69.8158 49.1307 69.9677L39.8647 85.9677Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#FF4338'\n \"\n />\n <path\n d=\"M38.9996 49.1102L24.9029 35.0105C21.2427 31.3533 21.2427 25.4024 24.9029 21.7452C28.5601 18.0849 34.5109 18.0849 38.1682 21.7452L38.9996 22.5765L39.8338 21.7452C43.4911 18.0849 49.442 18.0849 53.0992 21.7452C56.7564 25.4024 56.7564 31.3533 53.0992 35.0105L38.9996 49.1102ZM31.5356 22.8187C30.1121 22.8187 28.6887 23.36 27.6032 24.4455C25.4352 26.6135 25.4352 30.1422 27.6032 32.3102L38.9996 43.7095L50.3988 32.3102C52.5669 30.1422 52.5669 26.6135 50.3988 24.4455C48.2308 22.2775 44.7022 22.2775 42.5342 24.4455L38.9996 27.9771L35.4679 24.4455C34.3854 23.36 32.959 22.8187 31.5356 22.8187Z\"\n fill=\"white\"\n />\n <path\n d=\"M38.9986 58.9953C32.037 58.9953 25.6196 55.1348 22.2524 48.9178L25.6106 47.0996C28.311 52.0816 33.4395 55.1766 38.9986 55.1766C44.5577 55.1766 49.6862 52.0816 52.3865 47.0996L55.7447 48.9178C52.3776 55.1348 45.9602 58.9953 38.9986 58.9953Z\"\n fill=\"white\"\n />\n </svg> -->\n @if (buttons?.[0]; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.aria-label]=\"button.label\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [style.--primary-color]=\"styles?.primary\"\n [style.--hover-color]=\"styles?.primaryHover\"\n >\n <span>{{ button.label }}</span>\n </a>\n </ng-container>\n }\n </a>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:var(--primary-color, #ff4338);border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:var(--hover-color, #ed3b37)}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}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-mdh022.reverse .mdl-container{flex-direction:row-reverse}.mdl-mdh022.reverse .mdl-container .m-right .m-button-sm{right:auto;left:0;border-top-left-radius:0;border-top-right-radius:2.4rem;border-bottom-left-radius:0;border-bottom-right-radius:2.4rem}.mdl-mdh022 .mdl-container{display:flex;flex-direction:row;gap:6rem}.mdl-mdh022 .mdl-container .m-left{display:flex;flex-direction:column;width:30%}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:100%;object-fit:cover;height:auto}.mdl-mdh022 .mdl-container .m-left .text-container{display:flex;flex-direction:column;padding:7.5rem 7rem 7.2rem;border:1px solid #e4e4e4;border-top:none;gap:6rem;box-sizing:border-box}.mdl-mdh022 .mdl-container .m-left .text-container .m-item{display:flex;flex-direction:column;text-align:start}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-size:1.5rem}}@media (max-width: 1080px){.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-size:1.1rem}}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{color:#515050;font-weight:500;margin-bottom:2.4rem;text-transform:capitalize}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle{color:#515050b2;font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:4rem;font-weight:400;line-height:2.8rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:not(:last-child){margin-bottom:.5rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:after{bottom:-.4rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:hover{color:#ed3b37;transition:.3s}.mdl-mdh022 .mdl-container .m-right{position:relative;width:70%}.mdl-mdh022 .mdl-container .m-right img{width:100%;height:100%;object-fit:cover}.mdl-mdh022 .mdl-container .m-right svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh022 .mdl-container .m-right img.iconmap{position:absolute;width:79px!important;height:89px!important;right:50%;top:50%;transform:translate(50px,-50px)}@media (max-width: 540px){.mdl-mdh022 .mdl-container .m-right img.iconmap{width:62px!important;height:69px!important;right:55%;top:45%}}.mdl-mdh022 .mdl-container .m-right .m-button-sm{position:absolute;bottom:4rem;right:0;border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem;max-width:20rem}@media (max-width: 1366px){.mdl-mdh022 .mdl-container .m-left{width:35%}.mdl-mdh022 .mdl-container .m-left .text-container{padding:3rem;gap:3rem;border-left:1px solid #e4e4e4}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{margin-bottom:1.5rem;font-size:2rem}}@media (max-width: 1280px){.mdl-mdh022 .mdl-container .m-left .text-container{gap:2rem;padding:2rem}}@media (max-width: 1080px){.mdl-mdh022.reverse .mdl-container{flex-direction:column-reverse}.mdl-mdh022.reverse .mdl-container .m-left{flex-direction:row-reverse}.mdl-mdh022.reverse .mdl-container .m-left .text-container{border-left:1px solid #e4e4e4}.mdl-mdh022 .mdl-container{gap:4rem;flex-direction:column-reverse}.mdl-mdh022 .mdl-container .m-left{width:100%;flex-direction:row}.mdl-mdh022 .mdl-container .m-left img{width:45%}.mdl-mdh022 .mdl-container .m-left .text-container{width:55%;padding:6rem 2rem 6rem 8rem;border-top:1px solid #e4e4e4;border-left:none}.mdl-mdh022 .mdl-container .m-right{width:100%}}@media (max-width: 768px){.mdl-mdh022.reverse .mdl-container .m-left{flex-direction:column}.mdl-mdh022.reverse .mdl-container .m-left .text-container{border-right:1px solid #e4e4e4}.mdl-mdh022 .mdl-container{gap:4rem}.mdl-mdh022 .mdl-container .m-right svg{width:4.9rem}.mdl-mdh022 .mdl-container .m-right .m-button-sm{width:18rem}.mdl-mdh022 .mdl-container .m-left{flex-direction:column}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:57vw}.mdl-mdh022 .mdl-container .m-left .text-container{gap:6rem;padding:5rem 2rem 5rem 7rem;width:100%;border-left:1px solid #e4e4e4;border-top:none}}@media (max-width: 540px){.mdl-mdh022 .mdl-container{gap:3.2rem}.mdl-mdh022 .mdl-container .m-right svg{width:3.3rem}.mdl-mdh022 .mdl-container .m-right .m-button-sm{position:relative;right:auto;top:0;border-radius:2.4rem!important;margin-top:2.9rem;margin:2.9rem auto auto}.mdl-mdh022 .mdl-container .m-left{flex-direction:column}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:57vw}.mdl-mdh022 .mdl-container .m-left .text-container{gap:6rem;padding:4rem 2rem 4rem 6rem}}@media (max-width: 375px){.mdl-mdh022 .mdl-container .m-left .text-container{gap:3rem;padding:3rem 1rem 3rem 2.1rem}}\n"] }]
|
|
17109
|
+
args: [{ selector: 'c2-img-txt-svg', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective], template: "<section class=\"mdl-mdh022\" [ngClass]=\"{ reverse: reverse }\">\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n @if (multimedia?.imagenes?.[0]; as img) {\n <img [src]=\"img.img?.src\" [alt]=\"img.img?.alt\" />\n }\n\n @if (links) {\n <div class=\"text-container\">\n <div class=\"m-item\">\n @if (texts?.addresstitle) {\n <div\n class=\"m-title\"\n [innerHTML]=\"texts?.addresstitle\"\n ></div>\n }\n @if (address?.[0]; as address) {\n <div class=\"m-subitle\">\n <ng-container>\n <a\n class=\"m-subitle\"\n [href]=\"address.url\"\n [linkType]=\"'external'\"\n >\n <p>{{ address.address }}</p>\n <p>\n {{ address.cp }}\n {{ address.locality }}\n {{ address.province }}\n </p>\n <p>{{ address.country }}</p>\n </a>\n </ng-container>\n </div>\n }\n <!-- @if (links?.[0]; as link) {\n <div class=\"m-subitle\">\n <ng-container>\n <a\n class=\"m-subitle\"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [attr.target]=\"link.target || '_self'\"\n [attr.aria-label]=\"link.label\"\n [attr.rel]=\"\n (link.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <p [innerHTML]=\"link.label\"></p>\n </a>\n </ng-container>\n </div>\n } -->\n </div>\n <div class=\"m-item\">\n @if (texts?.contacttitle) {\n <div\n class=\"m-title\"\n [innerHTML]=\"texts?.contacttitle\"\n ></div>\n }\n @if (address?.[0]; as address) {\n <div class=\"m-subitle\">\n <ng-container>\n <a\n class=\"m-subitle\"\n [href]=\"'tel: ' + address.phone\"\n [linkType]=\"'external'\"\n >\n <p>{{ address.phone }}</p>\n </a>\n <a\n class=\"m-subitle\"\n [href]=\"'mailto: ' + address.email\"\n [linkType]=\"'external'\"\n >\n <p>{{ address.email }}</p>\n </a>\n </ng-container>\n </div>\n }\n <!-- \n @if (links?.[1]; as link) {\n <div class=\"m-subitle\">\n <ng-container>\n <a\n class=\"m-subitle\"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [attr.target]=\"link.target || '_self'\"\n [attr.aria-label]=\"link.label\"\n [attr.rel]=\"\n (link.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n {{ link.label }}\n </a>\n </ng-container>\n </div>\n } -->\n </div>\n </div>\n }\n </div>\n @if (getFirstImageByTag(tagNameMap); as mapImage) {\n <a\n class=\"m-right\"\n [href]=\"texts?.mapUrl\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <img [src]=\"mapImage.img?.src\" alt=\"map\" />\n @if (getFirstImageByTag(tagNameMapPNG); as pngImage) {\n <img class=\"iconmap\" [src]=\"pngImage.img?.src\" alt=\"icon\" />\n }\n <!-- <svg\n width=\"79\"\n height=\"89\"\n viewBox=\"0 0 79 89\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n >\n <path\n opacity=\"0.2\"\n d=\"M39 89C42.866 89 46 88.1046 46 87C46 85.8954 42.866 85 39 85C35.134 85 32 85.8954 32 87C32 88.1046 35.134 89 39 89Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#515050'\n \"\n />\n <path\n opacity=\"0.2\"\n d=\"M39 88C41.2091 88 43 87.5523 43 87C43 86.4477 41.2091 86 39 86C36.7909 86 35 86.4477 35 87C35 87.5523 36.7909 88 39 88Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#515050'\n \"\n />\n <path\n d=\"M39.462 78.924C61.2563 78.924 78.924 61.2563 78.924 39.462C78.924 17.6677 61.2563 0 39.462 0C17.6677 0 0 17.6677 0 39.462C0 61.2563 17.6677 78.924 39.462 78.924Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#FF4338'\n \"\n />\n <path\n d=\"M39.8647 85.9677C39.7768 86.1195 39.6506 86.2455 39.4987 86.3331C39.3468 86.4207 39.1745 86.4668 38.9992 86.4668C38.8238 86.4668 38.6515 86.4207 38.4996 86.3331C38.3477 86.2455 38.2215 86.1195 38.1337 85.9677L28.8677 69.9677C28.7799 69.8158 28.7337 69.6434 28.7337 69.468C28.7337 69.2925 28.7798 69.1201 28.8674 68.9681C28.9551 68.8162 29.0812 68.6899 29.233 68.6021C29.3849 68.5142 29.5572 68.4679 29.7327 68.4677H48.2657C48.4411 68.4679 48.6134 68.5142 48.7653 68.6021C48.9172 68.6899 49.0433 68.8162 49.1309 68.9681C49.2186 69.1201 49.2647 69.2925 49.2646 69.468C49.2646 69.6434 49.2184 69.8158 49.1307 69.9677L39.8647 85.9677Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#FF4338'\n \"\n />\n <path\n d=\"M38.9996 49.1102L24.9029 35.0105C21.2427 31.3533 21.2427 25.4024 24.9029 21.7452C28.5601 18.0849 34.5109 18.0849 38.1682 21.7452L38.9996 22.5765L39.8338 21.7452C43.4911 18.0849 49.442 18.0849 53.0992 21.7452C56.7564 25.4024 56.7564 31.3533 53.0992 35.0105L38.9996 49.1102ZM31.5356 22.8187C30.1121 22.8187 28.6887 23.36 27.6032 24.4455C25.4352 26.6135 25.4352 30.1422 27.6032 32.3102L38.9996 43.7095L50.3988 32.3102C52.5669 30.1422 52.5669 26.6135 50.3988 24.4455C48.2308 22.2775 44.7022 22.2775 42.5342 24.4455L38.9996 27.9771L35.4679 24.4455C34.3854 23.36 32.959 22.8187 31.5356 22.8187Z\"\n fill=\"white\"\n />\n <path\n d=\"M38.9986 58.9953C32.037 58.9953 25.6196 55.1348 22.2524 48.9178L25.6106 47.0996C28.311 52.0816 33.4395 55.1766 38.9986 55.1766C44.5577 55.1766 49.6862 52.0816 52.3865 47.0996L55.7447 48.9178C52.3776 55.1348 45.9602 58.9953 38.9986 58.9953Z\"\n fill=\"white\"\n />\n </svg> -->\n @if (buttons?.[0]; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.aria-label]=\"button.label\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [style.--primary-color]=\"styles?.primary\"\n [style.--hover-color]=\"styles?.primaryHover\"\n >\n <span>{{ button.label }}</span>\n </a>\n </ng-container>\n }\n </a>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:var(--primary-color, #ff4338);border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:var(--hover-color, #ed3b37)}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}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-mdh022.reverse .mdl-container{flex-direction:row-reverse}.mdl-mdh022.reverse .mdl-container .m-right .m-button-sm{right:auto;left:0;border-top-left-radius:0;border-top-right-radius:2.4rem;border-bottom-left-radius:0;border-bottom-right-radius:2.4rem}.mdl-mdh022 .mdl-container{display:flex;flex-direction:row;gap:6rem}.mdl-mdh022 .mdl-container .m-left{display:flex;flex-direction:column;width:30%}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:100%;object-fit:cover;height:auto}.mdl-mdh022 .mdl-container .m-left .text-container{display:flex;flex-direction:column;padding:7.5rem 7rem 7.2rem;border:1px solid #e4e4e4;border-top:none;gap:6rem;box-sizing:border-box}.mdl-mdh022 .mdl-container .m-left .text-container .m-item{display:flex;flex-direction:column;text-align:start}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-size:1.5rem}}@media (max-width: 1080px){.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-size:1.1rem}}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{color:#515050;font-weight:500;margin-bottom:2.4rem;text-transform:capitalize}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle{color:#515050b2;font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:4rem;font-weight:400;line-height:2.8rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:not(:last-child){margin-bottom:.5rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:after{bottom:-.4rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:hover{color:#ed3b37;transition:.3s}.mdl-mdh022 .mdl-container .m-right{position:relative;width:70%}.mdl-mdh022 .mdl-container .m-right img{width:100%;height:100%;object-fit:cover}.mdl-mdh022 .mdl-container .m-right svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh022 .mdl-container .m-right img.iconmap{position:absolute;width:79px!important;height:89px!important;right:50%;top:50%;transform:translate(50px,-50px)}@media (max-width: 540px){.mdl-mdh022 .mdl-container .m-right img.iconmap{width:62px!important;height:69px!important;right:55%;top:45%}}.mdl-mdh022 .mdl-container .m-right .m-button-sm{position:absolute;bottom:4rem;right:0;border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem;max-width:20rem}@media (max-width: 1366px){.mdl-mdh022 .mdl-container .m-left{width:35%}.mdl-mdh022 .mdl-container .m-left .text-container{padding:3rem;gap:3rem;border-left:1px solid #e4e4e4}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{margin-bottom:1.5rem;font-size:2rem}}@media (max-width: 1280px){.mdl-mdh022 .mdl-container .m-left .text-container{gap:2rem;padding:2rem}}@media (max-width: 1080px){.mdl-mdh022.reverse .mdl-container{flex-direction:column-reverse}.mdl-mdh022.reverse .mdl-container .m-left{flex-direction:row-reverse}.mdl-mdh022.reverse .mdl-container .m-left .text-container{border-left:1px solid #e4e4e4}.mdl-mdh022 .mdl-container{gap:4rem;flex-direction:column-reverse}.mdl-mdh022 .mdl-container .m-left{width:100%;flex-direction:row}.mdl-mdh022 .mdl-container .m-left img{width:45%}.mdl-mdh022 .mdl-container .m-left .text-container{width:55%;padding:6rem 2rem 6rem 8rem;border-top:1px solid #e4e4e4;border-left:none}.mdl-mdh022 .mdl-container .m-right{width:100%}}@media (max-width: 768px){.mdl-mdh022.reverse .mdl-container .m-left{flex-direction:column}.mdl-mdh022.reverse .mdl-container .m-left .text-container{border-right:1px solid #e4e4e4}.mdl-mdh022 .mdl-container{gap:4rem}.mdl-mdh022 .mdl-container .m-right svg{width:4.9rem}.mdl-mdh022 .mdl-container .m-right .m-button-sm{width:18rem}.mdl-mdh022 .mdl-container .m-left{flex-direction:column}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:57vw}.mdl-mdh022 .mdl-container .m-left .text-container{gap:6rem;padding:5rem 2rem 5rem 7rem;width:100%;border-left:1px solid #e4e4e4;border-top:none}}@media (max-width: 540px){.mdl-mdh022 .mdl-container{gap:3.2rem}.mdl-mdh022 .mdl-container .m-right svg{width:3.3rem}.mdl-mdh022 .mdl-container .m-right .m-button-sm{position:relative;right:auto;top:0;border-radius:2.4rem!important;margin-top:2.9rem;margin:2.9rem auto auto}.mdl-mdh022 .mdl-container .m-left{flex-direction:column}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:57vw}.mdl-mdh022 .mdl-container .m-left .text-container{gap:6rem;padding:4rem 2rem 4rem 6rem}}@media (max-width: 375px){.mdl-mdh022 .mdl-container .m-left .text-container{gap:3rem;padding:3rem 1rem 3rem 2.1rem}}\n"] }]
|
|
17110
17110
|
}], propDecorators: { content: [{
|
|
17111
17111
|
type: Input
|
|
17112
17112
|
}], reverse: [{
|
|
@@ -17121,6 +17121,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
17121
17121
|
type: Input
|
|
17122
17122
|
}], styles: [{
|
|
17123
17123
|
type: Input
|
|
17124
|
+
}], address: [{
|
|
17125
|
+
type: Input
|
|
17124
17126
|
}] } });
|
|
17125
17127
|
|
|
17126
17128
|
class C2TxtCtaComponent {
|
|
@@ -17215,7 +17217,7 @@ var faqs = [
|
|
|
17215
17217
|
answer: "Contáctanos y te ayudaremos a encontrar la mejor solución."
|
|
17216
17218
|
}
|
|
17217
17219
|
];
|
|
17218
|
-
var defaultContent$
|
|
17220
|
+
var defaultContent$g = {
|
|
17219
17221
|
topPanel: topPanel,
|
|
17220
17222
|
bottomPanel: bottomPanel,
|
|
17221
17223
|
highlights: highlights,
|
|
@@ -17224,7 +17226,7 @@ var defaultContent$f = {
|
|
|
17224
17226
|
|
|
17225
17227
|
class C2TxtCtaDesComponent {
|
|
17226
17228
|
constructor() {
|
|
17227
|
-
this.fallbackContent = defaultContent$
|
|
17229
|
+
this.fallbackContent = defaultContent$g;
|
|
17228
17230
|
this.content = this.fallbackContent;
|
|
17229
17231
|
this.faqHeights = [];
|
|
17230
17232
|
this.expandedFaqIndex = null;
|
|
@@ -17329,11 +17331,11 @@ class C2TxtCtaDesComponent {
|
|
|
17329
17331
|
return ListsUtils.getFaqItemsByListId(lists, id);
|
|
17330
17332
|
}
|
|
17331
17333
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2TxtCtaDesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17332
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C2TxtCtaDesComponent, isStandalone: true, selector: "c2-txt-cta-des", inputs: { content: "content", texts: "texts", buttons: "buttons", links: "links", lists: "lists", styles: "styles" }, viewQueries: [{ propertyName: "faqSection", first: true, predicate: ["faqSection"], descendants: true }, { propertyName: "faqAnswerRefs", predicate: ["faqAnswerRef"], descendants: true }], ngImport: i0, template: "<!-- COMENTARIO CONEXI\u00D3N: A\u00F1adir clase 'm-bot' si solo se quiere mantener el m-bottom y no el m-top, a\u00F1adir opci\u00F3n en el json -->\n<section class=\"mdl-faqs\" #faqSection [class.m-bot]=\"content.hideTopPanel\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (texts?.title || texts?.description) {\n <div class=\"m-top\">\n @if (texts?.title) {\n <div class=\"m-titulo\">{{ texts?.title }}</div>\n }\n @if (texts?.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts?.description\"\n ></div>\n }\n </div>\n }\n @if (buttons || texts?.contactTitle || texts?.contactDescription) {\n <div class=\"m-bottom\">\n <div class=\"m-textos-bot\">\n @if (texts?.contactTitle) {\n <div class=\"m-titulo\">\n {{ texts?.contactTitle }}\n </div>\n }\n @if (texts?.contactDescription) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts?.contactDescription\"\n ></div>\n }\n </div>\n @if (buttons?.[0]; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [style.--var-color]=\"styles?.primary\"\n [style.--var-color-hover]=\"styles?.primaryHover\"\n [href]=\"button.url\"\n [attr.target]=\"button.target || '_self'\"\n [attr.aria-label]=\"button.label\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ button.label }}</span>\n </a>\n </ng-container>\n }\n </div>\n }\n </div>\n <div class=\"m-listadofaqs\">\n <div class=\"m-extra-info\">\n <div class=\"m-row m-row1\">\n @if (texts?.howGetTitle) {\n <div class=\"m-title\">{{ texts?.howGetTitle }}</div>\n }\n <div class=\"m-content2\">\n @if (texts?.howGetDescription) {\n <div\n class=\"m-text\"\n [innerHTML]=\"texts?.howGetDescription\"\n ></div>\n }\n @if (\n getFaqItemsByListIdOnUtil(lists ?? [], 2);\n as items\n ) {\n <div class=\"m-items\">\n @for (item of items; track $index) {\n <div class=\"m-item\">\n @if (item.icon) {\n <i\n class=\"icon--svg\"\n [ngClass]=\"item.icon\"\n [style.--var-color]=\"\n styles?.primary\n \"\n ></i>\n }\n <span>{{ item.label }}</span>\n </div>\n }\n </div>\n }\n </div>\n </div>\n <div class=\"m-row m-row2\">\n @if (texts?.howGetTitle2) {\n <div class=\"m-title\">{{ texts?.howGetTitle2 }}</div>\n }\n <div class=\"m-content2\">\n @if (texts?.howGetDescription2) {\n <div\n class=\"m-text\"\n [innerHTML]=\"texts?.howGetDescription2\"\n ></div>\n }\n </div>\n </div>\n </div>\n @if (lists?.length) {\n @if (getFaqItemsByListIdOnUtil(lists ?? [], 1); as faqs) {\n @for (faq of faqs; track $index) {\n <div class=\"faq-item\">\n <button\n type=\"button\"\n class=\"faq-question\"\n [attr.id]=\"'faq-question-' + $index\"\n [attr.aria-controls]=\"'faq-answer-' + $index\"\n [attr.aria-expanded]=\"\n expandedFaqIndex === $index\n \"\n (click)=\"toggleFaq($index)\"\n [class.active]=\"expandedFaqIndex === $index\"\n >\n <span>{{ faq.label }}</span>\n <span\n class=\"faq-icon\"\n [class.rotate]=\"expandedFaqIndex === $index\"\n ></span>\n </button>\n <div\n class=\"faq-answer\"\n [class.open]=\"expandedFaqIndex === $index\"\n [style.maxHeight.px]=\"\n expandedFaqIndex === $index\n ? getAnswerHeight($index)\n : 0\n \"\n #faqAnswerRef\n [attr.id]=\"'faq-answer-' + $index\"\n role=\"region\"\n [attr.aria-labelledby]=\"\n 'faq-question-' + $index\n \"\n >\n {{ faq.description }}\n </div>\n <!-- <ng-container *ngIf=\"faq.button as faqButton\">\n <a\n *ngIf=\"\n faqButton.url;\n else faqButtonTemplate\n \"\n class=\"m-button-sm\"\n [ngClass]=\"faqButton.variant\"\n [href]=\"faqButton.url\"\n [attr.target]=\"faqButton.target || '_self'\"\n [attr.aria-label]=\"\n faqButton.ariaLabel || faqButton.label\n \"\n [attr.rel]=\"\n (faqButton.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ faqButton.label }}</span>\n </a>\n <ng-template #faqButtonTemplate>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"faqButton.variant\"\n [attr.aria-label]=\"\n faqButton.ariaLabel ||\n faqButton.label\n \"\n >\n <span>{{ faqButton.label }}</span>\n </button>\n </ng-template>\n </ng-container> -->\n </div>\n }\n }\n }\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-faqs .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-faqs .m-button-big{font-size:1.6rem}}.mdl-faqs .m-button-big.red{background-color:#ff4338}@media (hover: hover){.mdl-faqs .m-button-big.red:hover{background-color:#ed3b37}}.mdl-faqs .m-button-big.blue{background-color:#5b87da}@media (hover: hover){.mdl-faqs .m-button-big.blue:hover{background-color:#446ecd}}.mdl-faqs .m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.mdl-faqs .m-button-big.green:hover{background-color:#2ec99b}}.mdl-faqs .m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-faqs .m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-faqs .m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-faqs .m-button-big:hover{background-color:#ed3b37}}.mdl-faqs .m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-button-sm{font-size:1.6rem}}.mdl-faqs .m-button-sm.red{background-color:#ff4338}@media (hover: hover){.mdl-faqs .m-button-sm.red:hover{background-color:#ed3b37}}.mdl-faqs .m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.mdl-faqs .m-button-sm.blue:hover{background-color:#446ecd}}.mdl-faqs .m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.mdl-faqs .m-button-sm.green:hover{background-color:#2ec99b}}.mdl-faqs .m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-faqs .m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-faqs .m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-faqs .m-button-sm:hover{background-color:#ed3b37}}.mdl-faqs .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-faqs .m-underline{font-size:1.6rem}}@media (hover: hover){.mdl-faqs .m-underline:hover,.mdl-faqs .m-underline.active{color:#ed3b37}.mdl-faqs .m-underline:hover:after,.mdl-faqs .m-underline.active:after{opacity:1;width:100%}}.mdl-faqs .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.mdl-faqs .m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.mdl-faqs .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-faqs .m-underline-red{font-size:1.6rem}}.mdl-faqs .m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .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-faqs .m-underline-red:hover{color:#ed3b37}.mdl-faqs .m-underline-red:hover:after{width:100%}}.mdl-faqs .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-faqs .m-underline-blue{font-size:1.6rem}}.mdl-faqs .m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .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-faqs .m-underline-blue:hover{color:#446ecd}.mdl-faqs .m-underline-blue:hover:after{width:100%}}.mdl-faqs .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-faqs .m-underline-green{font-size:1.6rem}}.mdl-faqs .m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .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-faqs .m-underline-green:hover{color:#2ec99b}.mdl-faqs .m-underline-green:hover:after{width:100%}}.mdl-faqs .m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.mdl-faqs .m-swiper-button.swiper-button-disabled{opacity:.7}.mdl-faqs .m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-faqs .m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.mdl-faqs .m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.mdl-faqs .m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.mdl-faqs .m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.mdl-faqs .m-swiper-button{width:3.2rem;height:3.2rem}.mdl-faqs .m-swiper-button svg{width:.5rem}}.mdl-faqs .m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.mdl-faqs .m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-faqs .m-swiper-button-s.prev svg{left:45%}.mdl-faqs .m-swiper-button-s.next svg{left:55%}@media (hover: hover){.mdl-faqs .m-swiper-button-s:hover{background-color:#ed3b37}}.mdl-faqs .m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.mdl-faqs .m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.mdl-faqs .m-button-close:hover{background-color:#ed3b37}.mdl-faqs .m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__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-faqs .m-top{gap:2rem;display:flex;flex-direction:column;margin-top:4rem}.mdl-faqs .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-faqs .m-top .m-titulo{font-size:2.2rem;line-height:2.6rem}}.mdl-faqs .m-top .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .m-top .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .m-top .m-texto{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .m-top .m-texto{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .m-top .m-texto{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .m-top .m-texto{color:#515050b2}.mdl-faqs .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between;gap:4rem}.mdl-faqs .mdl-container .m-content{width:calc(27% - 2rem);height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-faqs .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-content .m-top .m-texto{color:#515050b2}.mdl-faqs .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{color:#515050b2;width:100%}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{gap:2rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs{width:calc(73% - 2rem)}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:83%;margin-bottom:3rem;gap:3rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:2.2rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:80%}.mdl-faqs .mdl-container .m-listadofaqs .faq-item{border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4!important;padding:2.2rem 0;margin-top:-1px}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.5rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.1rem}}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:500;margin-left:3rem;cursor:pointer;padding:1rem 0;transition:color .3s ease;position:relative;width:calc(100% - 5rem)}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question .faq-icon{transition:transform .3s ease;transform:rotate(45deg);background:url(/assets/babylon/svg/icons/close.svg) no-repeat center center;background-size:contain;width:1.6rem;height:1.6rem;position:absolute;right:1.3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active{color:#ff4338}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:4rem;height:4rem;right:0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon:hover{transform:rotate(135deg)}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active:before{content:\"\\2022\";position:absolute;left:0;color:#e74c3c;font-size:3rem;line-height:1;top:50%;transform:translateY(-50%);margin-left:-3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{max-height:0;overflow:hidden;padding:0;transition:max-height .35s ease,padding .35s ease;color:#515050b2;padding-left:3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer.open{max-width:76rem;padding:1rem 0;padding:1rem 0 1rem 3rem}.mdl-faqs.m-bot .mdl-container .m-content{flex-direction:column-reverse}.mdl-faqs.m-bot .mdl-container .m-content .m-top{display:none}@media (max-width: 1200px){.mdl-faqs .mdl-container .m-content{width:calc(36% - 4rem)}.mdl-faqs .mdl-container .m-content .m-top,.mdl-faqs .mdl-container .m-content .m-bottom{gap:2.8rem}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{width:100%}.mdl-faqs .mdl-container .m-content .m-bottom .m-button-sm{min-width:14.8rem;padding:.6rem!important;color:#fff;height:2.7rem;font-size:1rem}.mdl-faqs .mdl-container .m-listadofaqs{width:calc(64% - 4rem)}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2{gap:2rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{gap:1rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item svg,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item svg{width:1.7rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item{padding:1.7rem 0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{padding:0 3rem 0 0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question .faq-icon{width:.9rem;height:.9rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon{width:2rem;right:.8rem;height:2rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container{flex-direction:column-reverse;gap:3rem}.mdl-faqs .mdl-container .m-content{gap:3rem;width:100%}.mdl-faqs .mdl-container .m-content .m-bottom{flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:50%}.mdl-faqs .mdl-container .m-listadofaqs,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info{width:100%}}@media (max-width: 768px){.mdl-faqs .m-top{margin-bottom:-4rem}.mdl-faqs .mdl-container .m-content .m-bottom{flex-direction:column;justify-content:none;align-items:start}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:60%}}@media (max-width: 540px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2{flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-text{width:100%}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{text-align:left;line-height:1.8rem}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:100%}}.icon--svg{width:30px;height:30px;-webkit-mask-size:contain;mask-size:contain;background-color:var(--var-color, #000)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
17334
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C2TxtCtaDesComponent, isStandalone: true, selector: "c2-txt-cta-des", inputs: { content: "content", texts: "texts", buttons: "buttons", links: "links", lists: "lists", styles: "styles" }, viewQueries: [{ propertyName: "faqSection", first: true, predicate: ["faqSection"], descendants: true }, { propertyName: "faqAnswerRefs", predicate: ["faqAnswerRef"], descendants: true }], ngImport: i0, template: "<!-- COMENTARIO CONEXI\u00D3N: A\u00F1adir clase 'm-bot' si solo se quiere mantener el m-bottom y no el m-top, a\u00F1adir opci\u00F3n en el json -->\n<section class=\"mdl-faqs\" #faqSection [class.m-bot]=\"content.hideTopPanel\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (texts?.title || texts?.description) {\n <div class=\"m-top\">\n @if (texts?.title) {\n <div class=\"m-titulo\">{{ texts?.title }}</div>\n }\n @if (texts?.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts?.description\"\n ></div>\n }\n </div>\n }\n @if (buttons || texts?.contactTitle || texts?.contactDescription) {\n <div class=\"m-bottom\">\n <div class=\"m-textos-bot\">\n @if (texts?.contactTitle) {\n <div class=\"m-titulo\">\n {{ texts?.contactTitle }}\n </div>\n }\n @if (texts?.contactDescription) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts?.contactDescription\"\n ></div>\n }\n </div>\n @if (buttons?.[0]; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [style.--var-color]=\"styles?.primary\"\n [style.--var-color-hover]=\"styles?.primaryHover\"\n [href]=\"button.url\"\n [attr.target]=\"button.target || '_self'\"\n [attr.aria-label]=\"button.label\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ button.label }}</span>\n </a>\n </ng-container>\n }\n </div>\n }\n </div>\n <div class=\"m-listadofaqs\">\n @if (\n texts?.howGetTitle ||\n texts?.howGetDescription ||\n texts?.howGetTitle2 ||\n getFaqItemsByListIdOnUtil(lists ?? [], 2).length > 0\n ) {\n <div class=\"m-extra-info\">\n <div class=\"m-row m-row1\">\n @if (texts?.howGetTitle) {\n <div class=\"m-title\">{{ texts?.howGetTitle }}</div>\n }\n <div class=\"m-content2\">\n @if (texts?.howGetDescription) {\n <div\n class=\"m-text\"\n [innerHTML]=\"texts?.howGetDescription\"\n ></div>\n }\n @if (\n getFaqItemsByListIdOnUtil(lists ?? [], 2);\n as items\n ) {\n <div class=\"m-items\">\n @for (item of items; track $index) {\n <div class=\"m-item\">\n @if (item.icon) {\n <i\n class=\"icon--svg\"\n [ngClass]=\"item.icon\"\n [style.--var-color]=\"\n styles?.primary\n \"\n ></i>\n }\n <span>{{ item.label }}</span>\n </div>\n }\n </div>\n }\n </div>\n </div>\n <div class=\"m-row m-row2\">\n @if (texts?.howGetTitle2) {\n <div class=\"m-title\">{{ texts?.howGetTitle2 }}</div>\n }\n <div class=\"m-content2\">\n @if (texts?.howGetDescription2) {\n <div\n class=\"m-text\"\n [innerHTML]=\"texts?.howGetDescription2\"\n ></div>\n }\n </div>\n </div>\n </div>\n }\n @if (lists?.length) {\n @if (getFaqItemsByListIdOnUtil(lists ?? [], 1); as faqs) {\n @for (faq of faqs; track $index) {\n <div class=\"faq-item\">\n <button\n type=\"button\"\n class=\"faq-question\"\n [attr.id]=\"'faq-question-' + $index\"\n [attr.aria-controls]=\"'faq-answer-' + $index\"\n [attr.aria-expanded]=\"\n expandedFaqIndex === $index\n \"\n (click)=\"toggleFaq($index)\"\n [class.active]=\"expandedFaqIndex === $index\"\n >\n <span>{{ faq.label }}</span>\n <span\n class=\"faq-icon\"\n [class.rotate]=\"expandedFaqIndex === $index\"\n ></span>\n </button>\n <div\n class=\"faq-answer\"\n [class.open]=\"expandedFaqIndex === $index\"\n [style.maxHeight.px]=\"\n expandedFaqIndex === $index\n ? getAnswerHeight($index)\n : 0\n \"\n #faqAnswerRef\n [attr.id]=\"'faq-answer-' + $index\"\n role=\"region\"\n [attr.aria-labelledby]=\"\n 'faq-question-' + $index\n \"\n >\n {{ faq.description }}\n </div>\n <!-- <ng-container *ngIf=\"faq.button as faqButton\">\n <a\n *ngIf=\"\n faqButton.url;\n else faqButtonTemplate\n \"\n class=\"m-button-sm\"\n [ngClass]=\"faqButton.variant\"\n [href]=\"faqButton.url\"\n [attr.target]=\"faqButton.target || '_self'\"\n [attr.aria-label]=\"\n faqButton.ariaLabel || faqButton.label\n \"\n [attr.rel]=\"\n (faqButton.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ faqButton.label }}</span>\n </a>\n <ng-template #faqButtonTemplate>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"faqButton.variant\"\n [attr.aria-label]=\"\n faqButton.ariaLabel ||\n faqButton.label\n \"\n >\n <span>{{ faqButton.label }}</span>\n </button>\n </ng-template>\n </ng-container> -->\n </div>\n }\n }\n }\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-faqs .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-faqs .m-button-big{font-size:1.6rem}}.mdl-faqs .m-button-big.red{background-color:#ff4338}@media (hover: hover){.mdl-faqs .m-button-big.red:hover{background-color:#ed3b37}}.mdl-faqs .m-button-big.blue{background-color:#5b87da}@media (hover: hover){.mdl-faqs .m-button-big.blue:hover{background-color:#446ecd}}.mdl-faqs .m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.mdl-faqs .m-button-big.green:hover{background-color:#2ec99b}}.mdl-faqs .m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-faqs .m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-faqs .m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-faqs .m-button-big:hover{background-color:#ed3b37}}.mdl-faqs .m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-button-sm{font-size:1.6rem}}.mdl-faqs .m-button-sm.red{background-color:#ff4338}@media (hover: hover){.mdl-faqs .m-button-sm.red:hover{background-color:#ed3b37}}.mdl-faqs .m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.mdl-faqs .m-button-sm.blue:hover{background-color:#446ecd}}.mdl-faqs .m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.mdl-faqs .m-button-sm.green:hover{background-color:#2ec99b}}.mdl-faqs .m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-faqs .m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-faqs .m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-faqs .m-button-sm:hover{background-color:#ed3b37}}.mdl-faqs .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-faqs .m-underline{font-size:1.6rem}}@media (hover: hover){.mdl-faqs .m-underline:hover,.mdl-faqs .m-underline.active{color:#ed3b37}.mdl-faqs .m-underline:hover:after,.mdl-faqs .m-underline.active:after{opacity:1;width:100%}}.mdl-faqs .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.mdl-faqs .m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.mdl-faqs .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-faqs .m-underline-red{font-size:1.6rem}}.mdl-faqs .m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .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-faqs .m-underline-red:hover{color:#ed3b37}.mdl-faqs .m-underline-red:hover:after{width:100%}}.mdl-faqs .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-faqs .m-underline-blue{font-size:1.6rem}}.mdl-faqs .m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .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-faqs .m-underline-blue:hover{color:#446ecd}.mdl-faqs .m-underline-blue:hover:after{width:100%}}.mdl-faqs .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-faqs .m-underline-green{font-size:1.6rem}}.mdl-faqs .m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .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-faqs .m-underline-green:hover{color:#2ec99b}.mdl-faqs .m-underline-green:hover:after{width:100%}}.mdl-faqs .m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.mdl-faqs .m-swiper-button.swiper-button-disabled{opacity:.7}.mdl-faqs .m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-faqs .m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.mdl-faqs .m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.mdl-faqs .m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.mdl-faqs .m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.mdl-faqs .m-swiper-button{width:3.2rem;height:3.2rem}.mdl-faqs .m-swiper-button svg{width:.5rem}}.mdl-faqs .m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.mdl-faqs .m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-faqs .m-swiper-button-s.prev svg{left:45%}.mdl-faqs .m-swiper-button-s.next svg{left:55%}@media (hover: hover){.mdl-faqs .m-swiper-button-s:hover{background-color:#ed3b37}}.mdl-faqs .m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.mdl-faqs .m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.mdl-faqs .m-button-close:hover{background-color:#ed3b37}.mdl-faqs .m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__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-faqs .m-top{gap:2rem;display:flex;flex-direction:column;margin-top:4rem}.mdl-faqs .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-faqs .m-top .m-titulo{font-size:2.2rem;line-height:2.6rem}}.mdl-faqs .m-top .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .m-top .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .m-top .m-texto{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .m-top .m-texto{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .m-top .m-texto{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .m-top .m-texto{color:#515050b2}.mdl-faqs .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between;gap:4rem}.mdl-faqs .mdl-container .m-content{width:calc(27% - 2rem);height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-faqs .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-content .m-top .m-texto{color:#515050b2}.mdl-faqs .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column;padding-top:10rem}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom{padding-top:0rem}}.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{color:#515050b2;width:100%}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{gap:2rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs{width:calc(73% - 2rem)}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:83%;margin-bottom:3rem;gap:3rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:2.2rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:80%}.mdl-faqs .mdl-container .m-listadofaqs .faq-item{border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4!important;padding:2.2rem 0;margin-top:-1px}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.5rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.1rem}}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:500;margin-left:3rem;cursor:pointer;padding:1rem 0;transition:color .3s ease;position:relative;width:calc(100% - 5rem)}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question .faq-icon{transition:transform .3s ease;transform:rotate(45deg);background:url(/assets/babylon/svg/icons/close.svg) no-repeat center center;background-size:contain;width:1.6rem;height:1.6rem;position:absolute;right:1.3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active{color:#ff4338}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:4rem;height:4rem;right:0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon:hover{transform:rotate(135deg)}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active:before{content:\"\\2022\";position:absolute;left:0;color:#e74c3c;font-size:3rem;line-height:1;top:50%;transform:translateY(-50%);margin-left:-3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{max-height:0;overflow:hidden;padding:0;transition:max-height .35s ease,padding .35s ease;color:#515050b2;padding-left:3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer.open{max-width:76rem;padding:1rem 0;padding:1rem 0 1rem 3rem}.mdl-faqs.m-bot .mdl-container .m-content{flex-direction:column-reverse}.mdl-faqs.m-bot .mdl-container .m-content .m-top{display:none}@media (max-width: 1200px){.mdl-faqs .mdl-container .m-content{width:calc(36% - 4rem)}.mdl-faqs .mdl-container .m-content .m-top,.mdl-faqs .mdl-container .m-content .m-bottom{gap:2.8rem}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{width:100%}.mdl-faqs .mdl-container .m-content .m-bottom .m-button-sm{min-width:14.8rem;padding:.6rem!important;color:#fff;height:2.7rem;font-size:1rem;width:auto}.mdl-faqs .mdl-container .m-listadofaqs{width:calc(64% - 4rem)}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2{gap:2rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{gap:1rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item svg,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item svg{width:1.7rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item{padding:1.7rem 0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{padding:0 3rem 0 0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question .faq-icon{width:.9rem;height:.9rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon{width:2rem;right:.8rem;height:2rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container{flex-direction:column-reverse;gap:3rem}.mdl-faqs .mdl-container .m-content{gap:3rem;width:100%}.mdl-faqs .mdl-container .m-content .m-bottom{flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:50%}.mdl-faqs .mdl-container .m-listadofaqs,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info{width:100%}}@media (max-width: 768px){.mdl-faqs .m-top{margin-bottom:-4rem}.mdl-faqs .mdl-container .m-content .m-bottom{flex-direction:column;justify-content:none;align-items:start}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:60%}}@media (max-width: 540px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2{flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-text{width:100%}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{text-align:left;line-height:1.8rem}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:100%}}.icon--svg{width:30px;height:30px;-webkit-mask-size:contain;mask-size:contain;background-color:var(--var-color, #000)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
17333
17335
|
}
|
|
17334
17336
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2TxtCtaDesComponent, decorators: [{
|
|
17335
17337
|
type: Component,
|
|
17336
|
-
args: [{ selector: 'c2-txt-cta-des', standalone: true, imports: [CommonModule], template: "<!-- COMENTARIO CONEXI\u00D3N: A\u00F1adir clase 'm-bot' si solo se quiere mantener el m-bottom y no el m-top, a\u00F1adir opci\u00F3n en el json -->\n<section class=\"mdl-faqs\" #faqSection [class.m-bot]=\"content.hideTopPanel\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (texts?.title || texts?.description) {\n <div class=\"m-top\">\n @if (texts?.title) {\n <div class=\"m-titulo\">{{ texts?.title }}</div>\n }\n @if (texts?.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts?.description\"\n ></div>\n }\n </div>\n }\n @if (buttons || texts?.contactTitle || texts?.contactDescription) {\n <div class=\"m-bottom\">\n <div class=\"m-textos-bot\">\n @if (texts?.contactTitle) {\n <div class=\"m-titulo\">\n {{ texts?.contactTitle }}\n </div>\n }\n @if (texts?.contactDescription) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts?.contactDescription\"\n ></div>\n }\n </div>\n @if (buttons?.[0]; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [style.--var-color]=\"styles?.primary\"\n [style.--var-color-hover]=\"styles?.primaryHover\"\n [href]=\"button.url\"\n [attr.target]=\"button.target || '_self'\"\n [attr.aria-label]=\"button.label\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ button.label }}</span>\n </a>\n </ng-container>\n }\n </div>\n }\n </div>\n <div class=\"m-listadofaqs\">\n <div class=\"m-extra-info\">\n <div class=\"m-row m-row1\">\n @if (texts?.howGetTitle) {\n <div class=\"m-title\">{{ texts?.howGetTitle }}</div>\n }\n <div class=\"m-content2\">\n @if (texts?.howGetDescription) {\n <div\n class=\"m-text\"\n [innerHTML]=\"texts?.howGetDescription\"\n ></div>\n }\n @if (\n getFaqItemsByListIdOnUtil(lists ?? [], 2);\n as items\n ) {\n <div class=\"m-items\">\n @for (item of items; track $index) {\n <div class=\"m-item\">\n @if (item.icon) {\n <i\n class=\"icon--svg\"\n [ngClass]=\"item.icon\"\n [style.--var-color]=\"\n styles?.primary\n \"\n ></i>\n }\n <span>{{ item.label }}</span>\n </div>\n }\n </div>\n }\n </div>\n </div>\n <div class=\"m-row m-row2\">\n @if (texts?.howGetTitle2) {\n <div class=\"m-title\">{{ texts?.howGetTitle2 }}</div>\n }\n <div class=\"m-content2\">\n @if (texts?.howGetDescription2) {\n <div\n class=\"m-text\"\n [innerHTML]=\"texts?.howGetDescription2\"\n ></div>\n }\n </div>\n </div>\n </div>\n @if (lists?.length) {\n @if (getFaqItemsByListIdOnUtil(lists ?? [], 1); as faqs) {\n @for (faq of faqs; track $index) {\n <div class=\"faq-item\">\n <button\n type=\"button\"\n class=\"faq-question\"\n [attr.id]=\"'faq-question-' + $index\"\n [attr.aria-controls]=\"'faq-answer-' + $index\"\n [attr.aria-expanded]=\"\n expandedFaqIndex === $index\n \"\n (click)=\"toggleFaq($index)\"\n [class.active]=\"expandedFaqIndex === $index\"\n >\n <span>{{ faq.label }}</span>\n <span\n class=\"faq-icon\"\n [class.rotate]=\"expandedFaqIndex === $index\"\n ></span>\n </button>\n <div\n class=\"faq-answer\"\n [class.open]=\"expandedFaqIndex === $index\"\n [style.maxHeight.px]=\"\n expandedFaqIndex === $index\n ? getAnswerHeight($index)\n : 0\n \"\n #faqAnswerRef\n [attr.id]=\"'faq-answer-' + $index\"\n role=\"region\"\n [attr.aria-labelledby]=\"\n 'faq-question-' + $index\n \"\n >\n {{ faq.description }}\n </div>\n <!-- <ng-container *ngIf=\"faq.button as faqButton\">\n <a\n *ngIf=\"\n faqButton.url;\n else faqButtonTemplate\n \"\n class=\"m-button-sm\"\n [ngClass]=\"faqButton.variant\"\n [href]=\"faqButton.url\"\n [attr.target]=\"faqButton.target || '_self'\"\n [attr.aria-label]=\"\n faqButton.ariaLabel || faqButton.label\n \"\n [attr.rel]=\"\n (faqButton.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ faqButton.label }}</span>\n </a>\n <ng-template #faqButtonTemplate>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"faqButton.variant\"\n [attr.aria-label]=\"\n faqButton.ariaLabel ||\n faqButton.label\n \"\n >\n <span>{{ faqButton.label }}</span>\n </button>\n </ng-template>\n </ng-container> -->\n </div>\n }\n }\n }\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-faqs .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-faqs .m-button-big{font-size:1.6rem}}.mdl-faqs .m-button-big.red{background-color:#ff4338}@media (hover: hover){.mdl-faqs .m-button-big.red:hover{background-color:#ed3b37}}.mdl-faqs .m-button-big.blue{background-color:#5b87da}@media (hover: hover){.mdl-faqs .m-button-big.blue:hover{background-color:#446ecd}}.mdl-faqs .m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.mdl-faqs .m-button-big.green:hover{background-color:#2ec99b}}.mdl-faqs .m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-faqs .m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-faqs .m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-faqs .m-button-big:hover{background-color:#ed3b37}}.mdl-faqs .m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-button-sm{font-size:1.6rem}}.mdl-faqs .m-button-sm.red{background-color:#ff4338}@media (hover: hover){.mdl-faqs .m-button-sm.red:hover{background-color:#ed3b37}}.mdl-faqs .m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.mdl-faqs .m-button-sm.blue:hover{background-color:#446ecd}}.mdl-faqs .m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.mdl-faqs .m-button-sm.green:hover{background-color:#2ec99b}}.mdl-faqs .m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-faqs .m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-faqs .m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-faqs .m-button-sm:hover{background-color:#ed3b37}}.mdl-faqs .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-faqs .m-underline{font-size:1.6rem}}@media (hover: hover){.mdl-faqs .m-underline:hover,.mdl-faqs .m-underline.active{color:#ed3b37}.mdl-faqs .m-underline:hover:after,.mdl-faqs .m-underline.active:after{opacity:1;width:100%}}.mdl-faqs .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.mdl-faqs .m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.mdl-faqs .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-faqs .m-underline-red{font-size:1.6rem}}.mdl-faqs .m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .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-faqs .m-underline-red:hover{color:#ed3b37}.mdl-faqs .m-underline-red:hover:after{width:100%}}.mdl-faqs .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-faqs .m-underline-blue{font-size:1.6rem}}.mdl-faqs .m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .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-faqs .m-underline-blue:hover{color:#446ecd}.mdl-faqs .m-underline-blue:hover:after{width:100%}}.mdl-faqs .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-faqs .m-underline-green{font-size:1.6rem}}.mdl-faqs .m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .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-faqs .m-underline-green:hover{color:#2ec99b}.mdl-faqs .m-underline-green:hover:after{width:100%}}.mdl-faqs .m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.mdl-faqs .m-swiper-button.swiper-button-disabled{opacity:.7}.mdl-faqs .m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-faqs .m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.mdl-faqs .m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.mdl-faqs .m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.mdl-faqs .m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.mdl-faqs .m-swiper-button{width:3.2rem;height:3.2rem}.mdl-faqs .m-swiper-button svg{width:.5rem}}.mdl-faqs .m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.mdl-faqs .m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-faqs .m-swiper-button-s.prev svg{left:45%}.mdl-faqs .m-swiper-button-s.next svg{left:55%}@media (hover: hover){.mdl-faqs .m-swiper-button-s:hover{background-color:#ed3b37}}.mdl-faqs .m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.mdl-faqs .m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.mdl-faqs .m-button-close:hover{background-color:#ed3b37}.mdl-faqs .m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__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-faqs .m-top{gap:2rem;display:flex;flex-direction:column;margin-top:4rem}.mdl-faqs .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-faqs .m-top .m-titulo{font-size:2.2rem;line-height:2.6rem}}.mdl-faqs .m-top .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .m-top .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .m-top .m-texto{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .m-top .m-texto{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .m-top .m-texto{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .m-top .m-texto{color:#515050b2}.mdl-faqs .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between;gap:4rem}.mdl-faqs .mdl-container .m-content{width:calc(27% - 2rem);height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-faqs .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-content .m-top .m-texto{color:#515050b2}.mdl-faqs .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{color:#515050b2;width:100%}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{gap:2rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs{width:calc(73% - 2rem)}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:83%;margin-bottom:3rem;gap:3rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:2.2rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:80%}.mdl-faqs .mdl-container .m-listadofaqs .faq-item{border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4!important;padding:2.2rem 0;margin-top:-1px}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.5rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.1rem}}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:500;margin-left:3rem;cursor:pointer;padding:1rem 0;transition:color .3s ease;position:relative;width:calc(100% - 5rem)}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question .faq-icon{transition:transform .3s ease;transform:rotate(45deg);background:url(/assets/babylon/svg/icons/close.svg) no-repeat center center;background-size:contain;width:1.6rem;height:1.6rem;position:absolute;right:1.3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active{color:#ff4338}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:4rem;height:4rem;right:0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon:hover{transform:rotate(135deg)}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active:before{content:\"\\2022\";position:absolute;left:0;color:#e74c3c;font-size:3rem;line-height:1;top:50%;transform:translateY(-50%);margin-left:-3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{max-height:0;overflow:hidden;padding:0;transition:max-height .35s ease,padding .35s ease;color:#515050b2;padding-left:3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer.open{max-width:76rem;padding:1rem 0;padding:1rem 0 1rem 3rem}.mdl-faqs.m-bot .mdl-container .m-content{flex-direction:column-reverse}.mdl-faqs.m-bot .mdl-container .m-content .m-top{display:none}@media (max-width: 1200px){.mdl-faqs .mdl-container .m-content{width:calc(36% - 4rem)}.mdl-faqs .mdl-container .m-content .m-top,.mdl-faqs .mdl-container .m-content .m-bottom{gap:2.8rem}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{width:100%}.mdl-faqs .mdl-container .m-content .m-bottom .m-button-sm{min-width:14.8rem;padding:.6rem!important;color:#fff;height:2.7rem;font-size:1rem}.mdl-faqs .mdl-container .m-listadofaqs{width:calc(64% - 4rem)}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2{gap:2rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{gap:1rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item svg,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item svg{width:1.7rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item{padding:1.7rem 0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{padding:0 3rem 0 0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question .faq-icon{width:.9rem;height:.9rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon{width:2rem;right:.8rem;height:2rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container{flex-direction:column-reverse;gap:3rem}.mdl-faqs .mdl-container .m-content{gap:3rem;width:100%}.mdl-faqs .mdl-container .m-content .m-bottom{flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:50%}.mdl-faqs .mdl-container .m-listadofaqs,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info{width:100%}}@media (max-width: 768px){.mdl-faqs .m-top{margin-bottom:-4rem}.mdl-faqs .mdl-container .m-content .m-bottom{flex-direction:column;justify-content:none;align-items:start}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:60%}}@media (max-width: 540px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2{flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-text{width:100%}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{text-align:left;line-height:1.8rem}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:100%}}.icon--svg{width:30px;height:30px;-webkit-mask-size:contain;mask-size:contain;background-color:var(--var-color, #000)}\n"] }]
|
|
17338
|
+
args: [{ selector: 'c2-txt-cta-des', standalone: true, imports: [CommonModule], template: "<!-- COMENTARIO CONEXI\u00D3N: A\u00F1adir clase 'm-bot' si solo se quiere mantener el m-bottom y no el m-top, a\u00F1adir opci\u00F3n en el json -->\n<section class=\"mdl-faqs\" #faqSection [class.m-bot]=\"content.hideTopPanel\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (texts?.title || texts?.description) {\n <div class=\"m-top\">\n @if (texts?.title) {\n <div class=\"m-titulo\">{{ texts?.title }}</div>\n }\n @if (texts?.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts?.description\"\n ></div>\n }\n </div>\n }\n @if (buttons || texts?.contactTitle || texts?.contactDescription) {\n <div class=\"m-bottom\">\n <div class=\"m-textos-bot\">\n @if (texts?.contactTitle) {\n <div class=\"m-titulo\">\n {{ texts?.contactTitle }}\n </div>\n }\n @if (texts?.contactDescription) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts?.contactDescription\"\n ></div>\n }\n </div>\n @if (buttons?.[0]; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [style.--var-color]=\"styles?.primary\"\n [style.--var-color-hover]=\"styles?.primaryHover\"\n [href]=\"button.url\"\n [attr.target]=\"button.target || '_self'\"\n [attr.aria-label]=\"button.label\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ button.label }}</span>\n </a>\n </ng-container>\n }\n </div>\n }\n </div>\n <div class=\"m-listadofaqs\">\n @if (\n texts?.howGetTitle ||\n texts?.howGetDescription ||\n texts?.howGetTitle2 ||\n getFaqItemsByListIdOnUtil(lists ?? [], 2).length > 0\n ) {\n <div class=\"m-extra-info\">\n <div class=\"m-row m-row1\">\n @if (texts?.howGetTitle) {\n <div class=\"m-title\">{{ texts?.howGetTitle }}</div>\n }\n <div class=\"m-content2\">\n @if (texts?.howGetDescription) {\n <div\n class=\"m-text\"\n [innerHTML]=\"texts?.howGetDescription\"\n ></div>\n }\n @if (\n getFaqItemsByListIdOnUtil(lists ?? [], 2);\n as items\n ) {\n <div class=\"m-items\">\n @for (item of items; track $index) {\n <div class=\"m-item\">\n @if (item.icon) {\n <i\n class=\"icon--svg\"\n [ngClass]=\"item.icon\"\n [style.--var-color]=\"\n styles?.primary\n \"\n ></i>\n }\n <span>{{ item.label }}</span>\n </div>\n }\n </div>\n }\n </div>\n </div>\n <div class=\"m-row m-row2\">\n @if (texts?.howGetTitle2) {\n <div class=\"m-title\">{{ texts?.howGetTitle2 }}</div>\n }\n <div class=\"m-content2\">\n @if (texts?.howGetDescription2) {\n <div\n class=\"m-text\"\n [innerHTML]=\"texts?.howGetDescription2\"\n ></div>\n }\n </div>\n </div>\n </div>\n }\n @if (lists?.length) {\n @if (getFaqItemsByListIdOnUtil(lists ?? [], 1); as faqs) {\n @for (faq of faqs; track $index) {\n <div class=\"faq-item\">\n <button\n type=\"button\"\n class=\"faq-question\"\n [attr.id]=\"'faq-question-' + $index\"\n [attr.aria-controls]=\"'faq-answer-' + $index\"\n [attr.aria-expanded]=\"\n expandedFaqIndex === $index\n \"\n (click)=\"toggleFaq($index)\"\n [class.active]=\"expandedFaqIndex === $index\"\n >\n <span>{{ faq.label }}</span>\n <span\n class=\"faq-icon\"\n [class.rotate]=\"expandedFaqIndex === $index\"\n ></span>\n </button>\n <div\n class=\"faq-answer\"\n [class.open]=\"expandedFaqIndex === $index\"\n [style.maxHeight.px]=\"\n expandedFaqIndex === $index\n ? getAnswerHeight($index)\n : 0\n \"\n #faqAnswerRef\n [attr.id]=\"'faq-answer-' + $index\"\n role=\"region\"\n [attr.aria-labelledby]=\"\n 'faq-question-' + $index\n \"\n >\n {{ faq.description }}\n </div>\n <!-- <ng-container *ngIf=\"faq.button as faqButton\">\n <a\n *ngIf=\"\n faqButton.url;\n else faqButtonTemplate\n \"\n class=\"m-button-sm\"\n [ngClass]=\"faqButton.variant\"\n [href]=\"faqButton.url\"\n [attr.target]=\"faqButton.target || '_self'\"\n [attr.aria-label]=\"\n faqButton.ariaLabel || faqButton.label\n \"\n [attr.rel]=\"\n (faqButton.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ faqButton.label }}</span>\n </a>\n <ng-template #faqButtonTemplate>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"faqButton.variant\"\n [attr.aria-label]=\"\n faqButton.ariaLabel ||\n faqButton.label\n \"\n >\n <span>{{ faqButton.label }}</span>\n </button>\n </ng-template>\n </ng-container> -->\n </div>\n }\n }\n }\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-faqs .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-faqs .m-button-big{font-size:1.6rem}}.mdl-faqs .m-button-big.red{background-color:#ff4338}@media (hover: hover){.mdl-faqs .m-button-big.red:hover{background-color:#ed3b37}}.mdl-faqs .m-button-big.blue{background-color:#5b87da}@media (hover: hover){.mdl-faqs .m-button-big.blue:hover{background-color:#446ecd}}.mdl-faqs .m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.mdl-faqs .m-button-big.green:hover{background-color:#2ec99b}}.mdl-faqs .m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-faqs .m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-faqs .m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-faqs .m-button-big:hover{background-color:#ed3b37}}.mdl-faqs .m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-button-sm{font-size:1.6rem}}.mdl-faqs .m-button-sm.red{background-color:#ff4338}@media (hover: hover){.mdl-faqs .m-button-sm.red:hover{background-color:#ed3b37}}.mdl-faqs .m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.mdl-faqs .m-button-sm.blue:hover{background-color:#446ecd}}.mdl-faqs .m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.mdl-faqs .m-button-sm.green:hover{background-color:#2ec99b}}.mdl-faqs .m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-faqs .m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-faqs .m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-faqs .m-button-sm:hover{background-color:#ed3b37}}.mdl-faqs .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-faqs .m-underline{font-size:1.6rem}}@media (hover: hover){.mdl-faqs .m-underline:hover,.mdl-faqs .m-underline.active{color:#ed3b37}.mdl-faqs .m-underline:hover:after,.mdl-faqs .m-underline.active:after{opacity:1;width:100%}}.mdl-faqs .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.mdl-faqs .m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.mdl-faqs .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-faqs .m-underline-red{font-size:1.6rem}}.mdl-faqs .m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .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-faqs .m-underline-red:hover{color:#ed3b37}.mdl-faqs .m-underline-red:hover:after{width:100%}}.mdl-faqs .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-faqs .m-underline-blue{font-size:1.6rem}}.mdl-faqs .m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .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-faqs .m-underline-blue:hover{color:#446ecd}.mdl-faqs .m-underline-blue:hover:after{width:100%}}.mdl-faqs .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-faqs .m-underline-green{font-size:1.6rem}}.mdl-faqs .m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .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-faqs .m-underline-green:hover{color:#2ec99b}.mdl-faqs .m-underline-green:hover:after{width:100%}}.mdl-faqs .m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.mdl-faqs .m-swiper-button.swiper-button-disabled{opacity:.7}.mdl-faqs .m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-faqs .m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.mdl-faqs .m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.mdl-faqs .m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.mdl-faqs .m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.mdl-faqs .m-swiper-button{width:3.2rem;height:3.2rem}.mdl-faqs .m-swiper-button svg{width:.5rem}}.mdl-faqs .m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.mdl-faqs .m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-faqs .m-swiper-button-s.prev svg{left:45%}.mdl-faqs .m-swiper-button-s.next svg{left:55%}@media (hover: hover){.mdl-faqs .m-swiper-button-s:hover{background-color:#ed3b37}}.mdl-faqs .m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.mdl-faqs .m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.mdl-faqs .m-button-close:hover{background-color:#ed3b37}.mdl-faqs .m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__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-faqs .m-top{gap:2rem;display:flex;flex-direction:column;margin-top:4rem}.mdl-faqs .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-faqs .m-top .m-titulo{font-size:2.2rem;line-height:2.6rem}}.mdl-faqs .m-top .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .m-top .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .m-top .m-texto{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .m-top .m-texto{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .m-top .m-texto{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .m-top .m-texto{color:#515050b2}.mdl-faqs .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between;gap:4rem}.mdl-faqs .mdl-container .m-content{width:calc(27% - 2rem);height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-faqs .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-content .m-top .m-texto{color:#515050b2}.mdl-faqs .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column;padding-top:10rem}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom{padding-top:0rem}}.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{color:#515050b2;width:100%}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{gap:2rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs{width:calc(73% - 2rem)}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:83%;margin-bottom:3rem;gap:3rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:2.2rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:80%}.mdl-faqs .mdl-container .m-listadofaqs .faq-item{border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4!important;padding:2.2rem 0;margin-top:-1px}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.5rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.1rem}}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:500;margin-left:3rem;cursor:pointer;padding:1rem 0;transition:color .3s ease;position:relative;width:calc(100% - 5rem)}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question .faq-icon{transition:transform .3s ease;transform:rotate(45deg);background:url(/assets/babylon/svg/icons/close.svg) no-repeat center center;background-size:contain;width:1.6rem;height:1.6rem;position:absolute;right:1.3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active{color:#ff4338}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:4rem;height:4rem;right:0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon:hover{transform:rotate(135deg)}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active:before{content:\"\\2022\";position:absolute;left:0;color:#e74c3c;font-size:3rem;line-height:1;top:50%;transform:translateY(-50%);margin-left:-3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{max-height:0;overflow:hidden;padding:0;transition:max-height .35s ease,padding .35s ease;color:#515050b2;padding-left:3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer.open{max-width:76rem;padding:1rem 0;padding:1rem 0 1rem 3rem}.mdl-faqs.m-bot .mdl-container .m-content{flex-direction:column-reverse}.mdl-faqs.m-bot .mdl-container .m-content .m-top{display:none}@media (max-width: 1200px){.mdl-faqs .mdl-container .m-content{width:calc(36% - 4rem)}.mdl-faqs .mdl-container .m-content .m-top,.mdl-faqs .mdl-container .m-content .m-bottom{gap:2.8rem}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{width:100%}.mdl-faqs .mdl-container .m-content .m-bottom .m-button-sm{min-width:14.8rem;padding:.6rem!important;color:#fff;height:2.7rem;font-size:1rem;width:auto}.mdl-faqs .mdl-container .m-listadofaqs{width:calc(64% - 4rem)}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2{gap:2rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{gap:1rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item svg,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item svg{width:1.7rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item{padding:1.7rem 0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{padding:0 3rem 0 0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question .faq-icon{width:.9rem;height:.9rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon{width:2rem;right:.8rem;height:2rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container{flex-direction:column-reverse;gap:3rem}.mdl-faqs .mdl-container .m-content{gap:3rem;width:100%}.mdl-faqs .mdl-container .m-content .m-bottom{flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:50%}.mdl-faqs .mdl-container .m-listadofaqs,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info{width:100%}}@media (max-width: 768px){.mdl-faqs .m-top{margin-bottom:-4rem}.mdl-faqs .mdl-container .m-content .m-bottom{flex-direction:column;justify-content:none;align-items:start}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:60%}}@media (max-width: 540px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2{flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-text{width:100%}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{text-align:left;line-height:1.8rem}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:100%}}.icon--svg{width:30px;height:30px;-webkit-mask-size:contain;mask-size:contain;background-color:var(--var-color, #000)}\n"] }]
|
|
17337
17339
|
}], propDecorators: { content: [{
|
|
17338
17340
|
type: Input
|
|
17339
17341
|
}], texts: [{
|
|
@@ -17354,6 +17356,121 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
17354
17356
|
args: ['faqAnswerRef']
|
|
17355
17357
|
}] } });
|
|
17356
17358
|
|
|
17359
|
+
var titleHtml = "Expertos <br>en vacaciones";
|
|
17360
|
+
var image$1 = {
|
|
17361
|
+
url: "https://picsum.photos/1000/1000",
|
|
17362
|
+
alt: "Detalle del destino"
|
|
17363
|
+
};
|
|
17364
|
+
var bottomText = "Creating happy memories.";
|
|
17365
|
+
var facts = [
|
|
17366
|
+
{
|
|
17367
|
+
title: "Alegria Group",
|
|
17368
|
+
description: "Los fundadores cuentan con más de 30 años de experiencia en el sector turístico."
|
|
17369
|
+
},
|
|
17370
|
+
{
|
|
17371
|
+
description: "Sede en Santa Susanna (Barcelona)."
|
|
17372
|
+
},
|
|
17373
|
+
{
|
|
17374
|
+
description: "Presente en Cataluña, Andalucía, Tenerife y Andorra."
|
|
17375
|
+
},
|
|
17376
|
+
{
|
|
17377
|
+
description: "Actualmente con 23 unidades hoteleras y apartamentos."
|
|
17378
|
+
},
|
|
17379
|
+
{
|
|
17380
|
+
description: "13 en Cataluña, 7 en Andalucía, 1 en Tenerife y 2 en Andorra."
|
|
17381
|
+
},
|
|
17382
|
+
{
|
|
17383
|
+
description: "Nuestro futuro inmediato es seguir con la expansión de establecimientos propios, en explotación y asociados."
|
|
17384
|
+
}
|
|
17385
|
+
];
|
|
17386
|
+
var defaultContent$f = {
|
|
17387
|
+
titleHtml: titleHtml,
|
|
17388
|
+
image: image$1,
|
|
17389
|
+
bottomText: bottomText,
|
|
17390
|
+
facts: facts
|
|
17391
|
+
};
|
|
17392
|
+
|
|
17393
|
+
class C2TxtImgV2Component {
|
|
17394
|
+
constructor() {
|
|
17395
|
+
this.fallbackContent = defaultContent$f;
|
|
17396
|
+
this.content = this.fallbackContent;
|
|
17397
|
+
this.handleResize = () => {
|
|
17398
|
+
if (typeof window === 'undefined') {
|
|
17399
|
+
return;
|
|
17400
|
+
}
|
|
17401
|
+
clearTimeout(this.resizeTimeoutId);
|
|
17402
|
+
this.resizeTimeoutId = setTimeout(() => this.moveTopPanel(), 150);
|
|
17403
|
+
};
|
|
17404
|
+
}
|
|
17405
|
+
ngAfterViewInit() {
|
|
17406
|
+
this.moveTopPanel();
|
|
17407
|
+
this.initializeResizeListener();
|
|
17408
|
+
this.initializeMutationObserver();
|
|
17409
|
+
}
|
|
17410
|
+
ngOnDestroy() {
|
|
17411
|
+
if (typeof window !== 'undefined') {
|
|
17412
|
+
window.removeEventListener('resize', this.handleResize);
|
|
17413
|
+
}
|
|
17414
|
+
clearTimeout(this.resizeTimeoutId);
|
|
17415
|
+
this.mutationObserver?.disconnect();
|
|
17416
|
+
}
|
|
17417
|
+
trackByIndex(index) {
|
|
17418
|
+
return index;
|
|
17419
|
+
}
|
|
17420
|
+
moveTopPanel() {
|
|
17421
|
+
if (typeof window === 'undefined') {
|
|
17422
|
+
return;
|
|
17423
|
+
}
|
|
17424
|
+
const root = this.faqSection?.nativeElement;
|
|
17425
|
+
const topPanel = root?.querySelector('.m-top');
|
|
17426
|
+
const content = root?.querySelector('.m-content');
|
|
17427
|
+
const container = root?.querySelector('.mdl-container');
|
|
17428
|
+
if (!root || !topPanel || !content || !container) {
|
|
17429
|
+
return;
|
|
17430
|
+
}
|
|
17431
|
+
const isDesktop = window.matchMedia('(min-width: 1080px)').matches;
|
|
17432
|
+
if (isDesktop) {
|
|
17433
|
+
if (topPanel.parentElement !== content) {
|
|
17434
|
+
content.insertBefore(topPanel, content.firstElementChild);
|
|
17435
|
+
}
|
|
17436
|
+
topPanel.style.position = 'relative';
|
|
17437
|
+
return;
|
|
17438
|
+
}
|
|
17439
|
+
if (topPanel.parentElement !== root) {
|
|
17440
|
+
root.insertBefore(topPanel, container);
|
|
17441
|
+
}
|
|
17442
|
+
topPanel.style.position = '';
|
|
17443
|
+
}
|
|
17444
|
+
initializeResizeListener() {
|
|
17445
|
+
if (typeof window === 'undefined') {
|
|
17446
|
+
return;
|
|
17447
|
+
}
|
|
17448
|
+
window.addEventListener('resize', this.handleResize);
|
|
17449
|
+
}
|
|
17450
|
+
initializeMutationObserver() {
|
|
17451
|
+
if (!this.faqSection?.nativeElement) {
|
|
17452
|
+
return;
|
|
17453
|
+
}
|
|
17454
|
+
this.mutationObserver?.disconnect();
|
|
17455
|
+
this.mutationObserver = new MutationObserver(() => this.moveTopPanel());
|
|
17456
|
+
this.mutationObserver.observe(this.faqSection.nativeElement, {
|
|
17457
|
+
childList: true,
|
|
17458
|
+
subtree: true,
|
|
17459
|
+
});
|
|
17460
|
+
}
|
|
17461
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2TxtImgV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17462
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: C2TxtImgV2Component, isStandalone: true, selector: "c2-txt-img-v2", inputs: { content: "content" }, viewQueries: [{ propertyName: "faqSection", first: true, predicate: ["faqSection"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-md017\" #faqSection>\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n <div class=\"m-top\">\n <div class=\"m-titulo\" [innerHTML]=\"content.titleHtml\"></div>\n </div>\n <div class=\"m-bottom\">\n <div class=\"m-img\">\n <img [src]=\"content.image.url\" [alt]=\"content.image.alt\" loading=\"lazy\" />\n </div>\n <div class=\"m-texto\">\n {{ content.bottomText }}\n </div>\n </div>\n </div>\n <div class=\"m-listadofaqs\">\n <div class=\"faq-item\" *ngFor=\"let fact of content.facts; let factIndex = index; trackBy: trackByIndex\">\n <div class=\"faq-answer\">\n {{ fact.description }}\n </div>\n <div class=\"faq-question\" *ngIf=\"fact.title\">\n {{ fact.title }}\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}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-md017 .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md017 .m-top .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md017 .m-top .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md017 .m-top .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md017 .m-top .m-titulo{color:#515050}.mdl-md017 .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between;gap:4rem}.mdl-md017 .mdl-container .m-content{width:calc(36% - 8rem);height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-md017 .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md017 .mdl-container .m-content .m-top .m-titulo{color:#515050}.mdl-md017 .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-content .m-bottom .m-img{height:22rem;width:18rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img img{height:100%;width:100%;object-fit:cover}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{color:#515050b2}.mdl-md017 .mdl-container .m-listadofaqs{width:calc(64% - 8rem)}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:83%;margin-bottom:3rem;gap:3rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:2.2rem;line-height:2.6rem}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:80%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item{border-top:.1rem solid #e4e4e4;padding:1.2rem 0}.mdl-md017 .mdl-container .m-listadofaqs .faq-item:first-child{border-top:0 solid #e4e4e4}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.5rem}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.1rem}}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:500;cursor:pointer;padding:2rem 0;transition:color .3s ease;position:relative}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{color:#515050b2;padding:1rem 0}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-bottom .m-img{height:16rem}}@media (max-width: 1080px){.mdl-md017 .m-top{margin-top:4rem;margin-bottom:-8rem}.mdl-md017 .mdl-container{flex-direction:column-reverse;gap:3rem}.mdl-md017 .mdl-container .m-content{gap:3rem;width:100%}.mdl-md017 .mdl-container .m-content .m-bottom{display:flex;flex-direction:row;margin-top:2rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img{width:17.8rem;height:22rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img img{width:100%;height:100%;object-fit:cover}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{width:60%}.mdl-md017 .mdl-container .m-listadofaqs,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info{width:100%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2{flex-direction:column}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-content .m-top .m-titulo{font-size:2.6rem;line-height:3.8rem}.mdl-md017 .mdl-container .m-content .m-bottom{flex-direction:column!important}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2rem;line-height:2.8rem;width:100%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
17463
|
+
}
|
|
17464
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2TxtImgV2Component, decorators: [{
|
|
17465
|
+
type: Component,
|
|
17466
|
+
args: [{ selector: 'c2-txt-img-v2', standalone: true, imports: [CommonModule], template: "<section class=\"mdl-md017\" #faqSection>\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n <div class=\"m-top\">\n <div class=\"m-titulo\" [innerHTML]=\"content.titleHtml\"></div>\n </div>\n <div class=\"m-bottom\">\n <div class=\"m-img\">\n <img [src]=\"content.image.url\" [alt]=\"content.image.alt\" loading=\"lazy\" />\n </div>\n <div class=\"m-texto\">\n {{ content.bottomText }}\n </div>\n </div>\n </div>\n <div class=\"m-listadofaqs\">\n <div class=\"faq-item\" *ngFor=\"let fact of content.facts; let factIndex = index; trackBy: trackByIndex\">\n <div class=\"faq-answer\">\n {{ fact.description }}\n </div>\n <div class=\"faq-question\" *ngIf=\"fact.title\">\n {{ fact.title }}\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}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-md017 .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md017 .m-top .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md017 .m-top .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md017 .m-top .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md017 .m-top .m-titulo{color:#515050}.mdl-md017 .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between;gap:4rem}.mdl-md017 .mdl-container .m-content{width:calc(36% - 8rem);height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-md017 .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md017 .mdl-container .m-content .m-top .m-titulo{color:#515050}.mdl-md017 .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-content .m-bottom .m-img{height:22rem;width:18rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img img{height:100%;width:100%;object-fit:cover}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{color:#515050b2}.mdl-md017 .mdl-container .m-listadofaqs{width:calc(64% - 8rem)}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:83%;margin-bottom:3rem;gap:3rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:2.2rem;line-height:2.6rem}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:80%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item{border-top:.1rem solid #e4e4e4;padding:1.2rem 0}.mdl-md017 .mdl-container .m-listadofaqs .faq-item:first-child{border-top:0 solid #e4e4e4}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.5rem}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.1rem}}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:500;cursor:pointer;padding:2rem 0;transition:color .3s ease;position:relative}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{color:#515050b2;padding:1rem 0}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-bottom .m-img{height:16rem}}@media (max-width: 1080px){.mdl-md017 .m-top{margin-top:4rem;margin-bottom:-8rem}.mdl-md017 .mdl-container{flex-direction:column-reverse;gap:3rem}.mdl-md017 .mdl-container .m-content{gap:3rem;width:100%}.mdl-md017 .mdl-container .m-content .m-bottom{display:flex;flex-direction:row;margin-top:2rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img{width:17.8rem;height:22rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img img{width:100%;height:100%;object-fit:cover}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{width:60%}.mdl-md017 .mdl-container .m-listadofaqs,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info{width:100%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2{flex-direction:column}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-content .m-top .m-titulo{font-size:2.6rem;line-height:3.8rem}.mdl-md017 .mdl-container .m-content .m-bottom{flex-direction:column!important}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2rem;line-height:2.8rem;width:100%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}\n"] }]
|
|
17467
|
+
}], propDecorators: { content: [{
|
|
17468
|
+
type: Input
|
|
17469
|
+
}], faqSection: [{
|
|
17470
|
+
type: ViewChild,
|
|
17471
|
+
args: ['faqSection']
|
|
17472
|
+
}] } });
|
|
17473
|
+
|
|
17357
17474
|
var backgroundColor = "#fff9f9";
|
|
17358
17475
|
var title$6 = "conecta con nosotros en";
|
|
17359
17476
|
var hashtag = "#alegriahotels";
|
|
@@ -18685,8 +18802,6 @@ class LisC2TxtImgComponent {
|
|
|
18685
18802
|
this.content = DEFAULT_CONTENT$3;
|
|
18686
18803
|
/** null => Todas */
|
|
18687
18804
|
this.selectedFilterId = null;
|
|
18688
|
-
/** Dentro de habitaciones: '__all__' o una clave concreta */
|
|
18689
|
-
this.selectedRoomKey = null;
|
|
18690
18805
|
this.galleryBound = false;
|
|
18691
18806
|
}
|
|
18692
18807
|
ngAfterViewInit() {
|
|
@@ -18694,7 +18809,6 @@ class LisC2TxtImgComponent {
|
|
|
18694
18809
|
}
|
|
18695
18810
|
ngOnChanges(changes) {
|
|
18696
18811
|
if (changes['filters'] && !changes['filters'].firstChange) {
|
|
18697
|
-
// si llega data nueva, reseteo selección a “Todas” si existe
|
|
18698
18812
|
this.setDefaultSelection();
|
|
18699
18813
|
queueMicrotask(() => this.bindGallery());
|
|
18700
18814
|
}
|
|
@@ -18703,119 +18817,78 @@ class LisC2TxtImgComponent {
|
|
|
18703
18817
|
this.unbindGallery();
|
|
18704
18818
|
this.closeModals();
|
|
18705
18819
|
}
|
|
18706
|
-
/** ✅ filtro
|
|
18820
|
+
/** ✅ ID del filtro padre "Habitaciones" */
|
|
18707
18821
|
get roomsFilterId() {
|
|
18708
18822
|
const f = this.filters?.filters?.find((x) => !!x.rooms);
|
|
18709
18823
|
return typeof f?.id === 'number' ? f.id : null;
|
|
18710
18824
|
}
|
|
18711
|
-
/** ✅
|
|
18825
|
+
/** ✅ Existe filtro padre habitaciones */
|
|
18712
18826
|
get hasRoomsFilter() {
|
|
18713
18827
|
return this.roomsFilterId != null;
|
|
18714
18828
|
}
|
|
18715
|
-
/** ✅
|
|
18829
|
+
/** ✅ ID del filtro "Todas" */
|
|
18716
18830
|
get allFilterId() {
|
|
18717
18831
|
const f = this.filters?.filters?.find((x) => !!x.all);
|
|
18718
18832
|
return typeof f?.id === 'number' ? f.id : null;
|
|
18719
18833
|
}
|
|
18720
18834
|
setDefaultSelection() {
|
|
18721
|
-
// Por defecto: si existe "Todas" lo dejamos en null (mostrar todo),
|
|
18722
|
-
// si no, ponemos el primer filtro.
|
|
18723
18835
|
const allId = this.allFilterId;
|
|
18724
18836
|
if (allId != null) {
|
|
18725
|
-
this.selectedFilterId = null;
|
|
18726
|
-
this.selectedRoomKey = null;
|
|
18837
|
+
this.selectedFilterId = null;
|
|
18727
18838
|
return;
|
|
18728
18839
|
}
|
|
18729
18840
|
const first = this.filters?.filters?.[0]?.id ?? null;
|
|
18730
18841
|
this.selectedFilterId = first;
|
|
18731
|
-
this.selectedRoomKey = null;
|
|
18732
|
-
}
|
|
18733
|
-
/** ✅ util: sacar label humano para habitaciones */
|
|
18734
|
-
getRoomLabelFromImage(item) {
|
|
18735
|
-
// 1) si viene img.name (como en tu screenshot del back), lo usamos
|
|
18736
|
-
/* const n1 = (item.img as any)?.name;
|
|
18737
|
-
if (typeof n1 === 'string' && n1.trim()) return n1.trim(); */
|
|
18738
|
-
// 2) si viene title, lo usamos
|
|
18739
|
-
if (item.title?.trim())
|
|
18740
|
-
return item.title.trim();
|
|
18741
|
-
// 3) fallback: filename de la url
|
|
18742
|
-
const src = item.img?.src ?? '';
|
|
18743
|
-
try {
|
|
18744
|
-
const last = src.split('/').pop() ?? '';
|
|
18745
|
-
const noQuery = last.split('?')[0];
|
|
18746
|
-
const noExt = noQuery.replace(/\.[a-z0-9]+$/i, '');
|
|
18747
|
-
return (decodeURIComponent(noExt).replace(/[_-]+/g, ' ').trim() ||
|
|
18748
|
-
'Habitación');
|
|
18749
|
-
}
|
|
18750
|
-
catch {
|
|
18751
|
-
return 'Habitación';
|
|
18752
|
-
}
|
|
18753
18842
|
}
|
|
18843
|
+
/** * ✅ MODIFICADO: Obtiene los filtros reales de habitaciones
|
|
18844
|
+
* Filtra aquellos items que tengan la propiedad `room: true`
|
|
18845
|
+
*/
|
|
18754
18846
|
get roomOptions() {
|
|
18755
|
-
|
|
18756
|
-
if (rid == null)
|
|
18757
|
-
return [];
|
|
18758
|
-
const imgs = (this.filters?.images ?? []).filter((i) => Number(i.filter) === Number(rid));
|
|
18759
|
-
const labels = imgs
|
|
18760
|
-
.map((i) => this.getRoomLabelFromImage(i))
|
|
18761
|
-
.filter(Boolean);
|
|
18762
|
-
const unique = Array.from(new Set(labels));
|
|
18763
|
-
return [
|
|
18764
|
-
{ id: '__all__', label: 'Todas' },
|
|
18765
|
-
...unique.map((t) => ({ id: t, label: t })),
|
|
18766
|
-
];
|
|
18847
|
+
return this.filters?.filters?.filter((f) => !!f.room) ?? [];
|
|
18767
18848
|
}
|
|
18768
|
-
/** ✅
|
|
18849
|
+
/** ✅ Lógica de filtrado actualizada */
|
|
18769
18850
|
get filteredImages() {
|
|
18770
18851
|
const imgs = this.filters?.images ?? [];
|
|
18771
|
-
|
|
18772
|
-
// null => Todas
|
|
18852
|
+
// 1. Si es null, mostramos todo
|
|
18773
18853
|
if (this.selectedFilterId == null)
|
|
18774
18854
|
return imgs;
|
|
18775
|
-
// Habitaciones
|
|
18776
|
-
|
|
18777
|
-
|
|
18778
|
-
|
|
18779
|
-
|
|
18780
|
-
}
|
|
18781
|
-
return inRooms.filter((i) => this.getRoomLabelFromImage(i) === this.selectedRoomKey);
|
|
18855
|
+
// 2. Si el filtro seleccionado es el PADRE "Habitaciones"
|
|
18856
|
+
// Debemos mostrar todas las imágenes que pertenezcan a CUALQUIER hijo tipo 'room'
|
|
18857
|
+
if (this.selectedFilterId === this.roomsFilterId) {
|
|
18858
|
+
const roomChildIds = this.roomOptions.map((r) => r.id);
|
|
18859
|
+
return imgs.filter((i) => roomChildIds.includes(Number(i.filter)));
|
|
18782
18860
|
}
|
|
18783
|
-
//
|
|
18861
|
+
// 3. Filtrado estándar (Categorías normales o una Habitación específica seleccionada)
|
|
18784
18862
|
return imgs.filter((i) => Number(i.filter) === Number(this.selectedFilterId));
|
|
18785
18863
|
}
|
|
18786
|
-
/** ✅
|
|
18864
|
+
/** ✅ Click filtro (desktop/general) */
|
|
18787
18865
|
filterBy(filter) {
|
|
18788
|
-
// Todas
|
|
18866
|
+
// Caso "Todas"
|
|
18789
18867
|
if (filter.all) {
|
|
18790
18868
|
this.selectedFilterId = null;
|
|
18791
|
-
this.selectedRoomKey = null;
|
|
18792
18869
|
this.closeModals();
|
|
18793
18870
|
return;
|
|
18794
18871
|
}
|
|
18795
|
-
// Habitaciones -> modal
|
|
18872
|
+
// Caso "Habitaciones" (Padre) -> Abrir modal
|
|
18796
18873
|
if (filter.rooms) {
|
|
18797
|
-
this.selectedFilterId = filter.id;
|
|
18798
|
-
this.selectedRoomKey = '__all__';
|
|
18874
|
+
this.selectedFilterId = filter.id; // Marcamos el padre como activo
|
|
18799
18875
|
this.openRoomsModal();
|
|
18800
18876
|
return;
|
|
18801
18877
|
}
|
|
18802
|
-
//
|
|
18878
|
+
// Caso Filtro Normal o Habitación específica (si estuviera en la barra principal)
|
|
18803
18879
|
this.selectedFilterId = filter.id;
|
|
18804
|
-
this.selectedRoomKey = null;
|
|
18805
18880
|
this.closeModals();
|
|
18806
18881
|
}
|
|
18807
|
-
/** ✅
|
|
18882
|
+
/** ✅ Click desde el modal de categorías (mobile) */
|
|
18808
18883
|
filterFromModal(filter) {
|
|
18809
18884
|
this.closeModals();
|
|
18810
18885
|
this.filterBy(filter);
|
|
18811
18886
|
}
|
|
18812
|
-
/** ✅
|
|
18813
|
-
|
|
18814
|
-
|
|
18815
|
-
|
|
18816
|
-
|
|
18817
|
-
this.selectedFilterId = rid;
|
|
18818
|
-
this.selectedRoomKey = roomKey;
|
|
18887
|
+
/** * ✅ MODIFICADO: Selección de habitación desde el modal
|
|
18888
|
+
* Ahora recibe el ID del filtro real, no un string
|
|
18889
|
+
*/
|
|
18890
|
+
selectRoom(filterId) {
|
|
18891
|
+
this.selectedFilterId = filterId;
|
|
18819
18892
|
this.closeModals();
|
|
18820
18893
|
}
|
|
18821
18894
|
openCategoriesModal() {
|
|
@@ -18827,36 +18900,34 @@ class LisC2TxtImgComponent {
|
|
|
18827
18900
|
closeModals() {
|
|
18828
18901
|
Fancybox.close();
|
|
18829
18902
|
}
|
|
18903
|
+
/** * Checkea si el filtro está activo.
|
|
18904
|
+
* Si es habitaciones, está activo si el seleccionado es el padre O cualquiera de sus hijos.
|
|
18905
|
+
*/
|
|
18830
18906
|
isFilterActive(filter) {
|
|
18831
18907
|
if (filter.all)
|
|
18832
18908
|
return this.selectedFilterId == null;
|
|
18909
|
+
// Si el filtro es "Habitaciones" (padre), lo marcamos activo si
|
|
18910
|
+
// el ID seleccionado es él mismo O si el ID seleccionado es uno de sus hijos (rooms)
|
|
18911
|
+
if (filter.rooms) {
|
|
18912
|
+
const isSelf = this.selectedFilterId === filter.id;
|
|
18913
|
+
const isChild = this.roomOptions.some((r) => r.id === this.selectedFilterId);
|
|
18914
|
+
return isSelf || isChild;
|
|
18915
|
+
}
|
|
18833
18916
|
return this.selectedFilterId === filter.id;
|
|
18834
18917
|
}
|
|
18835
18918
|
getFancyboxGroup() {
|
|
18836
|
-
|
|
18837
|
-
if (this.selectedFilterId == null)
|
|
18838
|
-
return 'gallery-all';
|
|
18839
|
-
const rid = this.roomsFilterId;
|
|
18840
|
-
if (rid != null && Number(this.selectedFilterId) === Number(rid)) {
|
|
18841
|
-
if (this.selectedRoomKey && this.selectedRoomKey !== '__all__') {
|
|
18842
|
-
return `rooms-${this.selectedRoomKey}`;
|
|
18843
|
-
}
|
|
18844
|
-
return 'rooms-all';
|
|
18845
|
-
}
|
|
18846
|
-
return `gallery-${this.selectedFilterId}`;
|
|
18919
|
+
return `gallery-${this.selectedFilterId ?? 'all'}`;
|
|
18847
18920
|
}
|
|
18848
18921
|
trackByIndex(index) {
|
|
18849
18922
|
return index;
|
|
18850
18923
|
}
|
|
18851
|
-
|
|
18924
|
+
// ... Fancybox logic (sin cambios) ...
|
|
18852
18925
|
bindGallery() {
|
|
18853
18926
|
this.unbindGallery();
|
|
18854
18927
|
const hostElement = this.host.nativeElement;
|
|
18855
18928
|
if (!hostElement.querySelector('[data-fancybox]'))
|
|
18856
18929
|
return;
|
|
18857
|
-
Fancybox.bind(hostElement, '[data-fancybox]', {
|
|
18858
|
-
dragToClose: false,
|
|
18859
|
-
});
|
|
18930
|
+
Fancybox.bind(hostElement, '[data-fancybox]', { dragToClose: false });
|
|
18860
18931
|
this.galleryBound = true;
|
|
18861
18932
|
}
|
|
18862
18933
|
unbindGallery() {
|
|
@@ -18876,17 +18947,21 @@ class LisC2TxtImgComponent {
|
|
|
18876
18947
|
Fancybox.show([{ src: selector, type: 'inline' }], {
|
|
18877
18948
|
dragToClose: false,
|
|
18878
18949
|
hideScrollbar: true,
|
|
18879
|
-
on: {
|
|
18880
|
-
destroy: () => content.setAttribute('hidden', ''),
|
|
18881
|
-
},
|
|
18950
|
+
on: { destroy: () => content.setAttribute('hidden', '') },
|
|
18882
18951
|
});
|
|
18883
18952
|
}
|
|
18953
|
+
get categoryOptions() {
|
|
18954
|
+
return this.filters?.filters?.filter((f) => !f.rooms && !f.room) ?? [];
|
|
18955
|
+
}
|
|
18956
|
+
get desktopFilterOptions() {
|
|
18957
|
+
return this.filters?.filters?.filter((f) => !f.room) ?? [];
|
|
18958
|
+
}
|
|
18884
18959
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC2TxtImgComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18885
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LisC2TxtImgComponent, isStandalone: true, selector: "lis-c2-txt-img", inputs: { content: "content", filters: "filters", texts: "texts", styles: "styles" }, viewQueries: [{ propertyName: "categoriesModal", first: true, predicate: ["categoriesModal"], descendants: true }, { propertyName: "roomsModal", first: true, predicate: ["roomsModal"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (filters?.filters?.length) {\n <section class=\"mdl-mdh002galeria\">\n <div class=\"mdl-container\">\n <div class=\"m-filters\">\n <!-- DESKTOP -->\n <div class=\"m-desktop-filters\">\n <div\n class=\"m-filter\"\n *ngFor=\"let f of filters?.filters\"\n (click)=\"filterBy(f)\"\n [class.active]=\"isFilterActive(f)\"\n >\n {{ f.text }}\n </div>\n </div>\n\n <!-- MOBILE -->\n <div class=\"m-mobile-filters\">\n <div class=\"m-select\" (click)=\"openCategoriesModal()\">\n @if (texts?.categories) {\n <div>{{ texts?.categories }}</div>\n }\n <svg\n width=\"17\"\n height=\"11\"\n viewBox=\"0 0 17 11\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.5\">\n <path\n d=\"M16.0193 0H0V0.804475H16.0193V0Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M16.0193 4.67969H0V5.4846H16.0193V4.67969Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M16.0193 9.36328H0V10.1678H16.0193V9.36328Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </div>\n\n @if (hasRoomsFilter) {\n <div class=\"m-select\" (click)=\"openRoomsModal()\">\n @if (texts?.rooms) {\n <div>{{ texts?.rooms }}</div>\n }\n <svg\n width=\"17\"\n height=\"11\"\n viewBox=\"0 0 17 11\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.5\">\n <path\n d=\"M16.0193 0H0V0.804475H16.0193V0Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M16.0193 4.67969H0V5.4846H16.0193V4.67969Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M16.0193 9.36328H0V10.1678H16.0193V9.36328Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </div>\n }\n </div>\n </div>\n\n <!-- GRID -->\n @if (filteredImages?.length) {\n <div class=\"m-gal-grid\">\n <div\n class=\"m-gal-item\"\n *ngFor=\"\n let item of filteredImages;\n trackBy: trackByIndex\n \"\n >\n <a\n class=\"m-media\"\n [href]=\"item.img?.src\"\n [attr.data-fancybox]=\"getFancyboxGroup()\"\n [attr.data-caption]=\"item.title ?? ''\"\n >\n <img\n [src]=\"item.img?.src\"\n [alt]=\"item.img?.alt || ''\"\n />\n </a>\n\n <div class=\"m-item-footer\">\n <span>{{ item.title || '' }}</span>\n <div class=\"m-icon\">\n <!-- <img [src]=\"content.lensIcon\" alt=\"name\" /> -->\n <svg\n width=\"50\"\n height=\"50\"\n viewBox=\"0 0 40 40\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect\n width=\"50\"\n height=\"50\"\n [attr.fill]=\"\n styles?.primary ?? '#FF4338'\n \"\n />\n <path\n d=\"M29.1792 27.9773L23.7219 22.5176L23.5868 22.4243C23.5567 22.4015 23.5367 22.3677 23.5314 22.3303C23.526 22.2929 23.5356 22.2549 23.5582 22.2246C24.6088 20.8364 25.0937 19.1014 24.9151 17.3697C24.7365 15.638 23.9077 14.0385 22.5959 12.894C21.2841 11.7495 19.587 11.1452 17.847 11.203C16.1071 11.2609 14.4539 11.9766 13.221 13.2057C11.9881 14.4349 11.2674 16.0859 11.2042 17.8257C11.1411 19.5654 11.7402 21.2644 12.8807 22.5796C14.0213 23.8949 15.6182 24.7286 17.3494 24.9125C19.0806 25.0963 20.817 24.6167 22.2084 23.5703C22.2423 23.5471 22.2827 23.5353 22.3238 23.5367C22.3438 23.5396 22.363 23.5467 22.3801 23.5575C22.3972 23.5684 22.4118 23.5828 22.4228 23.5997L27.9685 29.1888C28.1287 29.3465 28.3446 29.4347 28.5694 29.4344H28.6872L28.6987 29.4246C28.8808 29.3972 29.049 29.311 29.1775 29.179C29.3355 29.019 29.4243 28.8033 29.4246 28.5785C29.4249 28.3537 29.3367 28.1377 29.1792 27.9773ZM18.1074 12.988C19.1214 12.988 20.1125 13.2887 20.9556 13.852C21.7987 14.4153 22.4558 15.216 22.8438 16.1527C23.2318 17.0895 23.3333 18.1203 23.1355 19.1147C22.9377 20.1092 22.4494 21.0227 21.7325 21.7397C21.0155 22.4566 20.102 22.9449 19.1076 23.1427C18.1131 23.3405 17.0823 23.239 16.1456 22.851C15.2088 22.4629 14.4081 21.8059 13.8448 20.9628C13.2815 20.1197 12.9808 19.1285 12.9808 18.1146C12.9847 16.7561 13.5261 15.4544 14.4867 14.4938C15.4472 13.5333 16.749 12.9919 18.1074 12.988Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n </div>\n </div>\n </div>\n } @else {\n @if (texts?.notFound) {\n <div class=\"m-empty\" [innerHTML]=\"texts?.notFound\"></div>\n }\n }\n\n @if (texts?.title) {\n <div class=\"m-footer\" [innerHTML]=\"texts?.title\"></div>\n }\n </div>\n\n <!-- MODAL categor\u00EDas (mobile) -->\n <div\n #categoriesModal\n class=\"m-modal-content\"\n id=\"categories-filter-modal\"\n role=\"dialog\"\n aria-modal=\"true\"\n hidden\n >\n <button\n type=\"button\"\n class=\"m-close\"\n (click)=\"closeModals()\"\n aria-label=\"Cerrar\"\n [style.--cl-color]=\"styles?.primary\"\n >\n \u00D7\n </button>\n\n <div class=\"m-container\">\n <div class=\"m-right\">\n <div class=\"m-content\">\n @if (texts?.categories) {\n <span>{{ texts?.categories }}</span>\n }\n <button\n type=\"button\"\n *ngFor=\"let f of filters?.filters\"\n (click)=\"filterFromModal(f)\"\n [class.active]=\"isFilterActive(f)\"\n >\n {{ f.text }}\n </button>\n </div>\n </div>\n </div>\n </div>\n\n <!-- MODAL habitaciones -->\n <div\n #roomsModal\n class=\"m-modal-content\"\n id=\"rooms-filter-modal\"\n role=\"dialog\"\n aria-modal=\"true\"\n hidden\n >\n <button\n type=\"button\"\n class=\"m-close\"\n (click)=\"closeModals()\"\n aria-label=\"Cerrar\"\n [style.--cl-color]=\"styles?.primary\"\n m-icon\n >\n \u00D7\n </button>\n\n <div class=\"m-container\">\n <div class=\"m-left\">\n <div class=\"m-content\">\n @if (texts?.rooms) {\n <span>{{ texts?.rooms }}</span>\n }\n </div>\n </div>\n\n <div class=\"m-right\">\n <div class=\"m-content\">\n @if (roomOptions?.length) {\n <button\n type=\"button\"\n *ngFor=\"let room of roomOptions\"\n (click)=\"selectRoom(room.id)\"\n [class.active]=\"selectedRoomKey === room.id\"\n >\n {{ room.label }}\n </button>\n }\n </div>\n </div>\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);-webkit-backdrop-filter:var(--f-button-backdrop-filter);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media (hover:hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset)}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:0;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);translate:-50% -50%;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);border-radius:var(--f-spinner-border-radius);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{rotate:360deg}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:\"\"}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;-webkit-user-select:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;-webkit-user-select:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;-webkit-user-select:none;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);-webkit-backdrop-filter:var(--f-toolbar-backdrop-filter);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, \"Segoe UI Adjusted\", \"Segoe UI\", \"Liberation Sans\", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar .f-button:focus-visible{position:relative;z-index:1}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;-webkit-user-select:none;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0px;--f-thumbs-viewport-padding-y: 0px;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}.f-thumbs{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap);position:relative;box-sizing:border-box;flex-shrink:0;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:hidden;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)}.f-thumbs.is-horizontal.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)}.f-thumbs.is-vertical.is-hidden{max-width:0;--f-thumbs-padding-x: 0}.f-thumbs.is-scrollable.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{display:block;width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:transparent}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;display:block;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:\"\";position:absolute;inset:0;z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:\"\";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-thumbs.is-scrollable .f-thumbs__viewport{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overflow:auto;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{grid-area:auto;display:block;position:relative;max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);-webkit-user-select:none;user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{position:fixed;inset:0;z-index:1050;width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none;overscroll-behavior:contain}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, \"Segoe UI Adjusted\", \"Segoe UI\", \"Liberation Sans\", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2.5;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 30px;--f-close-button-height: 30px;--f-close-button-svg-width: 24px;--f-close-button-svg-height: 24px;--f-close-button-svg-stroke-width: 1.75;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;--f-scrollbar-width: 7px;--f-scrollbar-track-bg: #444;--f-scrollbar-track-border-radius: 10px;--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);--f-scrollbar-thumb-bg: #ddd;--f-scrollbar-thumb-border-radius: 10px}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;--f-scrollbar-track-bg: #ddd;--f-scrollbar-thumb-bg: #444}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected){opacity:0}.fancybox__container.is-hiding{pointer-events:none}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:\"\";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:\"\"}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);position:absolute;top:calc((var(--f-button-height) + 2px) * -1);right:0;z-index:10}.fancybox__thumbs{flex:0 1 100%}.fancybox__thumbs.is-scrollable{--f-thumbs-cols: 1;--f-thumbs-gap: 8px;--f-thumbs-transition: none;--f-thumbs-padding-x: 4px;--f-thumbs-padding-y: 8px;--f-thumbs-viewport-padding-x: 4px;--f-thumbs-viewport-padding-y: 0px;max-width:calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar{width:var(--f-scrollbar-width)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track{background:var(--f-scrollbar-track-bg);border-radius:var(--f-scrollbar-track-border-radius);box-shadow:var(--f-scrollbar-track-shadow)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb{background:var(--f-scrollbar-thumb-bg);border-radius:var(--f-scrollbar-thumb-border-radius)}.fancybox__thumbs.is-scrollable.is-hidden{max-width:0;--f-thumbs-padding-x: 0;max-height:unset;--f-thumbs-padding-y: unset}.fancybox__thumbs.is-scrollable .f-thumbs__viewport{overflow-x:hidden!important;grid-template-columns:repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols)))!important}.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}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}}:root{--keyframeHeightMDH002: 5rem}.mdl-mdh002galeria{padding-bottom:4rem}.mdl-mdh002galeria .mdl-container{display:flex;flex-direction:column;border-top:1px solid #e4e4e4}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters{padding:4rem 2rem 5.8rem;display:flex;flex-direction:row;gap:6rem;justify-content:center}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter{font-size:1.6rem}}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter{color:#515050b2;position:relative;transition:color .3s ease;cursor:pointer;text-transform:capitalize}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter:after{content:\"\";opacity:0;transition:all .3s ease;position:absolute;left:50%;transform:translate(-50%);background-color:#ff4338;width:.8rem;height:.8rem;border-radius:100%;bottom:0rem}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter:hover,.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter.active{color:#ff4338}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter:hover:after,.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter.active:after{opacity:1;bottom:-1.5rem}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters{display:none;border-top:1px solid #e4e4e4;padding:0rem 0 0;margin-bottom:5rem;justify-content:space-around;position:relative}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters:after{content:\"\";height:100%;width:1px;background-color:#e4e4e4;position:absolute;left:50%;transform:translate(-50%)}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{display:flex;flex-direction:row;align-items:center;gap:1.5rem;padding-top:2.5rem;position:relative;color:#515050;opacity:50%;text-transform:capitalize;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{font-size:1.6rem}}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{background-color:transparent;min-height:auto}.mdl-mdh002galeria .mdl-container .m-gal-grid{display:flex;flex-direction:row;gap:6rem;flex-wrap:wrap}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item{position:relative;cursor:pointer}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item [data-fancybox]{height:100%}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item[data-category=video]:after{content:\"\";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-image:url(/assets/babylon/svg/icons/play.svg);width:8rem;height:8rem;z-index:9;background-position:center;background-size:cover;background-repeat:no-repeat;background-size:contain;pointer-events:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:hover .m-item-footer{animation:showFooter .2s forwards}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:hover .m-item-footer span,.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:hover .m-item-footer .m-icon{transition:opacity .1s .1s ease;opacity:1}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(34% - 3rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(66% - 3rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item img{width:100%;height:100%;object-fit:cover;max-height:70rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{animation:hideFooter .2s forwards;height:0;width:100%;background-color:#fff;padding:0 0 0 4rem;box-sizing:border-box;position:absolute;bottom:0;gap:.5rem;left:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;pointer-events:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{color:#515050;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{font-size:1.4rem;letter-spacing:.056rem}}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{text-transform:none;letter-spacing:normal;opacity:0;transition:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer .m-icon{opacity:0;cursor:pointer;transition:none;height:100%;min-width:var(--keyframeHeightMDH002)}.mdl-mdh002galeria .mdl-container .m-footer{margin-top:8rem;width:70%;font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:5rem}@media (max-width: 375px){.mdl-mdh002galeria .mdl-container .m-footer{font-size:2.8rem;line-height:3.8rem}}.mdl-mdh002galeria .mdl-container .m-footer{color:#515050b2;font-weight:400}.mdl-mdh002galeria .mdl-container .m-footer strong{font-weight:500;color:#515050}@media (max-width: 1280px){.mdl-mdh002galeria .mdl-container .m-gal-grid{gap:4.4rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(34% - 2.2rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(66% - 2.2rem)}}@media (max-width: 1080px){.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters{gap:2rem 5rem;flex-wrap:wrap;padding:3rem 2rem 4rem}.mdl-mdh002galeria .mdl-container .m-gal-grid{gap:3rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(34% - 1.5rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(66% - 2.2rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{padding:0 0 0 2rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{font-size:1.4rem}.mdl-mdh002galeria .mdl-container .m-footer{width:100%;font-size:2.8rem;line-height:3.8rem;margin-top:7rem;width:90%}}@media (max-width: 1015px){.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters{display:none}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters{display:flex}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(40% - 1.5rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(60% - 2.2rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{opacity:1;min-height:var(--keyframeHeightMDH002);animation:none;width:max-content;padding:0;position:absolute;right:0;left:inherit}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{display:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer .m-icon{opacity:1}.mdl-mdh002galeria .mdl-container .m-footer{width:100%}}@media (max-width: 540px){.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters{margin-bottom:4rem}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{padding-top:2rem}.mdl-mdh002galeria .mdl-container .m-gal-grid{flex-wrap:nowrap;flex-direction:column;align-items:center}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item[data-category=video]:after{width:6rem;height:6rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(odd){width:80%;height:41rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(2n){width:100%;height:29rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{display:flex;width:100%;justify-content:center;padding-top:1rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{opacity:1;display:block}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer .m-icon{display:none}.mdl-mdh002galeria .mdl-container .m-footer{width:100%;font-size:2.2rem;line-height:2.8rem;margin-top:5rem}}@media (max-width: 1280px){:root{--keyframeHeightMDH002: 4rem}}@media (max-width: 768px){:root{--keyframeHeightMDH002: 3rem}}@keyframes showFooter{0%{height:0}to{height:var(--keyframeHeightMDH002)}}@keyframes hideFooter{0%{height:var(--keyframeHeightMDH002)}to{height:0}}.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .fancybox__content{padding:0}@media (max-width: 1080px){.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal){padding:2.4rem 10rem}.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .carousel__button.is-close{top:1.3rem}}@media (max-width: 768px){.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal){padding:2.4rem 5rem}.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .carousel__button.is-close{right:-3rem;top:-.3rem}}@media (max-width: 540px){.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .carousel__button.is-close{top:.7rem}}#rooms-filter-modal,#categories-filter-modal{width:100%;height:100%;position:relative;display:none}#rooms-filter-modal button.m-close,#categories-filter-modal button.m-close{position:absolute;right:5vw;transform:scale(3);color:var(--cl-color)}@media (max-width: 500px){#rooms-filter-modal button.m-close,#categories-filter-modal button.m-close{right:0vw}}#rooms-filter-modal .f-button,#categories-filter-modal .f-button{display:none}#rooms-filter-modal .m-container,#categories-filter-modal .m-container{display:flex;flex-direction:row;gap:4rem;align-items:center;width:100%;height:100%}#rooms-filter-modal .m-container .m-left,#categories-filter-modal .m-container .m-left{width:50%}#rooms-filter-modal .m-container .m-left .m-content,#categories-filter-modal .m-container .m-left .m-content{display:flex;flex-direction:column;justify-content:start;text-align:start;width:max-content;max-width:100%;margin:0 auto}#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-family:jokker,sans-serif;font-weight:400;font-size:6rem;line-height:6.8rem;color:#ff4338;text-transform:uppercase}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:4.8rem;line-height:6.8rem}}@media (max-width: 1080px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:4.6rem;margin-bottom:1rem;line-height:3.8rem}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:3.8rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:2.4rem}}#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;text-transform:capitalize}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:2.8rem}}@media (max-width: 1080px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:2.4rem}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:2rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:1.6rem}}#rooms-filter-modal .m-container .m-right,#categories-filter-modal .m-container .m-right{width:50%}#rooms-filter-modal .m-container .m-right span:first-child,#categories-filter-modal .m-container .m-right span:first-child{font-family:jokker,sans-serif;font-weight:400;font-size:6rem;line-height:6.8rem;color:#ff4338;text-transform:uppercase}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-right span:first-child,#categories-filter-modal .m-container .m-right span:first-child{font-size:4.8rem;line-height:6.8rem}}@media (max-width: 1080px){#rooms-filter-modal .m-container .m-right span:first-child,#categories-filter-modal .m-container .m-right span:first-child{font-size:4.6rem;margin-bottom:1rem;line-height:3.8rem}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-right span:first-child,#categories-filter-modal .m-container .m-right span:first-child{font-size:3.8rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-right span:first-child,#categories-filter-modal .m-container .m-right span:first-child{font-size:2.4rem}}#rooms-filter-modal .m-container .m-right span:first-child,#categories-filter-modal .m-container .m-right span:first-child{text-align:center}#rooms-filter-modal .m-container .m-right span:not(:first-child),#categories-filter-modal .m-container .m-right span:not(:first-child){font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;text-transform:capitalize}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-right span:not(:first-child),#categories-filter-modal .m-container .m-right span:not(:first-child){font-size:2.8rem}}@media (max-width: 1080px){#rooms-filter-modal .m-container .m-right span:not(:first-child),#categories-filter-modal .m-container .m-right span:not(:first-child){font-size:2.4rem}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-right span:not(:first-child),#categories-filter-modal .m-container .m-right span:not(:first-child){font-size:2rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-right span:not(:first-child),#categories-filter-modal .m-container .m-right span:not(:first-child){font-size:1.6rem}}#rooms-filter-modal .m-container .m-right .m-content,#categories-filter-modal .m-container .m-right .m-content{display:flex;flex-direction:column;max-height:80vh;overflow-y:auto;width:82%}#rooms-filter-modal .m-container .m-right .m-content>*,#categories-filter-modal .m-container .m-right .m-content>*{transition:opacity .3s ease}#rooms-filter-modal .m-container .m-right .m-content:hover>*,#categories-filter-modal .m-container .m-right .m-content:hover>*{opacity:.6}#rooms-filter-modal .m-container .m-right .m-content:hover>*:hover,#categories-filter-modal .m-container .m-right .m-content:hover>*:hover{opacity:1}#rooms-filter-modal .m-container .m-right .m-content,#categories-filter-modal .m-container .m-right .m-content{padding-right:2rem}#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-family:jokker,sans-serif;padding:3.2rem 0;font-weight:400;font-size:3.4rem;text-transform:capitalize}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-size:2.8rem;padding:3rem 0}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-size:2.4rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-size:2rem}}#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{cursor:pointer}#rooms-filter-modal .m-container .m-right .m-content button:not(:last-child),#categories-filter-modal .m-container .m-right .m-content button:not(:last-child){border-bottom:1px solid #e4e4e4}@media (max-width: 1080px){#rooms-filter-modal .m-container,#categories-filter-modal .m-container{flex-direction:column}#rooms-filter-modal .m-container .m-left,#categories-filter-modal .m-container .m-left{width:100%}#rooms-filter-modal .m-container .m-left .m-content,#categories-filter-modal .m-container .m-left .m-content{align-items:center;text-align:center}#rooms-filter-modal .m-container .m-right,#categories-filter-modal .m-container .m-right{width:74%}#rooms-filter-modal .m-container .m-right .m-content,#categories-filter-modal .m-container .m-right .m-content{width:100%;max-height:71vh}}@media (max-width: 768px){#rooms-filter-modal .m-container,#categories-filter-modal .m-container{gap:2rem}#rooms-filter-modal .m-container .m-right,#categories-filter-modal .m-container .m-right{width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18960
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LisC2TxtImgComponent, isStandalone: true, selector: "lis-c2-txt-img", inputs: { content: "content", filters: "filters", texts: "texts", styles: "styles" }, viewQueries: [{ propertyName: "categoriesModal", first: true, predicate: ["categoriesModal"], descendants: true }, { propertyName: "roomsModal", first: true, predicate: ["roomsModal"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (filters?.filters?.length) {\n <section class=\"mdl-mdh002galeria\">\n <div class=\"mdl-container\">\n <div class=\"m-filters\">\n <!-- DESKTOP -->\n <div class=\"m-desktop-filters\">\n <div\n class=\"m-filter\"\n *ngFor=\"let f of desktopFilterOptions\"\n (click)=\"filterBy(f)\"\n [class.active]=\"isFilterActive(f)\"\n >\n {{ f.text }}\n </div>\n </div>\n\n <!-- MOBILE -->\n <div class=\"m-mobile-filters\">\n <div class=\"m-select\" (click)=\"openCategoriesModal()\">\n @if (texts?.categories) {\n <div>{{ texts?.categories }}</div>\n }\n <svg\n width=\"17\"\n height=\"11\"\n viewBox=\"0 0 17 11\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.5\">\n <path\n d=\"M16.0193 0H0V0.804475H16.0193V0Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M16.0193 4.67969H0V5.4846H16.0193V4.67969Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M16.0193 9.36328H0V10.1678H16.0193V9.36328Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </div>\n\n @if (hasRoomsFilter) {\n <div class=\"m-select\" (click)=\"openRoomsModal()\">\n @if (texts?.rooms) {\n <div>{{ texts?.rooms }}</div>\n }\n <svg\n width=\"17\"\n height=\"11\"\n viewBox=\"0 0 17 11\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.5\">\n <path\n d=\"M16.0193 0H0V0.804475H16.0193V0Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M16.0193 4.67969H0V5.4846H16.0193V4.67969Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M16.0193 9.36328H0V10.1678H16.0193V9.36328Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </div>\n }\n </div>\n </div>\n\n <!-- GRID -->\n @if (filteredImages?.length) {\n <div class=\"m-gal-grid\">\n <div\n class=\"m-gal-item\"\n *ngFor=\"\n let item of filteredImages;\n trackBy: trackByIndex\n \"\n >\n <a\n class=\"m-media\"\n [href]=\"item.img?.src\"\n [attr.data-fancybox]=\"getFancyboxGroup()\"\n [attr.data-caption]=\"item.title ?? ''\"\n >\n <img\n [src]=\"item.img?.src\"\n [alt]=\"item.img?.alt || ''\"\n />\n </a>\n\n <div class=\"m-item-footer\">\n <span>{{ item.title || '' }}</span>\n <div class=\"m-icon\">\n <!-- <img [src]=\"content.lensIcon\" alt=\"name\" /> -->\n <svg\n width=\"50\"\n height=\"50\"\n viewBox=\"0 0 40 40\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect\n width=\"50\"\n height=\"50\"\n [attr.fill]=\"\n styles?.primary ?? '#FF4338'\n \"\n />\n <path\n d=\"M29.1792 27.9773L23.7219 22.5176L23.5868 22.4243C23.5567 22.4015 23.5367 22.3677 23.5314 22.3303C23.526 22.2929 23.5356 22.2549 23.5582 22.2246C24.6088 20.8364 25.0937 19.1014 24.9151 17.3697C24.7365 15.638 23.9077 14.0385 22.5959 12.894C21.2841 11.7495 19.587 11.1452 17.847 11.203C16.1071 11.2609 14.4539 11.9766 13.221 13.2057C11.9881 14.4349 11.2674 16.0859 11.2042 17.8257C11.1411 19.5654 11.7402 21.2644 12.8807 22.5796C14.0213 23.8949 15.6182 24.7286 17.3494 24.9125C19.0806 25.0963 20.817 24.6167 22.2084 23.5703C22.2423 23.5471 22.2827 23.5353 22.3238 23.5367C22.3438 23.5396 22.363 23.5467 22.3801 23.5575C22.3972 23.5684 22.4118 23.5828 22.4228 23.5997L27.9685 29.1888C28.1287 29.3465 28.3446 29.4347 28.5694 29.4344H28.6872L28.6987 29.4246C28.8808 29.3972 29.049 29.311 29.1775 29.179C29.3355 29.019 29.4243 28.8033 29.4246 28.5785C29.4249 28.3537 29.3367 28.1377 29.1792 27.9773ZM18.1074 12.988C19.1214 12.988 20.1125 13.2887 20.9556 13.852C21.7987 14.4153 22.4558 15.216 22.8438 16.1527C23.2318 17.0895 23.3333 18.1203 23.1355 19.1147C22.9377 20.1092 22.4494 21.0227 21.7325 21.7397C21.0155 22.4566 20.102 22.9449 19.1076 23.1427C18.1131 23.3405 17.0823 23.239 16.1456 22.851C15.2088 22.4629 14.4081 21.8059 13.8448 20.9628C13.2815 20.1197 12.9808 19.1285 12.9808 18.1146C12.9847 16.7561 13.5261 15.4544 14.4867 14.4938C15.4472 13.5333 16.749 12.9919 18.1074 12.988Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n </div>\n </div>\n </div>\n } @else {\n @if (texts?.notFound) {\n <div class=\"m-empty\" [innerHTML]=\"texts?.notFound\"></div>\n }\n }\n\n @if (texts?.title) {\n <div class=\"m-footer\" [innerHTML]=\"texts?.title\"></div>\n }\n </div>\n\n <!-- MODAL categor\u00EDas (mobile) -->\n <div\n #categoriesModal\n class=\"m-modal-content\"\n id=\"categories-filter-modal\"\n role=\"dialog\"\n aria-modal=\"true\"\n hidden\n >\n <button\n type=\"button\"\n class=\"m-close\"\n (click)=\"closeModals()\"\n aria-label=\"Cerrar\"\n [style.--cl-color]=\"styles?.primary\"\n >\n \u00D7\n </button>\n\n <div class=\"m-container\">\n <div class=\"m-right\">\n <div class=\"m-content\">\n @if (texts?.categories) {\n <span>{{ texts?.categories }}</span>\n }\n <button\n type=\"button\"\n *ngFor=\"let f of categoryOptions\"\n (click)=\"filterFromModal(f)\"\n [class.active]=\"isFilterActive(f)\"\n >\n {{ f.text }}\n </button>\n </div>\n </div>\n </div>\n </div>\n\n <!-- MODAL habitaciones -->\n <\n <div\n #roomsModal\n class=\"m-modal-content\"\n id=\"rooms-filter-modal\"\n role=\"dialog\"\n aria-modal=\"true\"\n hidden\n >\n <button\n type=\"button\"\n class=\"m-close\"\n (click)=\"closeModals()\"\n aria-label=\"Cerrar\"\n [style.--cl-color]=\"styles?.primary\"\n m-icon\n >\n \u00D7\n </button>\n\n <div class=\"m-container\">\n <div class=\"m-left\">\n <div class=\"m-content\">\n @if (texts?.rooms) {\n <span>{{ texts?.rooms }}</span>\n }\n </div>\n </div>\n\n <div class=\"m-right\">\n <div class=\"m-content\">\n @if (roomOptions?.length) {\n <button\n type=\"button\"\n (click)=\"selectRoom(roomsFilterId!)\"\n [class.active]=\"\n selectedFilterId === roomsFilterId\n \"\n >\n {{ texts?.all || 'All' }}\n </button>\n\n <button\n type=\"button\"\n *ngFor=\"let room of roomOptions\"\n (click)=\"selectRoom(room.id)\"\n [class.active]=\"selectedFilterId === room.id\"\n >\n {{ room.text }}\n </button>\n }\n </div>\n </div>\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);-webkit-backdrop-filter:var(--f-button-backdrop-filter);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media (hover:hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset)}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:0;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);translate:-50% -50%;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);border-radius:var(--f-spinner-border-radius);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{rotate:360deg}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:\"\"}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;-webkit-user-select:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;-webkit-user-select:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;-webkit-user-select:none;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.is-loading>.f-html{opacity:0}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);-webkit-backdrop-filter:var(--f-toolbar-backdrop-filter);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, \"Segoe UI Adjusted\", \"Segoe UI\", \"Liberation Sans\", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar .f-button:focus-visible{position:relative;z-index:1}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;-webkit-user-select:none;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0px;--f-thumbs-viewport-padding-y: 0px;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}.f-thumbs{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap);position:relative;box-sizing:border-box;flex-shrink:0;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:hidden;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)}.f-thumbs.is-horizontal.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)}.f-thumbs.is-vertical.is-hidden{max-width:0;--f-thumbs-padding-x: 0}.f-thumbs.is-scrollable.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{display:block;width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:transparent}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;display:block;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:\"\";position:absolute;inset:0;z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:\"\";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-thumbs.is-scrollable .f-thumbs__viewport{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overflow:auto;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{grid-area:auto;display:block;position:relative;max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);-webkit-user-select:none;user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{position:fixed;inset:0;z-index:1050;width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none;overscroll-behavior:contain}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, \"Segoe UI Adjusted\", \"Segoe UI\", \"Liberation Sans\", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2.5;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 30px;--f-close-button-height: 30px;--f-close-button-svg-width: 24px;--f-close-button-svg-height: 24px;--f-close-button-svg-stroke-width: 1.75;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;--f-scrollbar-width: 7px;--f-scrollbar-track-bg: #444;--f-scrollbar-track-border-radius: 10px;--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);--f-scrollbar-thumb-bg: #ddd;--f-scrollbar-thumb-border-radius: 10px}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;--f-scrollbar-track-bg: #ddd;--f-scrollbar-thumb-bg: #444}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected){opacity:0}.fancybox__container.is-hiding{pointer-events:none}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:\"\";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:\"\"}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-iframe{overflow:hidden;padding:8px 0}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);position:absolute;top:calc((var(--f-button-height) + 2px) * -1);right:0;z-index:10}.is-loading .f-button.is-close-button{visibility:hidden}.fancybox__thumbs{flex:0 1 100%}.fancybox__thumbs.is-scrollable{--f-thumbs-cols: 1;--f-thumbs-gap: 8px;--f-thumbs-transition: none;--f-thumbs-padding-x: 4px;--f-thumbs-padding-y: 8px;--f-thumbs-viewport-padding-x: 4px;--f-thumbs-viewport-padding-y: 0px;max-width:calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar{width:var(--f-scrollbar-width)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track{background:var(--f-scrollbar-track-bg);border-radius:var(--f-scrollbar-track-border-radius);box-shadow:var(--f-scrollbar-track-shadow)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb{background:var(--f-scrollbar-thumb-bg);border-radius:var(--f-scrollbar-thumb-border-radius)}.fancybox__thumbs.is-scrollable.is-hidden{max-width:0;--f-thumbs-padding-x: 0;max-height:unset;--f-thumbs-padding-y: unset}.fancybox__thumbs.is-scrollable .f-thumbs__viewport{overflow-x:hidden!important;grid-template-columns:repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols)))!important}.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}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}}:root{--keyframeHeightMDH002: 5rem}.mdl-mdh002galeria{padding-bottom:4rem}.mdl-mdh002galeria .mdl-container{display:flex;flex-direction:column;border-top:1px solid #e4e4e4}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters{padding:4rem 2rem 5.8rem;display:flex;flex-direction:row;gap:6rem;justify-content:center}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter{font-size:1.6rem}}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter{color:#515050b2;position:relative;transition:color .3s ease;cursor:pointer;text-transform:capitalize}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter:after{content:\"\";opacity:0;transition:all .3s ease;position:absolute;left:50%;transform:translate(-50%);background-color:#ff4338;width:.8rem;height:.8rem;border-radius:100%;bottom:0rem}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter:hover,.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter.active{color:#ff4338}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter:hover:after,.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter.active:after{opacity:1;bottom:-1.5rem}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters{display:none;border-top:1px solid #e4e4e4;padding:0rem 0 0;margin-bottom:5rem;justify-content:space-around;position:relative}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters:after{content:\"\";height:100%;width:1px;background-color:#e4e4e4;position:absolute;left:50%;transform:translate(-50%)}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{display:flex;flex-direction:row;align-items:center;gap:1.5rem;padding-top:2.5rem;position:relative;color:#515050;opacity:50%;text-transform:capitalize;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{font-size:1.6rem}}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{background-color:transparent;min-height:auto}.mdl-mdh002galeria .mdl-container .m-gal-grid{display:flex;flex-direction:row;gap:6rem;flex-wrap:wrap}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item{position:relative;cursor:pointer}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item [data-fancybox]{height:100%}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item[data-category=video]:after{content:\"\";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-image:url(/assets/babylon/svg/icons/play.svg);width:8rem;height:8rem;z-index:9;background-position:center;background-size:cover;background-repeat:no-repeat;background-size:contain;pointer-events:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:hover .m-item-footer{animation:showFooter .2s forwards}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:hover .m-item-footer span,.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:hover .m-item-footer .m-icon{transition:opacity .1s .1s ease;opacity:1}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(34% - 3rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(66% - 3rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item img{width:100%;height:100%;object-fit:cover;max-height:70rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{animation:hideFooter .2s forwards;height:0;width:100%;background-color:#fff;padding:0 0 0 4rem;box-sizing:border-box;position:absolute;bottom:0;gap:.5rem;left:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;pointer-events:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{color:#515050;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{font-size:1.4rem;letter-spacing:.056rem}}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{text-transform:none;letter-spacing:normal;opacity:0;transition:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer .m-icon{opacity:0;cursor:pointer;transition:none;height:100%;min-width:var(--keyframeHeightMDH002)}.mdl-mdh002galeria .mdl-container .m-footer{margin-top:8rem;width:70%;font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:5rem}@media (max-width: 375px){.mdl-mdh002galeria .mdl-container .m-footer{font-size:2.8rem;line-height:3.8rem}}.mdl-mdh002galeria .mdl-container .m-footer{color:#515050b2;font-weight:400}.mdl-mdh002galeria .mdl-container .m-footer strong{font-weight:500;color:#515050}@media (max-width: 1280px){.mdl-mdh002galeria .mdl-container .m-gal-grid{gap:4.4rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(34% - 2.2rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(66% - 2.2rem)}}@media (max-width: 1080px){.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters{gap:2rem 5rem;flex-wrap:wrap;padding:3rem 2rem 4rem}.mdl-mdh002galeria .mdl-container .m-gal-grid{gap:3rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(34% - 1.5rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(66% - 2.2rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{padding:0 0 0 2rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{font-size:1.4rem}.mdl-mdh002galeria .mdl-container .m-footer{width:100%;font-size:2.8rem;line-height:3.8rem;margin-top:7rem;width:90%}}@media (max-width: 1015px){.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters{display:none}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters{display:flex}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(40% - 1.5rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(60% - 2.2rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{opacity:1;min-height:var(--keyframeHeightMDH002);animation:none;width:max-content;padding:0;position:absolute;right:0;left:inherit}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{display:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer .m-icon{opacity:1}.mdl-mdh002galeria .mdl-container .m-footer{width:100%}}@media (max-width: 540px){.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters{margin-bottom:4rem}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{padding-top:2rem}.mdl-mdh002galeria .mdl-container .m-gal-grid{flex-wrap:nowrap;flex-direction:column;align-items:center}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item[data-category=video]:after{width:6rem;height:6rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(odd){width:80%;height:41rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(2n){width:100%;height:29rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{display:flex;width:100%;justify-content:center;padding-top:1rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{opacity:1;display:block}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer .m-icon{display:none}.mdl-mdh002galeria .mdl-container .m-footer{width:100%;font-size:2.2rem;line-height:2.8rem;margin-top:5rem}}@media (max-width: 1280px){:root{--keyframeHeightMDH002: 4rem}}@media (max-width: 768px){:root{--keyframeHeightMDH002: 3rem}}@keyframes showFooter{0%{height:0}to{height:var(--keyframeHeightMDH002)}}@keyframes hideFooter{0%{height:var(--keyframeHeightMDH002)}to{height:0}}.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .fancybox__content{padding:0}@media (max-width: 1080px){.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal){padding:2.4rem 10rem}.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .carousel__button.is-close{top:1.3rem}}@media (max-width: 768px){.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal){padding:2.4rem 5rem}.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .carousel__button.is-close{right:-3rem;top:-.3rem}}@media (max-width: 540px){.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .carousel__button.is-close{top:.7rem}}#rooms-filter-modal,#categories-filter-modal{width:100%;height:100%;position:relative;display:none}#rooms-filter-modal button.m-close,#categories-filter-modal button.m-close{position:absolute;right:5vw;transform:scale(3);color:var(--cl-color)}@media (max-width: 500px){#rooms-filter-modal button.m-close,#categories-filter-modal button.m-close{right:0vw}}#rooms-filter-modal .f-button,#categories-filter-modal .f-button{display:none}#rooms-filter-modal .m-container,#categories-filter-modal .m-container{display:flex;flex-direction:row;gap:4rem;align-items:center;width:100%;height:100%}#rooms-filter-modal .m-container .m-left,#categories-filter-modal .m-container .m-left{width:50%}#rooms-filter-modal .m-container .m-left .m-content,#categories-filter-modal .m-container .m-left .m-content{display:flex;flex-direction:column;justify-content:start;text-align:start;width:max-content;max-width:100%;margin:0 auto}#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-family:jokker,sans-serif;font-weight:400;font-size:6rem;line-height:6.8rem;color:#ff4338;text-transform:uppercase}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:4.8rem;line-height:6.8rem}}@media (max-width: 1080px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:4.6rem;margin-bottom:1rem;line-height:3.8rem}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:3.8rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:2.4rem}}#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;text-transform:capitalize}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:2.8rem}}@media (max-width: 1080px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:2.4rem}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:2rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:1.6rem}}#rooms-filter-modal .m-container .m-right,#categories-filter-modal .m-container .m-right{width:50%}#rooms-filter-modal .m-container .m-right span:first-child,#categories-filter-modal .m-container .m-right span:first-child{font-family:jokker,sans-serif;font-weight:400;font-size:6rem;line-height:6.8rem;color:#ff4338;text-transform:uppercase}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-right span:first-child,#categories-filter-modal .m-container .m-right span:first-child{font-size:4.8rem;line-height:6.8rem}}@media (max-width: 1080px){#rooms-filter-modal .m-container .m-right span:first-child,#categories-filter-modal .m-container .m-right span:first-child{font-size:4.6rem;margin-bottom:1rem;line-height:3.8rem}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-right span:first-child,#categories-filter-modal .m-container .m-right span:first-child{font-size:3.8rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-right span:first-child,#categories-filter-modal .m-container .m-right span:first-child{font-size:2.4rem}}#rooms-filter-modal .m-container .m-right span:first-child,#categories-filter-modal .m-container .m-right span:first-child{text-align:center}#rooms-filter-modal .m-container .m-right span:not(:first-child),#categories-filter-modal .m-container .m-right span:not(:first-child){font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;text-transform:capitalize}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-right span:not(:first-child),#categories-filter-modal .m-container .m-right span:not(:first-child){font-size:2.8rem}}@media (max-width: 1080px){#rooms-filter-modal .m-container .m-right span:not(:first-child),#categories-filter-modal .m-container .m-right span:not(:first-child){font-size:2.4rem}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-right span:not(:first-child),#categories-filter-modal .m-container .m-right span:not(:first-child){font-size:2rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-right span:not(:first-child),#categories-filter-modal .m-container .m-right span:not(:first-child){font-size:1.6rem}}#rooms-filter-modal .m-container .m-right .m-content,#categories-filter-modal .m-container .m-right .m-content{display:flex;flex-direction:column;max-height:80vh;overflow-y:auto;width:82%}#rooms-filter-modal .m-container .m-right .m-content>*,#categories-filter-modal .m-container .m-right .m-content>*{transition:opacity .3s ease}#rooms-filter-modal .m-container .m-right .m-content:hover>*,#categories-filter-modal .m-container .m-right .m-content:hover>*{opacity:.6}#rooms-filter-modal .m-container .m-right .m-content:hover>*:hover,#categories-filter-modal .m-container .m-right .m-content:hover>*:hover{opacity:1}#rooms-filter-modal .m-container .m-right .m-content,#categories-filter-modal .m-container .m-right .m-content{padding-right:2rem}#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-family:jokker,sans-serif;padding:3.2rem 0;font-weight:400;font-size:3.4rem;text-transform:capitalize}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-size:2.8rem;padding:3rem 0}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-size:2.4rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-size:2rem}}#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{cursor:pointer}#rooms-filter-modal .m-container .m-right .m-content button:not(:last-child),#categories-filter-modal .m-container .m-right .m-content button:not(:last-child){border-bottom:1px solid #e4e4e4}@media (max-width: 1080px){#rooms-filter-modal .m-container,#categories-filter-modal .m-container{flex-direction:column}#rooms-filter-modal .m-container .m-left,#categories-filter-modal .m-container .m-left{width:100%}#rooms-filter-modal .m-container .m-left .m-content,#categories-filter-modal .m-container .m-left .m-content{align-items:center;text-align:center}#rooms-filter-modal .m-container .m-right,#categories-filter-modal .m-container .m-right{width:74%}#rooms-filter-modal .m-container .m-right .m-content,#categories-filter-modal .m-container .m-right .m-content{width:100%;max-height:71vh}}@media (max-width: 768px){#rooms-filter-modal .m-container,#categories-filter-modal .m-container{gap:2rem}#rooms-filter-modal .m-container .m-right,#categories-filter-modal .m-container .m-right{width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18886
18961
|
}
|
|
18887
18962
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC2TxtImgComponent, decorators: [{
|
|
18888
18963
|
type: Component,
|
|
18889
|
-
args: [{ selector: 'lis-c2-txt-img', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule], template: "@if (filters?.filters?.length) {\n <section class=\"mdl-mdh002galeria\">\n <div class=\"mdl-container\">\n <div class=\"m-filters\">\n <!-- DESKTOP -->\n <div class=\"m-desktop-filters\">\n <div\n class=\"m-filter\"\n *ngFor=\"let f of filters?.filters\"\n (click)=\"filterBy(f)\"\n [class.active]=\"isFilterActive(f)\"\n >\n {{ f.text }}\n </div>\n </div>\n\n <!-- MOBILE -->\n <div class=\"m-mobile-filters\">\n <div class=\"m-select\" (click)=\"openCategoriesModal()\">\n @if (texts?.categories) {\n <div>{{ texts?.categories }}</div>\n }\n <svg\n width=\"17\"\n height=\"11\"\n viewBox=\"0 0 17 11\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.5\">\n <path\n d=\"M16.0193 0H0V0.804475H16.0193V0Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M16.0193 4.67969H0V5.4846H16.0193V4.67969Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M16.0193 9.36328H0V10.1678H16.0193V9.36328Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </div>\n\n @if (hasRoomsFilter) {\n <div class=\"m-select\" (click)=\"openRoomsModal()\">\n @if (texts?.rooms) {\n <div>{{ texts?.rooms }}</div>\n }\n <svg\n width=\"17\"\n height=\"11\"\n viewBox=\"0 0 17 11\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.5\">\n <path\n d=\"M16.0193 0H0V0.804475H16.0193V0Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M16.0193 4.67969H0V5.4846H16.0193V4.67969Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M16.0193 9.36328H0V10.1678H16.0193V9.36328Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </div>\n }\n </div>\n </div>\n\n <!-- GRID -->\n @if (filteredImages?.length) {\n <div class=\"m-gal-grid\">\n <div\n class=\"m-gal-item\"\n *ngFor=\"\n let item of filteredImages;\n trackBy: trackByIndex\n \"\n >\n <a\n class=\"m-media\"\n [href]=\"item.img?.src\"\n [attr.data-fancybox]=\"getFancyboxGroup()\"\n [attr.data-caption]=\"item.title ?? ''\"\n >\n <img\n [src]=\"item.img?.src\"\n [alt]=\"item.img?.alt || ''\"\n />\n </a>\n\n <div class=\"m-item-footer\">\n <span>{{ item.title || '' }}</span>\n <div class=\"m-icon\">\n <!-- <img [src]=\"content.lensIcon\" alt=\"name\" /> -->\n <svg\n width=\"50\"\n height=\"50\"\n viewBox=\"0 0 40 40\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect\n width=\"50\"\n height=\"50\"\n [attr.fill]=\"\n styles?.primary ?? '#FF4338'\n \"\n />\n <path\n d=\"M29.1792 27.9773L23.7219 22.5176L23.5868 22.4243C23.5567 22.4015 23.5367 22.3677 23.5314 22.3303C23.526 22.2929 23.5356 22.2549 23.5582 22.2246C24.6088 20.8364 25.0937 19.1014 24.9151 17.3697C24.7365 15.638 23.9077 14.0385 22.5959 12.894C21.2841 11.7495 19.587 11.1452 17.847 11.203C16.1071 11.2609 14.4539 11.9766 13.221 13.2057C11.9881 14.4349 11.2674 16.0859 11.2042 17.8257C11.1411 19.5654 11.7402 21.2644 12.8807 22.5796C14.0213 23.8949 15.6182 24.7286 17.3494 24.9125C19.0806 25.0963 20.817 24.6167 22.2084 23.5703C22.2423 23.5471 22.2827 23.5353 22.3238 23.5367C22.3438 23.5396 22.363 23.5467 22.3801 23.5575C22.3972 23.5684 22.4118 23.5828 22.4228 23.5997L27.9685 29.1888C28.1287 29.3465 28.3446 29.4347 28.5694 29.4344H28.6872L28.6987 29.4246C28.8808 29.3972 29.049 29.311 29.1775 29.179C29.3355 29.019 29.4243 28.8033 29.4246 28.5785C29.4249 28.3537 29.3367 28.1377 29.1792 27.9773ZM18.1074 12.988C19.1214 12.988 20.1125 13.2887 20.9556 13.852C21.7987 14.4153 22.4558 15.216 22.8438 16.1527C23.2318 17.0895 23.3333 18.1203 23.1355 19.1147C22.9377 20.1092 22.4494 21.0227 21.7325 21.7397C21.0155 22.4566 20.102 22.9449 19.1076 23.1427C18.1131 23.3405 17.0823 23.239 16.1456 22.851C15.2088 22.4629 14.4081 21.8059 13.8448 20.9628C13.2815 20.1197 12.9808 19.1285 12.9808 18.1146C12.9847 16.7561 13.5261 15.4544 14.4867 14.4938C15.4472 13.5333 16.749 12.9919 18.1074 12.988Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n </div>\n </div>\n </div>\n } @else {\n @if (texts?.notFound) {\n <div class=\"m-empty\" [innerHTML]=\"texts?.notFound\"></div>\n }\n }\n\n @if (texts?.title) {\n <div class=\"m-footer\" [innerHTML]=\"texts?.title\"></div>\n }\n </div>\n\n <!-- MODAL categor\u00EDas (mobile) -->\n <div\n #categoriesModal\n class=\"m-modal-content\"\n id=\"categories-filter-modal\"\n role=\"dialog\"\n aria-modal=\"true\"\n hidden\n >\n <button\n type=\"button\"\n class=\"m-close\"\n (click)=\"closeModals()\"\n aria-label=\"Cerrar\"\n [style.--cl-color]=\"styles?.primary\"\n >\n \u00D7\n </button>\n\n <div class=\"m-container\">\n <div class=\"m-right\">\n <div class=\"m-content\">\n @if (texts?.categories) {\n <span>{{ texts?.categories }}</span>\n }\n <button\n type=\"button\"\n *ngFor=\"let f of filters?.filters\"\n (click)=\"filterFromModal(f)\"\n [class.active]=\"isFilterActive(f)\"\n >\n {{ f.text }}\n </button>\n </div>\n </div>\n </div>\n </div>\n\n <!-- MODAL habitaciones -->\n <div\n #roomsModal\n class=\"m-modal-content\"\n id=\"rooms-filter-modal\"\n role=\"dialog\"\n aria-modal=\"true\"\n hidden\n >\n <button\n type=\"button\"\n class=\"m-close\"\n (click)=\"closeModals()\"\n aria-label=\"Cerrar\"\n [style.--cl-color]=\"styles?.primary\"\n m-icon\n >\n \u00D7\n </button>\n\n <div class=\"m-container\">\n <div class=\"m-left\">\n <div class=\"m-content\">\n @if (texts?.rooms) {\n <span>{{ texts?.rooms }}</span>\n }\n </div>\n </div>\n\n <div class=\"m-right\">\n <div class=\"m-content\">\n @if (roomOptions?.length) {\n <button\n type=\"button\"\n *ngFor=\"let room of roomOptions\"\n (click)=\"selectRoom(room.id)\"\n [class.active]=\"selectedRoomKey === room.id\"\n >\n {{ room.label }}\n </button>\n }\n </div>\n </div>\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);-webkit-backdrop-filter:var(--f-button-backdrop-filter);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media (hover:hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset)}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:0;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);translate:-50% -50%;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);border-radius:var(--f-spinner-border-radius);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{rotate:360deg}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:\"\"}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;-webkit-user-select:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;-webkit-user-select:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;-webkit-user-select:none;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);-webkit-backdrop-filter:var(--f-toolbar-backdrop-filter);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, \"Segoe UI Adjusted\", \"Segoe UI\", \"Liberation Sans\", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar .f-button:focus-visible{position:relative;z-index:1}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;-webkit-user-select:none;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0px;--f-thumbs-viewport-padding-y: 0px;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}.f-thumbs{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap);position:relative;box-sizing:border-box;flex-shrink:0;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:hidden;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)}.f-thumbs.is-horizontal.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)}.f-thumbs.is-vertical.is-hidden{max-width:0;--f-thumbs-padding-x: 0}.f-thumbs.is-scrollable.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{display:block;width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:transparent}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;display:block;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:\"\";position:absolute;inset:0;z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:\"\";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-thumbs.is-scrollable .f-thumbs__viewport{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overflow:auto;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{grid-area:auto;display:block;position:relative;max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);-webkit-user-select:none;user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{position:fixed;inset:0;z-index:1050;width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none;overscroll-behavior:contain}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, \"Segoe UI Adjusted\", \"Segoe UI\", \"Liberation Sans\", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2.5;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 30px;--f-close-button-height: 30px;--f-close-button-svg-width: 24px;--f-close-button-svg-height: 24px;--f-close-button-svg-stroke-width: 1.75;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;--f-scrollbar-width: 7px;--f-scrollbar-track-bg: #444;--f-scrollbar-track-border-radius: 10px;--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);--f-scrollbar-thumb-bg: #ddd;--f-scrollbar-thumb-border-radius: 10px}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;--f-scrollbar-track-bg: #ddd;--f-scrollbar-thumb-bg: #444}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected){opacity:0}.fancybox__container.is-hiding{pointer-events:none}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:\"\";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:\"\"}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);position:absolute;top:calc((var(--f-button-height) + 2px) * -1);right:0;z-index:10}.fancybox__thumbs{flex:0 1 100%}.fancybox__thumbs.is-scrollable{--f-thumbs-cols: 1;--f-thumbs-gap: 8px;--f-thumbs-transition: none;--f-thumbs-padding-x: 4px;--f-thumbs-padding-y: 8px;--f-thumbs-viewport-padding-x: 4px;--f-thumbs-viewport-padding-y: 0px;max-width:calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar{width:var(--f-scrollbar-width)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track{background:var(--f-scrollbar-track-bg);border-radius:var(--f-scrollbar-track-border-radius);box-shadow:var(--f-scrollbar-track-shadow)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb{background:var(--f-scrollbar-thumb-bg);border-radius:var(--f-scrollbar-thumb-border-radius)}.fancybox__thumbs.is-scrollable.is-hidden{max-width:0;--f-thumbs-padding-x: 0;max-height:unset;--f-thumbs-padding-y: unset}.fancybox__thumbs.is-scrollable .f-thumbs__viewport{overflow-x:hidden!important;grid-template-columns:repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols)))!important}.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}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}}:root{--keyframeHeightMDH002: 5rem}.mdl-mdh002galeria{padding-bottom:4rem}.mdl-mdh002galeria .mdl-container{display:flex;flex-direction:column;border-top:1px solid #e4e4e4}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters{padding:4rem 2rem 5.8rem;display:flex;flex-direction:row;gap:6rem;justify-content:center}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter{font-size:1.6rem}}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter{color:#515050b2;position:relative;transition:color .3s ease;cursor:pointer;text-transform:capitalize}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter:after{content:\"\";opacity:0;transition:all .3s ease;position:absolute;left:50%;transform:translate(-50%);background-color:#ff4338;width:.8rem;height:.8rem;border-radius:100%;bottom:0rem}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter:hover,.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter.active{color:#ff4338}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter:hover:after,.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter.active:after{opacity:1;bottom:-1.5rem}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters{display:none;border-top:1px solid #e4e4e4;padding:0rem 0 0;margin-bottom:5rem;justify-content:space-around;position:relative}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters:after{content:\"\";height:100%;width:1px;background-color:#e4e4e4;position:absolute;left:50%;transform:translate(-50%)}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{display:flex;flex-direction:row;align-items:center;gap:1.5rem;padding-top:2.5rem;position:relative;color:#515050;opacity:50%;text-transform:capitalize;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{font-size:1.6rem}}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{background-color:transparent;min-height:auto}.mdl-mdh002galeria .mdl-container .m-gal-grid{display:flex;flex-direction:row;gap:6rem;flex-wrap:wrap}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item{position:relative;cursor:pointer}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item [data-fancybox]{height:100%}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item[data-category=video]:after{content:\"\";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-image:url(/assets/babylon/svg/icons/play.svg);width:8rem;height:8rem;z-index:9;background-position:center;background-size:cover;background-repeat:no-repeat;background-size:contain;pointer-events:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:hover .m-item-footer{animation:showFooter .2s forwards}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:hover .m-item-footer span,.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:hover .m-item-footer .m-icon{transition:opacity .1s .1s ease;opacity:1}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(34% - 3rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(66% - 3rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item img{width:100%;height:100%;object-fit:cover;max-height:70rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{animation:hideFooter .2s forwards;height:0;width:100%;background-color:#fff;padding:0 0 0 4rem;box-sizing:border-box;position:absolute;bottom:0;gap:.5rem;left:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;pointer-events:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{color:#515050;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{font-size:1.4rem;letter-spacing:.056rem}}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{text-transform:none;letter-spacing:normal;opacity:0;transition:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer .m-icon{opacity:0;cursor:pointer;transition:none;height:100%;min-width:var(--keyframeHeightMDH002)}.mdl-mdh002galeria .mdl-container .m-footer{margin-top:8rem;width:70%;font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:5rem}@media (max-width: 375px){.mdl-mdh002galeria .mdl-container .m-footer{font-size:2.8rem;line-height:3.8rem}}.mdl-mdh002galeria .mdl-container .m-footer{color:#515050b2;font-weight:400}.mdl-mdh002galeria .mdl-container .m-footer strong{font-weight:500;color:#515050}@media (max-width: 1280px){.mdl-mdh002galeria .mdl-container .m-gal-grid{gap:4.4rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(34% - 2.2rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(66% - 2.2rem)}}@media (max-width: 1080px){.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters{gap:2rem 5rem;flex-wrap:wrap;padding:3rem 2rem 4rem}.mdl-mdh002galeria .mdl-container .m-gal-grid{gap:3rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(34% - 1.5rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(66% - 2.2rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{padding:0 0 0 2rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{font-size:1.4rem}.mdl-mdh002galeria .mdl-container .m-footer{width:100%;font-size:2.8rem;line-height:3.8rem;margin-top:7rem;width:90%}}@media (max-width: 1015px){.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters{display:none}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters{display:flex}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(40% - 1.5rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(60% - 2.2rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{opacity:1;min-height:var(--keyframeHeightMDH002);animation:none;width:max-content;padding:0;position:absolute;right:0;left:inherit}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{display:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer .m-icon{opacity:1}.mdl-mdh002galeria .mdl-container .m-footer{width:100%}}@media (max-width: 540px){.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters{margin-bottom:4rem}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{padding-top:2rem}.mdl-mdh002galeria .mdl-container .m-gal-grid{flex-wrap:nowrap;flex-direction:column;align-items:center}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item[data-category=video]:after{width:6rem;height:6rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(odd){width:80%;height:41rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(2n){width:100%;height:29rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{display:flex;width:100%;justify-content:center;padding-top:1rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{opacity:1;display:block}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer .m-icon{display:none}.mdl-mdh002galeria .mdl-container .m-footer{width:100%;font-size:2.2rem;line-height:2.8rem;margin-top:5rem}}@media (max-width: 1280px){:root{--keyframeHeightMDH002: 4rem}}@media (max-width: 768px){:root{--keyframeHeightMDH002: 3rem}}@keyframes showFooter{0%{height:0}to{height:var(--keyframeHeightMDH002)}}@keyframes hideFooter{0%{height:var(--keyframeHeightMDH002)}to{height:0}}.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .fancybox__content{padding:0}@media (max-width: 1080px){.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal){padding:2.4rem 10rem}.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .carousel__button.is-close{top:1.3rem}}@media (max-width: 768px){.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal){padding:2.4rem 5rem}.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .carousel__button.is-close{right:-3rem;top:-.3rem}}@media (max-width: 540px){.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .carousel__button.is-close{top:.7rem}}#rooms-filter-modal,#categories-filter-modal{width:100%;height:100%;position:relative;display:none}#rooms-filter-modal button.m-close,#categories-filter-modal button.m-close{position:absolute;right:5vw;transform:scale(3);color:var(--cl-color)}@media (max-width: 500px){#rooms-filter-modal button.m-close,#categories-filter-modal button.m-close{right:0vw}}#rooms-filter-modal .f-button,#categories-filter-modal .f-button{display:none}#rooms-filter-modal .m-container,#categories-filter-modal .m-container{display:flex;flex-direction:row;gap:4rem;align-items:center;width:100%;height:100%}#rooms-filter-modal .m-container .m-left,#categories-filter-modal .m-container .m-left{width:50%}#rooms-filter-modal .m-container .m-left .m-content,#categories-filter-modal .m-container .m-left .m-content{display:flex;flex-direction:column;justify-content:start;text-align:start;width:max-content;max-width:100%;margin:0 auto}#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-family:jokker,sans-serif;font-weight:400;font-size:6rem;line-height:6.8rem;color:#ff4338;text-transform:uppercase}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:4.8rem;line-height:6.8rem}}@media (max-width: 1080px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:4.6rem;margin-bottom:1rem;line-height:3.8rem}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:3.8rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:2.4rem}}#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;text-transform:capitalize}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:2.8rem}}@media (max-width: 1080px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:2.4rem}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:2rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:1.6rem}}#rooms-filter-modal .m-container .m-right,#categories-filter-modal .m-container .m-right{width:50%}#rooms-filter-modal .m-container .m-right span:first-child,#categories-filter-modal .m-container .m-right span:first-child{font-family:jokker,sans-serif;font-weight:400;font-size:6rem;line-height:6.8rem;color:#ff4338;text-transform:uppercase}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-right span:first-child,#categories-filter-modal .m-container .m-right span:first-child{font-size:4.8rem;line-height:6.8rem}}@media (max-width: 1080px){#rooms-filter-modal .m-container .m-right span:first-child,#categories-filter-modal .m-container .m-right span:first-child{font-size:4.6rem;margin-bottom:1rem;line-height:3.8rem}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-right span:first-child,#categories-filter-modal .m-container .m-right span:first-child{font-size:3.8rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-right span:first-child,#categories-filter-modal .m-container .m-right span:first-child{font-size:2.4rem}}#rooms-filter-modal .m-container .m-right span:first-child,#categories-filter-modal .m-container .m-right span:first-child{text-align:center}#rooms-filter-modal .m-container .m-right span:not(:first-child),#categories-filter-modal .m-container .m-right span:not(:first-child){font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;text-transform:capitalize}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-right span:not(:first-child),#categories-filter-modal .m-container .m-right span:not(:first-child){font-size:2.8rem}}@media (max-width: 1080px){#rooms-filter-modal .m-container .m-right span:not(:first-child),#categories-filter-modal .m-container .m-right span:not(:first-child){font-size:2.4rem}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-right span:not(:first-child),#categories-filter-modal .m-container .m-right span:not(:first-child){font-size:2rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-right span:not(:first-child),#categories-filter-modal .m-container .m-right span:not(:first-child){font-size:1.6rem}}#rooms-filter-modal .m-container .m-right .m-content,#categories-filter-modal .m-container .m-right .m-content{display:flex;flex-direction:column;max-height:80vh;overflow-y:auto;width:82%}#rooms-filter-modal .m-container .m-right .m-content>*,#categories-filter-modal .m-container .m-right .m-content>*{transition:opacity .3s ease}#rooms-filter-modal .m-container .m-right .m-content:hover>*,#categories-filter-modal .m-container .m-right .m-content:hover>*{opacity:.6}#rooms-filter-modal .m-container .m-right .m-content:hover>*:hover,#categories-filter-modal .m-container .m-right .m-content:hover>*:hover{opacity:1}#rooms-filter-modal .m-container .m-right .m-content,#categories-filter-modal .m-container .m-right .m-content{padding-right:2rem}#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-family:jokker,sans-serif;padding:3.2rem 0;font-weight:400;font-size:3.4rem;text-transform:capitalize}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-size:2.8rem;padding:3rem 0}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-size:2.4rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-size:2rem}}#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{cursor:pointer}#rooms-filter-modal .m-container .m-right .m-content button:not(:last-child),#categories-filter-modal .m-container .m-right .m-content button:not(:last-child){border-bottom:1px solid #e4e4e4}@media (max-width: 1080px){#rooms-filter-modal .m-container,#categories-filter-modal .m-container{flex-direction:column}#rooms-filter-modal .m-container .m-left,#categories-filter-modal .m-container .m-left{width:100%}#rooms-filter-modal .m-container .m-left .m-content,#categories-filter-modal .m-container .m-left .m-content{align-items:center;text-align:center}#rooms-filter-modal .m-container .m-right,#categories-filter-modal .m-container .m-right{width:74%}#rooms-filter-modal .m-container .m-right .m-content,#categories-filter-modal .m-container .m-right .m-content{width:100%;max-height:71vh}}@media (max-width: 768px){#rooms-filter-modal .m-container,#categories-filter-modal .m-container{gap:2rem}#rooms-filter-modal .m-container .m-right,#categories-filter-modal .m-container .m-right{width:100%}}\n"] }]
|
|
18964
|
+
args: [{ selector: 'lis-c2-txt-img', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule], template: "@if (filters?.filters?.length) {\n <section class=\"mdl-mdh002galeria\">\n <div class=\"mdl-container\">\n <div class=\"m-filters\">\n <!-- DESKTOP -->\n <div class=\"m-desktop-filters\">\n <div\n class=\"m-filter\"\n *ngFor=\"let f of desktopFilterOptions\"\n (click)=\"filterBy(f)\"\n [class.active]=\"isFilterActive(f)\"\n >\n {{ f.text }}\n </div>\n </div>\n\n <!-- MOBILE -->\n <div class=\"m-mobile-filters\">\n <div class=\"m-select\" (click)=\"openCategoriesModal()\">\n @if (texts?.categories) {\n <div>{{ texts?.categories }}</div>\n }\n <svg\n width=\"17\"\n height=\"11\"\n viewBox=\"0 0 17 11\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.5\">\n <path\n d=\"M16.0193 0H0V0.804475H16.0193V0Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M16.0193 4.67969H0V5.4846H16.0193V4.67969Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M16.0193 9.36328H0V10.1678H16.0193V9.36328Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </div>\n\n @if (hasRoomsFilter) {\n <div class=\"m-select\" (click)=\"openRoomsModal()\">\n @if (texts?.rooms) {\n <div>{{ texts?.rooms }}</div>\n }\n <svg\n width=\"17\"\n height=\"11\"\n viewBox=\"0 0 17 11\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.5\">\n <path\n d=\"M16.0193 0H0V0.804475H16.0193V0Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M16.0193 4.67969H0V5.4846H16.0193V4.67969Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M16.0193 9.36328H0V10.1678H16.0193V9.36328Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </div>\n }\n </div>\n </div>\n\n <!-- GRID -->\n @if (filteredImages?.length) {\n <div class=\"m-gal-grid\">\n <div\n class=\"m-gal-item\"\n *ngFor=\"\n let item of filteredImages;\n trackBy: trackByIndex\n \"\n >\n <a\n class=\"m-media\"\n [href]=\"item.img?.src\"\n [attr.data-fancybox]=\"getFancyboxGroup()\"\n [attr.data-caption]=\"item.title ?? ''\"\n >\n <img\n [src]=\"item.img?.src\"\n [alt]=\"item.img?.alt || ''\"\n />\n </a>\n\n <div class=\"m-item-footer\">\n <span>{{ item.title || '' }}</span>\n <div class=\"m-icon\">\n <!-- <img [src]=\"content.lensIcon\" alt=\"name\" /> -->\n <svg\n width=\"50\"\n height=\"50\"\n viewBox=\"0 0 40 40\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect\n width=\"50\"\n height=\"50\"\n [attr.fill]=\"\n styles?.primary ?? '#FF4338'\n \"\n />\n <path\n d=\"M29.1792 27.9773L23.7219 22.5176L23.5868 22.4243C23.5567 22.4015 23.5367 22.3677 23.5314 22.3303C23.526 22.2929 23.5356 22.2549 23.5582 22.2246C24.6088 20.8364 25.0937 19.1014 24.9151 17.3697C24.7365 15.638 23.9077 14.0385 22.5959 12.894C21.2841 11.7495 19.587 11.1452 17.847 11.203C16.1071 11.2609 14.4539 11.9766 13.221 13.2057C11.9881 14.4349 11.2674 16.0859 11.2042 17.8257C11.1411 19.5654 11.7402 21.2644 12.8807 22.5796C14.0213 23.8949 15.6182 24.7286 17.3494 24.9125C19.0806 25.0963 20.817 24.6167 22.2084 23.5703C22.2423 23.5471 22.2827 23.5353 22.3238 23.5367C22.3438 23.5396 22.363 23.5467 22.3801 23.5575C22.3972 23.5684 22.4118 23.5828 22.4228 23.5997L27.9685 29.1888C28.1287 29.3465 28.3446 29.4347 28.5694 29.4344H28.6872L28.6987 29.4246C28.8808 29.3972 29.049 29.311 29.1775 29.179C29.3355 29.019 29.4243 28.8033 29.4246 28.5785C29.4249 28.3537 29.3367 28.1377 29.1792 27.9773ZM18.1074 12.988C19.1214 12.988 20.1125 13.2887 20.9556 13.852C21.7987 14.4153 22.4558 15.216 22.8438 16.1527C23.2318 17.0895 23.3333 18.1203 23.1355 19.1147C22.9377 20.1092 22.4494 21.0227 21.7325 21.7397C21.0155 22.4566 20.102 22.9449 19.1076 23.1427C18.1131 23.3405 17.0823 23.239 16.1456 22.851C15.2088 22.4629 14.4081 21.8059 13.8448 20.9628C13.2815 20.1197 12.9808 19.1285 12.9808 18.1146C12.9847 16.7561 13.5261 15.4544 14.4867 14.4938C15.4472 13.5333 16.749 12.9919 18.1074 12.988Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n </div>\n </div>\n </div>\n } @else {\n @if (texts?.notFound) {\n <div class=\"m-empty\" [innerHTML]=\"texts?.notFound\"></div>\n }\n }\n\n @if (texts?.title) {\n <div class=\"m-footer\" [innerHTML]=\"texts?.title\"></div>\n }\n </div>\n\n <!-- MODAL categor\u00EDas (mobile) -->\n <div\n #categoriesModal\n class=\"m-modal-content\"\n id=\"categories-filter-modal\"\n role=\"dialog\"\n aria-modal=\"true\"\n hidden\n >\n <button\n type=\"button\"\n class=\"m-close\"\n (click)=\"closeModals()\"\n aria-label=\"Cerrar\"\n [style.--cl-color]=\"styles?.primary\"\n >\n \u00D7\n </button>\n\n <div class=\"m-container\">\n <div class=\"m-right\">\n <div class=\"m-content\">\n @if (texts?.categories) {\n <span>{{ texts?.categories }}</span>\n }\n <button\n type=\"button\"\n *ngFor=\"let f of categoryOptions\"\n (click)=\"filterFromModal(f)\"\n [class.active]=\"isFilterActive(f)\"\n >\n {{ f.text }}\n </button>\n </div>\n </div>\n </div>\n </div>\n\n <!-- MODAL habitaciones -->\n <\n <div\n #roomsModal\n class=\"m-modal-content\"\n id=\"rooms-filter-modal\"\n role=\"dialog\"\n aria-modal=\"true\"\n hidden\n >\n <button\n type=\"button\"\n class=\"m-close\"\n (click)=\"closeModals()\"\n aria-label=\"Cerrar\"\n [style.--cl-color]=\"styles?.primary\"\n m-icon\n >\n \u00D7\n </button>\n\n <div class=\"m-container\">\n <div class=\"m-left\">\n <div class=\"m-content\">\n @if (texts?.rooms) {\n <span>{{ texts?.rooms }}</span>\n }\n </div>\n </div>\n\n <div class=\"m-right\">\n <div class=\"m-content\">\n @if (roomOptions?.length) {\n <button\n type=\"button\"\n (click)=\"selectRoom(roomsFilterId!)\"\n [class.active]=\"\n selectedFilterId === roomsFilterId\n \"\n >\n {{ texts?.all || 'All' }}\n </button>\n\n <button\n type=\"button\"\n *ngFor=\"let room of roomOptions\"\n (click)=\"selectRoom(room.id)\"\n [class.active]=\"selectedFilterId === room.id\"\n >\n {{ room.text }}\n </button>\n }\n </div>\n </div>\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);-webkit-backdrop-filter:var(--f-button-backdrop-filter);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media (hover:hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset)}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:0;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);translate:-50% -50%;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);border-radius:var(--f-spinner-border-radius);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{rotate:360deg}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:\"\"}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;-webkit-user-select:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;-webkit-user-select:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;-webkit-user-select:none;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.is-loading>.f-html{opacity:0}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);-webkit-backdrop-filter:var(--f-toolbar-backdrop-filter);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, \"Segoe UI Adjusted\", \"Segoe UI\", \"Liberation Sans\", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar .f-button:focus-visible{position:relative;z-index:1}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;-webkit-user-select:none;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0px;--f-thumbs-viewport-padding-y: 0px;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}.f-thumbs{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap);position:relative;box-sizing:border-box;flex-shrink:0;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:hidden;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)}.f-thumbs.is-horizontal.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)}.f-thumbs.is-vertical.is-hidden{max-width:0;--f-thumbs-padding-x: 0}.f-thumbs.is-scrollable.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{display:block;width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:transparent}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;display:block;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:\"\";position:absolute;inset:0;z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:\"\";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-thumbs.is-scrollable .f-thumbs__viewport{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overflow:auto;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{grid-area:auto;display:block;position:relative;max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);-webkit-user-select:none;user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{position:fixed;inset:0;z-index:1050;width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none;overscroll-behavior:contain}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, \"Segoe UI Adjusted\", \"Segoe UI\", \"Liberation Sans\", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2.5;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 30px;--f-close-button-height: 30px;--f-close-button-svg-width: 24px;--f-close-button-svg-height: 24px;--f-close-button-svg-stroke-width: 1.75;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;--f-scrollbar-width: 7px;--f-scrollbar-track-bg: #444;--f-scrollbar-track-border-radius: 10px;--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);--f-scrollbar-thumb-bg: #ddd;--f-scrollbar-thumb-border-radius: 10px}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;--f-scrollbar-track-bg: #ddd;--f-scrollbar-thumb-bg: #444}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected){opacity:0}.fancybox__container.is-hiding{pointer-events:none}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:\"\";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:\"\"}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-iframe{overflow:hidden;padding:8px 0}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);position:absolute;top:calc((var(--f-button-height) + 2px) * -1);right:0;z-index:10}.is-loading .f-button.is-close-button{visibility:hidden}.fancybox__thumbs{flex:0 1 100%}.fancybox__thumbs.is-scrollable{--f-thumbs-cols: 1;--f-thumbs-gap: 8px;--f-thumbs-transition: none;--f-thumbs-padding-x: 4px;--f-thumbs-padding-y: 8px;--f-thumbs-viewport-padding-x: 4px;--f-thumbs-viewport-padding-y: 0px;max-width:calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar{width:var(--f-scrollbar-width)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track{background:var(--f-scrollbar-track-bg);border-radius:var(--f-scrollbar-track-border-radius);box-shadow:var(--f-scrollbar-track-shadow)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb{background:var(--f-scrollbar-thumb-bg);border-radius:var(--f-scrollbar-thumb-border-radius)}.fancybox__thumbs.is-scrollable.is-hidden{max-width:0;--f-thumbs-padding-x: 0;max-height:unset;--f-thumbs-padding-y: unset}.fancybox__thumbs.is-scrollable .f-thumbs__viewport{overflow-x:hidden!important;grid-template-columns:repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols)))!important}.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}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}}:root{--keyframeHeightMDH002: 5rem}.mdl-mdh002galeria{padding-bottom:4rem}.mdl-mdh002galeria .mdl-container{display:flex;flex-direction:column;border-top:1px solid #e4e4e4}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters{padding:4rem 2rem 5.8rem;display:flex;flex-direction:row;gap:6rem;justify-content:center}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter{font-size:1.6rem}}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter{color:#515050b2;position:relative;transition:color .3s ease;cursor:pointer;text-transform:capitalize}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter:after{content:\"\";opacity:0;transition:all .3s ease;position:absolute;left:50%;transform:translate(-50%);background-color:#ff4338;width:.8rem;height:.8rem;border-radius:100%;bottom:0rem}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter:hover,.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter.active{color:#ff4338}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter:hover:after,.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter.active:after{opacity:1;bottom:-1.5rem}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters{display:none;border-top:1px solid #e4e4e4;padding:0rem 0 0;margin-bottom:5rem;justify-content:space-around;position:relative}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters:after{content:\"\";height:100%;width:1px;background-color:#e4e4e4;position:absolute;left:50%;transform:translate(-50%)}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{display:flex;flex-direction:row;align-items:center;gap:1.5rem;padding-top:2.5rem;position:relative;color:#515050;opacity:50%;text-transform:capitalize;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{font-size:1.6rem}}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{background-color:transparent;min-height:auto}.mdl-mdh002galeria .mdl-container .m-gal-grid{display:flex;flex-direction:row;gap:6rem;flex-wrap:wrap}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item{position:relative;cursor:pointer}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item [data-fancybox]{height:100%}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item[data-category=video]:after{content:\"\";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-image:url(/assets/babylon/svg/icons/play.svg);width:8rem;height:8rem;z-index:9;background-position:center;background-size:cover;background-repeat:no-repeat;background-size:contain;pointer-events:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:hover .m-item-footer{animation:showFooter .2s forwards}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:hover .m-item-footer span,.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:hover .m-item-footer .m-icon{transition:opacity .1s .1s ease;opacity:1}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(34% - 3rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(66% - 3rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item img{width:100%;height:100%;object-fit:cover;max-height:70rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{animation:hideFooter .2s forwards;height:0;width:100%;background-color:#fff;padding:0 0 0 4rem;box-sizing:border-box;position:absolute;bottom:0;gap:.5rem;left:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;pointer-events:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{color:#515050;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{font-size:1.4rem;letter-spacing:.056rem}}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{text-transform:none;letter-spacing:normal;opacity:0;transition:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer .m-icon{opacity:0;cursor:pointer;transition:none;height:100%;min-width:var(--keyframeHeightMDH002)}.mdl-mdh002galeria .mdl-container .m-footer{margin-top:8rem;width:70%;font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:5rem}@media (max-width: 375px){.mdl-mdh002galeria .mdl-container .m-footer{font-size:2.8rem;line-height:3.8rem}}.mdl-mdh002galeria .mdl-container .m-footer{color:#515050b2;font-weight:400}.mdl-mdh002galeria .mdl-container .m-footer strong{font-weight:500;color:#515050}@media (max-width: 1280px){.mdl-mdh002galeria .mdl-container .m-gal-grid{gap:4.4rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(34% - 2.2rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(66% - 2.2rem)}}@media (max-width: 1080px){.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters{gap:2rem 5rem;flex-wrap:wrap;padding:3rem 2rem 4rem}.mdl-mdh002galeria .mdl-container .m-gal-grid{gap:3rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(34% - 1.5rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(66% - 2.2rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{padding:0 0 0 2rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{font-size:1.4rem}.mdl-mdh002galeria .mdl-container .m-footer{width:100%;font-size:2.8rem;line-height:3.8rem;margin-top:7rem;width:90%}}@media (max-width: 1015px){.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters{display:none}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters{display:flex}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(40% - 1.5rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(60% - 2.2rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{opacity:1;min-height:var(--keyframeHeightMDH002);animation:none;width:max-content;padding:0;position:absolute;right:0;left:inherit}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{display:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer .m-icon{opacity:1}.mdl-mdh002galeria .mdl-container .m-footer{width:100%}}@media (max-width: 540px){.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters{margin-bottom:4rem}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{padding-top:2rem}.mdl-mdh002galeria .mdl-container .m-gal-grid{flex-wrap:nowrap;flex-direction:column;align-items:center}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item[data-category=video]:after{width:6rem;height:6rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(odd){width:80%;height:41rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(2n){width:100%;height:29rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{display:flex;width:100%;justify-content:center;padding-top:1rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{opacity:1;display:block}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer .m-icon{display:none}.mdl-mdh002galeria .mdl-container .m-footer{width:100%;font-size:2.2rem;line-height:2.8rem;margin-top:5rem}}@media (max-width: 1280px){:root{--keyframeHeightMDH002: 4rem}}@media (max-width: 768px){:root{--keyframeHeightMDH002: 3rem}}@keyframes showFooter{0%{height:0}to{height:var(--keyframeHeightMDH002)}}@keyframes hideFooter{0%{height:var(--keyframeHeightMDH002)}to{height:0}}.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .fancybox__content{padding:0}@media (max-width: 1080px){.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal){padding:2.4rem 10rem}.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .carousel__button.is-close{top:1.3rem}}@media (max-width: 768px){.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal){padding:2.4rem 5rem}.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .carousel__button.is-close{right:-3rem;top:-.3rem}}@media (max-width: 540px){.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .carousel__button.is-close{top:.7rem}}#rooms-filter-modal,#categories-filter-modal{width:100%;height:100%;position:relative;display:none}#rooms-filter-modal button.m-close,#categories-filter-modal button.m-close{position:absolute;right:5vw;transform:scale(3);color:var(--cl-color)}@media (max-width: 500px){#rooms-filter-modal button.m-close,#categories-filter-modal button.m-close{right:0vw}}#rooms-filter-modal .f-button,#categories-filter-modal .f-button{display:none}#rooms-filter-modal .m-container,#categories-filter-modal .m-container{display:flex;flex-direction:row;gap:4rem;align-items:center;width:100%;height:100%}#rooms-filter-modal .m-container .m-left,#categories-filter-modal .m-container .m-left{width:50%}#rooms-filter-modal .m-container .m-left .m-content,#categories-filter-modal .m-container .m-left .m-content{display:flex;flex-direction:column;justify-content:start;text-align:start;width:max-content;max-width:100%;margin:0 auto}#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-family:jokker,sans-serif;font-weight:400;font-size:6rem;line-height:6.8rem;color:#ff4338;text-transform:uppercase}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:4.8rem;line-height:6.8rem}}@media (max-width: 1080px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:4.6rem;margin-bottom:1rem;line-height:3.8rem}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:3.8rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:2.4rem}}#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;text-transform:capitalize}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:2.8rem}}@media (max-width: 1080px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:2.4rem}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:2rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:1.6rem}}#rooms-filter-modal .m-container .m-right,#categories-filter-modal .m-container .m-right{width:50%}#rooms-filter-modal .m-container .m-right span:first-child,#categories-filter-modal .m-container .m-right span:first-child{font-family:jokker,sans-serif;font-weight:400;font-size:6rem;line-height:6.8rem;color:#ff4338;text-transform:uppercase}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-right span:first-child,#categories-filter-modal .m-container .m-right span:first-child{font-size:4.8rem;line-height:6.8rem}}@media (max-width: 1080px){#rooms-filter-modal .m-container .m-right span:first-child,#categories-filter-modal .m-container .m-right span:first-child{font-size:4.6rem;margin-bottom:1rem;line-height:3.8rem}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-right span:first-child,#categories-filter-modal .m-container .m-right span:first-child{font-size:3.8rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-right span:first-child,#categories-filter-modal .m-container .m-right span:first-child{font-size:2.4rem}}#rooms-filter-modal .m-container .m-right span:first-child,#categories-filter-modal .m-container .m-right span:first-child{text-align:center}#rooms-filter-modal .m-container .m-right span:not(:first-child),#categories-filter-modal .m-container .m-right span:not(:first-child){font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;text-transform:capitalize}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-right span:not(:first-child),#categories-filter-modal .m-container .m-right span:not(:first-child){font-size:2.8rem}}@media (max-width: 1080px){#rooms-filter-modal .m-container .m-right span:not(:first-child),#categories-filter-modal .m-container .m-right span:not(:first-child){font-size:2.4rem}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-right span:not(:first-child),#categories-filter-modal .m-container .m-right span:not(:first-child){font-size:2rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-right span:not(:first-child),#categories-filter-modal .m-container .m-right span:not(:first-child){font-size:1.6rem}}#rooms-filter-modal .m-container .m-right .m-content,#categories-filter-modal .m-container .m-right .m-content{display:flex;flex-direction:column;max-height:80vh;overflow-y:auto;width:82%}#rooms-filter-modal .m-container .m-right .m-content>*,#categories-filter-modal .m-container .m-right .m-content>*{transition:opacity .3s ease}#rooms-filter-modal .m-container .m-right .m-content:hover>*,#categories-filter-modal .m-container .m-right .m-content:hover>*{opacity:.6}#rooms-filter-modal .m-container .m-right .m-content:hover>*:hover,#categories-filter-modal .m-container .m-right .m-content:hover>*:hover{opacity:1}#rooms-filter-modal .m-container .m-right .m-content,#categories-filter-modal .m-container .m-right .m-content{padding-right:2rem}#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-family:jokker,sans-serif;padding:3.2rem 0;font-weight:400;font-size:3.4rem;text-transform:capitalize}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-size:2.8rem;padding:3rem 0}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-size:2.4rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-size:2rem}}#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{cursor:pointer}#rooms-filter-modal .m-container .m-right .m-content button:not(:last-child),#categories-filter-modal .m-container .m-right .m-content button:not(:last-child){border-bottom:1px solid #e4e4e4}@media (max-width: 1080px){#rooms-filter-modal .m-container,#categories-filter-modal .m-container{flex-direction:column}#rooms-filter-modal .m-container .m-left,#categories-filter-modal .m-container .m-left{width:100%}#rooms-filter-modal .m-container .m-left .m-content,#categories-filter-modal .m-container .m-left .m-content{align-items:center;text-align:center}#rooms-filter-modal .m-container .m-right,#categories-filter-modal .m-container .m-right{width:74%}#rooms-filter-modal .m-container .m-right .m-content,#categories-filter-modal .m-container .m-right .m-content{width:100%;max-height:71vh}}@media (max-width: 768px){#rooms-filter-modal .m-container,#categories-filter-modal .m-container{gap:2rem}#rooms-filter-modal .m-container .m-right,#categories-filter-modal .m-container .m-right{width:100%}}\n"] }]
|
|
18890
18965
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { content: [{
|
|
18891
18966
|
type: Input
|
|
18892
18967
|
}], filters: [{
|
|
@@ -18989,11 +19064,11 @@ class LisC2TxtImgSvgCComponent {
|
|
|
18989
19064
|
return getFirstImageByTagFromImages(imagenes, tagName);
|
|
18990
19065
|
}
|
|
18991
19066
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC2TxtImgSvgCComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18992
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LisC2TxtImgSvgCComponent, isStandalone: true, selector: "lis-c2-txt-img-svg-c", inputs: { offers: "offers", startReverse: "startReverse" }, ngImport: i0, template: "<section class=\"mdl-md005\">\n <div class=\"mdl-container\">\n <!-- <div class=\"m-content-top\">\n <h2 class=\"m-title\">{{ content.title }}</h2>\n <div class=\"m-text\">\n {{ content.description }}\n </div>\n </div> -->\n\n @if (offers) {\n @for (item of offers; track $index) {\n <div\n class=\"m-oferta-item\"\n [class.reverse]=\"$index % 2 !== 0\"\n [ngClass]=\"{ 'no-margin-top': $index === 0 }\"\n >\n <div class=\"mdl-content\">\n <div class=\"m-left\">\n <div class=\"m-content\">\n <div class=\"m-top\">\n @if (item.texts?.title ?? item.name) {\n <div class=\"m-title\">\n {{ item.texts?.title ?? item.name }}\n </div>\n }\n @if (item.texts?.subtitle) {\n <div class=\"m-texto\">\n {{ item.texts?.subtitle }}\n </div>\n }\n </div>\n <div class=\"m-bottom\">\n <div class=\"m-left\">\n @if (item.texts?.additional2) {\n <div class=\"m-texto\">\n {{ item.texts?.additional2 }}\n </div>\n }\n <div class=\"m-precio\">\n @if (item.price) {\n {{ item.price\n }}{{\n item?.currency ?? 'EUR'\n | currencySymbol\n }}\n } @else if (item.discount) {\n {{ item.discount }} %\n }\n </div>\n </div>\n @if (item.buttons || item.links) {\n <div class=\"m-right\">\n @for (\n btn of item?.buttons;\n track $index\n ) {\n <a\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 === 0,\n 'm-underline':\n $index % 2 !== 0,\n }\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"\n btn.label\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n @for (\n btn of item?.links;\n track $index\n ) {\n <a\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 !== 0,\n 'm-underline':\n $index % 2 === 0,\n }\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"\n btn.label\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n </div>\n }\n </div>\n </div>\n </div>\n @if (\n item.multimedia &&\n getFirstImageByTag(tagName, item.multimedia);\n as img\n ) {\n <div class=\"m-right\">\n @if (img.title) {\n <div class=\"m-tag\">\n {{ img.title }}\n </div>\n }\n <img\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n <!-- <img\n *ngIf=\"offer.floatIcon\"\n class=\"m-floatimg\"\n [src]=\"offer.floatIcon.url\"\n [alt]=\"offer.floatIcon.alt\"\n loading=\"lazy\"\n /> -->\n </div>\n }\n </div>\n @if (\n item.multimedia &&\n getFirstImageByTag(tagNamePNG, item.multimedia);\n as img\n ) {\n <img\n class=\"m-floatimg\"\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n }\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-md005{padding:13.1rem 0}.mdl-md005 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:-14rem}.mdl-md005 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-title{width:40rem;color:#515050}.mdl-md005 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-text{width:62rem;color:#51505099;text-align:right}.mdl-md005 .mdl-container .m-oferta-item{width:100%;max-width:140rem;height:auto;padding:0!important;position:relative;background-color:#fff9f9;margin:20rem auto 0}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content{flex-direction:row-reverse}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content .m-right .m-tag{right:auto;left:2rem}.mdl-md005 .mdl-container .m-oferta-item.no-margin-top{margin:0rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:100%;display:flex}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:40rem;padding:7rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{width:100%;border-bottom:1px solid #e4e4e4;padding-bottom:6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:100%}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.4rem;line-height:2.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;line-height:2.6rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{color:#515050;max-width:40rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-texto{margin-top:2.5rem;font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{width:100%;display:flex;padding-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-size:3.8rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-button-sm,.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-button-sm:hover{color:#fff}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline{color:#515050}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline:hover{color:#ed3b37}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:50%;position:relative}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.1rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{color:#fff;position:absolute;top:2rem;right:2rem;background-color:#ff4338;padding:.4rem 1.5rem;border-radius:20rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right img{width:100%;height:100%;object-fit:cover;display:block;max-height:500px}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{display:none;position:absolute}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{position:absolute;left:50%;transform:translate(-50%);bottom:-17%;width:67%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close svg{display:none}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{gap:5.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:34rem;padding:4rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-oferta-item{margin:14rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:35.6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:125%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem;min-height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{padding-bottom:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{padding-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:100%}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-oferta-item{margin:5rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{width:65vw;display:block;height:auto;bottom:-5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem 3rem 6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{margin-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{flex-direction:column-reverse!important;max-height:auto}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{display:none}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item{max-width:42rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.2rem;right:-3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{padding:3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}}@media (max-width: 540px) and (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-size:1.6rem;line-height:2.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{flex-direction:column;align-items:center;gap:3.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{display:flex;flex-direction:row;gap:.9rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{display:flex;align-items:center}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin:0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.3rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item{max-width:31rem}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.5rem;right:-1.2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{bottom:-4rem!important}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:2.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{margin-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;margin-top:2rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-11rem}.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:0 2rem;width:calc(100% - 4rem)}.mdl-md005 .mdl-container .m-content-top .m-text{text-align:left;margin-top:1rem;width:100%;font-size:2.2rem;line-height:2.6rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: BabylonCurrencyPipe, name: "currencySymbol" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }] }); }
|
|
19067
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LisC2TxtImgSvgCComponent, isStandalone: true, selector: "lis-c2-txt-img-svg-c", inputs: { offers: "offers", startReverse: "startReverse" }, ngImport: i0, template: "<section class=\"mdl-md005\">\n <div class=\"mdl-container\">\n <!-- <div class=\"m-content-top\">\n <h2 class=\"m-title\">{{ content.title }}</h2>\n <div class=\"m-text\">\n {{ content.description }}\n </div>\n </div> -->\n\n @if (offers) {\n @for (item of offers; track $index) {\n <div\n class=\"m-oferta-item\"\n [class.reverse]=\"$index % 2 !== 0\"\n [ngClass]=\"{ 'no-margin-top': $index === 0 }\"\n >\n <div class=\"mdl-content\">\n <div class=\"m-left\">\n <div class=\"m-content\">\n <div class=\"m-top\">\n @if (item.texts?.title ?? item.name) {\n <div class=\"m-title\">\n {{ item.texts?.title ?? item.name }}\n </div>\n }\n @if (item.texts?.subtitle) {\n <div class=\"m-texto\">\n {{ item.texts?.subtitle }}\n </div>\n }\n </div>\n <div class=\"m-bottom\">\n <div class=\"m-left\">\n @if (item.texts?.additional2) {\n <div class=\"m-texto\">\n {{ item.texts?.additional2 }}\n </div>\n }\n <div class=\"m-precio\">\n @if (item.price) {\n {{ item.price\n }}{{\n item?.currency ?? 'EUR'\n | currencySymbol\n }}\n } @else if (item.discount) {\n {{ item.discount }} %\n }\n </div>\n </div>\n @if (item.buttons || item.links) {\n <div class=\"m-right\">\n @for (\n btn of item?.buttons;\n track $index\n ) {\n <a\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 === 0,\n 'm-underline':\n $index % 2 !== 0,\n }\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"\n btn.label\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n @for (\n btn of item?.links;\n track $index\n ) {\n <a\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 !== 0,\n 'm-underline':\n $index % 2 === 0,\n }\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"\n btn.label\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n </div>\n }\n </div>\n </div>\n </div>\n @if (\n item.multimedia &&\n getFirstImageByTag(tagName, item.multimedia);\n as img\n ) {\n <div class=\"m-right\">\n @if (img.title) {\n <div class=\"m-tag\">\n {{ img.title }}\n </div>\n }\n <img\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n <!-- <img\n *ngIf=\"offer.floatIcon\"\n class=\"m-floatimg\"\n [src]=\"offer.floatIcon.url\"\n [alt]=\"offer.floatIcon.alt\"\n loading=\"lazy\"\n /> -->\n </div>\n }\n </div>\n @if (\n item.multimedia &&\n getFirstImageByTag(tagNamePNG, item.multimedia);\n as img\n ) {\n <img\n class=\"m-floatimg\"\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n }\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-md005{padding:13.1rem 0}@media (max-width: 1200px){.mdl-md005{padding:0rem}}.mdl-md005 .mdl-container{padding:0 60px}.mdl-md005 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:-14rem}.mdl-md005 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-title{width:40rem;color:#515050}.mdl-md005 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-text{width:62rem;color:#51505099;text-align:right}.mdl-md005 .mdl-container .m-oferta-item{width:100%;max-width:140rem;height:auto;padding:0!important;position:relative;background-color:#fff9f9;margin:20rem auto 0}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content{flex-direction:row-reverse}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content .m-right .m-tag{right:auto;left:2rem}.mdl-md005 .mdl-container .m-oferta-item.no-margin-top{margin:0rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:100%;display:flex}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:40rem;padding:7rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{width:100%;border-bottom:1px solid #e4e4e4;padding-bottom:6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:100%}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.4rem;line-height:2.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;line-height:2.6rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{color:#515050;max-width:40rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-texto{margin-top:2.5rem;font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{width:100%;display:flex;padding-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-size:3.8rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-button-sm,.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-button-sm:hover{color:#fff}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline{color:#515050;opacity:.8}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline:hover{color:#ed3b37}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:50%;position:relative}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.1rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{color:#fff;position:absolute;top:2rem;right:2rem;background-color:#ff4338;padding:.4rem 1.5rem;border-radius:20rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right img{width:100%;height:100%;object-fit:cover;display:block;max-height:500px}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{display:none;position:absolute}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{position:absolute;left:50%;transform:translate(-50%);bottom:-17%;width:67%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close svg{display:none}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{gap:5.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:34rem;padding:4rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-oferta-item{margin:14rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:35.6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:125%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem;min-height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{padding-bottom:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{padding-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:100%}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-oferta-item{margin:5rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{width:65vw;display:block;height:auto;bottom:-5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem 3rem 6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{margin-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{flex-direction:column-reverse!important;max-height:auto}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{display:none}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item{max-width:42rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.2rem;right:-3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{padding:3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}}@media (max-width: 540px) and (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-size:1.6rem;line-height:2.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{flex-direction:column;align-items:center;gap:3.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{display:flex;flex-direction:row;gap:.9rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{display:flex;align-items:center}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin:0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.3rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item{max-width:31rem}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.5rem;right:-1.2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{bottom:-4rem!important}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:2.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{margin-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;margin-top:2rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-11rem}.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:0 2rem;width:calc(100% - 4rem)}.mdl-md005 .mdl-container .m-content-top .m-text{text-align:left;margin-top:1rem;width:100%;font-size:2.2rem;line-height:2.6rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: BabylonCurrencyPipe, name: "currencySymbol" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }] }); }
|
|
18993
19068
|
}
|
|
18994
19069
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC2TxtImgSvgCComponent, decorators: [{
|
|
18995
19070
|
type: Component,
|
|
18996
|
-
args: [{ selector: 'lis-c2-txt-img-svg-c', standalone: true, imports: [CommonModule, BabylonCurrencyPipe, BabylonLinkTypeDirective], template: "<section class=\"mdl-md005\">\n <div class=\"mdl-container\">\n <!-- <div class=\"m-content-top\">\n <h2 class=\"m-title\">{{ content.title }}</h2>\n <div class=\"m-text\">\n {{ content.description }}\n </div>\n </div> -->\n\n @if (offers) {\n @for (item of offers; track $index) {\n <div\n class=\"m-oferta-item\"\n [class.reverse]=\"$index % 2 !== 0\"\n [ngClass]=\"{ 'no-margin-top': $index === 0 }\"\n >\n <div class=\"mdl-content\">\n <div class=\"m-left\">\n <div class=\"m-content\">\n <div class=\"m-top\">\n @if (item.texts?.title ?? item.name) {\n <div class=\"m-title\">\n {{ item.texts?.title ?? item.name }}\n </div>\n }\n @if (item.texts?.subtitle) {\n <div class=\"m-texto\">\n {{ item.texts?.subtitle }}\n </div>\n }\n </div>\n <div class=\"m-bottom\">\n <div class=\"m-left\">\n @if (item.texts?.additional2) {\n <div class=\"m-texto\">\n {{ item.texts?.additional2 }}\n </div>\n }\n <div class=\"m-precio\">\n @if (item.price) {\n {{ item.price\n }}{{\n item?.currency ?? 'EUR'\n | currencySymbol\n }}\n } @else if (item.discount) {\n {{ item.discount }} %\n }\n </div>\n </div>\n @if (item.buttons || item.links) {\n <div class=\"m-right\">\n @for (\n btn of item?.buttons;\n track $index\n ) {\n <a\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 === 0,\n 'm-underline':\n $index % 2 !== 0,\n }\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"\n btn.label\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n @for (\n btn of item?.links;\n track $index\n ) {\n <a\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 !== 0,\n 'm-underline':\n $index % 2 === 0,\n }\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"\n btn.label\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n </div>\n }\n </div>\n </div>\n </div>\n @if (\n item.multimedia &&\n getFirstImageByTag(tagName, item.multimedia);\n as img\n ) {\n <div class=\"m-right\">\n @if (img.title) {\n <div class=\"m-tag\">\n {{ img.title }}\n </div>\n }\n <img\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n <!-- <img\n *ngIf=\"offer.floatIcon\"\n class=\"m-floatimg\"\n [src]=\"offer.floatIcon.url\"\n [alt]=\"offer.floatIcon.alt\"\n loading=\"lazy\"\n /> -->\n </div>\n }\n </div>\n @if (\n item.multimedia &&\n getFirstImageByTag(tagNamePNG, item.multimedia);\n as img\n ) {\n <img\n class=\"m-floatimg\"\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n }\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-md005{padding:13.1rem 0}.mdl-md005 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:-14rem}.mdl-md005 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-title{width:40rem;color:#515050}.mdl-md005 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-text{width:62rem;color:#51505099;text-align:right}.mdl-md005 .mdl-container .m-oferta-item{width:100%;max-width:140rem;height:auto;padding:0!important;position:relative;background-color:#fff9f9;margin:20rem auto 0}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content{flex-direction:row-reverse}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content .m-right .m-tag{right:auto;left:2rem}.mdl-md005 .mdl-container .m-oferta-item.no-margin-top{margin:0rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:100%;display:flex}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:40rem;padding:7rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{width:100%;border-bottom:1px solid #e4e4e4;padding-bottom:6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:100%}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.4rem;line-height:2.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;line-height:2.6rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{color:#515050;max-width:40rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-texto{margin-top:2.5rem;font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{width:100%;display:flex;padding-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-size:3.8rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-button-sm,.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-button-sm:hover{color:#fff}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline{color:#515050}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline:hover{color:#ed3b37}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:50%;position:relative}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.1rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{color:#fff;position:absolute;top:2rem;right:2rem;background-color:#ff4338;padding:.4rem 1.5rem;border-radius:20rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right img{width:100%;height:100%;object-fit:cover;display:block;max-height:500px}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{display:none;position:absolute}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{position:absolute;left:50%;transform:translate(-50%);bottom:-17%;width:67%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close svg{display:none}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{gap:5.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:34rem;padding:4rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-oferta-item{margin:14rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:35.6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:125%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem;min-height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{padding-bottom:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{padding-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:100%}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-oferta-item{margin:5rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{width:65vw;display:block;height:auto;bottom:-5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem 3rem 6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{margin-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{flex-direction:column-reverse!important;max-height:auto}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{display:none}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item{max-width:42rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.2rem;right:-3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{padding:3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}}@media (max-width: 540px) and (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-size:1.6rem;line-height:2.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{flex-direction:column;align-items:center;gap:3.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{display:flex;flex-direction:row;gap:.9rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{display:flex;align-items:center}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin:0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.3rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item{max-width:31rem}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.5rem;right:-1.2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{bottom:-4rem!important}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:2.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{margin-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;margin-top:2rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-11rem}.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:0 2rem;width:calc(100% - 4rem)}.mdl-md005 .mdl-container .m-content-top .m-text{text-align:left;margin-top:1rem;width:100%;font-size:2.2rem;line-height:2.6rem}}\n"] }]
|
|
19071
|
+
args: [{ selector: 'lis-c2-txt-img-svg-c', standalone: true, imports: [CommonModule, BabylonCurrencyPipe, BabylonLinkTypeDirective], template: "<section class=\"mdl-md005\">\n <div class=\"mdl-container\">\n <!-- <div class=\"m-content-top\">\n <h2 class=\"m-title\">{{ content.title }}</h2>\n <div class=\"m-text\">\n {{ content.description }}\n </div>\n </div> -->\n\n @if (offers) {\n @for (item of offers; track $index) {\n <div\n class=\"m-oferta-item\"\n [class.reverse]=\"$index % 2 !== 0\"\n [ngClass]=\"{ 'no-margin-top': $index === 0 }\"\n >\n <div class=\"mdl-content\">\n <div class=\"m-left\">\n <div class=\"m-content\">\n <div class=\"m-top\">\n @if (item.texts?.title ?? item.name) {\n <div class=\"m-title\">\n {{ item.texts?.title ?? item.name }}\n </div>\n }\n @if (item.texts?.subtitle) {\n <div class=\"m-texto\">\n {{ item.texts?.subtitle }}\n </div>\n }\n </div>\n <div class=\"m-bottom\">\n <div class=\"m-left\">\n @if (item.texts?.additional2) {\n <div class=\"m-texto\">\n {{ item.texts?.additional2 }}\n </div>\n }\n <div class=\"m-precio\">\n @if (item.price) {\n {{ item.price\n }}{{\n item?.currency ?? 'EUR'\n | currencySymbol\n }}\n } @else if (item.discount) {\n {{ item.discount }} %\n }\n </div>\n </div>\n @if (item.buttons || item.links) {\n <div class=\"m-right\">\n @for (\n btn of item?.buttons;\n track $index\n ) {\n <a\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 === 0,\n 'm-underline':\n $index % 2 !== 0,\n }\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"\n btn.label\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n @for (\n btn of item?.links;\n track $index\n ) {\n <a\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 !== 0,\n 'm-underline':\n $index % 2 === 0,\n }\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"\n btn.label\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n </div>\n }\n </div>\n </div>\n </div>\n @if (\n item.multimedia &&\n getFirstImageByTag(tagName, item.multimedia);\n as img\n ) {\n <div class=\"m-right\">\n @if (img.title) {\n <div class=\"m-tag\">\n {{ img.title }}\n </div>\n }\n <img\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n <!-- <img\n *ngIf=\"offer.floatIcon\"\n class=\"m-floatimg\"\n [src]=\"offer.floatIcon.url\"\n [alt]=\"offer.floatIcon.alt\"\n loading=\"lazy\"\n /> -->\n </div>\n }\n </div>\n @if (\n item.multimedia &&\n getFirstImageByTag(tagNamePNG, item.multimedia);\n as img\n ) {\n <img\n class=\"m-floatimg\"\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n }\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-md005{padding:13.1rem 0}@media (max-width: 1200px){.mdl-md005{padding:0rem}}.mdl-md005 .mdl-container{padding:0 60px}.mdl-md005 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:-14rem}.mdl-md005 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-title{width:40rem;color:#515050}.mdl-md005 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-text{width:62rem;color:#51505099;text-align:right}.mdl-md005 .mdl-container .m-oferta-item{width:100%;max-width:140rem;height:auto;padding:0!important;position:relative;background-color:#fff9f9;margin:20rem auto 0}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content{flex-direction:row-reverse}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content .m-right .m-tag{right:auto;left:2rem}.mdl-md005 .mdl-container .m-oferta-item.no-margin-top{margin:0rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:100%;display:flex}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:40rem;padding:7rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{width:100%;border-bottom:1px solid #e4e4e4;padding-bottom:6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:100%}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.4rem;line-height:2.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;line-height:2.6rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{color:#515050;max-width:40rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-texto{margin-top:2.5rem;font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{width:100%;display:flex;padding-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-size:3.8rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-button-sm,.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-button-sm:hover{color:#fff}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline{color:#515050;opacity:.8}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline:hover{color:#ed3b37}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:50%;position:relative}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.1rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{color:#fff;position:absolute;top:2rem;right:2rem;background-color:#ff4338;padding:.4rem 1.5rem;border-radius:20rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right img{width:100%;height:100%;object-fit:cover;display:block;max-height:500px}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{display:none;position:absolute}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{position:absolute;left:50%;transform:translate(-50%);bottom:-17%;width:67%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close svg{display:none}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{gap:5.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:34rem;padding:4rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-oferta-item{margin:14rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:35.6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:125%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem;min-height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{padding-bottom:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{padding-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:100%}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-oferta-item{margin:5rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{width:65vw;display:block;height:auto;bottom:-5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem 3rem 6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{margin-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{flex-direction:column-reverse!important;max-height:auto}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{display:none}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item{max-width:42rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.2rem;right:-3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{padding:3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}}@media (max-width: 540px) and (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-size:1.6rem;line-height:2.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{flex-direction:column;align-items:center;gap:3.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{display:flex;flex-direction:row;gap:.9rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{display:flex;align-items:center}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin:0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.3rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item{max-width:31rem}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.5rem;right:-1.2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{bottom:-4rem!important}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:2.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{margin-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;margin-top:2rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-11rem}.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:0 2rem;width:calc(100% - 4rem)}.mdl-md005 .mdl-container .m-content-top .m-text{text-align:left;margin-top:1rem;width:100%;font-size:2.2rem;line-height:2.6rem}}\n"] }]
|
|
18997
19072
|
}], propDecorators: { offers: [{
|
|
18998
19073
|
type: Input
|
|
18999
19074
|
}], startReverse: [{
|
|
@@ -20181,11 +20256,11 @@ class SliC2TxtImgSvgCComponent {
|
|
|
20181
20256
|
return getFirstImageByTagFromImages(this.offer?.multimedia?.imagenes ?? [], tagName);
|
|
20182
20257
|
}
|
|
20183
20258
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliC2TxtImgSvgCComponent, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20184
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SliC2TxtImgSvgCComponent, isStandalone: true, selector: "sli-c2-txt-img-svg-c", inputs: { offer: "offer", buttons: "buttons" }, viewQueries: [{ propertyName: "stickyContainer", first: true, predicate: ["stickyContainer"], descendants: true }, { propertyName: "logoStopper", first: true, predicate: ["logoStopper"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section class=\"mdl-md006\">\n <div class=\"mdl-container\">\n <div class=\"m-head\">\n <div class=\"m-left-head\">\n @if (\n getFirstImageByTag(tagImage) ??\n offer?.multimedia?.imagenes?.[0];\n as img\n ) {\n <div class=\"m-pretitulo\">{{ img?.title }}</div>\n }\n @if (offer?.title) {\n <h2 class=\"m-titulo\">{{ offer?.title }}</h2>\n }\n @if (offer?.pretitle) {\n <div class=\"m-subtitulo\">{{ offer?.pretitle }}</div>\n }\n </div>\n <div class=\"m-right-head\">\n <div class=\"m-content\">\n @if (offer?.labelDiscount) {\n <div class=\"m-preciotitulo\">\n {{ offer?.labelDiscount }}\n </div>\n }\n <div class=\"m-precio\">\n @if (offer?.price) {\n {{ offer?.price\n }}{{ offer?.currency ?? 'EUR' | currencySymbol }}\n } @else if (offer?.discount) {\n {{ offer?.discount }} %\n }\n </div>\n @if (offer?.button; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"button.label\"\n >\n {{ button.label }}\n </a>\n </ng-container>\n }\n </div>\n </div>\n </div>\n\n <div class=\"m-contenido\">\n <div class=\"m-left\">\n <div class=\"m-imagesticky\" #stickyContainer>\n @if (getFirstImageByTag(tagImageVertical); as imgV) {\n <img\n class=\"m-sticky\"\n [src]=\"imgV?.img?.src\"\n [alt]=\"imgV?.img?.alt\"\n loading=\"lazy\"\n />\n }\n @if (getFirstImageByTag(tagImageLogo); as imgLogo) {\n <img\n class=\"m-offer\"\n [src]=\"imgLogo?.img?.src\"\n [alt]=\"imgLogo?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n @if (getFirstImageByTag(tagImageSVG); as imgSVG) {\n <div class=\"m-logo\" #logoStopper>\n <img\n [src]=\"imgSVG?.img?.src\"\n [alt]=\"imgSVG?.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n }\n </div>\n\n <div class=\"m-right\">\n <div class=\"m-image\">\n @if (\n getFirstImageByTag(tagImage) ??\n offer?.multimedia?.imagenes?.[0];\n as img\n ) {\n <img\n [src]=\"img?.img?.src\"\n [alt]=\"img?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n @if (offer?.description) {\n <div class=\"m-texto\" [innerHTML]=\"offer?.description\"></div>\n }\n <div class=\"m-imagenmobile\">\n @if (getFirstImageByTag(tagImageVertical); as img) {\n <img\n class=\"m-imgmb\"\n [src]=\"img?.img?.src\"\n [alt]=\"img?.img?.alt\"\n loading=\"lazy\"\n />\n }\n @if (getFirstImageByTag(tagImageLogo); as imgLogo) {\n <img\n class=\"m-logo\"\n [src]=\"imgLogo?.img?.src\"\n [alt]=\"imgLogo?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n\n <div class=\"m-listadofaqs\">\n <!-- <div\n class=\"faq-item\"\n *ngFor=\"\n let highlight of right.highlights;\n let highlightIndex = index\n \"\n [class.active]=\"highlightIndex === 0\"\n >\n <div class=\"faq-question\">\n {{ highlight }}\n </div>\n </div> -->\n\n @if (offer?.button; as button) {\n <div class=\"m-extra-info\">\n <div class=\"m-row2\">\n <div class=\"m-content-row2\">\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.rel]=\"\n (button.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"button.label\"\n >\n {{ button.label }}\n </a>\n </div>\n </div>\n </div>\n }\n\n @if (buttons?.[0]; as btn) {\n <div class=\"m-foot\">\n <a\n class=\"m-but m-underline-red\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"btn.target || '_self'\"\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 <svg\n width=\"16\"\n height=\"12\"\n viewBox=\"0 0 16 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n opacity=\"0.7\"\n d=\"M0.0457363 6.829C-0.0152636 6.683 -0.0152636 6.516 0.0457363 6.37C0.0767365 6.297 0.120737 6.229 0.176737 6.175L4.17574 2.175C4.40974 1.941 4.78874 1.941 5.02374 2.175C5.25874 2.409 5.25774 2.789 5.02374 3.024L2.04774 6H12.0997C14.4097 6 14.4997 5.798 14.4997 0.6C14.4997 0.268 14.7687 0 15.0997 0C15.4307 0 15.6997 0.268 15.6997 0.6C15.6997 5.537 15.6997 7.2 12.0987 7.2H2.04674L5.02374 10.177C5.25774 10.41 5.25774 10.791 5.02374 11.025C4.90674 11.142 4.75274 11.201 4.59974 11.201C4.44674 11.201 4.29274 11.142 4.17574 11.025L0.176737 7.026C0.120737 6.969 0.0777359 6.903 0.0457363 6.829Z\"\n fill=\"#515050\"\n />\n </svg>\n </div>\n }\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";html{overflow-x:unset!important}.mdl-md006{margin-top:15rem;margin-bottom:15rem;position:relative}.mdl-md006:before{content:\"\";position:absolute;background-color:#fff9f9;height:68rem;width:100%;z-index:-1;left:0;top:-10rem}.mdl-md006 .mdl-container{max-width:125rem}.mdl-md006 .mdl-container .m-head{display:flex}.mdl-md006 .mdl-container .m-head .m-left-head{height:20rem;width:60%;display:flex;flex-direction:column;align-items:flex-start;gap:1.4rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.2rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.1rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{background-color:#ff4338;color:#fff;font-weight:500;padding:.5rem 2.2rem;border-radius:2rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{color:#515050;width:100%;max-width:70rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-subtitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}.mdl-md006 .mdl-container .m-head .m-right-head{height:20rem;width:40%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.mdl-md006 .mdl-container .m-head .m-right-head .m-content{gap:3rem;display:flex;flex-direction:column;align-items:center}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-preciotitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#51505099}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-size:3.8rem}}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{color:#515050}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-button-sm{width:100vw}.mdl-md006 .mdl-container .m-contenido{display:flex;gap:6rem;margin-top:6rem;position:relative;height:100%}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(27% - 3rem);height:100%;display:flex;align-content:space-between;flex-direction:column;justify-content:space-between;align-items:flex-end;align-items:center;gap:15rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky{height:100%;width:100%;position:relative}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{bottom:21rem;top:9rem;height:54rem;width:100%;object-fit:cover;position:sticky}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:15rem;margin-left:-20rem;margin-top:-7rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-logo{height:21.7rem}.mdl-md006 .mdl-container .m-contenido .m-right{width:calc(73% - 3rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:54rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-image img{height:100%;width:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{color:#515050;padding:6rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:54rem;width:100%;max-width:39rem;margin:0 auto;position:relative;display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-imgmb{width:100%;height:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-logo{position:absolute;bottom:-5rem;left:0;width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:100%;margin-bottom:3rem;gap:3rem;align-items:center;border-bottom:.1rem solid #e4e4e4;padding:0 0 5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:3rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.8rem;line-height:2.6rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.9rem;line-height:2.6rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.6rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.4rem;line-height:2.2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content-row2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content-row2{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;width:26rem;margin-top:4.5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item{border-bottom:.1rem solid #e4e4e4;padding:2.2rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item:first-child{border-top:.1rem solid #e4e4e4;padding:4.2rem 0 2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color .3s ease;position:relative;color:#515050b2;margin-left:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question:before{content:\"\\2022\";position:absolute;left:0;color:#e4e4e4;font-size:4rem;line-height:1;top:45%;transform:translateY(-50%);margin-left:-3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{color:#515050;font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.5rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.1rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-weight:500;margin-bottom:2rem;margin-left:0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active:before{display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-foot{width:100%;justify-content:flex-end;display:flex;align-items:center;gap:1.5rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido{gap:5rem}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(32% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:10rem;margin-left:-9rem;margin-top:-5rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:auto;width:calc(68% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:46rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido{gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-left{height:37rem;width:calc(37% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:37rem;width:calc(63% - 2.5rem);height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto,.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:auto}}@media (max-width: 1000px){.mdl-md006 .mdl-container .m-left{width:100%;border-bottom:1px solid #e4e4e4}.mdl-md006 .mdl-container .m-head{flex-direction:column}.mdl-md006 .mdl-container .m-head .m-right-head{width:100%;align-items:center}.mdl-md006 .mdl-container .m-head .m-left-head{width:100%}.mdl-md006 .mdl-container .m-contenido .m-left{display:none}.mdl-md006 .mdl-container .m-contenido .m-right{width:100%;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{padding:2rem 0;border:0;height:auto;font-size:2rem;line-height:3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{display:block;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{margin-top:7rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:2rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: BabylonCurrencyPipe, name: "currencySymbol" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
20259
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SliC2TxtImgSvgCComponent, isStandalone: true, selector: "sli-c2-txt-img-svg-c", inputs: { offer: "offer", buttons: "buttons" }, viewQueries: [{ propertyName: "stickyContainer", first: true, predicate: ["stickyContainer"], descendants: true }, { propertyName: "logoStopper", first: true, predicate: ["logoStopper"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section class=\"mdl-md006\">\n <div class=\"mdl-container\">\n <div class=\"m-head\">\n <div class=\"m-left-head\">\n @if (\n getFirstImageByTag(tagImage) ??\n offer?.multimedia?.imagenes?.[0];\n as img\n ) {\n <div class=\"m-pretitulo\">{{ img?.title }}</div>\n }\n @if (offer?.title) {\n <h2 class=\"m-titulo\">{{ offer?.title }}</h2>\n }\n @if (offer?.pretitle) {\n <div class=\"m-subtitulo\">{{ offer?.pretitle }}</div>\n }\n </div>\n <div class=\"m-right-head\">\n <div class=\"m-content\">\n @if (offer?.labelDiscount) {\n <div class=\"m-preciotitulo\">\n {{ offer?.labelDiscount }}\n </div>\n }\n <div class=\"m-precio\">\n @if (offer?.price) {\n {{ offer?.price\n }}{{ offer?.currency ?? 'EUR' | currencySymbol }}\n } @else if (offer?.discount) {\n {{ offer?.discount }} %\n }\n </div>\n @if (offer?.button; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"button.label\"\n >\n {{ button.label }}\n </a>\n </ng-container>\n }\n </div>\n </div>\n </div>\n\n <div class=\"m-contenido\">\n <div class=\"m-left\">\n <div class=\"m-imagesticky\" #stickyContainer>\n @if (getFirstImageByTag(tagImageVertical); as imgV) {\n <img\n class=\"m-sticky\"\n [src]=\"imgV?.img?.src\"\n [alt]=\"imgV?.img?.alt\"\n loading=\"lazy\"\n />\n }\n @if (getFirstImageByTag(tagImageLogo); as imgLogo) {\n <img\n class=\"m-offer\"\n [src]=\"imgLogo?.img?.src\"\n [alt]=\"imgLogo?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n @if (getFirstImageByTag(tagImageSVG); as imgSVG) {\n <div class=\"m-logo\" #logoStopper>\n <img\n [src]=\"imgSVG?.img?.src\"\n [alt]=\"imgSVG?.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n }\n </div>\n\n <div class=\"m-right\">\n <div class=\"m-image\">\n @if (\n getFirstImageByTag(tagImage) ??\n offer?.multimedia?.imagenes?.[0];\n as img\n ) {\n <img\n [src]=\"img?.img?.src\"\n [alt]=\"img?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n @if (offer?.description) {\n <div class=\"m-texto\" [innerHTML]=\"offer?.description\"></div>\n }\n <div class=\"m-imagenmobile\">\n @if (getFirstImageByTag(tagImageVertical); as img) {\n <img\n class=\"m-imgmb\"\n [src]=\"img?.img?.src\"\n [alt]=\"img?.img?.alt\"\n loading=\"lazy\"\n />\n }\n @if (getFirstImageByTag(tagImageLogo); as imgLogo) {\n <img\n class=\"m-logo\"\n [src]=\"imgLogo?.img?.src\"\n [alt]=\"imgLogo?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n\n <div class=\"m-listadofaqs\">\n <!-- <div\n class=\"faq-item\"\n *ngFor=\"\n let highlight of right.highlights;\n let highlightIndex = index\n \"\n [class.active]=\"highlightIndex === 0\"\n >\n <div class=\"faq-question\">\n {{ highlight }}\n </div>\n </div> -->\n\n @if (offer?.button; as button) {\n <div class=\"m-extra-info\">\n <div class=\"m-row2\">\n <div class=\"m-content-row2\">\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.rel]=\"\n (button.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"button.label\"\n >\n {{ button.label }}\n </a>\n </div>\n </div>\n </div>\n }\n\n @if (buttons?.[0]; as btn) {\n <div class=\"m-foot\">\n <a\n class=\"m-but m-underline-red\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"btn.target || '_self'\"\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 <svg\n width=\"16\"\n height=\"12\"\n viewBox=\"0 0 16 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n opacity=\"0.7\"\n d=\"M0.0457363 6.829C-0.0152636 6.683 -0.0152636 6.516 0.0457363 6.37C0.0767365 6.297 0.120737 6.229 0.176737 6.175L4.17574 2.175C4.40974 1.941 4.78874 1.941 5.02374 2.175C5.25874 2.409 5.25774 2.789 5.02374 3.024L2.04774 6H12.0997C14.4097 6 14.4997 5.798 14.4997 0.6C14.4997 0.268 14.7687 0 15.0997 0C15.4307 0 15.6997 0.268 15.6997 0.6C15.6997 5.537 15.6997 7.2 12.0987 7.2H2.04674L5.02374 10.177C5.25774 10.41 5.25774 10.791 5.02374 11.025C4.90674 11.142 4.75274 11.201 4.59974 11.201C4.44674 11.201 4.29274 11.142 4.17574 11.025L0.176737 7.026C0.120737 6.969 0.0777359 6.903 0.0457363 6.829Z\"\n fill=\"#515050\"\n />\n </svg>\n </div>\n }\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";html{overflow-x:unset!important}.mdl-md006{margin-top:15rem;margin-bottom:15rem;position:relative}.mdl-md006:before{content:\"\";position:absolute;background-color:#fff9f9;height:68rem;width:100%;z-index:-1;left:0;top:-10rem}.mdl-md006 .mdl-container{max-width:125rem}.mdl-md006 .mdl-container .m-head{display:flex}.mdl-md006 .mdl-container .m-head .m-left-head{height:20rem;width:60%;display:flex;flex-direction:column;align-items:flex-start;gap:1.4rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.2rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.1rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{background-color:#ff4338;color:#fff;font-weight:500;padding:.5rem 2.2rem;border-radius:2rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{color:#515050;width:100%;max-width:70rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-subtitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}.mdl-md006 .mdl-container .m-head .m-right-head{height:20rem;width:40%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.mdl-md006 .mdl-container .m-head .m-right-head .m-content{gap:3rem;display:flex;flex-direction:column;align-items:center}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-preciotitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#51505099}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-size:3.8rem}}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{color:#515050}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-button-sm{width:100vw}.mdl-md006 .mdl-container .m-contenido{display:flex;gap:6rem;margin-top:6rem;position:relative;height:100%}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(27% - 3rem);height:100%;display:flex;align-content:space-between;flex-direction:column;justify-content:space-between;align-items:flex-end;align-items:center;gap:15rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky{height:100%;width:100%;position:relative}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{bottom:21rem;top:9rem;height:54rem;width:100%;object-fit:cover;position:sticky}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:15rem;margin-left:-5rem;margin-top:-7rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-logo{height:21.7rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-logo img{max-height:150px}.mdl-md006 .mdl-container .m-contenido .m-right{width:calc(73% - 3rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:54rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-image img{height:100%;width:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{color:#515050;padding:6rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:54rem;width:100%;max-width:39rem;margin:0 auto;position:relative;display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-imgmb{width:100%;height:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-logo{position:absolute;bottom:-5rem;left:0;width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:100%;margin-bottom:3rem;gap:3rem;align-items:center;border-bottom:.1rem solid #e4e4e4;padding:0 0 5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:3rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.8rem;line-height:2.6rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.9rem;line-height:2.6rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.6rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.4rem;line-height:2.2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content-row2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content-row2{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;width:26rem;margin-top:4.5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item{border-bottom:.1rem solid #e4e4e4;padding:2.2rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item:first-child{border-top:.1rem solid #e4e4e4;padding:4.2rem 0 2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color .3s ease;position:relative;color:#515050b2;margin-left:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question:before{content:\"\\2022\";position:absolute;left:0;color:#e4e4e4;font-size:4rem;line-height:1;top:45%;transform:translateY(-50%);margin-left:-3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{color:#515050;font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.5rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.1rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-weight:500;margin-bottom:2rem;margin-left:0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active:before{display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-foot{width:100%;justify-content:flex-end;display:flex;align-items:center;gap:1.5rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido{gap:5rem}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(32% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:10rem;margin-left:-1rem;margin-top:-5rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:auto;width:calc(68% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:46rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido{gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-left{height:37rem;width:calc(37% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:37rem;width:calc(63% - 2.5rem);height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto,.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:auto}.mdl-md006 .mdl-container .m-contenido .m-imagesticky{top:0!important}}@media (max-width: 1000px){.mdl-md006 .mdl-container .m-left{width:100%;border-bottom:1px solid #e4e4e4}.mdl-md006 .mdl-container .m-head{flex-direction:column}.mdl-md006 .mdl-container .m-head .m-right-head{width:100%;align-items:center}.mdl-md006 .mdl-container .m-head .m-left-head{width:100%}.mdl-md006 .mdl-container .m-contenido .m-left{display:none}.mdl-md006 .mdl-container .m-contenido .m-right{width:100%;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{padding:2rem 0;border:0;height:auto;font-size:2rem;line-height:3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{display:block;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{margin-top:7rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:2rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: BabylonCurrencyPipe, name: "currencySymbol" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
20185
20260
|
}
|
|
20186
20261
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliC2TxtImgSvgCComponent, decorators: [{
|
|
20187
20262
|
type: Component,
|
|
20188
|
-
args: [{ selector: 'sli-c2-txt-img-svg-c', standalone: true, imports: [CommonModule, BabylonCurrencyPipe, BabylonLinkTypeDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"mdl-md006\">\n <div class=\"mdl-container\">\n <div class=\"m-head\">\n <div class=\"m-left-head\">\n @if (\n getFirstImageByTag(tagImage) ??\n offer?.multimedia?.imagenes?.[0];\n as img\n ) {\n <div class=\"m-pretitulo\">{{ img?.title }}</div>\n }\n @if (offer?.title) {\n <h2 class=\"m-titulo\">{{ offer?.title }}</h2>\n }\n @if (offer?.pretitle) {\n <div class=\"m-subtitulo\">{{ offer?.pretitle }}</div>\n }\n </div>\n <div class=\"m-right-head\">\n <div class=\"m-content\">\n @if (offer?.labelDiscount) {\n <div class=\"m-preciotitulo\">\n {{ offer?.labelDiscount }}\n </div>\n }\n <div class=\"m-precio\">\n @if (offer?.price) {\n {{ offer?.price\n }}{{ offer?.currency ?? 'EUR' | currencySymbol }}\n } @else if (offer?.discount) {\n {{ offer?.discount }} %\n }\n </div>\n @if (offer?.button; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"button.label\"\n >\n {{ button.label }}\n </a>\n </ng-container>\n }\n </div>\n </div>\n </div>\n\n <div class=\"m-contenido\">\n <div class=\"m-left\">\n <div class=\"m-imagesticky\" #stickyContainer>\n @if (getFirstImageByTag(tagImageVertical); as imgV) {\n <img\n class=\"m-sticky\"\n [src]=\"imgV?.img?.src\"\n [alt]=\"imgV?.img?.alt\"\n loading=\"lazy\"\n />\n }\n @if (getFirstImageByTag(tagImageLogo); as imgLogo) {\n <img\n class=\"m-offer\"\n [src]=\"imgLogo?.img?.src\"\n [alt]=\"imgLogo?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n @if (getFirstImageByTag(tagImageSVG); as imgSVG) {\n <div class=\"m-logo\" #logoStopper>\n <img\n [src]=\"imgSVG?.img?.src\"\n [alt]=\"imgSVG?.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n }\n </div>\n\n <div class=\"m-right\">\n <div class=\"m-image\">\n @if (\n getFirstImageByTag(tagImage) ??\n offer?.multimedia?.imagenes?.[0];\n as img\n ) {\n <img\n [src]=\"img?.img?.src\"\n [alt]=\"img?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n @if (offer?.description) {\n <div class=\"m-texto\" [innerHTML]=\"offer?.description\"></div>\n }\n <div class=\"m-imagenmobile\">\n @if (getFirstImageByTag(tagImageVertical); as img) {\n <img\n class=\"m-imgmb\"\n [src]=\"img?.img?.src\"\n [alt]=\"img?.img?.alt\"\n loading=\"lazy\"\n />\n }\n @if (getFirstImageByTag(tagImageLogo); as imgLogo) {\n <img\n class=\"m-logo\"\n [src]=\"imgLogo?.img?.src\"\n [alt]=\"imgLogo?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n\n <div class=\"m-listadofaqs\">\n <!-- <div\n class=\"faq-item\"\n *ngFor=\"\n let highlight of right.highlights;\n let highlightIndex = index\n \"\n [class.active]=\"highlightIndex === 0\"\n >\n <div class=\"faq-question\">\n {{ highlight }}\n </div>\n </div> -->\n\n @if (offer?.button; as button) {\n <div class=\"m-extra-info\">\n <div class=\"m-row2\">\n <div class=\"m-content-row2\">\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.rel]=\"\n (button.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"button.label\"\n >\n {{ button.label }}\n </a>\n </div>\n </div>\n </div>\n }\n\n @if (buttons?.[0]; as btn) {\n <div class=\"m-foot\">\n <a\n class=\"m-but m-underline-red\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"btn.target || '_self'\"\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 <svg\n width=\"16\"\n height=\"12\"\n viewBox=\"0 0 16 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n opacity=\"0.7\"\n d=\"M0.0457363 6.829C-0.0152636 6.683 -0.0152636 6.516 0.0457363 6.37C0.0767365 6.297 0.120737 6.229 0.176737 6.175L4.17574 2.175C4.40974 1.941 4.78874 1.941 5.02374 2.175C5.25874 2.409 5.25774 2.789 5.02374 3.024L2.04774 6H12.0997C14.4097 6 14.4997 5.798 14.4997 0.6C14.4997 0.268 14.7687 0 15.0997 0C15.4307 0 15.6997 0.268 15.6997 0.6C15.6997 5.537 15.6997 7.2 12.0987 7.2H2.04674L5.02374 10.177C5.25774 10.41 5.25774 10.791 5.02374 11.025C4.90674 11.142 4.75274 11.201 4.59974 11.201C4.44674 11.201 4.29274 11.142 4.17574 11.025L0.176737 7.026C0.120737 6.969 0.0777359 6.903 0.0457363 6.829Z\"\n fill=\"#515050\"\n />\n </svg>\n </div>\n }\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";html{overflow-x:unset!important}.mdl-md006{margin-top:15rem;margin-bottom:15rem;position:relative}.mdl-md006:before{content:\"\";position:absolute;background-color:#fff9f9;height:68rem;width:100%;z-index:-1;left:0;top:-10rem}.mdl-md006 .mdl-container{max-width:125rem}.mdl-md006 .mdl-container .m-head{display:flex}.mdl-md006 .mdl-container .m-head .m-left-head{height:20rem;width:60%;display:flex;flex-direction:column;align-items:flex-start;gap:1.4rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.2rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.1rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{background-color:#ff4338;color:#fff;font-weight:500;padding:.5rem 2.2rem;border-radius:2rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{color:#515050;width:100%;max-width:70rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-subtitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}.mdl-md006 .mdl-container .m-head .m-right-head{height:20rem;width:40%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.mdl-md006 .mdl-container .m-head .m-right-head .m-content{gap:3rem;display:flex;flex-direction:column;align-items:center}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-preciotitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#51505099}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-size:3.8rem}}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{color:#515050}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-button-sm{width:100vw}.mdl-md006 .mdl-container .m-contenido{display:flex;gap:6rem;margin-top:6rem;position:relative;height:100%}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(27% - 3rem);height:100%;display:flex;align-content:space-between;flex-direction:column;justify-content:space-between;align-items:flex-end;align-items:center;gap:15rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky{height:100%;width:100%;position:relative}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{bottom:21rem;top:9rem;height:54rem;width:100%;object-fit:cover;position:sticky}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:15rem;margin-left:-20rem;margin-top:-7rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-logo{height:21.7rem}.mdl-md006 .mdl-container .m-contenido .m-right{width:calc(73% - 3rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:54rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-image img{height:100%;width:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{color:#515050;padding:6rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:54rem;width:100%;max-width:39rem;margin:0 auto;position:relative;display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-imgmb{width:100%;height:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-logo{position:absolute;bottom:-5rem;left:0;width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:100%;margin-bottom:3rem;gap:3rem;align-items:center;border-bottom:.1rem solid #e4e4e4;padding:0 0 5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:3rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.8rem;line-height:2.6rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.9rem;line-height:2.6rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.6rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.4rem;line-height:2.2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content-row2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content-row2{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;width:26rem;margin-top:4.5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item{border-bottom:.1rem solid #e4e4e4;padding:2.2rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item:first-child{border-top:.1rem solid #e4e4e4;padding:4.2rem 0 2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color .3s ease;position:relative;color:#515050b2;margin-left:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question:before{content:\"\\2022\";position:absolute;left:0;color:#e4e4e4;font-size:4rem;line-height:1;top:45%;transform:translateY(-50%);margin-left:-3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{color:#515050;font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.5rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.1rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-weight:500;margin-bottom:2rem;margin-left:0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active:before{display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-foot{width:100%;justify-content:flex-end;display:flex;align-items:center;gap:1.5rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido{gap:5rem}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(32% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:10rem;margin-left:-9rem;margin-top:-5rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:auto;width:calc(68% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:46rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido{gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-left{height:37rem;width:calc(37% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:37rem;width:calc(63% - 2.5rem);height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto,.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:auto}}@media (max-width: 1000px){.mdl-md006 .mdl-container .m-left{width:100%;border-bottom:1px solid #e4e4e4}.mdl-md006 .mdl-container .m-head{flex-direction:column}.mdl-md006 .mdl-container .m-head .m-right-head{width:100%;align-items:center}.mdl-md006 .mdl-container .m-head .m-left-head{width:100%}.mdl-md006 .mdl-container .m-contenido .m-left{display:none}.mdl-md006 .mdl-container .m-contenido .m-right{width:100%;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{padding:2rem 0;border:0;height:auto;font-size:2rem;line-height:3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{display:block;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{margin-top:7rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:2rem}}\n"] }]
|
|
20263
|
+
args: [{ selector: 'sli-c2-txt-img-svg-c', standalone: true, imports: [CommonModule, BabylonCurrencyPipe, BabylonLinkTypeDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"mdl-md006\">\n <div class=\"mdl-container\">\n <div class=\"m-head\">\n <div class=\"m-left-head\">\n @if (\n getFirstImageByTag(tagImage) ??\n offer?.multimedia?.imagenes?.[0];\n as img\n ) {\n <div class=\"m-pretitulo\">{{ img?.title }}</div>\n }\n @if (offer?.title) {\n <h2 class=\"m-titulo\">{{ offer?.title }}</h2>\n }\n @if (offer?.pretitle) {\n <div class=\"m-subtitulo\">{{ offer?.pretitle }}</div>\n }\n </div>\n <div class=\"m-right-head\">\n <div class=\"m-content\">\n @if (offer?.labelDiscount) {\n <div class=\"m-preciotitulo\">\n {{ offer?.labelDiscount }}\n </div>\n }\n <div class=\"m-precio\">\n @if (offer?.price) {\n {{ offer?.price\n }}{{ offer?.currency ?? 'EUR' | currencySymbol }}\n } @else if (offer?.discount) {\n {{ offer?.discount }} %\n }\n </div>\n @if (offer?.button; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"button.label\"\n >\n {{ button.label }}\n </a>\n </ng-container>\n }\n </div>\n </div>\n </div>\n\n <div class=\"m-contenido\">\n <div class=\"m-left\">\n <div class=\"m-imagesticky\" #stickyContainer>\n @if (getFirstImageByTag(tagImageVertical); as imgV) {\n <img\n class=\"m-sticky\"\n [src]=\"imgV?.img?.src\"\n [alt]=\"imgV?.img?.alt\"\n loading=\"lazy\"\n />\n }\n @if (getFirstImageByTag(tagImageLogo); as imgLogo) {\n <img\n class=\"m-offer\"\n [src]=\"imgLogo?.img?.src\"\n [alt]=\"imgLogo?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n @if (getFirstImageByTag(tagImageSVG); as imgSVG) {\n <div class=\"m-logo\" #logoStopper>\n <img\n [src]=\"imgSVG?.img?.src\"\n [alt]=\"imgSVG?.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n }\n </div>\n\n <div class=\"m-right\">\n <div class=\"m-image\">\n @if (\n getFirstImageByTag(tagImage) ??\n offer?.multimedia?.imagenes?.[0];\n as img\n ) {\n <img\n [src]=\"img?.img?.src\"\n [alt]=\"img?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n @if (offer?.description) {\n <div class=\"m-texto\" [innerHTML]=\"offer?.description\"></div>\n }\n <div class=\"m-imagenmobile\">\n @if (getFirstImageByTag(tagImageVertical); as img) {\n <img\n class=\"m-imgmb\"\n [src]=\"img?.img?.src\"\n [alt]=\"img?.img?.alt\"\n loading=\"lazy\"\n />\n }\n @if (getFirstImageByTag(tagImageLogo); as imgLogo) {\n <img\n class=\"m-logo\"\n [src]=\"imgLogo?.img?.src\"\n [alt]=\"imgLogo?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n\n <div class=\"m-listadofaqs\">\n <!-- <div\n class=\"faq-item\"\n *ngFor=\"\n let highlight of right.highlights;\n let highlightIndex = index\n \"\n [class.active]=\"highlightIndex === 0\"\n >\n <div class=\"faq-question\">\n {{ highlight }}\n </div>\n </div> -->\n\n @if (offer?.button; as button) {\n <div class=\"m-extra-info\">\n <div class=\"m-row2\">\n <div class=\"m-content-row2\">\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.rel]=\"\n (button.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"button.label\"\n >\n {{ button.label }}\n </a>\n </div>\n </div>\n </div>\n }\n\n @if (buttons?.[0]; as btn) {\n <div class=\"m-foot\">\n <a\n class=\"m-but m-underline-red\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"btn.target || '_self'\"\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 <svg\n width=\"16\"\n height=\"12\"\n viewBox=\"0 0 16 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n opacity=\"0.7\"\n d=\"M0.0457363 6.829C-0.0152636 6.683 -0.0152636 6.516 0.0457363 6.37C0.0767365 6.297 0.120737 6.229 0.176737 6.175L4.17574 2.175C4.40974 1.941 4.78874 1.941 5.02374 2.175C5.25874 2.409 5.25774 2.789 5.02374 3.024L2.04774 6H12.0997C14.4097 6 14.4997 5.798 14.4997 0.6C14.4997 0.268 14.7687 0 15.0997 0C15.4307 0 15.6997 0.268 15.6997 0.6C15.6997 5.537 15.6997 7.2 12.0987 7.2H2.04674L5.02374 10.177C5.25774 10.41 5.25774 10.791 5.02374 11.025C4.90674 11.142 4.75274 11.201 4.59974 11.201C4.44674 11.201 4.29274 11.142 4.17574 11.025L0.176737 7.026C0.120737 6.969 0.0777359 6.903 0.0457363 6.829Z\"\n fill=\"#515050\"\n />\n </svg>\n </div>\n }\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";html{overflow-x:unset!important}.mdl-md006{margin-top:15rem;margin-bottom:15rem;position:relative}.mdl-md006:before{content:\"\";position:absolute;background-color:#fff9f9;height:68rem;width:100%;z-index:-1;left:0;top:-10rem}.mdl-md006 .mdl-container{max-width:125rem}.mdl-md006 .mdl-container .m-head{display:flex}.mdl-md006 .mdl-container .m-head .m-left-head{height:20rem;width:60%;display:flex;flex-direction:column;align-items:flex-start;gap:1.4rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.2rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.1rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{background-color:#ff4338;color:#fff;font-weight:500;padding:.5rem 2.2rem;border-radius:2rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{color:#515050;width:100%;max-width:70rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-subtitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}.mdl-md006 .mdl-container .m-head .m-right-head{height:20rem;width:40%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.mdl-md006 .mdl-container .m-head .m-right-head .m-content{gap:3rem;display:flex;flex-direction:column;align-items:center}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-preciotitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#51505099}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-size:3.8rem}}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{color:#515050}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-button-sm{width:100vw}.mdl-md006 .mdl-container .m-contenido{display:flex;gap:6rem;margin-top:6rem;position:relative;height:100%}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(27% - 3rem);height:100%;display:flex;align-content:space-between;flex-direction:column;justify-content:space-between;align-items:flex-end;align-items:center;gap:15rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky{height:100%;width:100%;position:relative}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{bottom:21rem;top:9rem;height:54rem;width:100%;object-fit:cover;position:sticky}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:15rem;margin-left:-5rem;margin-top:-7rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-logo{height:21.7rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-logo img{max-height:150px}.mdl-md006 .mdl-container .m-contenido .m-right{width:calc(73% - 3rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:54rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-image img{height:100%;width:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{color:#515050;padding:6rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:54rem;width:100%;max-width:39rem;margin:0 auto;position:relative;display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-imgmb{width:100%;height:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-logo{position:absolute;bottom:-5rem;left:0;width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:100%;margin-bottom:3rem;gap:3rem;align-items:center;border-bottom:.1rem solid #e4e4e4;padding:0 0 5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:3rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.8rem;line-height:2.6rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.9rem;line-height:2.6rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.6rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.4rem;line-height:2.2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content-row2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content-row2{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;width:26rem;margin-top:4.5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item{border-bottom:.1rem solid #e4e4e4;padding:2.2rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item:first-child{border-top:.1rem solid #e4e4e4;padding:4.2rem 0 2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color .3s ease;position:relative;color:#515050b2;margin-left:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question:before{content:\"\\2022\";position:absolute;left:0;color:#e4e4e4;font-size:4rem;line-height:1;top:45%;transform:translateY(-50%);margin-left:-3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{color:#515050;font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.5rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.1rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-weight:500;margin-bottom:2rem;margin-left:0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active:before{display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-foot{width:100%;justify-content:flex-end;display:flex;align-items:center;gap:1.5rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido{gap:5rem}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(32% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:10rem;margin-left:-1rem;margin-top:-5rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:auto;width:calc(68% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:46rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido{gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-left{height:37rem;width:calc(37% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:37rem;width:calc(63% - 2.5rem);height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto,.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:auto}.mdl-md006 .mdl-container .m-contenido .m-imagesticky{top:0!important}}@media (max-width: 1000px){.mdl-md006 .mdl-container .m-left{width:100%;border-bottom:1px solid #e4e4e4}.mdl-md006 .mdl-container .m-head{flex-direction:column}.mdl-md006 .mdl-container .m-head .m-right-head{width:100%;align-items:center}.mdl-md006 .mdl-container .m-head .m-left-head{width:100%}.mdl-md006 .mdl-container .m-contenido .m-left{display:none}.mdl-md006 .mdl-container .m-contenido .m-right{width:100%;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{padding:2rem 0;border:0;height:auto;font-size:2rem;line-height:3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{display:block;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{margin-top:7rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:2rem}}\n"] }]
|
|
20189
20264
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
20190
20265
|
type: Inject,
|
|
20191
20266
|
args: [PLATFORM_ID]
|
|
@@ -20272,5 +20347,5 @@ function deepClean(value, opts) {
|
|
|
20272
20347
|
* Generated bundle index. Do not edit.
|
|
20273
20348
|
*/
|
|
20274
20349
|
|
|
20275
|
-
export { Babylon404Component, BabylonActionBannerComponent, BabylonAdvantagesComponent, BabylonAdvantagesV2Component, BabylonAvC4ImgTextComponent, BabylonAvImgSocialComponent, BabylonAvTxtIcoComponent, BabylonBaImgTxtComponent, BabylonBaSliImgTxtComponent, BabylonBannerGalleryComponent, BabylonBannerInfoComponent, BabylonBannerNewsletterComponent, BabylonBlogDetailsComponent, BabylonBlogListComponent, BabylonBookingWidgetComponent, BabylonBreadcrumbComponent, BabylonBreadcrumbV2Component, BabylonCleanPropsPipe, BabylonColorPickerComponent, BabylonComingsoonComponent, BabylonContactAddressComponent, BabylonContactFormComponent, BabylonContactFormV2Component, BabylonContactHowComponent, BabylonContactMapComponent, BabylonContainerTextL2Component, BabylonDynamicHeadingComponent, BabylonEngineComponent, BabylonEngineModalComponent, BabylonEngineModalV3Component, BabylonEngineWidgetModalComponent, BabylonExternalScriptComponent, BabylonFaqComponent, BabylonFaqV2Component, BabylonFeaturePillsComponent, BabylonFeaturePillsNumberComponent, BabylonFeaturesSliderComponent, BabylonFilterModalComponent, BabylonFloatingButtonsComponent, BabylonFoAddrContImgComponent, BabylonFoC3ImgTxtComponent, BabylonFoLisC4TxtComponent, BabylonFoSliImgComponent, BabylonFooterContactComponent, BabylonFooterLinksComponent, BabylonFooterLogosComponent, BabylonFooterSocialComponent, BabylonFooterSocialI, BabylonGalleryComponent, BabylonGalleryV2Component, BabylonGlobalModalComponent, BabylonGrC2ImgComponent, BabylonGridGalleryComponent, BabylonGuestsPopupComponent, BabylonHeMeSvgTextCtaMotComponent, BabylonHeSvgListComponent, BabylonHeadIntroComponent, BabylonHeaderBookShowComponent, BabylonHeaderClearComponent, BabylonHeaderClearV2Component, BabylonHeaderMenuCenterComponent, BabylonHeaderMenuLogoCenterComponent, BabylonHeaderMenuShowComponent, BabylonHeaderMobileComponent, BabylonHotelsListComponent, BabylonHotelsSliderComponent, BabylonImgBannerComponent, BabylonInfo2ColImgComponent, BabylonInfo2imgBigComponent, BabylonInfo2imgComponent, BabylonInfo3imgComponent, BabylonInfo4imgComponent, BabylonInfoBigComponent, BabylonInfoBigV2Component, BabylonInfoBigV3Component, BabylonInfoCircleImgsComponent, BabylonInfoGridComponent, BabylonInfoGridI, BabylonInfoImgComponent, BabylonInfoImgSliderComponent, BabylonInfoImgV2Component, BabylonInfoIntroComponent, BabylonInfoShowImgComponent, BabylonInfoZigZagComponent, BabylonInfoZigZagCounterComponent, BabylonInfoZigzagV2Component, BabylonInfoZigzagV4Component, BabylonItemsGridComponent, BabylonLanguageModalComponent, BabylonLanguageModalV2Component, BabylonLanguageModalV3Component, BabylonLegalComponent, BabylonLisC2ImgVidComponent, BabylonLisC2TxtComponent, BabylonLisC4TxtIcoComponent, BabylonLisC4TxtImgPdfComponent, BabylonLisC5TxtImgSvgComponent, BabylonLisSvgTxtCtaComponent, BabylonListBoxInfoComponent, BabylonListC3ImgTxtComponent, BabylonListC6TxtComponent, BabylonListGridComponent, BabylonListGridI, BabylonListImgComponent, BabylonListImgInfoComponent, BabylonListImgV2Component, BabylonLoyaltyTableComponent, BabylonModC2ImgTxtCtaComponent, BabylonModalMultipleMotorsComponent, BabylonModalService, BabylonNewsletterComponent, BabylonNewsletterI, BabylonNewsletterModalV2Component, BabylonOfferDetailComponent, BabylonOfferDetailV2Component, BabylonOfferPopupComponent, BabylonOfferPopupComponentV2, BabylonOfferPopupV3Component, BabylonOfferSliderComponent, BabylonOffersListComponent, BabylonOffersSliderComponent, BabylonPreloadComponent, BabylonPressListComponent, BabylonRoomDetailsComponent, BabylonRoomsColsComponent, BabylonRoomsGridComponent, BabylonRoomsListComponent, BabylonRoomsListV2Component, BabylonRoomsSliderComponent, BabylonServicesSliderComponent, BabylonSimpleImgInfoComponent, BabylonSliC1ImgTextComponent, BabylonSliC3SvgVidCtaComponent, BabylonSliC5ImgTxtComponent, BabylonSlider2colComponent, BabylonSlider2colV2Component, BabylonSlider2itemsComponent, BabylonSlider3ColComponent, BabylonSlider3colClearComponent, BabylonSlider3colV2Component, BabylonSlider3itemsComponent, BabylonSlider4colComponent, BabylonSliderBoxComponent, BabylonSliderImgStaticComponent, BabylonSliderImgStaticV2Component, BabylonSliderImgVideoComponent, BabylonSocialBarComponent, BabylonSocialBarV2Component, BabylonStaticFooterComponent, BabylonStaticFooterV2Component, BabylonStaticFooterV3Component, BabylonSubmenuHotelComponent, BabylonThanksComponent, BabylonTopSimpleBannerComponent, BabylonTopSimpleImgComponent, BabylonTopSliderComponent, BabylonTopSliderThumbsComponent, BabylonTopSliderV2Component, BabylonTopSliderVideoComponent, BabylonTopSliderVideoV2Component, BabylonVariantSelectorComponent, BabylonWebmapComponent, BabylonWebmapV2Component, ButtonType, C2ImgTxtSvgComponent, C2TxtCtaComponent, C2TxtCtaDesComponent, C2TxtMdh005Component, C2TxtRrssComponent, C3TxtImgCtaComponent, C4C1ImgTxtCComponent, C4C1ImgTxtComponent, C4C1TxtComponent, C4FoLinkSvgComponent, C4ForC2TxtComponent, C4HeImgTxtComponent, C4LisC2ImgTxtComponent, C4MeTxtSvgCtaComponent, C4SliC2ImgTxtCComponent, C4SliC2TxtImgComponent, C4TxtSvgComponent, CarC2TxtCtaComponent, H04SliderTextComponent, LisC2ImgTxtCv4Component, LisC2TxtImgComponent, LisC2TxtImgSvgCComponent, LisC3TxtImgCtComponent, LisC4TxtDesCtaComponent, ListRoomsComponent, LogoType, MapperService, SCREEN_SIZER_PARAMS_TOKEN, SITE_CONFIG_SERVICE_TOKEN, SafeHtmlPipe, ScreenSizerService, SliC1ImgSvgComponent, SliC2ImgComponent, SliC2ImgTxtCtaV3Component, SliC2ImgTxtCv5Component, SliC2TxtCarImgCComponent, SliC2TxtImgSvgCComponent, Utils, complex_links, organization_name };
|
|
20350
|
+
export { Babylon404Component, BabylonActionBannerComponent, BabylonAdvantagesComponent, BabylonAdvantagesV2Component, BabylonAvC4ImgTextComponent, BabylonAvImgSocialComponent, BabylonAvTxtIcoComponent, BabylonBaImgTxtComponent, BabylonBaSliImgTxtComponent, BabylonBannerGalleryComponent, BabylonBannerInfoComponent, BabylonBannerNewsletterComponent, BabylonBlogDetailsComponent, BabylonBlogListComponent, BabylonBookingWidgetComponent, BabylonBreadcrumbComponent, BabylonBreadcrumbV2Component, BabylonCleanPropsPipe, BabylonColorPickerComponent, BabylonComingsoonComponent, BabylonContactAddressComponent, BabylonContactFormComponent, BabylonContactFormV2Component, BabylonContactHowComponent, BabylonContactMapComponent, BabylonContainerTextL2Component, BabylonDynamicHeadingComponent, BabylonEngineComponent, BabylonEngineModalComponent, BabylonEngineModalV3Component, BabylonEngineWidgetModalComponent, BabylonExternalScriptComponent, BabylonFaqComponent, BabylonFaqV2Component, BabylonFeaturePillsComponent, BabylonFeaturePillsNumberComponent, BabylonFeaturesSliderComponent, BabylonFilterModalComponent, BabylonFloatingButtonsComponent, BabylonFoAddrContImgComponent, BabylonFoC3ImgTxtComponent, BabylonFoLisC4TxtComponent, BabylonFoSliImgComponent, BabylonFooterContactComponent, BabylonFooterLinksComponent, BabylonFooterLogosComponent, BabylonFooterSocialComponent, BabylonFooterSocialI, BabylonGalleryComponent, BabylonGalleryV2Component, BabylonGlobalModalComponent, BabylonGrC2ImgComponent, BabylonGridGalleryComponent, BabylonGuestsPopupComponent, BabylonHeMeSvgTextCtaMotComponent, BabylonHeSvgListComponent, BabylonHeadIntroComponent, BabylonHeaderBookShowComponent, BabylonHeaderClearComponent, BabylonHeaderClearV2Component, BabylonHeaderMenuCenterComponent, BabylonHeaderMenuLogoCenterComponent, BabylonHeaderMenuShowComponent, BabylonHeaderMobileComponent, BabylonHotelsListComponent, BabylonHotelsSliderComponent, BabylonImgBannerComponent, BabylonInfo2ColImgComponent, BabylonInfo2imgBigComponent, BabylonInfo2imgComponent, BabylonInfo3imgComponent, BabylonInfo4imgComponent, BabylonInfoBigComponent, BabylonInfoBigV2Component, BabylonInfoBigV3Component, BabylonInfoCircleImgsComponent, BabylonInfoGridComponent, BabylonInfoGridI, BabylonInfoImgComponent, BabylonInfoImgSliderComponent, BabylonInfoImgV2Component, BabylonInfoIntroComponent, BabylonInfoShowImgComponent, BabylonInfoZigZagComponent, BabylonInfoZigZagCounterComponent, BabylonInfoZigzagV2Component, BabylonInfoZigzagV4Component, BabylonItemsGridComponent, BabylonLanguageModalComponent, BabylonLanguageModalV2Component, BabylonLanguageModalV3Component, BabylonLegalComponent, BabylonLisC2ImgVidComponent, BabylonLisC2TxtComponent, BabylonLisC4TxtIcoComponent, BabylonLisC4TxtImgPdfComponent, BabylonLisC5TxtImgSvgComponent, BabylonLisSvgTxtCtaComponent, BabylonListBoxInfoComponent, BabylonListC3ImgTxtComponent, BabylonListC6TxtComponent, BabylonListGridComponent, BabylonListGridI, BabylonListImgComponent, BabylonListImgInfoComponent, BabylonListImgV2Component, BabylonLoyaltyTableComponent, BabylonModC2ImgTxtCtaComponent, BabylonModalMultipleMotorsComponent, BabylonModalService, BabylonNewsletterComponent, BabylonNewsletterI, BabylonNewsletterModalV2Component, BabylonOfferDetailComponent, BabylonOfferDetailV2Component, BabylonOfferPopupComponent, BabylonOfferPopupComponentV2, BabylonOfferPopupV3Component, BabylonOfferSliderComponent, BabylonOffersListComponent, BabylonOffersSliderComponent, BabylonPreloadComponent, BabylonPressListComponent, BabylonRoomDetailsComponent, BabylonRoomsColsComponent, BabylonRoomsGridComponent, BabylonRoomsListComponent, BabylonRoomsListV2Component, BabylonRoomsSliderComponent, BabylonServicesSliderComponent, BabylonSimpleImgInfoComponent, BabylonSliC1ImgTextComponent, BabylonSliC3SvgVidCtaComponent, BabylonSliC5ImgTxtComponent, BabylonSlider2colComponent, BabylonSlider2colV2Component, BabylonSlider2itemsComponent, BabylonSlider3ColComponent, BabylonSlider3colClearComponent, BabylonSlider3colV2Component, BabylonSlider3itemsComponent, BabylonSlider4colComponent, BabylonSliderBoxComponent, BabylonSliderImgStaticComponent, BabylonSliderImgStaticV2Component, BabylonSliderImgVideoComponent, BabylonSocialBarComponent, BabylonSocialBarV2Component, BabylonStaticFooterComponent, BabylonStaticFooterV2Component, BabylonStaticFooterV3Component, BabylonSubmenuHotelComponent, BabylonThanksComponent, BabylonTopSimpleBannerComponent, BabylonTopSimpleImgComponent, BabylonTopSliderComponent, BabylonTopSliderThumbsComponent, BabylonTopSliderV2Component, BabylonTopSliderVideoComponent, BabylonTopSliderVideoV2Component, BabylonVariantSelectorComponent, BabylonWebmapComponent, BabylonWebmapV2Component, ButtonType, C2ImgTxtSvgComponent, C2TxtCtaComponent, C2TxtCtaDesComponent, C2TxtImgV2Component, C2TxtMdh005Component, C2TxtRrssComponent, C3TxtImgCtaComponent, C4C1ImgTxtCComponent, C4C1ImgTxtComponent, C4C1TxtComponent, C4FoLinkSvgComponent, C4ForC2TxtComponent, C4HeImgTxtComponent, C4LisC2ImgTxtComponent, C4MeTxtSvgCtaComponent, C4SliC2ImgTxtCComponent, C4SliC2TxtImgComponent, C4TxtSvgComponent, CarC2TxtCtaComponent, H04SliderTextComponent, LisC2ImgTxtCv4Component, LisC2TxtImgComponent, LisC2TxtImgSvgCComponent, LisC3TxtImgCtComponent, LisC4TxtDesCtaComponent, ListRoomsComponent, LogoType, MapperService, SCREEN_SIZER_PARAMS_TOKEN, SITE_CONFIG_SERVICE_TOKEN, SafeHtmlPipe, ScreenSizerService, SliC1ImgSvgComponent, SliC2ImgComponent, SliC2ImgTxtCtaV3Component, SliC2ImgTxtCv5Component, SliC2TxtCarImgCComponent, SliC2TxtImgSvgCComponent, Utils, complex_links, organization_name };
|
|
20276
20351
|
//# sourceMappingURL=ctt-babylon.mjs.map
|