ctt-babylon 0.12.23 → 0.12.25
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-fo-c3-img-txt/babylon-fo-c3-img-txt.component.mjs +11 -6
- package/esm2022/lib/components/core/babylon-he-svg-list/babylon-he-svg-list.component.mjs +27 -6
- package/esm2022/lib/components/core/babylon-list-c3-img-txt/babylon-list-c3-img-txt.component.mjs +11 -6
- package/esm2022/lib/components/external/core/c2-txt-cta/c2-txt-cta.component.mjs +5 -3
- package/esm2022/lib/components/external/core/car-c2-txt-cta/car-c2-txt-cta.component.mjs +39 -17
- package/esm2022/lib/components/external/core/lis-c4-txt-des-cta/lis-c4-txt-des-cta.component.mjs +249 -92
- package/esm2022/lib/components/external/core/sli-c1-img-svg/sli-c1-img-svg.component.mjs +3 -3
- package/esm2022/lib/components/external/core/sli-c2-img/sli-c2-img.component.mjs +14 -4
- package/esm2022/lib/utils/utils.mjs +42 -1
- package/fesm2022/ctt-babylon.mjs +389 -129
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/lib/components/core/babylon-he-svg-list/babylon-he-svg-list.component.d.ts +1 -0
- package/lib/components/external/core/c2-txt-cta/c2-txt-cta.component.d.ts +3 -1
- package/lib/components/external/core/car-c2-txt-cta/car-c2-txt-cta.component.d.ts +3 -0
- package/lib/components/external/core/lis-c4-txt-des-cta/lis-c4-txt-des-cta.component.d.ts +13 -4
- package/lib/utils/utils.d.ts +3 -0
- package/package.json +1 -1
package/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -548,6 +548,47 @@ class Utils {
|
|
|
548
548
|
};
|
|
549
549
|
return list.sort((a, b) => toNum(a.order) - toNum(b.order));
|
|
550
550
|
}
|
|
551
|
+
static toSlug(input) {
|
|
552
|
+
return (input ?? '')
|
|
553
|
+
.toString()
|
|
554
|
+
.trim()
|
|
555
|
+
.toLowerCase()
|
|
556
|
+
.normalize('NFD')
|
|
557
|
+
.replace(/[\u0300-\u036f]/g, '') // quita tildes
|
|
558
|
+
.replace(/&/g, 'and') // opcional
|
|
559
|
+
.replace(/[^a-z0-9\s-]/g, '') // quita caracteres raros
|
|
560
|
+
.replace(/\s+/g, '-') // espacios -> -
|
|
561
|
+
.replace(/-+/g, '-') // colapsa ---
|
|
562
|
+
.replace(/^-|-$/g, ''); // quita - al inicio/fin
|
|
563
|
+
}
|
|
564
|
+
static uniqueSlug(label, used) {
|
|
565
|
+
const base = this.toSlug(label) || 'item';
|
|
566
|
+
if (!used.has(base)) {
|
|
567
|
+
used.add(base);
|
|
568
|
+
return base;
|
|
569
|
+
}
|
|
570
|
+
let i = 2;
|
|
571
|
+
while (used.has(`${base}-${i}`))
|
|
572
|
+
i++;
|
|
573
|
+
const slug = `${base}-${i}`;
|
|
574
|
+
used.add(slug);
|
|
575
|
+
return slug;
|
|
576
|
+
}
|
|
577
|
+
static canonicalHotelTypeSlug(label) {
|
|
578
|
+
// slug base (sin tildes/raros)
|
|
579
|
+
let s = Utils.toSlug(label);
|
|
580
|
+
// normaliza plurales comunes ES (hotel(es), apartamento(s))
|
|
581
|
+
// puedes ampliar aquí si tienes "apartamentos turísticos", etc.
|
|
582
|
+
if (s === 'hoteles')
|
|
583
|
+
return 'hotel';
|
|
584
|
+
if (s === 'apartamentos')
|
|
585
|
+
return 'apartamento';
|
|
586
|
+
// regla genérica suave: si termina en 's' y no es 'dos/tres/...' etc.
|
|
587
|
+
// (evita cargarte cosas como "pools" si existieran, pero aquí aplica bien)
|
|
588
|
+
if (s.endsWith('s'))
|
|
589
|
+
s = s.slice(0, -1);
|
|
590
|
+
return s;
|
|
591
|
+
}
|
|
551
592
|
}
|
|
552
593
|
|
|
553
594
|
class BabylonSlidersDirective {
|
|
@@ -8974,12 +9015,16 @@ class BabylonFoC3ImgTxtComponent {
|
|
|
8974
9015
|
return getFirstImageByTagFromMultimedia(this.multimedia, tagName);
|
|
8975
9016
|
}
|
|
8976
9017
|
buildMenuUrl(item) {
|
|
8977
|
-
if (!item)
|
|
9018
|
+
if (!item?.url)
|
|
8978
9019
|
return '';
|
|
8979
|
-
const
|
|
8980
|
-
const
|
|
8981
|
-
|
|
8982
|
-
|
|
9020
|
+
const baseUrl = item.url.replace(/\/+$/, '');
|
|
9021
|
+
const brand = (item.vars ?? '').toString().trim();
|
|
9022
|
+
if (!brand)
|
|
9023
|
+
return baseUrl;
|
|
9024
|
+
const slug = Utils.toSlug(brand);
|
|
9025
|
+
if (!slug)
|
|
9026
|
+
return baseUrl;
|
|
9027
|
+
return `${baseUrl}?brand=${slug}`;
|
|
8983
9028
|
}
|
|
8984
9029
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonFoC3ImgTxtComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8985
9030
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonFoC3ImgTxtComponent, isStandalone: true, selector: "lib-babylon-fo-c3-img-txt", inputs: { texts: "texts", multimedia: "multimedia" }, ngImport: i0, template: "<section class=\"mdl-f04\">\n <div class=\"mdl-container\">\n @if (texts?.title) {\n <h2 class=\"m-title\" [innerHTML]=\"texts?.title\"></h2>\n }\n\n @if (multimedia?.imagenes) {\n <div class=\"m-left\">\n @for (item of multimedia?.imagenes; track $index) {\n @if ($index < getImagesByTag(tagName).length) {\n <a\n [href]=\"buildMenuUrl(item.links?.[0])\"\n class=\"m-card\"\n [ngClass]=\"{\n red: $index % 3 === 0,\n blue: $index % 3 === 1,\n green: $index % 3 === 2,\n }\"\n >\n @if (getImagesByTag(tagNameLogo)) {\n <img\n [src]=\"\n getImagesByTag(tagNameLogo)[$index]?.img\n ?.src\n \"\n [alt]=\"\n getImagesByTag(tagNameLogo)[$index]?.img\n ?.src\n \"\n class=\"m-logo\"\n />\n }\n @if (getImagesByTag(tagNameLogoHover)) {\n <img\n [src]=\"\n getImagesByTag(tagNameLogoHover)[$index]\n ?.img?.src\n \"\n [alt]=\"\n getImagesByTag(tagNameLogoHover)[$index]\n ?.img?.src\n \"\n class=\"m-logo m-hover\"\n />\n }\n <span class=\"dot\"></span>\n @if (getImagesByTag(tagName)) {\n <div class=\"m-hover-img\">\n <img\n [src]=\"\n getImagesByTag(tagName)[$index]?.img\n ?.src\n \"\n [alt]=\"\n getImagesByTag(tagName)[$index]?.img\n ?.src\n \"\n />\n </div>\n }\n </a>\n }\n }\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-f04{padding-top:8.6rem;padding-bottom:8.6rem}.mdl-f04.has-footer{padding-bottom:0}.mdl-f04.has-footer .mdl-container{border-bottom:0}.mdl-f04 .mdl-container{display:flex;flex-direction:row;justify-content:space-between;align-items:start;border-bottom:1px solid #e4e4e4}.mdl-f04 .mdl-container .m-title{height:max-content;max-width:27rem;font-family:jokker,sans-serif;font-weight:300;font-size:3.8rem;line-height:4.4rem}@media (max-width: 375px){.mdl-f04 .mdl-container .m-title{font-size:2.8rem}}.mdl-f04 .mdl-container .m-title{color:#515050}.mdl-f04 .mdl-container .m-left{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.mdl-f04 .mdl-container .m-left .m-card{padding:0 1rem 6.8rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:start;align-items:center;width:31.5rem}.mdl-f04 .mdl-container .m-left .m-card.red .dot{background-color:#ff4338}.mdl-f04 .mdl-container .m-left .m-card.green .dot{background-color:#3fd5ae}.mdl-f04 .mdl-container .m-left .m-card.blue .dot{background-color:#5b87da}@media (hover: hover){.mdl-f04 .mdl-container .m-left .m-card:hover .m-hover-img img{scale:1.2}.mdl-f04 .mdl-container .m-left .m-card:hover:has(.m-hover) .m-logo{display:none}.mdl-f04 .mdl-container .m-left .m-card:hover:has(.m-hover) .m-logo.m-hover{display:block}}.mdl-f04 .mdl-container .m-left .m-card:not(:last-child){border-right:1px solid #e4e4e4}.mdl-f04 .mdl-container .m-left .m-card:nth-child(1) span{background-color:#ff4338}.mdl-f04 .mdl-container .m-left .m-card:nth-child(2) span{background-color:#5b87da}.mdl-f04 .mdl-container .m-left .m-card:nth-child(3) span{background-color:#3fd5ae}.mdl-f04 .mdl-container .m-left .m-card .m-logo{max-width:22rem}.mdl-f04 .mdl-container .m-left .m-card .m-logo.m-hover{display:none}.mdl-f04 .mdl-container .m-left .m-card .dot{width:1.4rem;height:1.4rem;border-radius:100%;margin-top:1.6rem}.mdl-f04 .mdl-container .m-left .m-card .m-hover-img{width:14.9rem;overflow:hidden;margin-top:3rem}.mdl-f04 .mdl-container .m-left .m-card .m-hover-img img{width:100%;height:100%;object-fit:cover;transition:scale 2s ease-in-out}@media (max-width: 1366px){.mdl-f04 .mdl-container .m-title{font-size:3.2rem;max-width:23rem}.mdl-f04 .mdl-container .m-left .m-card{width:21vw}.mdl-f04 .mdl-container .m-left .m-card .m-logo{max-width:100%;width:19rem}.mdl-f04 .mdl-container .m-left .m-card .m-hover-img{width:12.8rem}}@media (max-width: 1080px){.mdl-f04{padding-top:6rem;padding-bottom:6rem}.mdl-f04 .mdl-container{flex-direction:column;gap:6rem;align-items:center;border-bottom:none}.mdl-f04 .mdl-container .m-title{max-width:80%;text-align:center}.mdl-f04 .mdl-container .m-left{display:flex;flex-wrap:wrap}.mdl-f04 .mdl-container .m-left .m-card{padding:6.8rem 1rem;width:50%;border-bottom:1px solid #e4e4e4}.mdl-f04 .mdl-container .m-left .m-card:not(:first-child){border-right:none}.mdl-f04 .mdl-container .m-left .m-card:last-child{width:100%;margin-top:7rem}.mdl-f04 .mdl-container .m-left .m-card .m-hover-img{width:15rem}}@media (max-width: 540px){.mdl-f04{padding-top:5rem;padding-bottom:5rem}.mdl-f04 .mdl-container{gap:1rem}.mdl-f04 .mdl-container .m-title{max-width:100%}.mdl-f04 .mdl-container .m-left{flex-wrap:nowrap;flex-direction:column;width:100%}.mdl-f04 .mdl-container .m-left .m-card{border-bottom:1px solid #e4e4e4;width:100%;margin-top:0!important;border-right:none!important;padding:5rem 0}.mdl-f04 .mdl-container .m-left .m-card .m-hover-img{width:11.8rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
@@ -9707,14 +9752,34 @@ class BabylonHeSvgListComponent {
|
|
|
9707
9752
|
dialogRef.componentInstance.close = event;
|
|
9708
9753
|
}
|
|
9709
9754
|
buildMenuUrl(item) {
|
|
9755
|
+
if (!item?.url)
|
|
9756
|
+
return '';
|
|
9757
|
+
const baseUrl = item.url.replace(/\/+$/, '');
|
|
9710
9758
|
const order = item.order?.toString();
|
|
9711
9759
|
if (order !== '2' && order !== '3') {
|
|
9712
|
-
return
|
|
9760
|
+
return baseUrl;
|
|
9713
9761
|
}
|
|
9714
|
-
const
|
|
9715
|
-
|
|
9716
|
-
|
|
9717
|
-
|
|
9762
|
+
const label = (item.label ?? '').toString().trim();
|
|
9763
|
+
if (!label)
|
|
9764
|
+
return baseUrl;
|
|
9765
|
+
const filterSlug = this.canonicalSlug(label);
|
|
9766
|
+
if (!filterSlug)
|
|
9767
|
+
return baseUrl;
|
|
9768
|
+
return `${baseUrl}?filter=${filterSlug}`;
|
|
9769
|
+
}
|
|
9770
|
+
canonicalSlug(value) {
|
|
9771
|
+
let s = Utils.toSlug(value);
|
|
9772
|
+
if (!s)
|
|
9773
|
+
return '';
|
|
9774
|
+
if (s.length > 3 && s.endsWith('es')) {
|
|
9775
|
+
const base = s.slice(0, -2);
|
|
9776
|
+
if (base.endsWith('c'))
|
|
9777
|
+
return base.slice(0, -1) + 'z';
|
|
9778
|
+
return base;
|
|
9779
|
+
}
|
|
9780
|
+
if (s.length > 3 && s.endsWith('s'))
|
|
9781
|
+
return s.slice(0, -1);
|
|
9782
|
+
return s;
|
|
9718
9783
|
}
|
|
9719
9784
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonHeSvgListComponent, deps: [{ token: i0.ElementRef }, { token: i1$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9720
9785
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonHeSvgListComponent, isStandalone: true, selector: "lib-babylon-he-svg-list", inputs: { dinamyHeader: "dinamyHeader", hotelPage: "hotelPage", menu: "menu", logos: "logos", floatingButtons: "floatingButtons", links: "links", locale: "locale", hotel: "hotel", items: "items", selected: "selected", styles: "styles", widgetConfig: "widgetConfig" }, outputs: { openLanguages: "openLanguages", openOfferPop: "openOfferPop" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0, template: "<!-- A\u00F1adir clase hotel-card para ficha hotel -->\n<!-- Al a\u00F1adir la clase force-sticky evitamos el efecto de cambiar entre sticky en el scroll down/up -->\n<section class=\"mdl-header\">\n <div class=\"mdl-container\">\n <!-- Men\u00FA desktop y contenedor para logo, idioma y usuario -->\n <div class=\"m-menu\">\n <!-- Bot\u00F3n flotante para reserva online -->\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <div class=\"m-checking-online\">\n <a\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"\n floatingButtons?.links?.[1]?.label\n \"\n >\n <span>{{\n floatingButtons?.links?.[1]?.label\n }}</span>\n </a>\n </div>\n }\n }\n\n <!-- Book now button -->\n @if (floatingButtons?.textsButtons?.booktext) {\n <div\n class=\"m-book-container\"\n [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n >\n <a\n (click)=\"openEngineModal()\"\n class=\"m-button m-book\"\n [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n >{{ floatingButtons?.textsButtons?.booktext }}</a\n >\n </div>\n }\n\n <!-- Logo -->\n @if (logos) {\n <a\n [href]=\"menu?.[0]?.url ?? '/es/home'\"\n [linkType]=\"menu?.[0]?.linkType\"\n [attr.aria-label]=\"menu?.[0]?.label\"\n class=\"m-logo\"\n >\n @if (logos.logoDesktop) {\n <img\n [src]=\"logos.logoDesktop.src\"\n [alt]=\"logos.logoDesktop.alt\"\n />\n }\n @if (logos.logoMenu) {\n <img\n class=\"red\"\n [src]=\"logos.logoMenu.src\"\n [alt]=\"logos.logoMenu.alt\"\n />\n }\n </a>\n }\n <!-- Links + Lang + user -->\n <div class=\"m-links-container\">\n <!-- Links -->\n @if (menu?.length) {\n <div class=\"m-links\">\n @for (item of menu; track $index) {\n @if (item) {\n <a\n [href]=\"buildMenuUrl(item)\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n (anchorClicked)=\"closeMenuBurger()\"\n >\n @if ($index == 0) {\n <img\n src=\"/assets/babylon/svg/icons/home.svg\"\n alt=\"home\"\n />\n } @else {\n {{ item.label }}\n }\n </a>\n }\n }\n </div>\n }\n <!-- Motor sticky -->\n\n <div class=\"m-motor\"></div>\n\n <!-- user + lang -->\n <div class=\"m-right\">\n <button\n type=\"button\"\n class=\"m-burger\"\n aria-label=\"Abrir men\u00FA\"\n aria-expanded=\"false\"\n aria-controls=\"burger-menu\"\n (click)=\"showMenuBurger()\"\n >\n <svg\n width=\"37\"\n height=\"23\"\n viewBox=\"0 0 37 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M36.2338 0H0V1.81963H36.2338V0Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n fill=\"#515050\"\n />\n </svg>\n </button>\n <!-- <button\n type=\"button\"\n class=\"m-user\"\n aria-label=\"Abrir men\u00FA de usuario\"\n (click)=\"openOfferPopup()\"\n >\n <svg\n width=\"20\"\n height=\"22\"\n viewBox=\"0 0 20 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path\n d=\"M17.941 14.8491C16.938 13.8431 15.602 13.2891 14.178 13.2891H5.321C3.899 13.2891 2.563 13.8431 1.558 14.8491C0.552001 15.8541 -0.000998646 17.1901 1.35387e-06 18.6121V20.8261C1.35387e-06 21.3191 0.400001 21.7201 0.894001 21.7201C1.386 21.7201 1.787 21.3201 1.787 20.8261V18.6121C1.787 17.6681 2.155 16.7791 2.823 16.1111C3.488 15.4441 4.376 15.0761 5.322 15.0761H14.18C15.125 15.0761 16.013 15.4431 16.679 16.1111C17.347 16.7771 17.714 17.6661 17.714 18.6121V20.8261C17.714 21.3191 18.114 21.7201 18.608 21.7201C19.1 21.7201 19.501 21.3201 19.501 20.8261V18.6121C19.501 17.1901 18.947 15.8541 17.941 14.8491Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M9.75069 10.644C12.6857 10.644 15.0727 8.257 15.0727 5.322C15.0727 2.387 12.6857 0 9.75069 0C6.81569 0 4.42969 2.387 4.42969 5.322C4.42969 8.257 6.81569 10.644 9.75069 10.644ZM9.75069 1.786C11.7007 1.786 13.2867 3.372 13.2867 5.322C13.2867 7.272 11.7007 8.858 9.75069 8.858C7.80169 8.858 6.21569 7.272 6.21569 5.322C6.21569 3.372 7.80169 1.786 9.75069 1.786Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button> -->\n <button\n type=\"button\"\n class=\"m-lang\"\n aria-label=\"Seleccionar idioma\"\n data-src=\"#idiomas-form\"\n (click)=\"openLanguagesModal()\"\n >\n <svg\n width=\"23\"\n height=\"23\"\n viewBox=\"0 0 23 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path\n d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button>\n </div>\n </div>\n </div>\n <div class=\"sticky-sentinel\"></div>\n <!-- Men\u00FA rojo para ficha hotel -->\n <div\n class=\"m-card-hotel\"\n [ngClass]=\"{ hidden: !items?.length }\"\n [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n >\n @if (hotel) {\n <a\n [href]=\"items?.[0]?.url\"\n [linkType]=\"items?.[0]?.linkType\"\n class=\"m-hotel-logo\"\n >\n <div class=\"m-title\">{{ hotel }}</div>\n <!-- <div class=\"m-stars\">\n <span>hotel</span>\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n </div> -->\n </a>\n }\n\n @if (items?.length) {\n <div class=\"m-hotel-submenus\">\n @for (item of items; track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n class=\"m-submenu\"\n >{{ item.label }}</a\n >\n }\n </div>\n }\n </div>\n </div>\n\n <div class=\"m-optionsmobile\">\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <div class=\"m-checking-online\">\n <a\n type=\"button\"\n class=\"m-checking-online-button\"\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"floatingButtons?.links?.[1]?.label\"\n >\n {{ floatingButtons?.links?.[1]?.label }}\n </a>\n </div>\n }\n }\n <button\n type=\"button\"\n class=\"m-menumobile\"\n aria-label=\"Abrir men\u00FA\"\n aria-expanded=\"false\"\n aria-controls=\"burger-menu\"\n (click)=\"showMenuBurger()\"\n >\n @if (floatingButtons?.textsButtons?.menuText) {\n <span>{{ floatingButtons?.textsButtons?.menuText }}</span>\n } @else {\n <span>-</span>\n }\n\n <svg\n width=\"37\"\n height=\"23\"\n viewBox=\"0 0 37 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path d=\"M36.2338 0H0V1.81963H36.2338V0Z\" fill=\"#515050\" />\n <path\n d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button>\n\n @if (floatingButtons?.textsButtons?.booktext) {\n <a\n class=\"m-bookmobile\"\n (click)=\"openEngineModal()\"\n [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n >{{ floatingButtons?.textsButtons?.booktext }}</a\n >\n }\n </div>\n\n <div id=\"burger-menu\" class=\"m-burger-menu\">\n <button\n type=\"button\"\n class=\"close\"\n aria-label=\"Cerrar men\u00FA\"\n (click)=\"showMenuBurger()\"\n [ngClass]=\"{\n color: styles === undefined,\n }\"\n >\n @if (styles?.primary && hotel && items?.length) {\n <svg\n width=\"14\"\n height=\"13\"\n viewBox=\"0 0 14 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M1.33677 0.739403C1.51937 0.55773 1.76696 0.455628 2.02454 0.456284C2.28202 0.456975 2.52861 0.560362 2.71024 0.742856L7.08546 5.14018L11.4344 0.740094C11.616 0.557565 11.8627 0.45426 12.1201 0.453522C12.3777 0.452865 12.6253 0.554968 12.8079 0.736641C12.9904 0.918282 13.0938 1.16484 13.0945 1.42234C13.0951 1.67992 12.993 1.92751 12.8114 2.11011L8.35259 6.59099L12.7409 11.0014C12.9226 11.184 13.0247 11.4317 13.0241 11.6892C13.0234 11.9467 12.9199 12.1933 12.7375 12.3749C12.5549 12.5566 12.3073 12.6587 12.0497 12.658C11.7922 12.6573 11.5456 12.554 11.364 12.3714L6.98948 7.97482L2.6405 12.3749C2.45885 12.5575 2.21164 12.6601 1.95411 12.6608C1.69663 12.6614 1.4496 12.5599 1.26702 12.3784C1.08449 12.1967 0.98118 11.9501 0.980453 11.6927C0.979797 11.4351 1.0819 11.1875 1.26357 11.0049L5.72097 6.52401L1.33332 2.11288C1.15177 1.93037 1.05033 1.68321 1.05089 1.42579C1.05154 1.16825 1.15422 0.921069 1.33677 0.739403Z\"\n [attr.fill]=\"styles?.primary ?? '#fff'\"\n />\n </svg>\n } @else {\n <img\n src=\"/assets/babylon/svg/icons/close-small.svg\"\n alt=\"close\"\n />\n }\n </button>\n\n @if (styles?.primary && hotel && items?.length) {\n <div\n class=\"background-container\"\n [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n ></div>\n }\n <div class=\"m-container\">\n @if (logos?.logoMenu) {\n <div class=\"m-header\">\n <a\n [href]=\"menu?.[0]?.url ?? '/es/home'\"\n [linkType]=\"menu?.[0]?.linkType\"\n [attr.aria-label]=\"menu?.[0]?.label\"\n class=\"m-logo\"\n >\n <img\n [ngClass]=\"{\n white:\n styles?.primary && hotel && items?.length,\n }\"\n [src]=\"logos?.logoMenu?.src\"\n [alt]=\"logos?.logoMenu?.alt\"\n />\n </a>\n @if (hotel && items?.length) {\n <a\n [href]=\"items?.[0]?.url\"\n [linkType]=\"items?.[0]?.linkType\"\n >\n <div class=\"m-title\">{{ hotel }}</div>\n </a>\n }\n </div>\n }\n\n @if (hotel && items?.length) {\n <div class=\"m-links hotel-menu\">\n <div class=\"m-links-container\">\n @for (item of items; track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n class=\"m-submenu\"\n >{{ item.label }}</a\n >\n }\n <a\n [href]=\"menu?.[0]?.url ?? '/es/home'\"\n [linkType]=\"menu?.[0]?.linkType\"\n [attr.aria-label]=\"menu?.[0]?.label\"\n class=\"m-logo\"\n [style.--hover-color]=\"\n styles?.primaryHover ??\n styles?.primary ??\n '#ed3b37'\n \"\n >\n {{ menu?.[0]?.label }}\n <img\n [src]=\"logos?.logoMenu?.src\"\n [alt]=\"logos?.logoMenu?.alt\"\n />\n </a>\n </div>\n </div>\n }\n @if (menu?.length) {\n <div\n [class]=\"\n hotel && items?.length\n ? 'm-links menu-general'\n : 'm-links'\n \"\n >\n <div class=\"m-links-container\">\n @for (item of menu; track $index) {\n @if (item) {\n <a\n [href]=\"buildMenuUrl(item)\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n (anchorClicked)=\"closeMenuBurger()\"\n [style.--hover-color]=\"\n styles?.primaryHover ??\n styles?.primary ??\n '#ed3b37'\n \"\n >\n {{ item.label }}\n </a>\n }\n }\n </div>\n </div>\n }\n\n <div class=\"m-footer\">\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <a\n class=\"m-checking-online-button\"\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"\n floatingButtons?.links?.[1]?.label\n \"\n >\n {{ floatingButtons?.links?.[1]?.label }}\n </a>\n }\n }\n\n <div class=\"m-footer-container\">\n <a href=\"mailto:\">\n <svg\n width=\"17\"\n height=\"14\"\n viewBox=\"0 0 17 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14.4671 13.1518H2.67741C2.04751 13.1518 1.45549 12.9068 1.01086 12.4613C0.565375 12.0158 0.320312 11.4238 0.320312 10.7939V2.38198C0.320312 2.37524 0.320312 2.36766 0.320312 2.36093C0.323681 1.73608 0.568744 1.14912 1.01086 0.706168C1.45549 0.260688 2.04751 0.015625 2.67741 0.015625H14.4671C15.097 0.015625 15.689 0.260688 16.1336 0.706168C16.5757 1.14912 16.8208 1.73608 16.8242 2.36093C16.8242 2.36766 16.8242 2.37524 16.8242 2.38198V10.7939C16.8242 11.4238 16.5791 12.0158 16.1336 12.4613C15.689 12.9068 15.097 13.1518 14.4671 13.1518ZM1.66686 3.63084V10.7931C1.66686 11.0592 1.77464 11.3194 1.96328 11.5072C2.15444 11.6983 2.40791 11.8036 2.67823 11.8036H14.4679C14.7332 11.8036 14.9942 11.6958 15.1828 11.5072C15.3715 11.3194 15.4793 11.0592 15.4793 10.7931V3.63084L8.94699 7.98544C8.7213 8.13702 8.4257 8.13702 8.20001 7.98544L1.66686 3.63084ZM1.7199 2.04765L8.57224 6.61615L15.4246 2.04765C15.3749 1.90281 15.2932 1.76976 15.182 1.6586C14.9934 1.46997 14.7332 1.36217 14.4671 1.36217H2.67741C2.40793 1.36217 2.15361 1.46744 1.96245 1.6586C1.85129 1.76976 1.76959 1.90281 1.7199 2.04765Z\"\n fill=\"white\"\n />\n </svg>\n </a>\n\n <!-- <a (click)=\"openOfferPopup()\">\n <svg\n width=\"20\"\n height=\"23\"\n viewBox=\"0 0 20 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M17.941 15.185C16.938 14.179 15.602 13.625 14.178 13.625H5.321C3.899 13.625 2.563 14.179 1.558 15.185C0.552001 16.19 -0.000998646 17.526 1.35387e-06 18.948V21.162C1.35387e-06 21.655 0.400001 22.056 0.894001 22.056C1.386 22.056 1.787 21.656 1.787 21.162V18.948C1.787 18.004 2.155 17.115 2.823 16.447C3.488 15.78 4.376 15.412 5.322 15.412H14.18C15.125 15.412 16.013 15.779 16.679 16.447C17.347 17.113 17.714 18.002 17.714 18.948V21.162C17.714 21.655 18.114 22.056 18.608 22.056C19.1 22.056 19.501 21.656 19.501 21.162V18.948C19.501 17.526 18.947 16.19 17.941 15.185Z\"\n fill=\"white\"\n />\n <path\n d=\"M9.75069 10.9799C12.6857 10.9799 15.0727 8.59294 15.0727 5.65794C15.0727 2.72294 12.6857 0.335938 9.75069 0.335938C6.81569 0.335938 4.42969 2.72294 4.42969 5.65794C4.42969 8.59294 6.81569 10.9799 9.75069 10.9799ZM9.75069 2.12194C11.7007 2.12194 13.2867 3.70794 13.2867 5.65794C13.2867 7.60794 11.7007 9.19394 9.75069 9.19394C7.80169 9.19394 6.21569 7.60794 6.21569 5.65794C6.21569 3.70794 7.80169 2.12194 9.75069 2.12194Z\"\n fill=\"white\"\n />\n </svg>\n </a> -->\n\n <div\n class=\"m-lang\"\n data-src=\"#idiomas-form\"\n (click)=\"openLanguagesModal()\"\n >\n <svg\n width=\"23\"\n height=\"23\"\n viewBox=\"0 0 23 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n fill=\"white\"\n />\n <path\n d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n fill=\"white\"\n />\n <path\n d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n fill=\"white\"\n />\n <path\n d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n fill=\"white\"\n />\n <path\n d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n fill=\"white\"\n />\n </svg>\n </div>\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}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-header{position:fixed;width:100%;z-index:99;padding-left:0!important;padding-right:0!important;top:0}.mdl-header.hotel-card.force-sticky .mdl-container .m-card-hotel{display:flex}.mdl-header.sticky .mdl-container,.mdl-header.force-sticky .mdl-container{max-width:initial}.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{align-items:center;padding:1.5rem 6.6rem 1.5rem 3rem;gap:6.4rem;background-color:#fff;border-bottom:1px solid #e4e4e4}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{top:inherit;bottom:-2.3rem;align-content:flex-end;right:5.7rem;transition:height .5s ease,bottom .5s ease;padding-bottom:.6rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online:hover,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header.sticky .mdl-container .m-menu .m-logo img:not(.red),.mdl-header.force-sticky .mdl-container .m-menu .m-logo img:not(.red){display:none}.mdl-header.sticky .mdl-container .m-menu .m-logo img.red,.mdl-header.force-sticky .mdl-container .m-menu .m-logo img.red{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{width:100%;gap:12.6rem}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-links,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-motor,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-motor{display:flex}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right svg path,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right svg path{fill:#515050}.mdl-header .mdl-container{max-width:initial;transition:.3s ease}.mdl-header .mdl-container .m-card-hotel{width:100%;height:auto;max-height:6.6rem;padding:1.6rem 3rem;box-sizing:border-box;position:relative;flex-direction:row;align-items:center;justify-content:flex-start}@media (max-width: 1100px){.mdl-header .mdl-container .m-card-hotel{max-height:inherit}}.mdl-header .mdl-container .m-card-hotel.hidden{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{display:flex;flex-direction:column;gap:.5rem;width:max-content}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-title{font-family:jokker,sans-serif;font-weight:500;font-style:Medium;font-size:1.8rem;color:#fff}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex;flex-direction:row;align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars span{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;letter-spacing:1.4px;color:#fff;text-transform:capitalize;opacity:.8;margin-right:.2rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:flex;flex-direction:row;align-items:center;gap:5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;color:#fff;text-transform:uppercase;transition:opacity .3s ease}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu:hover{opacity:60%}@media (max-width: 1280px){.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu{display:flex;flex-direction:row;gap:4rem;padding:6rem 7rem;align-items:start;justify-content:space-between;position:relative;z-index:1}.mdl-header .mdl-container .m-menu .m-checking-online{background-color:#c4a857;position:absolute;top:0;align-content:flex-end;right:7rem;font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;font-weight:500;color:#fff;height:2.3rem;padding:5px 2.5rem .6rem;box-sizing:border-box;cursor:pointer;transition:height .5s ease,bottom .5s ease}.mdl-header .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:none;max-width:21.5rem;width:100%;justify-content:center}.mdl-header .mdl-container .m-menu .m-book-container .m-book{text-align:center;border-radius:unset;width:100%;font-family:jokker,sans-serif;text-transform:capitalize;font-size:2.6rem;height:6rem;font-weight:500;align-content:center}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem;object-fit:cover}.mdl-header .mdl-container .m-menu .m-logo img.red{width:27rem;display:none}.mdl-header .mdl-container .m-menu .m-links-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) button:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) button:not(:hover){opacity:.6}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;text-transform:uppercase}@media (max-width: 1366px){.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{color:#fff;transition:opacity .3s ease;opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none;height:6rem;width:100%;align-items:center;justify-content:center;font-family:jokker,sans-serif;text-transform:uppercase;box-sizing:border-box}.mdl-header .mdl-container .m-menu .m-links-container .m-right{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-user{cursor:pointer;transition:opacity .3s ease}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none;cursor:pointer}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg g{opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg path{fill:#fff}.mdl-header .m-optionsmobile{display:none;width:100%;position:fixed;bottom:0;left:0;flex-direction:row}.mdl-header .m-optionsmobile .m-checking-online-button{top:-3rem;position:absolute}.mdl-header .m-optionsmobile>a:not(.m-checking-online-button),.mdl-header .m-optionsmobile button:not(.m-checking-online-button){width:50%;box-sizing:border-box;padding:2.3rem 2rem;font-family:jokker,sans-serif;font-size:2.6rem}.mdl-header .m-optionsmobile>a.m-menumobile,.mdl-header .m-optionsmobile button.m-menumobile{display:flex;flex-direction:row;justify-content:center;gap:1.6rem;background-color:#fff;color:#515050;text-align:center;align-items:center;border-top:.1rem solid #e4e4e4}.mdl-header .m-optionsmobile>a.m-menumobile svg,.mdl-header .m-optionsmobile button.m-menumobile svg{margin-top:.4rem}.mdl-header .m-optionsmobile>a.m-bookmobile,.mdl-header .m-optionsmobile button.m-bookmobile{color:#fff;text-align:center}.mdl-header .m-burger-menu{position:fixed;background-color:#fff;height:100vh;width:100vw;top:0;transform:translate(-140vw);box-sizing:border-box;z-index:9;transition:transform .8s ease}.mdl-header .m-burger-menu.show{transform:translate(0)}.mdl-header .m-burger-menu.show .m-shadow{opacity:1}.mdl-header .m-burger-menu .close{position:absolute;right:5rem;top:4rem;cursor:pointer;transition:all 1s ease;height:4.4rem;width:4.4rem;border-radius:100%;display:flex;align-items:center;justify-content:center;background-color:var(--cl_btn-box-text)}.mdl-header .m-burger-menu .close.color{background-color:var(--cl_btn-box)}.mdl-header .m-burger-menu .close svg,.mdl-header .m-burger-menu .close img{transition:transform .4s ease;width:1.6rem;height:1.6rem}.mdl-header .m-burger-menu .close:hover svg,.mdl-header .m-burger-menu .close:hover img{transform:rotate(180deg)}.mdl-header .m-burger-menu .m-container{display:flex;flex-direction:row;height:100%;align-items:center}.mdl-header .m-burger-menu .m-container .m-header{width:50%;text-align:center}.mdl-header .m-burger-menu .m-container .m-header a{margin:0 0% 0 17%}.mdl-header .m-burger-menu .m-container .m-header a img{width:47rem}.mdl-header .m-burger-menu .m-container .m-header a:has(.m-title){display:block;margin-inline:auto}@media (min-width: 916px){.mdl-header .m-burger-menu .m-container .m-header a:has(.m-title){display:none}}.mdl-header .m-burger-menu .m-container .m-header .m-title{font-family:jokker,sans-serif;font-weight:500;font-style:Medium;font-size:1.8rem}.mdl-header .m-burger-menu .m-container .m-links.hotel-menu{display:none}.mdl-header .m-burger-menu .m-container .m-links.menu-general{display:block}@media (max-width: 916px){.mdl-header .m-burger-menu .m-container .m-links.hotel-menu{display:block}.mdl-header .m-burger-menu .m-container .m-links.menu-general{display:none}}.mdl-header .m-burger-menu .m-container .m-links{width:50%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{display:flex;flex-direction:column;gap:3rem;margin:0 16% 0 14%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-family:jokker,sans-serif;font-size:3.4rem;text-transform:capitalize;color:#515050;transition:color .1s ease;padding-bottom:3.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:not(:last-child){border-bottom:1px solid #e4e4e4}@media (min-width: 768px){.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:hover,.mdl-header .m-burger-menu .m-container .m-links .m-links-container a .active{color:var(--hover-color)!important}}@media (max-width: 767px){.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:hover,.mdl-header .m-burger-menu .m-container .m-links .m-links-container a .active{color:#515050!important}}.mdl-header .m-burger-menu .m-container .m-links .m-links-container .m-logo{display:flex;align-items:center}.mdl-header .m-burger-menu .m-container .m-links .m-links-container .m-logo img{height:70px;margin-left:-16px}.mdl-header .m-burger-menu .m-container .m-footer{display:none;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg{width:2.3rem;height:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg path{fill:#515050}.mdl-header .m-burger-menu .m-container .m-footer .m-checking-online-button{left:auto;transform:none}.mdl-header .m-lang{cursor:pointer;position:relative;transition:opacity .3s ease}.mdl-header .m-lang.show:before,.mdl-header .m-lang:hover:before{content:\"\";background-color:transparent;width:500%;position:absolute;height:10rem;align-self:center;top:0;left:-195%}@media (min-width: 1681px){.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{display:flex!important;align-items:center}}@media (max-width: 1445px){.mdl-header .mdl-container .m-menu .m-logo img{width:25rem}}@media (max-width: 1366px){.mdl-header .m-burger-menu .m-container .m-header a img{width:35rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:3rem}.mdl-header .mdl-container .m-menu{padding:5.8rem 4rem;gap:4.4rem!important}.mdl-header .mdl-container .m-menu .m-checking-online{right:6.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{gap:2rem!important}.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:2rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right{gap:2rem}}@media (max-width: 1280px){.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{gap:2.3rem!important;padding:1.5rem 3rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:2.8rem!important}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{gap:2.3rem!important}}@media (max-width: 1100px){.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:5.7rem!important}.mdl-header .mdl-container .m-menu{padding:4.2rem 2.6rem;flex-direction:row-reverse;align-items:center}.mdl-header .mdl-container .m-menu .m-checking-online{right:5.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:flex}.mdl-header .mdl-container .m-menu .m-logo{position:absolute;left:50%;transform:translate(-50%)}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none!important}.mdl-header .mdl-container .m-card-hotel{flex-direction:column;height:auto}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{position:relative;transform:none;left:auto;right:auto;border-top:1px solid rgba(255,255,255,.388);padding:1.15rem 5rem 0;margin-top:1.15rem;gap:4rem}.mdl-header .m-burger-menu .close{top:4.5rem}.mdl-header .m-burger-menu .m-container{flex-direction:column;padding:5rem 11rem}.mdl-header .m-burger-menu .m-container .m-header{width:100%;margin-bottom:6rem}.mdl-header .m-burger-menu .m-container .m-header .m-logo{margin:auto}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{margin:auto;padding:0;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:3rem;border-bottom:1px solid #e4e4e4!important}.mdl-header .m-burger-menu .m-container .m-header a img{width:50vw;min-width:20rem;max-width:30rem;position:relative;bottom:25px}.mdl-header .m-burger-menu .m-container .m-header a img.white{filter:invert(1) brightness(2)}}@media (max-width: 916px){.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{flex-direction:row-reverse}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none}.mdl-header .mdl-container .m-menu{padding:5rem 4rem}.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:24rem}.mdl-header .mdl-container .m-menu .m-checking-online,.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header .mdl-container .m-menu .m-book-container{display:none}.mdl-header .mdl-container .m-card-hotel{padding:1rem 3rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:none}.mdl-header .m-optionsmobile,.mdl-header .m-burger-menu .m-container .m-footer{display:flex}.mdl-header .m-burger-menu .m-container .m-header a img{width:50vw;min-width:20rem;max-width:30rem;position:relative;bottom:25px}.mdl-header .m-burger-menu .m-container .m-header a img.white{filter:invert(1) brightness(2)}}@media (max-width: 600px){.mdl-header .mdl-container .m-menu{padding:2rem 2.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{width:100%}.mdl-header .mdl-container .m-menu .m-links-container .m-right{width:100%;justify-content:space-between}.mdl-header .m-burger-menu .close{width:3rem;height:3rem;top:3.5rem;right:3.8rem}.mdl-header .m-burger-menu .m-container{padding:4rem 2rem}.mdl-header .m-burger-menu .m-container .m-header{margin-bottom:5rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:50vw;min-width:20rem;max-width:30rem;position:relative;bottom:20px}.mdl-header .m-burger-menu .m-container .m-header a img.white{filter:invert(1) brightness(2)}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{max-width:42rem;gap:2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:2.8rem;padding-bottom:2.8rem}.mdl-header .m-burger-menu .m-container .m-footer{max-width:42rem}}@media (max-width: 375px){.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:14rem}.mdl-header .m-burger-menu .close{top:2.2rem;right:2rem}.mdl-header .m-burger-menu .m-container{padding:2.6rem 3.8rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:21rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{gap:2.3rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer{flex-direction:column;gap:2.4rem}}section.mdl-breadcrumb{width:100%;margin-bottom:2rem;margin-top:16rem;display:flex;flex-direction:row;padding:0 6.6rem;gap:2rem;justify-content:end;height:3rem;align-items:center}section.mdl-breadcrumb.v-no-hotel{margin-top:13rem}section.mdl-breadcrumb .m-separator{width:1px;height:50%;background-color:#e4e4e4}section.mdl-breadcrumb .m-underline{font-family:jokker,sans-serif;font-weight:400;font-style:Medium;font-size:1.3rem;line-height:100%;font-weight:500;text-transform:capitalize;color:#515050}section.mdl-breadcrumb .m-underline:hover{color:#ff4338}@media (max-width: 1280px){section.mdl-breadcrumb{padding:0 3rem}}@media (max-width: 1080px){section.mdl-breadcrumb{margin-top:19rem}}@media (max-width: 916px){section.mdl-breadcrumb{display:none}}@keyframes showLangTooltip{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(0);pointer-events:all}}@keyframes showLangTooltipMobile{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(-17rem);pointer-events:all}}.m-checking-online-button{cursor:pointer;background-color:#c4a857;border-radius:8rem;padding:0 3rem;height:2.3rem;color:#fff;font-family:jokker,sans-serif;font-weight:500;line-height:23px;left:50%;transform:translate(-50%)}.m-img{max-height:50px;width:200px;bottom:8px;position:relative}.m-img .m-img img{width:200px;height:50px;object-fit:contain}.background-container{width:100%;height:120px;position:absolute;z-index:-1}@media (max-width: 600px){.background-container{height:90px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
@@ -14026,12 +14091,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
14026
14091
|
|
|
14027
14092
|
class BabylonListC3ImgTxtComponent {
|
|
14028
14093
|
buildMenuUrl(item) {
|
|
14029
|
-
if (!item)
|
|
14094
|
+
if (!item?.url)
|
|
14030
14095
|
return '';
|
|
14031
|
-
const
|
|
14032
|
-
const
|
|
14033
|
-
|
|
14034
|
-
|
|
14096
|
+
const baseUrl = item.url.replace(/\/+$/, '');
|
|
14097
|
+
const brand = (item.vars ?? '').toString().trim();
|
|
14098
|
+
if (!brand)
|
|
14099
|
+
return baseUrl;
|
|
14100
|
+
const slug = Utils.toSlug(brand);
|
|
14101
|
+
if (!slug)
|
|
14102
|
+
return baseUrl;
|
|
14103
|
+
return `${baseUrl}?brand=${slug}`;
|
|
14035
14104
|
}
|
|
14036
14105
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonListC3ImgTxtComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14037
14106
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonListC3ImgTxtComponent, isStandalone: true, selector: "lib-babylon-list-c3-img-txt", inputs: { texts: "texts", items: "items" }, ngImport: i0, template: "<section class=\"mdl-h03 list-c3-img-txt\">\n <div class=\"mdl-container\">\n @if (texts?.title) {\n <h2 class=\"m-title\" [innerHTML]=\"texts?.title\"></h2>\n }\n\n @if (items?.length) {\n <div class=\"m-cards-container\">\n @for (item of items; track $index) {\n @if (item) {\n <div class=\"m-card\">\n <a\n class=\"img-container-link\"\n [href]=\"buildMenuUrl(item.buttons?.[0])\"\n [linkType]=\"item.buttons?.[0]?.linkType\"\n type=\"button\"\n [attr.aria-label]=\"item.buttons?.[0]?.label\"\n >\n <div\n class=\"m-card-top\"\n [ngStyle]=\"{\n 'background-image': item.img?.src\n ? 'url(' + item.img?.src + ')'\n : 'none',\n }\"\n ></div>\n </a>\n\n <div class=\"m-content\">\n <!-- @if (item.texts?.pretitle) { -->\n <!-- TODO: Hacerlo dinamico -->\n @if ($index === 0) {\n <img\n [src]=\"\n '/assets/babylon/svg/branding/alegriahotels_white.svg'\n \"\n alt=\"logo\"\n class=\"m-logo\"\n />\n }\n @if ($index === 1) {\n <img\n [src]=\"\n '/assets/babylon/svg/branding/the_place_hotels_white.svg'\n \"\n alt=\"logo\"\n class=\"m-logo\"\n />\n }\n @if ($index === 2) {\n <img\n [src]=\"\n '/assets/babylon/svg/branding/chic_apartaments.svg'\n \"\n alt=\"logo\"\n class=\"m-logo\"\n />\n }\n <!-- } -->\n @if (item.texts?.title) {\n <h3 class=\"m-title\">\n {{ item.texts?.title }}\n </h3>\n }\n @if (item.texts?.subtitle) {\n <h4 class=\"m-subtitle\">\n {{ item.texts?.subtitle }}\n </h4>\n }\n\n @if (item.buttons?.length) {\n <a\n [href]=\"buildMenuUrl(item.buttons?.[0])\"\n [linkType]=\"item.buttons?.[0]?.linkType\"\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"{\n red: $index % 3 === 0,\n blue: $index % 3 === 1,\n green: $index % 3 === 2,\n }\"\n [attr.aria-label]=\"\n item.buttons?.[0]?.label\n \"\n >\n <span>{{\n item.buttons?.[0]?.label\n }}</span>\n </a>\n }\n </div>\n </div>\n }\n }\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-h03{padding-top:8.1rem;padding-bottom:13.2rem}.mdl-h03 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-h03 .mdl-container .m-title{text-align:center;color:#515050b2;font-weight:400;font-size:4.4rem;line-height:5.8rem;font-family:jokker,sans-serif}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-h03 .mdl-container .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-h03 .mdl-container .m-title{font-size:2.4rem;line-height:3rem}}.mdl-h03 .mdl-container .m-title{max-width:101.5rem}.mdl-h03 .mdl-container .m-title strong{color:#515050;font-weight:500}.mdl-h03 .mdl-container .m-title ::ng-deep strong{color:#515050;font-weight:500}.mdl-h03 .mdl-container .m-cards-container{display:grid;align-items:start;flex-direction:row;gap:7rem;max-width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.mdl-h03 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;max-width:48rem;width:27vw;cursor:pointer}.mdl-h03 .mdl-container .m-cards-container .m-card .img-container-link{width:100%;height:100%}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.blue) .m-card-top{background-color:#5b87da}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.red) .m-card-top{background-color:#ff4338}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.green) .m-card-top{background-color:#3fd5ae}@media (hover: hover){.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content{margin-top:-11rem}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-180%)}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;transition:all .3s ease;width:100%}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;top:50%;transform:translateY(-40%);opacity:0;transition:all .3s ease;filter:#fff}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:3.3rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-weight:400;font-size:2.8rem;line-height:3.2rem}}@media (max-width: 1080px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-weight:400;font-size:3.2rem;line-height:3.8rem}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{color:#515050}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;font-size:2.8rem;line-height:3.2rem}}@media (max-width: 1080px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;font-size:3.2rem;line-height:3.8rem}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;color:#515050b2}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container{gap:5.5rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{height:34vw}}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-title{max-width:66rem}}@media (max-width: 1080px){.mdl-h03{padding-top:7.5rem;padding-bottom:4.3rem}.mdl-h03 .mdl-container .m-cards-container{flex-direction:column;display:flex}.mdl-h03 .mdl-container .m-cards-container .m-card{width:48rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{max-height:62.2rem;height:62.2rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-logo{width:27rem}}@media (max-width: 768px){.mdl-h03{padding-left:14.4rem!important;padding-right:14.4rem!important}.mdl-h03 .mdl-container .m-cards-container{width:100%}.mdl-h03 .mdl-container .m-cards-container .m-card{height:89vw;width:100%;min-height:60rem;max-width:none}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.blue) .m-content .m-logo{filter:invert(62%) sepia(36%) saturate(7040%) hue-rotate(200deg) brightness(96%) contrast(76%)}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.red) .m-content .m-logo{filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.green) .m-content .m-logo{filter:invert(67%) sepia(70%) saturate(373%) hue-rotate(113deg) brightness(93%) contrast(90%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{height:16rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:relative;opacity:1;transform:none;top:auto;margin-bottom:1rem;filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{display:none}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{opacity:1;transform:none}}@media (max-width: 540px){.mdl-h03{padding-left:5.1rem!important;padding-right:5.1rem!important}.mdl-h03 .mdl-container .m-title{width:100%;max-width:none}.mdl-h03 .mdl-container .m-cards-container .m-card{min-height:auto;height:60rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}}@media (max-width: 375px){.mdl-h03{padding-left:3.7rem!important;padding-right:3.7rem!important;padding-top:5rem;padding-bottom:5rem}.mdl-h03 .mdl-container .m-title{width:100%;max-width:none}.mdl-h03 .mdl-container .m-cards-container{gap:4rem}.mdl-h03 .mdl-container .m-cards-container .m-card{height:44rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{width:20rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.4rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:2rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{height:12rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }] }); }
|
|
@@ -16721,11 +16790,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
16721
16790
|
|
|
16722
16791
|
class C2TxtCtaComponent {
|
|
16723
16792
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2TxtCtaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16724
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C2TxtCtaComponent, isStandalone: true, selector: "c2-txt-cta", inputs: { texts: "texts", items: "items", rooms: "rooms", buttons: "buttons" }, ngImport: i0, template: "@if (texts) {\n <section class=\"mdl-mdh009\">\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n @if (texts.title) {\n <div class=\"m-titulo\">{{ texts.title }}</div>\n }\n @if (items) {\n <div class=\"m-list\">\n @for (item of items; track $index) {\n <div>\n {{ item?.title }}\n </div>\n }\n </div>\n }\n </div>\n <div class=\"m-right\">\n @if (rooms?.[0]?.texts?.description ?? texts.description) {\n <div class=\"m-texto\">\n {{\n rooms?.[0]?.texts?.description ?? texts.description\n }}\n </div>\n }\n @if (rooms?.[0]?.buttons?.[0] ?? buttons?.[0]; as btn) {\n <a\n class=\"m-button-sm\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"btn.target || '_self'\"\n [attr.aria-label]=\"btn.label\"\n [attr.rel]=\"\n (btn.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#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/img/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#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-mdh009{margin:6rem 0}.mdl-mdh009 .mdl-container{display:flex}.mdl-mdh009 .m-left,.mdl-mdh009 .m-right{width:50%}.mdl-mdh009 .m-left .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem;color:#515050}@media (max-width: 1366px){.mdl-mdh009 .m-left .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-mdh009 .m-left .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-mdh009 .m-left .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-mdh009 .m-left .m-list{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050}.mdl-mdh009 .m-right{display:flex;flex-direction:column;gap:4rem}.mdl-mdh009 .m-right .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem;color:#515050b2}@media (max-width: 1366px){.mdl-mdh009 .m-right .m-texto{font-size:2rem;line-height:3rem}}@media (max-width: 375px){.mdl-mdh009 .m-right .m-texto{font-size:1.8rem;line-height:2.6rem}}@media (max-width: 768px){.mdl-mdh009 .mdl-container{gap:2rem;flex-direction:column}.mdl-mdh009 .m-left,.mdl-mdh009 .m-right{width:100%}.mdl-mdh009 .m-left .m-list{margin-bottom:2rem}}@media (max-width: 540px){.mdl-mdh009 .m-right{align-items:center}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
16793
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C2TxtCtaComponent, isStandalone: true, selector: "c2-txt-cta", inputs: { texts: "texts", items: "items", rooms: "rooms", buttons: "buttons", styles: "styles" }, ngImport: i0, template: "@if (texts) {\n <section class=\"mdl-mdh009\">\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n @if (texts.title) {\n <div class=\"m-titulo\">{{ texts.title }}</div>\n }\n @if (items) {\n <div class=\"m-list\">\n @for (item of items; track $index) {\n <div>\n {{ item?.title }}\n </div>\n }\n </div>\n }\n </div>\n <div class=\"m-right\">\n @if (rooms?.[0]?.texts?.description ?? texts.description) {\n <div class=\"m-texto\">\n {{\n rooms?.[0]?.texts?.description ?? texts.description\n }}\n </div>\n }\n @if (rooms?.[0]?.buttons?.[0] ?? buttons?.[0]; as btn) {\n <a\n class=\"m-button-sm\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"btn.target || '_self'\"\n [attr.aria-label]=\"btn.label\"\n [attr.rel]=\"\n (btn.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [style.--color]=\"styles?.primary ?? '#ed3b37'\"\n [style.--hover-color]=\"\n styles?.primaryHover ?? styles?.primary ?? '#ed3b37'\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:var(--cl_btn-box-text);background-color:var(--color);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;color:var(--cl_btn-box-text)}@media (hover: hover){.m-button-sm:hover,.m-button-sm:focus{background-color:var(--hover-color)}.m-button-sm:hover span,.m-button-sm:focus span{color:var(--cl_btn-box-text)}}.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/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#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/img/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#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-mdh009{margin:6rem 0}.mdl-mdh009 .mdl-container{display:flex}.mdl-mdh009 .m-left,.mdl-mdh009 .m-right{width:50%}.mdl-mdh009 .m-left .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem;color:#515050}@media (max-width: 1366px){.mdl-mdh009 .m-left .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-mdh009 .m-left .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-mdh009 .m-left .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-mdh009 .m-left .m-list{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050}.mdl-mdh009 .m-right{display:flex;flex-direction:column;gap:4rem}.mdl-mdh009 .m-right .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem;color:#515050b2}@media (max-width: 1366px){.mdl-mdh009 .m-right .m-texto{font-size:2rem;line-height:3rem}}@media (max-width: 375px){.mdl-mdh009 .m-right .m-texto{font-size:1.8rem;line-height:2.6rem}}@media (max-width: 768px){.mdl-mdh009 .mdl-container{gap:2rem;flex-direction:column}.mdl-mdh009 .m-left,.mdl-mdh009 .m-right{width:100%}.mdl-mdh009 .m-left .m-list{margin-bottom:2rem}}@media (max-width: 540px){.mdl-mdh009 .m-right{align-items:center}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
16725
16794
|
}
|
|
16726
16795
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2TxtCtaComponent, decorators: [{
|
|
16727
16796
|
type: Component,
|
|
16728
|
-
args: [{ selector: 'c2-txt-cta', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective], template: "@if (texts) {\n <section class=\"mdl-mdh009\">\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n @if (texts.title) {\n <div class=\"m-titulo\">{{ texts.title }}</div>\n }\n @if (items) {\n <div class=\"m-list\">\n @for (item of items; track $index) {\n <div>\n {{ item?.title }}\n </div>\n }\n </div>\n }\n </div>\n <div class=\"m-right\">\n @if (rooms?.[0]?.texts?.description ?? texts.description) {\n <div class=\"m-texto\">\n {{\n rooms?.[0]?.texts?.description ?? texts.description\n }}\n </div>\n }\n @if (rooms?.[0]?.buttons?.[0] ?? buttons?.[0]; as btn) {\n <a\n class=\"m-button-sm\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"btn.target || '_self'\"\n [attr.aria-label]=\"btn.label\"\n [attr.rel]=\"\n (btn.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#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/img/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#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-mdh009{margin:6rem 0}.mdl-mdh009 .mdl-container{display:flex}.mdl-mdh009 .m-left,.mdl-mdh009 .m-right{width:50%}.mdl-mdh009 .m-left .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem;color:#515050}@media (max-width: 1366px){.mdl-mdh009 .m-left .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-mdh009 .m-left .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-mdh009 .m-left .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-mdh009 .m-left .m-list{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050}.mdl-mdh009 .m-right{display:flex;flex-direction:column;gap:4rem}.mdl-mdh009 .m-right .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem;color:#515050b2}@media (max-width: 1366px){.mdl-mdh009 .m-right .m-texto{font-size:2rem;line-height:3rem}}@media (max-width: 375px){.mdl-mdh009 .m-right .m-texto{font-size:1.8rem;line-height:2.6rem}}@media (max-width: 768px){.mdl-mdh009 .mdl-container{gap:2rem;flex-direction:column}.mdl-mdh009 .m-left,.mdl-mdh009 .m-right{width:100%}.mdl-mdh009 .m-left .m-list{margin-bottom:2rem}}@media (max-width: 540px){.mdl-mdh009 .m-right{align-items:center}}\n"] }]
|
|
16797
|
+
args: [{ selector: 'c2-txt-cta', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective], template: "@if (texts) {\n <section class=\"mdl-mdh009\">\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n @if (texts.title) {\n <div class=\"m-titulo\">{{ texts.title }}</div>\n }\n @if (items) {\n <div class=\"m-list\">\n @for (item of items; track $index) {\n <div>\n {{ item?.title }}\n </div>\n }\n </div>\n }\n </div>\n <div class=\"m-right\">\n @if (rooms?.[0]?.texts?.description ?? texts.description) {\n <div class=\"m-texto\">\n {{\n rooms?.[0]?.texts?.description ?? texts.description\n }}\n </div>\n }\n @if (rooms?.[0]?.buttons?.[0] ?? buttons?.[0]; as btn) {\n <a\n class=\"m-button-sm\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"btn.target || '_self'\"\n [attr.aria-label]=\"btn.label\"\n [attr.rel]=\"\n (btn.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [style.--color]=\"styles?.primary ?? '#ed3b37'\"\n [style.--hover-color]=\"\n styles?.primaryHover ?? styles?.primary ?? '#ed3b37'\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:var(--cl_btn-box-text);background-color:var(--color);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;color:var(--cl_btn-box-text)}@media (hover: hover){.m-button-sm:hover,.m-button-sm:focus{background-color:var(--hover-color)}.m-button-sm:hover span,.m-button-sm:focus span{color:var(--cl_btn-box-text)}}.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/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#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/img/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#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-mdh009{margin:6rem 0}.mdl-mdh009 .mdl-container{display:flex}.mdl-mdh009 .m-left,.mdl-mdh009 .m-right{width:50%}.mdl-mdh009 .m-left .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem;color:#515050}@media (max-width: 1366px){.mdl-mdh009 .m-left .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-mdh009 .m-left .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-mdh009 .m-left .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-mdh009 .m-left .m-list{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050}.mdl-mdh009 .m-right{display:flex;flex-direction:column;gap:4rem}.mdl-mdh009 .m-right .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem;color:#515050b2}@media (max-width: 1366px){.mdl-mdh009 .m-right .m-texto{font-size:2rem;line-height:3rem}}@media (max-width: 375px){.mdl-mdh009 .m-right .m-texto{font-size:1.8rem;line-height:2.6rem}}@media (max-width: 768px){.mdl-mdh009 .mdl-container{gap:2rem;flex-direction:column}.mdl-mdh009 .m-left,.mdl-mdh009 .m-right{width:100%}.mdl-mdh009 .m-left .m-list{margin-bottom:2rem}}@media (max-width: 540px){.mdl-mdh009 .m-right{align-items:center}}\n"] }]
|
|
16729
16798
|
}], propDecorators: { texts: [{
|
|
16730
16799
|
type: Input
|
|
16731
16800
|
}], items: [{
|
|
@@ -16734,6 +16803,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
16734
16803
|
type: Input
|
|
16735
16804
|
}], buttons: [{
|
|
16736
16805
|
type: Input
|
|
16806
|
+
}], styles: [{
|
|
16807
|
+
type: Input
|
|
16737
16808
|
}] } });
|
|
16738
16809
|
|
|
16739
16810
|
var topPanel = {
|
|
@@ -17715,6 +17786,8 @@ class CarC2TxtCtaComponent {
|
|
|
17715
17786
|
this.host = host;
|
|
17716
17787
|
/* @Input() content: CarC2TxtCtaContent = DEFAULT_CONTENT; */
|
|
17717
17788
|
this.tagName = 'CarC2TxtCta';
|
|
17789
|
+
this.showPrev = false;
|
|
17790
|
+
this.showNext = false;
|
|
17718
17791
|
this.platformId = inject(PLATFORM_ID);
|
|
17719
17792
|
}
|
|
17720
17793
|
ngAfterViewInit() {
|
|
@@ -17737,11 +17810,25 @@ class CarC2TxtCtaComponent {
|
|
|
17737
17810
|
trackByCard(index, card) {
|
|
17738
17811
|
return card.title ?? `${index}`;
|
|
17739
17812
|
}
|
|
17813
|
+
updateArrowsVisibility() {
|
|
17814
|
+
const s = this.swiperInstance;
|
|
17815
|
+
if (!s)
|
|
17816
|
+
return;
|
|
17817
|
+
// Si no hay nada que navegar (todo cabe), Swiper suele bloquearse
|
|
17818
|
+
const locked = s.isLocked === true ||
|
|
17819
|
+
s.slides.length <= s.params.slidesPerView;
|
|
17820
|
+
if (locked) {
|
|
17821
|
+
this.showPrev = false;
|
|
17822
|
+
this.showNext = false;
|
|
17823
|
+
return;
|
|
17824
|
+
}
|
|
17825
|
+
this.showPrev = !s.isBeginning;
|
|
17826
|
+
this.showNext = !s.isEnd;
|
|
17827
|
+
}
|
|
17740
17828
|
initSwiper() {
|
|
17741
17829
|
const container = this.host.nativeElement.querySelector('.mdl-mdh011 .swiper-container');
|
|
17742
|
-
if (!container)
|
|
17830
|
+
if (!container)
|
|
17743
17831
|
return;
|
|
17744
|
-
}
|
|
17745
17832
|
const nextButton = this.host.nativeElement.querySelector('.mdl-mdh011 .next');
|
|
17746
17833
|
const prevButton = this.host.nativeElement.querySelector('.mdl-mdh011 .prev');
|
|
17747
17834
|
this.swiperInstance = new Swiper(container, {
|
|
@@ -17757,20 +17844,26 @@ class CarC2TxtCtaComponent {
|
|
|
17757
17844
|
grabCursor: true,
|
|
17758
17845
|
spaceBetween: 70,
|
|
17759
17846
|
breakpoints: {
|
|
17760
|
-
0: {
|
|
17761
|
-
|
|
17762
|
-
},
|
|
17763
|
-
|
|
17764
|
-
|
|
17765
|
-
|
|
17766
|
-
|
|
17767
|
-
|
|
17768
|
-
|
|
17769
|
-
|
|
17770
|
-
|
|
17771
|
-
|
|
17847
|
+
0: { slidesPerView: 1 },
|
|
17848
|
+
770: { slidesPerView: 2 },
|
|
17849
|
+
1024: { spaceBetween: 60 },
|
|
17850
|
+
1366: { spaceBetween: 70 },
|
|
17851
|
+
},
|
|
17852
|
+
on: {
|
|
17853
|
+
init: () => this.updateArrowsVisibility(),
|
|
17854
|
+
slideChange: () => this.updateArrowsVisibility(),
|
|
17855
|
+
reachBeginning: () => this.updateArrowsVisibility(),
|
|
17856
|
+
reachEnd: () => this.updateArrowsVisibility(),
|
|
17857
|
+
fromEdge: () => this.updateArrowsVisibility(),
|
|
17858
|
+
resize: () => this.updateArrowsVisibility(),
|
|
17859
|
+
observerUpdate: () => this.updateArrowsVisibility(),
|
|
17772
17860
|
},
|
|
17773
17861
|
});
|
|
17862
|
+
// por si acaso (primer render / fuentes / imágenes)
|
|
17863
|
+
queueMicrotask(() => {
|
|
17864
|
+
this.swiperInstance?.update();
|
|
17865
|
+
this.updateArrowsVisibility();
|
|
17866
|
+
});
|
|
17774
17867
|
}
|
|
17775
17868
|
destroySwiper() {
|
|
17776
17869
|
if (this.swiperInstance) {
|
|
@@ -17786,11 +17879,11 @@ class CarC2TxtCtaComponent {
|
|
|
17786
17879
|
return getFirstImageByTagFromImages(imagenes, tagName);
|
|
17787
17880
|
}
|
|
17788
17881
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CarC2TxtCtaComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17789
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CarC2TxtCtaComponent, isStandalone: true, selector: "car-c2-txt-cta", inputs: { texts: "texts", items: "items", buttons: "buttons", styles: "styles" }, usesOnChanges: true, ngImport: i0, template: "@if (items) {\n <section class=\"mdl-mdh011\">\n <div class=\"mdl-container\">\n <div class=\"m-content-top\">\n @if (texts) {\n @if (texts.title) {\n <div class=\"m-title\">{{ texts.title }}</div>\n }\n @if (texts.description) {\n <div class=\"m-text\">\n {{ texts.description }}\n </div>\n }\n }\n @if (buttons?.[0]; as btn) {\n <a\n class=\"m-underline-red\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"btn.target\"\n [attr.rel]=\"\n (btn.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"btn.label\"\n >\n {{ btn.label }}\n </a>\n }\n </div>\n\n @if (items) {\n <div class=\"m-cards-container\">\n <div class=\"swiper\">\n <div class=\"swiper-container\">\n <div class=\"swiper-wrapper\">\n @for (card of items; track $index) {\n <div class=\"swiper-slide\">\n @if (card.multimedia?.imagenes) {\n @if (\n getFirstImageByTag(\n tagName,\n card.multimedia?.imagenes ??\n []\n ) ??\n card.multimedia\n ?.imagenes?.[0];\n as img\n ) {\n <ng-container>\n <a\n class=\"link-container\"\n [href]=\"\n card.links?.[0]?.url\n \"\n [linkType]=\"\n card.links?.[0]\n ?.linkType\n \"\n [attr.aria-label]=\"\n card.links?.[0]\n ?.label\n \"\n >\n <div\n class=\"m-card-top\"\n [style.background-image]=\"\n 'url(' +\n img.img?.src +\n ')'\n \"\n >\n @if (\n card.texts\n ?.additional1\n ) {\n <div\n class=\"m-tag\"\n [style.--arrow-color]=\"\n styles?.primary ??\n '#000'\n \"\n [style.--arrow-hover-color]=\"\n styles?.primaryHover ??\n styles?.primary ??\n '#000'\n \"\n >\n {{\n card.title ||\n card\n .texts\n ?.additional1\n }}\n </div>\n }\n </div>\n </a>\n </ng-container>\n }\n }\n\n <div class=\"m-content\">\n @if (card.texts?.name) {\n <div class=\"m-title\">\n {{ card.texts?.name }}\n </div>\n }\n <!-- <img\n *ngIf=\"card.logo\"\n class=\"m-logo\"\n [src]=\"card.logo\"\n [alt]=\"card.title\"\n loading=\"lazy\"\n /> -->\n @if (card.buttons) {\n @for (\n btn of card.buttons;\n track $index\n ) {\n <a\n [ngClass]=\"\n $index % 2 === 0\n ? 'm-button-sm'\n : 'm-but m-underline'\n \"\n [href]=\"btn?.url\"\n [attr.target]=\"\n btn?.target\n \"\n [attr.rel]=\"\n (btn?.target ||\n '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"\n btn?.label\n \"\n [style.--color]=\"\n styles?.primary ??\n '#ff4338'\n \"\n [style.--hover-color]=\"\n styles?.primaryHover ??\n styles?.primary ??\n '#ed3b37'\n \"\n >\n <span>{{\n btn?.label\n }}</span>\n </a>\n }\n }\n </div>\n </div>\n }\n </div>\n </div>\n\n <div\n class=\"m-swiper-button prev\"\n [style.--arrow-color]=\"styles?.primary\"\n [style.--arrow-hover-color]=\"styles?.primaryHover\"\n >\n <svg\n width=\"7\"\n height=\"12\"\n viewBox=\"0 0 7 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.28467 5.31548L5.34843 0.281695C5.53052 0.100676 5.77712 -0.000650459 6.03398 3.77247e-06C6.29084 0.000657051 6.53692 0.103239 6.71808 0.285182C6.89924 0.467126 7.00065 0.713526 7 0.970178C6.99934 1.22683 6.89668 1.47271 6.71459 1.65373L2.32693 5.98705L6.7116 10.3463C6.89369 10.5273 6.99635 10.7732 6.99701 11.0298C6.99766 11.2865 6.89625 11.5329 6.71509 11.7148C6.53392 11.8968 6.28784 11.9993 6.03099 12C5.77413 12.0007 5.52753 11.8993 5.34544 11.7183L0.283673 6.68651C0.101853 6.50457 -0.000186192 6.25791 7.39071e-07 6.00079C0.00018767 5.74367 0.102586 5.49716 0.28467 5.31548Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n\n <div\n class=\"m-swiper-button next\"\n [style.--arrow-color]=\"styles?.primary\"\n [style.--arrow-hover-color]=\"styles?.primaryHover\"\n >\n <svg\n width=\"7\"\n height=\"12\"\n viewBox=\"0 0 7 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.71533 5.31548L1.65157 0.281695C1.46948 0.100676 1.22288 -0.000650459 0.966022 3.77247e-06C0.709163 0.000657051 0.463085 0.103239 0.281921 0.285182C0.100757 0.467126 -0.000651881 0.713526 2.66678e-06 0.970178C0.000657215 1.22683 0.103322 1.47271 0.285411 1.65373L4.67307 5.98705L0.288403 10.3463C0.106314 10.5273 0.00364923 10.7732 0.0029947 11.0298C0.00234018 11.2865 0.103749 11.5329 0.284913 11.7148C0.466077 11.8968 0.712156 11.9993 0.969015 12C1.22587 12.0007 1.47247 11.8993 1.65456 11.7183L6.71633 6.68651C6.89815 6.50457 7.00019 6.25791 7 6.00079C6.99981 5.74367 6.89741 5.49716 6.71533 5.31548Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n </div>\n </div>\n }\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.mdl-mdh011 .m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-button-big{font-size:1.6rem}}.mdl-mdh011 .m-button-big.red{background-color:#ff4338}@media (hover: hover){.mdl-mdh011 .m-button-big.red:hover{background-color:#ed3b37}}.mdl-mdh011 .m-button-big.blue{background-color:#5b87da}@media (hover: hover){.mdl-mdh011 .m-button-big.blue:hover{background-color:#446ecd}}.mdl-mdh011 .m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.mdl-mdh011 .m-button-big.green:hover{background-color:#2ec99b}}.mdl-mdh011 .m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-mdh011 .m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-mdh011 .m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh011 .m-button-big:hover{background-color:#ed3b37}}.mdl-mdh011 .m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-button-sm{font-size:1.6rem}}.mdl-mdh011 .m-button-sm{background-color:var(--color, #ff4338)!important}.mdl-mdh011 .m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh011 .m-button-sm:hover{background-color:var(--hover-color, #ed3b37)}}.mdl-mdh011 .m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:var(--color, #ff4338);font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline{font-size:1.6rem}}@media (hover: hover){.mdl-mdh011 .m-underline:hover,.mdl-mdh011 .m-underline.active{color:var(--hover-color, #ed3b37)!important}.mdl-mdh011 .m-underline:hover:after,.mdl-mdh011 .m-underline.active:after{opacity:1;width:100%}}.mdl-mdh011 .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1;background:var(--hover-color, transparent)!important}.mdl-mdh011 .m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:var(--hover-color, #ed3b37)!important;transition:.3s ease;z-index:2}.mdl-mdh011 .m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline-red{font-size:1.6rem}}.mdl-mdh011 .m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-mdh011 .m-underline-red:hover{color:#ed3b37}.mdl-mdh011 .m-underline-red:hover:after{width:100%}}.mdl-mdh011 .m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline-blue{font-size:1.6rem}}.mdl-mdh011 .m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-mdh011 .m-underline-blue:hover{color:#446ecd}.mdl-mdh011 .m-underline-blue:hover:after{width:100%}}.mdl-mdh011 .m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline-green{font-size:1.6rem}}.mdl-mdh011 .m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-mdh011 .m-underline-green:hover{color:#2ec99b}.mdl-mdh011 .m-underline-green:hover:after{width:100%}}.mdl-mdh011 .m-swiper-button{width:4.8rem;height:4.8rem;background-color:var(--arrow-color, #ff4338);transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh011 .m-swiper-button.swiper-button-disabled{opacity:.7}.mdl-mdh011 .m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh011 .m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.mdl-mdh011 .m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.mdl-mdh011 .m-swiper-button:hover{background-color:var(--arrow-hover-color, #ed3b37)}}@media (max-width: 768px){.mdl-mdh011 .m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.mdl-mdh011 .m-swiper-button{width:3.2rem;height:3.2rem}.mdl-mdh011 .m-swiper-button svg{width:.5rem}}.mdl-mdh011 .m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.mdl-mdh011 .m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh011 .m-swiper-button-s.prev svg{left:45%}.mdl-mdh011 .m-swiper-button-s.next svg{left:55%}@media (hover: hover){.mdl-mdh011 .m-swiper-button-s:hover{background-color:#ed3b37}}.mdl-mdh011 .m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh011 .m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.mdl-mdh011 .m-button-close:hover{background-color:#ed3b37}.mdl-mdh011 .m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-mdh011{padding-top:8.1rem;padding-bottom:8.1rem;background-color:#fff9f9;height:1000px}@media (max-width: 1630px){.mdl-mdh011{height:900px}}@media (max-width: 1363px){.mdl-mdh011{height:800px}}@media (max-width: 768px){.mdl-mdh011{height:700px}}@media (max-width: 768px){.mdl-mdh011{height:1000px}}@media (max-width: 539px){.mdl-mdh011{height:800px}}.mdl-mdh011 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center;width:100%;height:700px}@media (max-width: 800px){.mdl-mdh011 .mdl-container{height:700px}}@media (max-width: 564px){.mdl-mdh011 .mdl-container{height:500px}}.mdl-mdh011 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;position:relative;gap:2rem;flex-wrap:wrap}.mdl-mdh011 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem;width:40rem;color:#515050}.mdl-mdh011 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem;width:62rem;color:#51505099;text-align:right}.mdl-mdh011 .mdl-container .m-cards-container{width:100%}.mdl-mdh011 .mdl-container .swiper{max-width:100%;overflow:visible;position:relative;width:100%}.mdl-mdh011 .mdl-container .swiper .swiper-container{width:100%}.mdl-mdh011 .mdl-container .swiper .swiper-wrapper{display:flex}.mdl-mdh011 .mdl-container .swiper .swiper-slide{width:auto;flex-shrink:0;height:auto}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{position:absolute;z-index:1;top:30%}.mdl-mdh011 .mdl-container .swiper .next{right:-4.8rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-4.8rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{width:100%;cursor:pointer;overflow:initial}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:31vw;max-height:60rem;transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top:after{content:\"\";width:102%;height:22.8rem;left:-1px;bottom:-15rem;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape-beige.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top .m-tag{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:var(--arrow-color, #ed3b37);color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon{position:relative;width:100%;height:31vw;max-height:56rem;background-color:#fff9f9;transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem;padding:6rem 5rem;color:#515050b3;text-align:center}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content{display:flex;flex-direction:column;align-items:center;margin-top:2rem;text-align:center;width:100%;position:relative;z-index:1}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem;color:#515050b3;position:absolute;top:-1rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo{position:absolute;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm{margin-top:4.3rem;width:100%;max-width:26rem;min-width:20rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{margin:2rem 0 4rem}@media (hover: hover){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-card-top{background-blend-mode:multiply;max-height:27vw}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-but{opacity:1;transform:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-button-sm span{color:var(--cl_title-light)}}@media (max-width: 1366px){.mdl-mdh011 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}.mdl-mdh011 .mdl-container .m-cards-container{gap:5.5rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-mdh011{padding-top:7.5rem;padding-bottom:0}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:25%}}@media (max-width: 768px){.mdl-mdh011{padding-left:6rem!important;padding-right:6rem!important}.mdl-mdh011 .mdl-container{width:100%}.mdl-mdh011 .mdl-container .m-content-top{flex-direction:column;align-items:center;text-align:center;gap:3.3rem}.mdl-mdh011 .mdl-container .m-content-top .m-text{width:100%;font-size:2.7rem;text-align:left}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:30%;width:3.8rem;height:3.8rem}.mdl-mdh011 .mdl-container .swiper .next{right:-3.8rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-3.8rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{min-height:57rem;max-width:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{height:50rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{position:relative;opacity:1;transform:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo{margin-bottom:1rem;filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}}@media (max-width: 540px){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{max-height:30rem}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:21%;width:3.2rem;height:3.2rem}.mdl-mdh011 .mdl-container .swiper .next{right:-3.2rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-3.2rem}.mdl-mdh011 .mdl-container .m-content-top .m-text{font-size:2.2rem}}@media (max-width: 375px){.mdl-mdh011{padding-left:3.7rem!important;padding-right:3.7rem!important;padding-top:5rem;padding-bottom:5rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{height:44rem}}.link-container{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
17882
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CarC2TxtCtaComponent, isStandalone: true, selector: "car-c2-txt-cta", inputs: { texts: "texts", items: "items", buttons: "buttons", styles: "styles" }, usesOnChanges: true, ngImport: i0, template: "@if (items) {\n <section class=\"mdl-mdh011\">\n <div class=\"mdl-container\">\n <div class=\"m-content-top\">\n @if (texts) {\n @if (texts.title) {\n <div class=\"m-title\">{{ texts.title }}</div>\n }\n @if (texts.description) {\n <div class=\"m-text\">\n {{ texts.description }}\n </div>\n }\n }\n @if (buttons?.[0]; as btn) {\n <a\n class=\"m-underline-red\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"btn.target\"\n [attr.rel]=\"\n (btn.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"btn.label\"\n >\n {{ btn.label }}\n </a>\n }\n </div>\n\n @if (items) {\n <div class=\"m-cards-container\">\n <div class=\"swiper\">\n <div class=\"swiper-container\">\n <div class=\"swiper-wrapper\">\n @for (card of items; track $index) {\n <div class=\"swiper-slide\">\n @if (card.multimedia?.imagenes) {\n @if (\n getFirstImageByTag(\n tagName,\n card.multimedia?.imagenes ??\n []\n ) ??\n card.multimedia\n ?.imagenes?.[0];\n as img\n ) {\n <ng-container>\n <a\n class=\"link-container\"\n [href]=\"\n card.links?.[0]?.url\n \"\n [linkType]=\"\n card.links?.[0]\n ?.linkType\n \"\n [attr.aria-label]=\"\n card.links?.[0]\n ?.label\n \"\n >\n <div\n class=\"m-card-top\"\n [style.background-image]=\"\n 'url(' +\n img.img?.src +\n ')'\n \"\n >\n @if (\n card.texts\n ?.additional1\n ) {\n <div\n class=\"m-tag\"\n [style.--arrow-color]=\"\n styles?.primary ??\n '#000'\n \"\n [style.--arrow-hover-color]=\"\n styles?.primaryHover ??\n styles?.primary ??\n '#000'\n \"\n >\n {{\n card.title ||\n card\n .texts\n ?.additional1\n }}\n </div>\n }\n </div>\n </a>\n </ng-container>\n }\n }\n\n <div class=\"m-content\">\n @if (card.texts?.name) {\n <div class=\"m-title\">\n {{ card.texts?.name }}\n </div>\n }\n <!-- <img\n *ngIf=\"card.logo\"\n class=\"m-logo\"\n [src]=\"card.logo\"\n [alt]=\"card.title\"\n loading=\"lazy\"\n /> -->\n @if (card.buttons) {\n @for (\n btn of card.buttons;\n track $index\n ) {\n <a\n [ngClass]=\"\n $index % 2 === 0\n ? 'm-button-sm'\n : 'm-but m-underline'\n \"\n [href]=\"btn?.url\"\n [attr.target]=\"\n btn?.target\n \"\n [attr.rel]=\"\n (btn?.target ||\n '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"\n btn?.label\n \"\n [style.--color]=\"\n styles?.primary ??\n '#ff4338'\n \"\n [style.--hover-color]=\"\n styles?.primaryHover ??\n styles?.primary ??\n '#ed3b37'\n \"\n >\n <span>{{\n btn?.label\n }}</span>\n </a>\n }\n }\n </div>\n </div>\n }\n </div>\n </div>\n\n <div\n class=\"m-swiper-button prev\"\n [class.is-hidden]=\"!showPrev\"\n [style.--arrow-color]=\"styles?.primary\"\n [style.--arrow-hover-color]=\"styles?.primaryHover\"\n >\n <svg\n width=\"7\"\n height=\"12\"\n viewBox=\"0 0 7 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.28467 5.31548L5.34843 0.281695C5.53052 0.100676 5.77712 -0.000650459 6.03398 3.77247e-06C6.29084 0.000657051 6.53692 0.103239 6.71808 0.285182C6.89924 0.467126 7.00065 0.713526 7 0.970178C6.99934 1.22683 6.89668 1.47271 6.71459 1.65373L2.32693 5.98705L6.7116 10.3463C6.89369 10.5273 6.99635 10.7732 6.99701 11.0298C6.99766 11.2865 6.89625 11.5329 6.71509 11.7148C6.53392 11.8968 6.28784 11.9993 6.03099 12C5.77413 12.0007 5.52753 11.8993 5.34544 11.7183L0.283673 6.68651C0.101853 6.50457 -0.000186192 6.25791 7.39071e-07 6.00079C0.00018767 5.74367 0.102586 5.49716 0.28467 5.31548Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n\n <div\n class=\"m-swiper-button next\"\n [class.is-hidden]=\"!showNext\"\n [style.--arrow-color]=\"styles?.primary\"\n [style.--arrow-hover-color]=\"styles?.primaryHover\"\n >\n <svg\n width=\"7\"\n height=\"12\"\n viewBox=\"0 0 7 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.71533 5.31548L1.65157 0.281695C1.46948 0.100676 1.22288 -0.000650459 0.966022 3.77247e-06C0.709163 0.000657051 0.463085 0.103239 0.281921 0.285182C0.100757 0.467126 -0.000651881 0.713526 2.66678e-06 0.970178C0.000657215 1.22683 0.103322 1.47271 0.285411 1.65373L4.67307 5.98705L0.288403 10.3463C0.106314 10.5273 0.00364923 10.7732 0.0029947 11.0298C0.00234018 11.2865 0.103749 11.5329 0.284913 11.7148C0.466077 11.8968 0.712156 11.9993 0.969015 12C1.22587 12.0007 1.47247 11.8993 1.65456 11.7183L6.71633 6.68651C6.89815 6.50457 7.00019 6.25791 7 6.00079C6.99981 5.74367 6.89741 5.49716 6.71533 5.31548Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n </div>\n </div>\n }\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.mdl-mdh011 .m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-button-big{font-size:1.6rem}}.mdl-mdh011 .m-button-big.red{background-color:#ff4338}@media (hover: hover){.mdl-mdh011 .m-button-big.red:hover{background-color:#ed3b37}}.mdl-mdh011 .m-button-big.blue{background-color:#5b87da}@media (hover: hover){.mdl-mdh011 .m-button-big.blue:hover{background-color:#446ecd}}.mdl-mdh011 .m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.mdl-mdh011 .m-button-big.green:hover{background-color:#2ec99b}}.mdl-mdh011 .m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-mdh011 .m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-mdh011 .m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh011 .m-button-big:hover{background-color:#ed3b37}}.mdl-mdh011 .m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-button-sm{font-size:1.6rem}}.mdl-mdh011 .m-button-sm{background-color:var(--color, #ff4338)!important}.mdl-mdh011 .m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh011 .m-button-sm:hover{background-color:var(--hover-color, #ed3b37)}}.mdl-mdh011 .m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:var(--color, #ff4338);font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline{font-size:1.6rem}}@media (hover: hover){.mdl-mdh011 .m-underline:hover,.mdl-mdh011 .m-underline.active{color:var(--hover-color, #ed3b37)!important}.mdl-mdh011 .m-underline:hover:after,.mdl-mdh011 .m-underline.active:after{opacity:1;width:100%}}.mdl-mdh011 .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1;background:var(--hover-color, transparent)!important}.mdl-mdh011 .m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:var(--hover-color, #ed3b37)!important;transition:.3s ease;z-index:2}.mdl-mdh011 .m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline-red{font-size:1.6rem}}.mdl-mdh011 .m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-mdh011 .m-underline-red:hover{color:#ed3b37}.mdl-mdh011 .m-underline-red:hover:after{width:100%}}.mdl-mdh011 .m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline-blue{font-size:1.6rem}}.mdl-mdh011 .m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-mdh011 .m-underline-blue:hover{color:#446ecd}.mdl-mdh011 .m-underline-blue:hover:after{width:100%}}.mdl-mdh011 .m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline-green{font-size:1.6rem}}.mdl-mdh011 .m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-mdh011 .m-underline-green:hover{color:#2ec99b}.mdl-mdh011 .m-underline-green:hover:after{width:100%}}.mdl-mdh011 .m-swiper-button{width:4.8rem;height:4.8rem;background-color:var(--arrow-color, #ff4338);transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh011 .m-swiper-button.swiper-button-disabled{opacity:.7}.mdl-mdh011 .m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh011 .m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.mdl-mdh011 .m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.mdl-mdh011 .m-swiper-button:hover{background-color:var(--arrow-hover-color, #ed3b37)}}@media (max-width: 768px){.mdl-mdh011 .m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.mdl-mdh011 .m-swiper-button{width:3.2rem;height:3.2rem}.mdl-mdh011 .m-swiper-button svg{width:.5rem}}.mdl-mdh011 .m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.mdl-mdh011 .m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh011 .m-swiper-button-s.prev svg{left:45%}.mdl-mdh011 .m-swiper-button-s.next svg{left:55%}@media (hover: hover){.mdl-mdh011 .m-swiper-button-s:hover{background-color:#ed3b37}}.mdl-mdh011 .m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh011 .m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.mdl-mdh011 .m-button-close:hover{background-color:#ed3b37}.mdl-mdh011 .m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-mdh011{padding-top:8.1rem;padding-bottom:8.1rem;background-color:#fff9f9;height:1000px}@media (max-width: 1630px){.mdl-mdh011{height:900px}}@media (max-width: 1363px){.mdl-mdh011{height:800px}}@media (max-width: 768px){.mdl-mdh011{height:700px}}@media (max-width: 768px){.mdl-mdh011{height:1000px}}@media (max-width: 539px){.mdl-mdh011{height:800px}}.mdl-mdh011 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center;width:100%;height:700px}@media (max-width: 800px){.mdl-mdh011 .mdl-container{height:700px}}@media (max-width: 564px){.mdl-mdh011 .mdl-container{height:500px}}.mdl-mdh011 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;position:relative;gap:2rem;flex-wrap:wrap}.mdl-mdh011 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem;width:40rem;color:#515050}.mdl-mdh011 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem;width:62rem;color:#51505099;text-align:right}.mdl-mdh011 .mdl-container .m-cards-container{width:100%}.mdl-mdh011 .mdl-container .swiper{max-width:100%;overflow:visible;position:relative;width:100%}.mdl-mdh011 .mdl-container .swiper .swiper-container{width:100%}.mdl-mdh011 .mdl-container .swiper .swiper-wrapper{display:flex}.mdl-mdh011 .mdl-container .swiper .swiper-slide{width:auto;flex-shrink:0;height:auto}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{position:absolute;z-index:1;top:30%}.mdl-mdh011 .mdl-container .swiper .next{right:-4.8rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-4.8rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{width:100%;cursor:pointer;overflow:initial}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:31vw;max-height:60rem;transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top:after{content:\"\";width:102%;height:22.8rem;left:-1px;bottom:-15rem;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape-beige.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top .m-tag{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:var(--arrow-color, #ed3b37);color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon{position:relative;width:100%;height:31vw;max-height:56rem;background-color:#fff9f9;transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem;padding:6rem 5rem;color:#515050b3;text-align:center}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content{display:flex;flex-direction:column;align-items:center;margin-top:2rem;text-align:center;width:100%;position:relative;z-index:1}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem;color:#515050b3;position:absolute;top:-1rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo{position:absolute;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm{margin-top:4.3rem;width:100%;max-width:26rem;min-width:20rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{margin:2rem 0 4rem}@media (hover: hover){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-card-top{background-blend-mode:multiply;max-height:27vw}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-but{opacity:1;transform:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-button-sm span{color:var(--cl_title-light)}}@media (max-width: 1366px){.mdl-mdh011 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}.mdl-mdh011 .mdl-container .m-cards-container{gap:5.5rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-mdh011{padding-top:7.5rem;padding-bottom:0}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:25%}}@media (max-width: 768px){.mdl-mdh011{padding-left:6rem!important;padding-right:6rem!important}.mdl-mdh011 .mdl-container{width:100%}.mdl-mdh011 .mdl-container .m-content-top{flex-direction:column;align-items:center;text-align:center;gap:3.3rem}.mdl-mdh011 .mdl-container .m-content-top .m-text{width:100%;font-size:2.7rem;text-align:left}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:30%;width:3.8rem;height:3.8rem}.mdl-mdh011 .mdl-container .swiper .next{right:-3.8rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-3.8rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{min-height:57rem;max-width:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{height:50rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{position:relative;opacity:1;transform:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo{margin-bottom:1rem;filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}}@media (max-width: 540px){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{max-height:30rem}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:21%;width:3.2rem;height:3.2rem}.mdl-mdh011 .mdl-container .swiper .next{right:-3.2rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-3.2rem}.mdl-mdh011 .mdl-container .m-content-top .m-text{font-size:2.2rem}}@media (max-width: 375px){.mdl-mdh011{padding-left:3.7rem!important;padding-right:3.7rem!important;padding-top:5rem;padding-bottom:5rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{height:44rem}}.link-container{width:100%;height:100%}.m-swiper-button.is-hidden{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
17790
17883
|
}
|
|
17791
17884
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CarC2TxtCtaComponent, decorators: [{
|
|
17792
17885
|
type: Component,
|
|
17793
|
-
args: [{ selector: 'car-c2-txt-cta', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective], template: "@if (items) {\n <section class=\"mdl-mdh011\">\n <div class=\"mdl-container\">\n <div class=\"m-content-top\">\n @if (texts) {\n @if (texts.title) {\n <div class=\"m-title\">{{ texts.title }}</div>\n }\n @if (texts.description) {\n <div class=\"m-text\">\n {{ texts.description }}\n </div>\n }\n }\n @if (buttons?.[0]; as btn) {\n <a\n class=\"m-underline-red\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"btn.target\"\n [attr.rel]=\"\n (btn.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"btn.label\"\n >\n {{ btn.label }}\n </a>\n }\n </div>\n\n @if (items) {\n <div class=\"m-cards-container\">\n <div class=\"swiper\">\n <div class=\"swiper-container\">\n <div class=\"swiper-wrapper\">\n @for (card of items; track $index) {\n <div class=\"swiper-slide\">\n @if (card.multimedia?.imagenes) {\n @if (\n getFirstImageByTag(\n tagName,\n card.multimedia?.imagenes ??\n []\n ) ??\n card.multimedia\n ?.imagenes?.[0];\n as img\n ) {\n <ng-container>\n <a\n class=\"link-container\"\n [href]=\"\n card.links?.[0]?.url\n \"\n [linkType]=\"\n card.links?.[0]\n ?.linkType\n \"\n [attr.aria-label]=\"\n card.links?.[0]\n ?.label\n \"\n >\n <div\n class=\"m-card-top\"\n [style.background-image]=\"\n 'url(' +\n img.img?.src +\n ')'\n \"\n >\n @if (\n card.texts\n ?.additional1\n ) {\n <div\n class=\"m-tag\"\n [style.--arrow-color]=\"\n styles?.primary ??\n '#000'\n \"\n [style.--arrow-hover-color]=\"\n styles?.primaryHover ??\n styles?.primary ??\n '#000'\n \"\n >\n {{\n card.title ||\n card\n .texts\n ?.additional1\n }}\n </div>\n }\n </div>\n </a>\n </ng-container>\n }\n }\n\n <div class=\"m-content\">\n @if (card.texts?.name) {\n <div class=\"m-title\">\n {{ card.texts?.name }}\n </div>\n }\n <!-- <img\n *ngIf=\"card.logo\"\n class=\"m-logo\"\n [src]=\"card.logo\"\n [alt]=\"card.title\"\n loading=\"lazy\"\n /> -->\n @if (card.buttons) {\n @for (\n btn of card.buttons;\n track $index\n ) {\n <a\n [ngClass]=\"\n $index % 2 === 0\n ? 'm-button-sm'\n : 'm-but m-underline'\n \"\n [href]=\"btn?.url\"\n [attr.target]=\"\n btn?.target\n \"\n [attr.rel]=\"\n (btn?.target ||\n '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"\n btn?.label\n \"\n [style.--color]=\"\n styles?.primary ??\n '#ff4338'\n \"\n [style.--hover-color]=\"\n styles?.primaryHover ??\n styles?.primary ??\n '#ed3b37'\n \"\n >\n <span>{{\n btn?.label\n }}</span>\n </a>\n }\n }\n </div>\n </div>\n }\n </div>\n </div>\n\n <div\n class=\"m-swiper-button prev\"\n [style.--arrow-color]=\"styles?.primary\"\n [style.--arrow-hover-color]=\"styles?.primaryHover\"\n >\n <svg\n width=\"7\"\n height=\"12\"\n viewBox=\"0 0 7 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.28467 5.31548L5.34843 0.281695C5.53052 0.100676 5.77712 -0.000650459 6.03398 3.77247e-06C6.29084 0.000657051 6.53692 0.103239 6.71808 0.285182C6.89924 0.467126 7.00065 0.713526 7 0.970178C6.99934 1.22683 6.89668 1.47271 6.71459 1.65373L2.32693 5.98705L6.7116 10.3463C6.89369 10.5273 6.99635 10.7732 6.99701 11.0298C6.99766 11.2865 6.89625 11.5329 6.71509 11.7148C6.53392 11.8968 6.28784 11.9993 6.03099 12C5.77413 12.0007 5.52753 11.8993 5.34544 11.7183L0.283673 6.68651C0.101853 6.50457 -0.000186192 6.25791 7.39071e-07 6.00079C0.00018767 5.74367 0.102586 5.49716 0.28467 5.31548Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n\n <div\n class=\"m-swiper-button next\"\n [style.--arrow-color]=\"styles?.primary\"\n [style.--arrow-hover-color]=\"styles?.primaryHover\"\n >\n <svg\n width=\"7\"\n height=\"12\"\n viewBox=\"0 0 7 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.71533 5.31548L1.65157 0.281695C1.46948 0.100676 1.22288 -0.000650459 0.966022 3.77247e-06C0.709163 0.000657051 0.463085 0.103239 0.281921 0.285182C0.100757 0.467126 -0.000651881 0.713526 2.66678e-06 0.970178C0.000657215 1.22683 0.103322 1.47271 0.285411 1.65373L4.67307 5.98705L0.288403 10.3463C0.106314 10.5273 0.00364923 10.7732 0.0029947 11.0298C0.00234018 11.2865 0.103749 11.5329 0.284913 11.7148C0.466077 11.8968 0.712156 11.9993 0.969015 12C1.22587 12.0007 1.47247 11.8993 1.65456 11.7183L6.71633 6.68651C6.89815 6.50457 7.00019 6.25791 7 6.00079C6.99981 5.74367 6.89741 5.49716 6.71533 5.31548Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n </div>\n </div>\n }\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.mdl-mdh011 .m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-button-big{font-size:1.6rem}}.mdl-mdh011 .m-button-big.red{background-color:#ff4338}@media (hover: hover){.mdl-mdh011 .m-button-big.red:hover{background-color:#ed3b37}}.mdl-mdh011 .m-button-big.blue{background-color:#5b87da}@media (hover: hover){.mdl-mdh011 .m-button-big.blue:hover{background-color:#446ecd}}.mdl-mdh011 .m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.mdl-mdh011 .m-button-big.green:hover{background-color:#2ec99b}}.mdl-mdh011 .m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-mdh011 .m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-mdh011 .m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh011 .m-button-big:hover{background-color:#ed3b37}}.mdl-mdh011 .m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-button-sm{font-size:1.6rem}}.mdl-mdh011 .m-button-sm{background-color:var(--color, #ff4338)!important}.mdl-mdh011 .m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh011 .m-button-sm:hover{background-color:var(--hover-color, #ed3b37)}}.mdl-mdh011 .m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:var(--color, #ff4338);font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline{font-size:1.6rem}}@media (hover: hover){.mdl-mdh011 .m-underline:hover,.mdl-mdh011 .m-underline.active{color:var(--hover-color, #ed3b37)!important}.mdl-mdh011 .m-underline:hover:after,.mdl-mdh011 .m-underline.active:after{opacity:1;width:100%}}.mdl-mdh011 .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1;background:var(--hover-color, transparent)!important}.mdl-mdh011 .m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:var(--hover-color, #ed3b37)!important;transition:.3s ease;z-index:2}.mdl-mdh011 .m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline-red{font-size:1.6rem}}.mdl-mdh011 .m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-mdh011 .m-underline-red:hover{color:#ed3b37}.mdl-mdh011 .m-underline-red:hover:after{width:100%}}.mdl-mdh011 .m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline-blue{font-size:1.6rem}}.mdl-mdh011 .m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-mdh011 .m-underline-blue:hover{color:#446ecd}.mdl-mdh011 .m-underline-blue:hover:after{width:100%}}.mdl-mdh011 .m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline-green{font-size:1.6rem}}.mdl-mdh011 .m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-mdh011 .m-underline-green:hover{color:#2ec99b}.mdl-mdh011 .m-underline-green:hover:after{width:100%}}.mdl-mdh011 .m-swiper-button{width:4.8rem;height:4.8rem;background-color:var(--arrow-color, #ff4338);transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh011 .m-swiper-button.swiper-button-disabled{opacity:.7}.mdl-mdh011 .m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh011 .m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.mdl-mdh011 .m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.mdl-mdh011 .m-swiper-button:hover{background-color:var(--arrow-hover-color, #ed3b37)}}@media (max-width: 768px){.mdl-mdh011 .m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.mdl-mdh011 .m-swiper-button{width:3.2rem;height:3.2rem}.mdl-mdh011 .m-swiper-button svg{width:.5rem}}.mdl-mdh011 .m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.mdl-mdh011 .m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh011 .m-swiper-button-s.prev svg{left:45%}.mdl-mdh011 .m-swiper-button-s.next svg{left:55%}@media (hover: hover){.mdl-mdh011 .m-swiper-button-s:hover{background-color:#ed3b37}}.mdl-mdh011 .m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh011 .m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.mdl-mdh011 .m-button-close:hover{background-color:#ed3b37}.mdl-mdh011 .m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-mdh011{padding-top:8.1rem;padding-bottom:8.1rem;background-color:#fff9f9;height:1000px}@media (max-width: 1630px){.mdl-mdh011{height:900px}}@media (max-width: 1363px){.mdl-mdh011{height:800px}}@media (max-width: 768px){.mdl-mdh011{height:700px}}@media (max-width: 768px){.mdl-mdh011{height:1000px}}@media (max-width: 539px){.mdl-mdh011{height:800px}}.mdl-mdh011 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center;width:100%;height:700px}@media (max-width: 800px){.mdl-mdh011 .mdl-container{height:700px}}@media (max-width: 564px){.mdl-mdh011 .mdl-container{height:500px}}.mdl-mdh011 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;position:relative;gap:2rem;flex-wrap:wrap}.mdl-mdh011 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem;width:40rem;color:#515050}.mdl-mdh011 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem;width:62rem;color:#51505099;text-align:right}.mdl-mdh011 .mdl-container .m-cards-container{width:100%}.mdl-mdh011 .mdl-container .swiper{max-width:100%;overflow:visible;position:relative;width:100%}.mdl-mdh011 .mdl-container .swiper .swiper-container{width:100%}.mdl-mdh011 .mdl-container .swiper .swiper-wrapper{display:flex}.mdl-mdh011 .mdl-container .swiper .swiper-slide{width:auto;flex-shrink:0;height:auto}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{position:absolute;z-index:1;top:30%}.mdl-mdh011 .mdl-container .swiper .next{right:-4.8rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-4.8rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{width:100%;cursor:pointer;overflow:initial}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:31vw;max-height:60rem;transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top:after{content:\"\";width:102%;height:22.8rem;left:-1px;bottom:-15rem;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape-beige.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top .m-tag{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:var(--arrow-color, #ed3b37);color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon{position:relative;width:100%;height:31vw;max-height:56rem;background-color:#fff9f9;transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem;padding:6rem 5rem;color:#515050b3;text-align:center}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content{display:flex;flex-direction:column;align-items:center;margin-top:2rem;text-align:center;width:100%;position:relative;z-index:1}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem;color:#515050b3;position:absolute;top:-1rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo{position:absolute;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm{margin-top:4.3rem;width:100%;max-width:26rem;min-width:20rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{margin:2rem 0 4rem}@media (hover: hover){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-card-top{background-blend-mode:multiply;max-height:27vw}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-but{opacity:1;transform:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-button-sm span{color:var(--cl_title-light)}}@media (max-width: 1366px){.mdl-mdh011 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}.mdl-mdh011 .mdl-container .m-cards-container{gap:5.5rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-mdh011{padding-top:7.5rem;padding-bottom:0}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:25%}}@media (max-width: 768px){.mdl-mdh011{padding-left:6rem!important;padding-right:6rem!important}.mdl-mdh011 .mdl-container{width:100%}.mdl-mdh011 .mdl-container .m-content-top{flex-direction:column;align-items:center;text-align:center;gap:3.3rem}.mdl-mdh011 .mdl-container .m-content-top .m-text{width:100%;font-size:2.7rem;text-align:left}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:30%;width:3.8rem;height:3.8rem}.mdl-mdh011 .mdl-container .swiper .next{right:-3.8rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-3.8rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{min-height:57rem;max-width:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{height:50rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{position:relative;opacity:1;transform:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo{margin-bottom:1rem;filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}}@media (max-width: 540px){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{max-height:30rem}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:21%;width:3.2rem;height:3.2rem}.mdl-mdh011 .mdl-container .swiper .next{right:-3.2rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-3.2rem}.mdl-mdh011 .mdl-container .m-content-top .m-text{font-size:2.2rem}}@media (max-width: 375px){.mdl-mdh011{padding-left:3.7rem!important;padding-right:3.7rem!important;padding-top:5rem;padding-bottom:5rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{height:44rem}}.link-container{width:100%;height:100%}\n"] }]
|
|
17886
|
+
args: [{ selector: 'car-c2-txt-cta', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective], template: "@if (items) {\n <section class=\"mdl-mdh011\">\n <div class=\"mdl-container\">\n <div class=\"m-content-top\">\n @if (texts) {\n @if (texts.title) {\n <div class=\"m-title\">{{ texts.title }}</div>\n }\n @if (texts.description) {\n <div class=\"m-text\">\n {{ texts.description }}\n </div>\n }\n }\n @if (buttons?.[0]; as btn) {\n <a\n class=\"m-underline-red\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"btn.target\"\n [attr.rel]=\"\n (btn.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"btn.label\"\n >\n {{ btn.label }}\n </a>\n }\n </div>\n\n @if (items) {\n <div class=\"m-cards-container\">\n <div class=\"swiper\">\n <div class=\"swiper-container\">\n <div class=\"swiper-wrapper\">\n @for (card of items; track $index) {\n <div class=\"swiper-slide\">\n @if (card.multimedia?.imagenes) {\n @if (\n getFirstImageByTag(\n tagName,\n card.multimedia?.imagenes ??\n []\n ) ??\n card.multimedia\n ?.imagenes?.[0];\n as img\n ) {\n <ng-container>\n <a\n class=\"link-container\"\n [href]=\"\n card.links?.[0]?.url\n \"\n [linkType]=\"\n card.links?.[0]\n ?.linkType\n \"\n [attr.aria-label]=\"\n card.links?.[0]\n ?.label\n \"\n >\n <div\n class=\"m-card-top\"\n [style.background-image]=\"\n 'url(' +\n img.img?.src +\n ')'\n \"\n >\n @if (\n card.texts\n ?.additional1\n ) {\n <div\n class=\"m-tag\"\n [style.--arrow-color]=\"\n styles?.primary ??\n '#000'\n \"\n [style.--arrow-hover-color]=\"\n styles?.primaryHover ??\n styles?.primary ??\n '#000'\n \"\n >\n {{\n card.title ||\n card\n .texts\n ?.additional1\n }}\n </div>\n }\n </div>\n </a>\n </ng-container>\n }\n }\n\n <div class=\"m-content\">\n @if (card.texts?.name) {\n <div class=\"m-title\">\n {{ card.texts?.name }}\n </div>\n }\n <!-- <img\n *ngIf=\"card.logo\"\n class=\"m-logo\"\n [src]=\"card.logo\"\n [alt]=\"card.title\"\n loading=\"lazy\"\n /> -->\n @if (card.buttons) {\n @for (\n btn of card.buttons;\n track $index\n ) {\n <a\n [ngClass]=\"\n $index % 2 === 0\n ? 'm-button-sm'\n : 'm-but m-underline'\n \"\n [href]=\"btn?.url\"\n [attr.target]=\"\n btn?.target\n \"\n [attr.rel]=\"\n (btn?.target ||\n '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"\n btn?.label\n \"\n [style.--color]=\"\n styles?.primary ??\n '#ff4338'\n \"\n [style.--hover-color]=\"\n styles?.primaryHover ??\n styles?.primary ??\n '#ed3b37'\n \"\n >\n <span>{{\n btn?.label\n }}</span>\n </a>\n }\n }\n </div>\n </div>\n }\n </div>\n </div>\n\n <div\n class=\"m-swiper-button prev\"\n [class.is-hidden]=\"!showPrev\"\n [style.--arrow-color]=\"styles?.primary\"\n [style.--arrow-hover-color]=\"styles?.primaryHover\"\n >\n <svg\n width=\"7\"\n height=\"12\"\n viewBox=\"0 0 7 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.28467 5.31548L5.34843 0.281695C5.53052 0.100676 5.77712 -0.000650459 6.03398 3.77247e-06C6.29084 0.000657051 6.53692 0.103239 6.71808 0.285182C6.89924 0.467126 7.00065 0.713526 7 0.970178C6.99934 1.22683 6.89668 1.47271 6.71459 1.65373L2.32693 5.98705L6.7116 10.3463C6.89369 10.5273 6.99635 10.7732 6.99701 11.0298C6.99766 11.2865 6.89625 11.5329 6.71509 11.7148C6.53392 11.8968 6.28784 11.9993 6.03099 12C5.77413 12.0007 5.52753 11.8993 5.34544 11.7183L0.283673 6.68651C0.101853 6.50457 -0.000186192 6.25791 7.39071e-07 6.00079C0.00018767 5.74367 0.102586 5.49716 0.28467 5.31548Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n\n <div\n class=\"m-swiper-button next\"\n [class.is-hidden]=\"!showNext\"\n [style.--arrow-color]=\"styles?.primary\"\n [style.--arrow-hover-color]=\"styles?.primaryHover\"\n >\n <svg\n width=\"7\"\n height=\"12\"\n viewBox=\"0 0 7 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.71533 5.31548L1.65157 0.281695C1.46948 0.100676 1.22288 -0.000650459 0.966022 3.77247e-06C0.709163 0.000657051 0.463085 0.103239 0.281921 0.285182C0.100757 0.467126 -0.000651881 0.713526 2.66678e-06 0.970178C0.000657215 1.22683 0.103322 1.47271 0.285411 1.65373L4.67307 5.98705L0.288403 10.3463C0.106314 10.5273 0.00364923 10.7732 0.0029947 11.0298C0.00234018 11.2865 0.103749 11.5329 0.284913 11.7148C0.466077 11.8968 0.712156 11.9993 0.969015 12C1.22587 12.0007 1.47247 11.8993 1.65456 11.7183L6.71633 6.68651C6.89815 6.50457 7.00019 6.25791 7 6.00079C6.99981 5.74367 6.89741 5.49716 6.71533 5.31548Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n </div>\n </div>\n }\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.mdl-mdh011 .m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-button-big{font-size:1.6rem}}.mdl-mdh011 .m-button-big.red{background-color:#ff4338}@media (hover: hover){.mdl-mdh011 .m-button-big.red:hover{background-color:#ed3b37}}.mdl-mdh011 .m-button-big.blue{background-color:#5b87da}@media (hover: hover){.mdl-mdh011 .m-button-big.blue:hover{background-color:#446ecd}}.mdl-mdh011 .m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.mdl-mdh011 .m-button-big.green:hover{background-color:#2ec99b}}.mdl-mdh011 .m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-mdh011 .m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-mdh011 .m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh011 .m-button-big:hover{background-color:#ed3b37}}.mdl-mdh011 .m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-button-sm{font-size:1.6rem}}.mdl-mdh011 .m-button-sm{background-color:var(--color, #ff4338)!important}.mdl-mdh011 .m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh011 .m-button-sm:hover{background-color:var(--hover-color, #ed3b37)}}.mdl-mdh011 .m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:var(--color, #ff4338);font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline{font-size:1.6rem}}@media (hover: hover){.mdl-mdh011 .m-underline:hover,.mdl-mdh011 .m-underline.active{color:var(--hover-color, #ed3b37)!important}.mdl-mdh011 .m-underline:hover:after,.mdl-mdh011 .m-underline.active:after{opacity:1;width:100%}}.mdl-mdh011 .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1;background:var(--hover-color, transparent)!important}.mdl-mdh011 .m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:var(--hover-color, #ed3b37)!important;transition:.3s ease;z-index:2}.mdl-mdh011 .m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline-red{font-size:1.6rem}}.mdl-mdh011 .m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-mdh011 .m-underline-red:hover{color:#ed3b37}.mdl-mdh011 .m-underline-red:hover:after{width:100%}}.mdl-mdh011 .m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline-blue{font-size:1.6rem}}.mdl-mdh011 .m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-mdh011 .m-underline-blue:hover{color:#446ecd}.mdl-mdh011 .m-underline-blue:hover:after{width:100%}}.mdl-mdh011 .m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline-green{font-size:1.6rem}}.mdl-mdh011 .m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-mdh011 .m-underline-green:hover{color:#2ec99b}.mdl-mdh011 .m-underline-green:hover:after{width:100%}}.mdl-mdh011 .m-swiper-button{width:4.8rem;height:4.8rem;background-color:var(--arrow-color, #ff4338);transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh011 .m-swiper-button.swiper-button-disabled{opacity:.7}.mdl-mdh011 .m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh011 .m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.mdl-mdh011 .m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.mdl-mdh011 .m-swiper-button:hover{background-color:var(--arrow-hover-color, #ed3b37)}}@media (max-width: 768px){.mdl-mdh011 .m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.mdl-mdh011 .m-swiper-button{width:3.2rem;height:3.2rem}.mdl-mdh011 .m-swiper-button svg{width:.5rem}}.mdl-mdh011 .m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.mdl-mdh011 .m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh011 .m-swiper-button-s.prev svg{left:45%}.mdl-mdh011 .m-swiper-button-s.next svg{left:55%}@media (hover: hover){.mdl-mdh011 .m-swiper-button-s:hover{background-color:#ed3b37}}.mdl-mdh011 .m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh011 .m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.mdl-mdh011 .m-button-close:hover{background-color:#ed3b37}.mdl-mdh011 .m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-mdh011{padding-top:8.1rem;padding-bottom:8.1rem;background-color:#fff9f9;height:1000px}@media (max-width: 1630px){.mdl-mdh011{height:900px}}@media (max-width: 1363px){.mdl-mdh011{height:800px}}@media (max-width: 768px){.mdl-mdh011{height:700px}}@media (max-width: 768px){.mdl-mdh011{height:1000px}}@media (max-width: 539px){.mdl-mdh011{height:800px}}.mdl-mdh011 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center;width:100%;height:700px}@media (max-width: 800px){.mdl-mdh011 .mdl-container{height:700px}}@media (max-width: 564px){.mdl-mdh011 .mdl-container{height:500px}}.mdl-mdh011 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;position:relative;gap:2rem;flex-wrap:wrap}.mdl-mdh011 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem;width:40rem;color:#515050}.mdl-mdh011 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem;width:62rem;color:#51505099;text-align:right}.mdl-mdh011 .mdl-container .m-cards-container{width:100%}.mdl-mdh011 .mdl-container .swiper{max-width:100%;overflow:visible;position:relative;width:100%}.mdl-mdh011 .mdl-container .swiper .swiper-container{width:100%}.mdl-mdh011 .mdl-container .swiper .swiper-wrapper{display:flex}.mdl-mdh011 .mdl-container .swiper .swiper-slide{width:auto;flex-shrink:0;height:auto}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{position:absolute;z-index:1;top:30%}.mdl-mdh011 .mdl-container .swiper .next{right:-4.8rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-4.8rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{width:100%;cursor:pointer;overflow:initial}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:31vw;max-height:60rem;transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top:after{content:\"\";width:102%;height:22.8rem;left:-1px;bottom:-15rem;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape-beige.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top .m-tag{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:var(--arrow-color, #ed3b37);color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon{position:relative;width:100%;height:31vw;max-height:56rem;background-color:#fff9f9;transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem;padding:6rem 5rem;color:#515050b3;text-align:center}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content{display:flex;flex-direction:column;align-items:center;margin-top:2rem;text-align:center;width:100%;position:relative;z-index:1}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem;color:#515050b3;position:absolute;top:-1rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo{position:absolute;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm{margin-top:4.3rem;width:100%;max-width:26rem;min-width:20rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{margin:2rem 0 4rem}@media (hover: hover){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-card-top{background-blend-mode:multiply;max-height:27vw}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-but{opacity:1;transform:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-button-sm span{color:var(--cl_title-light)}}@media (max-width: 1366px){.mdl-mdh011 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}.mdl-mdh011 .mdl-container .m-cards-container{gap:5.5rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-mdh011{padding-top:7.5rem;padding-bottom:0}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:25%}}@media (max-width: 768px){.mdl-mdh011{padding-left:6rem!important;padding-right:6rem!important}.mdl-mdh011 .mdl-container{width:100%}.mdl-mdh011 .mdl-container .m-content-top{flex-direction:column;align-items:center;text-align:center;gap:3.3rem}.mdl-mdh011 .mdl-container .m-content-top .m-text{width:100%;font-size:2.7rem;text-align:left}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:30%;width:3.8rem;height:3.8rem}.mdl-mdh011 .mdl-container .swiper .next{right:-3.8rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-3.8rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{min-height:57rem;max-width:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{height:50rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{position:relative;opacity:1;transform:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo{margin-bottom:1rem;filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}}@media (max-width: 540px){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{max-height:30rem}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:21%;width:3.2rem;height:3.2rem}.mdl-mdh011 .mdl-container .swiper .next{right:-3.2rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-3.2rem}.mdl-mdh011 .mdl-container .m-content-top .m-text{font-size:2.2rem}}@media (max-width: 375px){.mdl-mdh011{padding-left:3.7rem!important;padding-right:3.7rem!important;padding-top:5rem;padding-bottom:5rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{height:44rem}}.link-container{width:100%;height:100%}.m-swiper-button.is-hidden{display:none}\n"] }]
|
|
17794
17887
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { texts: [{
|
|
17795
17888
|
type: Input
|
|
17796
17889
|
}], items: [{
|
|
@@ -18519,58 +18612,133 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
18519
18612
|
type: Output
|
|
18520
18613
|
}] } });
|
|
18521
18614
|
|
|
18615
|
+
/**
|
|
18616
|
+
* LisC4TxtDesCtaComponent
|
|
18617
|
+
* ----------------------
|
|
18618
|
+
*
|
|
18619
|
+
* Componente de listado con sistema de filtros sincronizado con la URL.
|
|
18620
|
+
*
|
|
18621
|
+
* FILOSOFÍA
|
|
18622
|
+
* ----------
|
|
18623
|
+
* - El componente es AGNÓSTICO al dominio (no hardcodea "hotel", "apartamento", marcas, etc.).
|
|
18624
|
+
* - Todo lo que se filtra proviene de STRINGS enviados por backend (ya traducidos).
|
|
18625
|
+
* - La URL siempre trabaja con SLUGS normalizados (sin tildes, espacios ni caracteres raros).
|
|
18626
|
+
*
|
|
18627
|
+
* FILTROS SOPORTADOS (actuales)
|
|
18628
|
+
* -----------------------------
|
|
18629
|
+
* - filter -> tipo principal (ej: hoteles, apartamentos, villas, etc.)
|
|
18630
|
+
* - destination -> destino (por nombre)
|
|
18631
|
+
* - brand -> marca / grupo
|
|
18632
|
+
*
|
|
18633
|
+
* CÓMO FUNCIONA
|
|
18634
|
+
* -------------
|
|
18635
|
+
* 1. Las opciones de filtros se construyen dinámicamente a partir de `items`.
|
|
18636
|
+
* 2. Cada opción tiene:
|
|
18637
|
+
* - label: texto real mostrado al usuario
|
|
18638
|
+
* - slug : versión normalizada usada en la URL
|
|
18639
|
+
* 3. Al navegar con query params:
|
|
18640
|
+
* - Se leen los slugs de la URL
|
|
18641
|
+
* - Se resuelven a labels reales cuando los items están disponibles
|
|
18642
|
+
* 4. El filtrado interno SIEMPRE compara por slug (no por texto crudo).
|
|
18643
|
+
*
|
|
18644
|
+
* NORMALIZACIÓN
|
|
18645
|
+
* -------------
|
|
18646
|
+
* - Se usa `Utils.toSlug()` para normalizar textos (tildes, espacios, símbolos).
|
|
18647
|
+
* - Para el filtro principal (`filter`) se aplica además una singularización genérica
|
|
18648
|
+
* (hoteles -> hotel, apartamentos -> apartamento), SIN traducciones ni diccionarios.
|
|
18649
|
+
*
|
|
18650
|
+
* EXTENDER CON NUEVOS FILTROS
|
|
18651
|
+
* --------------------------
|
|
18652
|
+
* Para añadir un nuevo filtro (ej: category, experience, rating):
|
|
18653
|
+
*
|
|
18654
|
+
* 1. Añadir un nuevo queryParam (ej: `category`)
|
|
18655
|
+
* 2. Crear:
|
|
18656
|
+
* - selectedCategory
|
|
18657
|
+
* - categoryOptions
|
|
18658
|
+
* - categorySlugToLabel / categoryLabelToSlug
|
|
18659
|
+
* 3. Construir opciones en `buildFilterOptions()`
|
|
18660
|
+
* 4. Resolver desde URL en `resolvePendingFromMaps()`
|
|
18661
|
+
* 5. Aplicar condición en `filteredItems`
|
|
18662
|
+
* 6. Sincronizar en `syncQueryParams()`
|
|
18663
|
+
*
|
|
18664
|
+
* IMPORTANTE
|
|
18665
|
+
* ----------
|
|
18666
|
+
* - NUNCA comparar por texto directo.
|
|
18667
|
+
* - NUNCA meter valores crudos en la URL.
|
|
18668
|
+
* - Todo filtro nuevo debe pasar por slug.
|
|
18669
|
+
*
|
|
18670
|
+
* Con esto el componente es reutilizable entre proyectos,
|
|
18671
|
+
* idiomas y configuraciones distintas sin cambios estructurales.
|
|
18672
|
+
*/
|
|
18522
18673
|
class LisC4TxtDesCtaComponent {
|
|
18523
18674
|
constructor() {
|
|
18524
18675
|
this.additional1LikeMarca = false;
|
|
18525
18676
|
this.tagName = 'LisC4TxtDesCta';
|
|
18526
|
-
|
|
18527
|
-
|
|
18528
|
-
this.
|
|
18677
|
+
// UI labels seleccionados (lo que se muestra en los selects)
|
|
18678
|
+
// En URL se guardan slugs.
|
|
18679
|
+
this.selectedHotelType = ''; // => queryParam "filter"
|
|
18680
|
+
this.selectedDestination = ''; // => queryParam "destination"
|
|
18681
|
+
this.selectedBrand = ''; // => queryParam "brand"
|
|
18529
18682
|
this.hotelTypeOptions = [];
|
|
18530
18683
|
this.destinationOptions = [];
|
|
18531
18684
|
this.brandOptions = [];
|
|
18685
|
+
this.pendingFilterSlug = null;
|
|
18686
|
+
this.pendingDestinationSlug = null;
|
|
18687
|
+
this.pendingBrandSlug = null;
|
|
18688
|
+
// slug -> label (hidratar selects desde URL)
|
|
18689
|
+
this.filterSlugToLabel = new Map();
|
|
18690
|
+
this.destinationSlugToLabel = new Map();
|
|
18691
|
+
this.brandSlugToLabel = new Map();
|
|
18692
|
+
// label -> slug (escritura estable)
|
|
18693
|
+
this.filterLabelToSlug = new Map();
|
|
18694
|
+
this.destinationLabelToSlug = new Map();
|
|
18695
|
+
this.brandLabelToSlug = new Map();
|
|
18532
18696
|
this.route = inject(ActivatedRoute);
|
|
18533
18697
|
this.router = inject(Router);
|
|
18534
18698
|
this.cdr = inject(ChangeDetectorRef);
|
|
18699
|
+
this.isSyncingFromUrl = false;
|
|
18535
18700
|
}
|
|
18536
18701
|
ngOnInit() {
|
|
18537
18702
|
this.qpSub = this.route.queryParamMap.subscribe((params) => {
|
|
18538
|
-
|
|
18539
|
-
|
|
18540
|
-
|
|
18541
|
-
const
|
|
18542
|
-
|
|
18543
|
-
this.
|
|
18544
|
-
this.
|
|
18545
|
-
this.
|
|
18546
|
-
|
|
18547
|
-
|
|
18548
|
-
|
|
18549
|
-
if (this.
|
|
18550
|
-
this.
|
|
18551
|
-
|
|
18552
|
-
|
|
18553
|
-
|
|
18554
|
-
|
|
18703
|
+
this.isSyncingFromUrl = true;
|
|
18704
|
+
const filterSlug = params.get('filter') ?? '';
|
|
18705
|
+
const destinationSlug = params.get('destination') ?? '';
|
|
18706
|
+
const brandSlug = params.get('brand') ?? '';
|
|
18707
|
+
this.resolvePendingFromMaps();
|
|
18708
|
+
this.pendingFilterSlug = params.get('filter');
|
|
18709
|
+
this.pendingDestinationSlug = params.get('destination');
|
|
18710
|
+
this.pendingBrandSlug = params.get('brand');
|
|
18711
|
+
this.resolvePendingFromMaps();
|
|
18712
|
+
// Si aún no hay maps (items no llegó), intenta fallback (mantener algo decente)
|
|
18713
|
+
// Nota: no navegamos aquí.
|
|
18714
|
+
if (!this.selectedHotelType && filterSlug)
|
|
18715
|
+
this.selectedHotelType = filterSlug;
|
|
18716
|
+
if (!this.selectedDestination && destinationSlug)
|
|
18717
|
+
this.selectedDestination = destinationSlug;
|
|
18718
|
+
if (!this.selectedBrand && brandSlug)
|
|
18719
|
+
this.selectedBrand = brandSlug;
|
|
18555
18720
|
this.cdr.markForCheck();
|
|
18721
|
+
queueMicrotask(() => (this.isSyncingFromUrl = false));
|
|
18556
18722
|
});
|
|
18557
18723
|
}
|
|
18558
18724
|
ngOnChanges(changes) {
|
|
18559
18725
|
if (changes['items']) {
|
|
18560
18726
|
this.buildFilterOptions();
|
|
18561
|
-
//
|
|
18562
|
-
|
|
18563
|
-
|
|
18564
|
-
|
|
18565
|
-
|
|
18566
|
-
|
|
18567
|
-
|
|
18568
|
-
|
|
18569
|
-
|
|
18570
|
-
|
|
18571
|
-
|
|
18572
|
-
|
|
18573
|
-
|
|
18727
|
+
// rehidrata desde URL ya con maps listos (sin navegar)
|
|
18728
|
+
const qp = this.route.snapshot.queryParamMap;
|
|
18729
|
+
const filterSlug = qp.get('filter') ?? '';
|
|
18730
|
+
const destinationSlug = qp.get('destination') ?? '';
|
|
18731
|
+
const brandSlug = qp.get('brand') ?? '';
|
|
18732
|
+
this.isSyncingFromUrl = true;
|
|
18733
|
+
this.selectedHotelType =
|
|
18734
|
+
this.filterSlugToLabel.get(filterSlug) ?? '';
|
|
18735
|
+
this.selectedDestination =
|
|
18736
|
+
this.destinationSlugToLabel.get(destinationSlug) ?? '';
|
|
18737
|
+
this.selectedBrand = this.brandSlugToLabel.get(brandSlug) ?? '';
|
|
18738
|
+
this.forceOptionMatch();
|
|
18739
|
+
this.cdr.markForCheck();
|
|
18740
|
+
this.cdr.detectChanges();
|
|
18741
|
+
queueMicrotask(() => (this.isSyncingFromUrl = false));
|
|
18574
18742
|
}
|
|
18575
18743
|
}
|
|
18576
18744
|
ngOnDestroy() {
|
|
@@ -18587,24 +18755,60 @@ class LisC4TxtDesCtaComponent {
|
|
|
18587
18755
|
.filter(Boolean)
|
|
18588
18756
|
.map((v) => v.trim()))).sort((a, b) => a.localeCompare(b));
|
|
18589
18757
|
this.brandOptions = Array.from(new Set(items.map((i) => this.getItemBrand(i)).filter(Boolean))).sort((a, b) => a.localeCompare(b));
|
|
18758
|
+
// Reset maps
|
|
18759
|
+
this.filterSlugToLabel.clear();
|
|
18760
|
+
this.destinationSlugToLabel.clear();
|
|
18761
|
+
this.brandSlugToLabel.clear();
|
|
18762
|
+
this.filterLabelToSlug.clear();
|
|
18763
|
+
this.destinationLabelToSlug.clear();
|
|
18764
|
+
this.brandLabelToSlug.clear();
|
|
18765
|
+
// used sets para sufijos -2 -3...
|
|
18766
|
+
const usedFilter = new Set();
|
|
18767
|
+
const usedDest = new Set();
|
|
18768
|
+
const usedBrand = new Set();
|
|
18769
|
+
// FILTER (query param "filter") => slug CANÓNICO (singular genérico)
|
|
18770
|
+
for (const label of this.hotelTypeOptions) {
|
|
18771
|
+
const base = this.canonicalSlug(label);
|
|
18772
|
+
const slug = Utils.uniqueSlug(base, usedFilter);
|
|
18773
|
+
this.filterSlugToLabel.set(slug, label);
|
|
18774
|
+
this.filterLabelToSlug.set(label, slug);
|
|
18775
|
+
}
|
|
18776
|
+
// DESTINATIONS
|
|
18777
|
+
for (const label of this.destinationOptions) {
|
|
18778
|
+
const base = Utils.toSlug(label) || 'destination';
|
|
18779
|
+
const slug = Utils.uniqueSlug(base, usedDest);
|
|
18780
|
+
this.destinationSlugToLabel.set(slug, label);
|
|
18781
|
+
this.destinationLabelToSlug.set(label, slug);
|
|
18782
|
+
}
|
|
18783
|
+
// BRANDS
|
|
18784
|
+
for (const label of this.brandOptions) {
|
|
18785
|
+
const base = Utils.toSlug(label) || 'brand';
|
|
18786
|
+
const slug = Utils.uniqueSlug(base, usedBrand);
|
|
18787
|
+
this.brandSlugToLabel.set(slug, label);
|
|
18788
|
+
this.brandLabelToSlug.set(label, slug);
|
|
18789
|
+
}
|
|
18590
18790
|
}
|
|
18591
18791
|
getItemBrand(it) {
|
|
18592
18792
|
if (this.additional1LikeMarca)
|
|
18593
18793
|
return (it?.texts?.additional1 ?? '').trim();
|
|
18594
18794
|
return (it?.marca ?? it?.brand ?? it?.group ?? '').trim();
|
|
18595
18795
|
}
|
|
18796
|
+
// ----------------------
|
|
18797
|
+
// FILTRADO
|
|
18798
|
+
// ----------------------
|
|
18596
18799
|
get filteredItems() {
|
|
18597
18800
|
const items = this.items ?? [];
|
|
18598
18801
|
return items.filter((it) => {
|
|
18802
|
+
const itemHotelType = it?.hoteltype ?? '';
|
|
18803
|
+
const itemBrand = this.getItemBrand(it);
|
|
18599
18804
|
const hotelTypeOk = !this.selectedHotelType ||
|
|
18600
|
-
this.
|
|
18601
|
-
this.
|
|
18805
|
+
this.canonicalSlug(itemHotelType) ===
|
|
18806
|
+
this.canonicalSlug(this.selectedHotelType);
|
|
18602
18807
|
const destinationOk = !this.selectedDestination ||
|
|
18603
|
-
(it?.destinations ?? []).some((d) =>
|
|
18604
|
-
|
|
18605
|
-
const itemBrand = this.getItemBrand(it);
|
|
18808
|
+
(it?.destinations ?? []).some((d) => Utils.toSlug(d?.name ?? '') ===
|
|
18809
|
+
Utils.toSlug(this.selectedDestination));
|
|
18606
18810
|
const brandOk = !this.selectedBrand ||
|
|
18607
|
-
|
|
18811
|
+
Utils.toSlug(itemBrand) === Utils.toSlug(this.selectedBrand);
|
|
18608
18812
|
return hotelTypeOk && destinationOk && brandOk;
|
|
18609
18813
|
});
|
|
18610
18814
|
}
|
|
@@ -18613,16 +18817,25 @@ class LisC4TxtDesCtaComponent {
|
|
|
18613
18817
|
this.selectedDestination ||
|
|
18614
18818
|
this.selectedBrand);
|
|
18615
18819
|
}
|
|
18820
|
+
// ----------------------
|
|
18821
|
+
// HANDLERS UI
|
|
18822
|
+
// ----------------------
|
|
18616
18823
|
onHotelTypeChange(value) {
|
|
18617
18824
|
this.selectedHotelType = value ?? '';
|
|
18825
|
+
if (this.isSyncingFromUrl)
|
|
18826
|
+
return;
|
|
18618
18827
|
this.syncQueryParams();
|
|
18619
18828
|
}
|
|
18620
18829
|
onDestinationChange(value) {
|
|
18621
18830
|
this.selectedDestination = value ?? '';
|
|
18831
|
+
if (this.isSyncingFromUrl)
|
|
18832
|
+
return;
|
|
18622
18833
|
this.syncQueryParams();
|
|
18623
18834
|
}
|
|
18624
18835
|
onBrandChange(value) {
|
|
18625
18836
|
this.selectedBrand = value ?? '';
|
|
18837
|
+
if (this.isSyncingFromUrl)
|
|
18838
|
+
return;
|
|
18626
18839
|
this.syncQueryParams();
|
|
18627
18840
|
}
|
|
18628
18841
|
clearFilters() {
|
|
@@ -18631,27 +18844,55 @@ class LisC4TxtDesCtaComponent {
|
|
|
18631
18844
|
this.selectedBrand = '';
|
|
18632
18845
|
this.syncQueryParams(true);
|
|
18633
18846
|
}
|
|
18847
|
+
// ----------------------
|
|
18848
|
+
// URL SYNC (SIEMPRE SLUG)
|
|
18849
|
+
// ----------------------
|
|
18634
18850
|
syncQueryParams(clearAll = false) {
|
|
18851
|
+
const qp = clearAll
|
|
18852
|
+
? { filter: null, destination: null, brand: null }
|
|
18853
|
+
: {
|
|
18854
|
+
filter: this.selectedHotelType
|
|
18855
|
+
? (this.filterLabelToSlug.get(this.selectedHotelType) ??
|
|
18856
|
+
this.canonicalSlug(this.selectedHotelType))
|
|
18857
|
+
: null,
|
|
18858
|
+
destination: this.selectedDestination
|
|
18859
|
+
? (this.destinationLabelToSlug.get(this.selectedDestination) ?? Utils.toSlug(this.selectedDestination))
|
|
18860
|
+
: null,
|
|
18861
|
+
brand: this.selectedBrand
|
|
18862
|
+
? (this.brandLabelToSlug.get(this.selectedBrand) ??
|
|
18863
|
+
Utils.toSlug(this.selectedBrand))
|
|
18864
|
+
: null,
|
|
18865
|
+
};
|
|
18635
18866
|
this.router.navigate([], {
|
|
18636
18867
|
relativeTo: this.route,
|
|
18637
|
-
queryParams:
|
|
18638
|
-
? {
|
|
18639
|
-
hotelType: null,
|
|
18640
|
-
destination: null,
|
|
18641
|
-
brand: null,
|
|
18642
|
-
filter: null,
|
|
18643
|
-
}
|
|
18644
|
-
: {
|
|
18645
|
-
hotelType: this.selectedHotelType || null,
|
|
18646
|
-
destination: this.selectedDestination || null,
|
|
18647
|
-
brand: this.selectedBrand || null,
|
|
18648
|
-
filter: null,
|
|
18649
|
-
},
|
|
18650
|
-
queryParamsHandling: '',
|
|
18868
|
+
queryParams: qp,
|
|
18651
18869
|
replaceUrl: true,
|
|
18652
18870
|
});
|
|
18653
18871
|
this.cdr.markForCheck();
|
|
18654
18872
|
}
|
|
18873
|
+
// ----------------------
|
|
18874
|
+
// CANONICAL SLUG (sin traductor)
|
|
18875
|
+
// - Garantiza singular/plural genérico
|
|
18876
|
+
// ----------------------
|
|
18877
|
+
canonicalSlug(value) {
|
|
18878
|
+
let s = Utils.toSlug(value);
|
|
18879
|
+
if (!s)
|
|
18880
|
+
return '';
|
|
18881
|
+
// Regla -es (hoteles -> hotel, luces -> luz, peces -> pez)
|
|
18882
|
+
if (s.length > 3 && s.endsWith('es')) {
|
|
18883
|
+
const base = s.slice(0, -2);
|
|
18884
|
+
if (base.endsWith('c'))
|
|
18885
|
+
return base.slice(0, -1) + 'z';
|
|
18886
|
+
return base;
|
|
18887
|
+
}
|
|
18888
|
+
// Regla -s (apartamentos -> apartamento)
|
|
18889
|
+
if (s.length > 3 && s.endsWith('s'))
|
|
18890
|
+
return s.slice(0, -1);
|
|
18891
|
+
return s;
|
|
18892
|
+
}
|
|
18893
|
+
// ----------------------
|
|
18894
|
+
// UI utils
|
|
18895
|
+
// ----------------------
|
|
18655
18896
|
getKeysArray(count) {
|
|
18656
18897
|
return count ? Array.from({ length: count }) : [];
|
|
18657
18898
|
}
|
|
@@ -18661,51 +18902,60 @@ class LisC4TxtDesCtaComponent {
|
|
|
18661
18902
|
getFirstImageByTag(tagName, imagenes) {
|
|
18662
18903
|
return getFirstImageByTagFromImages(imagenes, tagName);
|
|
18663
18904
|
}
|
|
18664
|
-
// ======================
|
|
18665
|
-
// Matching “por similitud”
|
|
18666
|
-
// ======================
|
|
18667
|
-
norm(s) {
|
|
18668
|
-
return (s ?? '')
|
|
18669
|
-
.toLowerCase()
|
|
18670
|
-
.normalize('NFD')
|
|
18671
|
-
.replace(/[\u0300-\u036f]/g, '') // quita acentos
|
|
18672
|
-
.trim();
|
|
18673
|
-
}
|
|
18674
|
-
singularize(s) {
|
|
18675
|
-
// Simple: quita "s" final (hotel/hoteles, apartamento/apartamentos)
|
|
18676
|
-
const n = this.norm(s);
|
|
18677
|
-
return n.endsWith('s') ? n.slice(0, -1) : n;
|
|
18678
|
-
}
|
|
18679
|
-
/** Devuelve la opción más parecida dentro de options, o '' */
|
|
18680
|
-
matchSimilar(value, options) {
|
|
18681
|
-
const v = this.norm(value);
|
|
18682
|
-
const vs = this.singularize(value);
|
|
18683
|
-
// 1) match exacto normalizado
|
|
18684
|
-
let found = options.find((o) => this.norm(o) === v);
|
|
18685
|
-
if (found)
|
|
18686
|
-
return found;
|
|
18687
|
-
// 2) match exacto por singular
|
|
18688
|
-
found = options.find((o) => this.singularize(o) === vs);
|
|
18689
|
-
if (found)
|
|
18690
|
-
return found;
|
|
18691
|
-
// 3) contiene (hoteles -> hotel, apartamentos -> apartamento)
|
|
18692
|
-
found = options.find((o) => this.norm(o).includes(v) || v.includes(this.norm(o)));
|
|
18693
|
-
if (found)
|
|
18694
|
-
return found;
|
|
18695
|
-
// 4) contiene por singular
|
|
18696
|
-
found = options.find((o) => this.singularize(o).includes(vs) ||
|
|
18697
|
-
vs.includes(this.singularize(o)));
|
|
18698
|
-
return found ?? '';
|
|
18699
|
-
}
|
|
18700
18905
|
getNumber(text) {
|
|
18701
18906
|
return Utils.extractNumberRange(text);
|
|
18702
18907
|
}
|
|
18908
|
+
resolvePendingFromMaps() {
|
|
18909
|
+
if (this.pendingFilterSlug != null) {
|
|
18910
|
+
const slug = this.canonicalSlug(this.pendingFilterSlug);
|
|
18911
|
+
const label = this.filterSlugToLabel.get(slug);
|
|
18912
|
+
if (label) {
|
|
18913
|
+
this.selectedHotelType = label;
|
|
18914
|
+
this.pendingFilterSlug = null;
|
|
18915
|
+
}
|
|
18916
|
+
}
|
|
18917
|
+
// DESTINATION
|
|
18918
|
+
if (this.pendingDestinationSlug != null) {
|
|
18919
|
+
const slug = Utils.toSlug(this.pendingDestinationSlug);
|
|
18920
|
+
const label = this.destinationSlugToLabel.get(slug);
|
|
18921
|
+
if (label) {
|
|
18922
|
+
this.selectedDestination = label;
|
|
18923
|
+
this.pendingDestinationSlug = null;
|
|
18924
|
+
}
|
|
18925
|
+
}
|
|
18926
|
+
// BRAND
|
|
18927
|
+
if (this.pendingBrandSlug != null) {
|
|
18928
|
+
const slug = Utils.toSlug(this.pendingBrandSlug);
|
|
18929
|
+
const label = this.brandSlugToLabel.get(slug);
|
|
18930
|
+
if (label) {
|
|
18931
|
+
this.selectedBrand = label;
|
|
18932
|
+
this.pendingBrandSlug = null;
|
|
18933
|
+
}
|
|
18934
|
+
}
|
|
18935
|
+
}
|
|
18936
|
+
forceOptionMatch() {
|
|
18937
|
+
if (this.selectedHotelType) {
|
|
18938
|
+
const wanted = this.canonicalSlug(this.selectedHotelType);
|
|
18939
|
+
const match = this.hotelTypeOptions.find((o) => this.canonicalSlug(o) === wanted);
|
|
18940
|
+
this.selectedHotelType = match ?? '';
|
|
18941
|
+
}
|
|
18942
|
+
if (this.selectedBrand) {
|
|
18943
|
+
const wanted = Utils.toSlug(this.selectedBrand);
|
|
18944
|
+
const match = this.brandOptions.find((o) => Utils.toSlug(o) === wanted);
|
|
18945
|
+
this.selectedBrand = match ?? '';
|
|
18946
|
+
}
|
|
18947
|
+
if (this.selectedDestination) {
|
|
18948
|
+
const wanted = Utils.toSlug(this.selectedDestination);
|
|
18949
|
+
const match = this.destinationOptions.find((o) => Utils.toSlug(o) === wanted);
|
|
18950
|
+
this.selectedDestination = match ?? '';
|
|
18951
|
+
}
|
|
18952
|
+
}
|
|
18703
18953
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC4TxtDesCtaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18704
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LisC4TxtDesCtaComponent, isStandalone: true, selector: "lis-c4-txt-des-cta", inputs: { texts: "texts", filters: "filters", items: "items", links: "links", additional1LikeMarca: "additional1LikeMarca" }, usesOnChanges: true, ngImport: i0, template: "<!-- @if (items?.length) { -->\n<section class=\"mdl-md002\">\n <div class=\"mdl-container\">\n <div class=\"m-content-top\">\n @if (texts?.title) {\n <h2 class=\"m-title\" [innerHTML]=\"texts?.title\"></h2>\n }\n <div class=\"m-selects\">\n @if (hasActiveFilters) {\n <button\n type=\"button\"\n class=\"m-clear\"\n (click)=\"clearFilters()\"\n >\n {{ texts?.cleanFilters ?? 'Limpiar filtros' }}\n </button>\n }\n <div class=\"m-select\">\n <select\n #BrandSel\n [attr.aria-label]=\"texts?.marca ?? 'marca'\"\n [(ngModel)]=\"selectedBrand\"\n (change)=\"onBrandChange(BrandSel.value)\"\n >\n <option value=\"\">\n {{ texts?.marca ?? 'All' }}\n </option>\n @for (opt of brandOptions; track $index) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n <div class=\"m-select\">\n <select\n #hotelTypeSel\n [attr.aria-label]=\"texts?.hotelType ?? 'hoteles'\"\n [(ngModel)]=\"selectedHotelType\"\n (change)=\"onHotelTypeChange(hotelTypeSel.value)\"\n >\n >\n <option value=\"\">{{ texts?.hotelType }}</option>\n @for (opt of hotelTypeOptions; track $index) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n\n <div class=\"m-select\">\n <select\n #Destination\n [attr.aria-label]=\"texts?.destinations ?? 'destinos'\"\n [(ngModel)]=\"selectedDestination\"\n (change)=\"onDestinationChange(Destination.value)\"\n >\n <option value=\"\">{{ texts?.destinations }}</option>\n @for (opt of destinationOptions; track $index) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n </div>\n </div>\n\n <div class=\"m-cards-container\">\n @if (filteredItems?.length) {\n @for (item of filteredItems; track $index) {\n <div\n class=\"m-card\"\n [ngClass]=\"{\n cardempty: !getFirstImageByTag(\n tagName,\n item?.images ?? []\n ),\n }\"\n >\n @if (getFirstImageByTag(tagName, item.images ?? [])) {\n <div\n class=\"m-card-top\"\n [style.background-image]=\"\n 'url(' +\n getFirstImageByTag(\n tagName,\n item.images ?? []\n )?.img?.src +\n ')'\n \"\n >\n <div class=\"m-tag-left\">\n @if (item.hoteltype) {\n {{ item.hoteltype }}\n }\n <div class=\"m-keys\">\n @if (\n item?.hoteltype === 'Hotel' &&\n item?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n item?.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n >\n <g\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <g>\n <g>\n <g\n transform=\"translate(-1404.000000, -5922.000000) translate(191.000000, 5865.000000) translate(1109.000000, 57.000000)\"\n >\n <g>\n <path\n fill=\"#fff\"\n fill-opacity=\"1\"\n fill-rule=\"nonzero\"\n d=\"M10 0l2.294 7.104c.034.106.133.178.245.178L20 7.267l-6.046 4.374v.001c-.09.066-.128.182-.093.289l2.322 7.095-6.032-4.4c-.09-.065-.213-.065-.303 0l-6.029 4.4 2.322-7.095H6.14c.035-.107-.003-.223-.094-.289L0 7.268l7.461.015.001-.001c.112 0 .211-.072.245-.178L10 0z\"\n transform=\"translate(104.000000, 0.000000)\"\n />\n </g>\n </g>\n </g>\n </g>\n </g>\n </svg>\n }\n </div>\n }\n\n @if (\n item?.hoteltype === 'Apartamento' &&\n item?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n item?.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n width=\"13\"\n height=\"13\"\n viewBox=\"0 0 13 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n fill=\"#fff\"\n fill-opacity=\"1\"\n />\n </svg>\n }\n </div>\n }\n </div>\n </div>\n @if (item?.texts?.additional2) {\n <div\n class=\"m-tag-right\"\n [style.backgroundColor]=\"\n item?.styles?.primary ?? '#ff4338'\n \"\n >\n {{ item?.texts?.additional2 }}\n </div>\n }\n </div>\n\n <div class=\"m-content\">\n @if (item.texts?.title || item.texts?.name) {\n <div class=\"m-title\">\n {{\n item.texts?.title ??\n item.texts?.name\n }}\n </div>\n }\n\n <div class=\"m-subtitle\">\n @if (item.locality) {\n {{ item.locality }}\n }\n @if (item.locality && item.province) {\n -\n }\n @if (item.province) {\n {{ item.province }}\n }\n </div>\n\n @if (item.buttons?.length) {\n @for (btn of item.buttons; track $index) {\n <a\n class=\"m-btn\"\n [ngClass]=\"{\n 'm-button-sm': $index % 2 === 0,\n 'm-but m-underline':\n $index % 2 !== 0,\n }\"\n [style.--btn-primary-dynamic]=\"\n item.styles?.primary\n \"\n [style.--btn-hover-dynamic]=\"\n item.styles?.primaryHover\n \"\n [href]=\"btn.url\"\n [attr.target]=\"\n btn.target || '_self'\n \"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"btn.label\"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n }\n </div>\n }\n </div>\n }\n } @else {\n <div class=\"m-empty\">\n {{\n texts?.notFound ??\n 'No se encontraron resultados con esos filtros.'\n }}\n </div>\n }\n </div>\n </div>\n</section>\n<!-- } -->\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;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 span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;color:var(--cl_btn-call-text-hover)}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}.m-button-sm:hover span{color:var(--cl_btn-call-text-hover)}}.m-button-sm:focus{background-color:#ed3b37}.m-button-sm:focus span{color:var(--cl_btn-call-text-hover)}.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: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/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#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/img/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#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-md002.p-top{margin-top:10rem}.mdl-md002 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-md002 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-md002 .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-md002 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md002 .mdl-container .m-content-top .m-title{width:100%;max-width:54.4rem;color:#515050b2;font-weight:400}.mdl-md002 .mdl-container .m-content-top .m-selects{display:inline-block;display:flex;gap:2.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select{position:relative}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:20rem;padding:.5rem 2rem .5rem 1rem;font-size:1rem;color:#515050b2;border:.1rem solid rgba(81,80,80,.6980392157);border-radius:.5rem;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:jokker,sans-serif;font-weight:500;font-size:1.5rem;line-height:100%;cursor:pointer;min-height:4.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select:after{content:\"\\276e\";position:absolute;right:2rem;top:1.5rem;transform:rotate(270deg);pointer-events:none;color:#515050b2;font-weight:700;font-size:1.3rem}.mdl-md002 .mdl-container .m-cards-container{display:flex;align-items:start;flex-direction:row;gap:0 3rem;max-width:100%;display:grid;grid-template-columns:repeat(4,1fr);width:100%}.mdl-md002 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;cursor:pointer;aspect-ratio:378/486;max-width:38rem;padding-bottom:2rem;margin-inline:auto}@media (min-width: 1024px){.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content{transform:translateY(-20%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none;width:100%;max-width:26rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-but{opacity:1;transform:none}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:#ed3b37;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-left{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.5rem;left:1.5rem;white-space:nowrap;display:flex;gap:.8rem;align-items:center}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:3rem;right:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem;background-color:#fff9f9;position:relative}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{padding:6rem 5rem;color:#515050b2}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;width:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;justify-self:anchor-center;align-self:anchor-center;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:1.6rem;opacity:0;transform:translateY(-118%);transition:all .3s ease;width:100%;max-width:26rem;min-width:20rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{margin:2rem 0 4rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-weight:500;font-size:2.3rem;color:#515050}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{margin-bottom:1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(3,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-card-icon{height:34vw}.mdl-md002 .mdl-container .m-title{max-width:66rem}.mdl-md002 .mdl-container .m-content-top{display:flex;flex-direction:column;align-items:flex-start}.mdl-md002 .mdl-container .m-content-top .m-selects{margin:3rem auto 0;flex-wrap:wrap;justify-content:center}}@media (max-width: 1280px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:17.1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-md002{padding-top:7.5rem}.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(2,1fr)}.mdl-md002 .mdl-container .m-cards-container .cardempty{display:none}.mdl-md002 .mdl-container .m-cards-container .m-card{aspect-ratio:378/582}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-text{font-size:2.8rem;line-height:3.8rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{left:50%;transform:translate(-50%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm,.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:1;transform:none}}@media (max-width: 768px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(1,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-title{width:100%;max-width:none}.mdl-md002 .mdl-container .m-cards-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}.mdl-md002 .mdl-container .m-content-top .m-selects{flex-direction:column}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-selects{margin:0;flex-wrap:nowrap;flex-direction:column;width:100%;margin-top:2rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select,.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:100%}}.mdl-md002 .m-btn{--btn-primary: var(--cl_btn-box);--btn-hover: var(--cl_btn-box-hover);background:var(--btn-primary);border:1px solid var(--btn-primary);color:var(--cl_btn-call-text);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.mdl-md002 .m-btn:hover{background:var(--btn-hover);border-color:var(--btn-hover)}.mdl-md002 .m-button-sm{border:0;background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-button-sm:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.mdl-md002 .m-but.m-underline{background:transparent;border:0;background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-but.m-underline:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.mdl-md002 .m-but.m-underline span{text-decoration:underline;text-decoration-color:currentColor}.mdl-md002 .m-empty{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .m-empty{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .m-empty{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .m-empty{font-size:2.4rem;line-height:3rem}}.mdl-md002 .m-empty{width:100%;max-width:54.4rem;color:#515050b2;font-weight:400}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18954
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LisC4TxtDesCtaComponent, isStandalone: true, selector: "lis-c4-txt-des-cta", inputs: { texts: "texts", filters: "filters", items: "items", links: "links", additional1LikeMarca: "additional1LikeMarca" }, usesOnChanges: true, ngImport: i0, template: "@if (items?.length) {\n <section class=\"mdl-md002\">\n <div class=\"mdl-container\">\n <div class=\"m-content-top\">\n @if (texts?.title) {\n <h2 class=\"m-title\" [innerHTML]=\"texts?.title\"></h2>\n }\n <div class=\"m-selects\">\n @if (hasActiveFilters) {\n <button\n type=\"button\"\n class=\"m-clear\"\n (click)=\"clearFilters()\"\n >\n {{ texts?.cleanFilters ?? 'Limpiar filtros' }}\n </button>\n }\n <div class=\"m-select\">\n <select\n #BrandSel\n [attr.aria-label]=\"texts?.marca ?? 'marca'\"\n [(ngModel)]=\"selectedBrand\"\n (ngModelChange)=\"onBrandChange($event)\"\n >\n <option value=\"\">\n {{ texts?.marca ?? 'All' }}\n </option>\n @for (opt of brandOptions; track $index) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n <div class=\"m-select\">\n <select\n #hotelTypeSel\n [attr.aria-label]=\"texts?.hotelType ?? 'hoteles'\"\n [(ngModel)]=\"selectedHotelType\"\n (ngModelChange)=\"onHotelTypeChange($event)\"\n >\n <option value=\"\">{{ texts?.hotelType }}</option>\n @for (opt of hotelTypeOptions; track $index) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n\n <div class=\"m-select\">\n <select\n #Destination\n [attr.aria-label]=\"\n texts?.destinations ?? 'destinos'\n \"\n [(ngModel)]=\"selectedDestination\"\n (ngModelChange)=\"onDestinationChange($event)\"\n >\n <option value=\"\">{{ texts?.destinations }}</option>\n @for (opt of destinationOptions; track $index) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n </div>\n </div>\n\n <div class=\"m-cards-container\">\n @if (filteredItems?.length) {\n @for (item of filteredItems; track $index) {\n <div\n class=\"m-card\"\n [ngClass]=\"{\n cardempty: !getFirstImageByTag(\n tagName,\n item?.images ?? []\n ),\n }\"\n >\n @if (\n getFirstImageByTag(tagName, item.images ?? [])\n ) {\n <div\n class=\"m-card-top\"\n [style.background-image]=\"\n 'url(' +\n getFirstImageByTag(\n tagName,\n item.images ?? []\n )?.img?.src +\n ')'\n \"\n >\n <div class=\"m-tag-left\">\n @if (item.hoteltype) {\n {{ item.hoteltype }}\n }\n <div class=\"m-keys\">\n @if (\n item?.hoteltype === 'Hotel' &&\n item?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n item?.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n >\n <g\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <g>\n <g>\n <g\n transform=\"translate(-1404.000000, -5922.000000) translate(191.000000, 5865.000000) translate(1109.000000, 57.000000)\"\n >\n <g>\n <path\n fill=\"#fff\"\n fill-opacity=\"1\"\n fill-rule=\"nonzero\"\n d=\"M10 0l2.294 7.104c.034.106.133.178.245.178L20 7.267l-6.046 4.374v.001c-.09.066-.128.182-.093.289l2.322 7.095-6.032-4.4c-.09-.065-.213-.065-.303 0l-6.029 4.4 2.322-7.095H6.14c.035-.107-.003-.223-.094-.289L0 7.268l7.461.015.001-.001c.112 0 .211-.072.245-.178L10 0z\"\n transform=\"translate(104.000000, 0.000000)\"\n />\n </g>\n </g>\n </g>\n </g>\n </g>\n </svg>\n }\n </div>\n }\n\n @if (\n item?.hoteltype ===\n 'Apartamento' &&\n item?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n item?.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n width=\"13\"\n height=\"13\"\n viewBox=\"0 0 13 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n fill=\"#fff\"\n fill-opacity=\"1\"\n />\n </svg>\n }\n </div>\n }\n </div>\n </div>\n @if (item?.texts?.additional2) {\n <div\n class=\"m-tag-right\"\n [style.backgroundColor]=\"\n item?.styles?.primary ??\n '#ff4338'\n \"\n >\n {{ item?.texts?.additional2 }}\n </div>\n }\n </div>\n\n <div class=\"m-content\">\n @if (\n item.texts?.title || item.texts?.name\n ) {\n <div class=\"m-title\">\n {{\n item.texts?.title ??\n item.texts?.name\n }}\n </div>\n }\n\n <div class=\"m-subtitle\">\n @if (item.locality) {\n {{ item.locality }}\n }\n @if (item.locality && item.province) {\n -\n }\n @if (item.province) {\n {{ item.province }}\n }\n </div>\n\n @if (item.buttons?.length) {\n @for (\n btn of item.buttons;\n track $index\n ) {\n <a\n class=\"m-btn\"\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 === 0,\n 'm-but m-underline':\n $index % 2 !== 0,\n }\"\n [style.--btn-primary-dynamic]=\"\n item.styles?.primary\n \"\n [style.--btn-hover-dynamic]=\"\n item.styles?.primaryHover\n \"\n [href]=\"btn.url\"\n [attr.target]=\"\n btn.target || '_self'\n \"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"btn.label\"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n }\n </div>\n }\n </div>\n }\n } @else {\n <div class=\"m-empty\">\n {{\n texts?.notFound ??\n 'No se encontraron resultados con esos filtros.'\n }}\n </div>\n }\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;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 span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;color:var(--cl_btn-call-text-hover)}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}.m-button-sm:hover span{color:var(--cl_btn-call-text-hover)}}.m-button-sm:focus{background-color:#ed3b37}.m-button-sm:focus span{color:var(--cl_btn-call-text-hover)}.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: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/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#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/img/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#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-md002.p-top{margin-top:10rem}.mdl-md002 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-md002 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-md002 .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-md002 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md002 .mdl-container .m-content-top .m-title{width:100%;max-width:54.4rem;color:#515050b2;font-weight:400}.mdl-md002 .mdl-container .m-content-top .m-selects{display:inline-block;display:flex;gap:2.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select{position:relative}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:20rem;padding:.5rem 2rem .5rem 1rem;font-size:1rem;color:#515050b2;border:.1rem solid rgba(81,80,80,.6980392157);border-radius:.5rem;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:jokker,sans-serif;font-weight:500;font-size:1.5rem;line-height:100%;cursor:pointer;min-height:4.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select:after{content:\"\\276e\";position:absolute;right:2rem;top:1.5rem;transform:rotate(270deg);pointer-events:none;color:#515050b2;font-weight:700;font-size:1.3rem}.mdl-md002 .mdl-container .m-cards-container{display:flex;align-items:start;flex-direction:row;gap:0 3rem;max-width:100%;display:grid;grid-template-columns:repeat(4,1fr);width:100%}.mdl-md002 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;cursor:pointer;aspect-ratio:378/486;max-width:38rem;padding-bottom:2rem;margin-inline:auto}@media (min-width: 1024px){.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content{transform:translateY(-20%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none;width:100%;max-width:26rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-but{opacity:1;transform:none}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:#ed3b37;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-left{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.5rem;left:1.5rem;white-space:nowrap;display:flex;gap:.8rem;align-items:center}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:3rem;right:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem;background-color:#fff9f9;position:relative}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{padding:6rem 5rem;color:#515050b2}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;width:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;justify-self:anchor-center;align-self:anchor-center;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:1.6rem;opacity:0;transform:translateY(-118%);transition:all .3s ease;width:100%;max-width:26rem;min-width:20rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{margin:2rem 0 4rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-weight:500;font-size:2.3rem;color:#515050}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{margin-bottom:1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(3,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-card-icon{height:34vw}.mdl-md002 .mdl-container .m-title{max-width:66rem}.mdl-md002 .mdl-container .m-content-top{display:flex;flex-direction:column;align-items:flex-start}.mdl-md002 .mdl-container .m-content-top .m-selects{margin:3rem auto 0;flex-wrap:wrap;justify-content:center}}@media (max-width: 1280px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:17.1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-md002{padding-top:7.5rem}.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(2,1fr)}.mdl-md002 .mdl-container .m-cards-container .cardempty{display:none}.mdl-md002 .mdl-container .m-cards-container .m-card{aspect-ratio:378/582}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-text{font-size:2.8rem;line-height:3.8rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{left:50%;transform:translate(-50%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm,.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:1;transform:none}}@media (max-width: 768px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(1,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-title{width:100%;max-width:none}.mdl-md002 .mdl-container .m-cards-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}.mdl-md002 .mdl-container .m-content-top .m-selects{flex-direction:column}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-selects{margin:0;flex-wrap:nowrap;flex-direction:column;width:100%;margin-top:2rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select,.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:100%}}.mdl-md002 .m-btn{--btn-primary: var(--cl_btn-box);--btn-hover: var(--cl_btn-box-hover);background:var(--btn-primary);border:1px solid var(--btn-primary);color:var(--cl_btn-call-text);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.mdl-md002 .m-btn:hover{background:var(--btn-hover);border-color:var(--btn-hover)}.mdl-md002 .m-button-sm{border:0;background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-button-sm:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.mdl-md002 .m-but.m-underline{background:transparent;border:0;background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-but.m-underline:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.mdl-md002 .m-but.m-underline span{text-decoration:underline;text-decoration-color:currentColor}.mdl-md002 .m-empty{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .m-empty{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .m-empty{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .m-empty{font-size:2.4rem;line-height:3rem}}.mdl-md002 .m-empty{width:100%;max-width:54.4rem;color:#515050b2;font-weight:400}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18705
18955
|
}
|
|
18706
18956
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC4TxtDesCtaComponent, decorators: [{
|
|
18707
18957
|
type: Component,
|
|
18708
|
-
args: [{ selector: 'lis-c4-txt-des-cta', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective, FormsModule], template: "<!-- @if (items?.length) { -->\n<section class=\"mdl-md002\">\n <div class=\"mdl-container\">\n <div class=\"m-content-top\">\n @if (texts?.title) {\n <h2 class=\"m-title\" [innerHTML]=\"texts?.title\"></h2>\n }\n <div class=\"m-selects\">\n @if (hasActiveFilters) {\n <button\n type=\"button\"\n class=\"m-clear\"\n (click)=\"clearFilters()\"\n >\n {{ texts?.cleanFilters ?? 'Limpiar filtros' }}\n </button>\n }\n <div class=\"m-select\">\n <select\n #BrandSel\n [attr.aria-label]=\"texts?.marca ?? 'marca'\"\n [(ngModel)]=\"selectedBrand\"\n (change)=\"onBrandChange(BrandSel.value)\"\n >\n <option value=\"\">\n {{ texts?.marca ?? 'All' }}\n </option>\n @for (opt of brandOptions; track $index) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n <div class=\"m-select\">\n <select\n #hotelTypeSel\n [attr.aria-label]=\"texts?.hotelType ?? 'hoteles'\"\n [(ngModel)]=\"selectedHotelType\"\n (change)=\"onHotelTypeChange(hotelTypeSel.value)\"\n >\n >\n <option value=\"\">{{ texts?.hotelType }}</option>\n @for (opt of hotelTypeOptions; track $index) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n\n <div class=\"m-select\">\n <select\n #Destination\n [attr.aria-label]=\"texts?.destinations ?? 'destinos'\"\n [(ngModel)]=\"selectedDestination\"\n (change)=\"onDestinationChange(Destination.value)\"\n >\n <option value=\"\">{{ texts?.destinations }}</option>\n @for (opt of destinationOptions; track $index) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n </div>\n </div>\n\n <div class=\"m-cards-container\">\n @if (filteredItems?.length) {\n @for (item of filteredItems; track $index) {\n <div\n class=\"m-card\"\n [ngClass]=\"{\n cardempty: !getFirstImageByTag(\n tagName,\n item?.images ?? []\n ),\n }\"\n >\n @if (getFirstImageByTag(tagName, item.images ?? [])) {\n <div\n class=\"m-card-top\"\n [style.background-image]=\"\n 'url(' +\n getFirstImageByTag(\n tagName,\n item.images ?? []\n )?.img?.src +\n ')'\n \"\n >\n <div class=\"m-tag-left\">\n @if (item.hoteltype) {\n {{ item.hoteltype }}\n }\n <div class=\"m-keys\">\n @if (\n item?.hoteltype === 'Hotel' &&\n item?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n item?.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n >\n <g\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <g>\n <g>\n <g\n transform=\"translate(-1404.000000, -5922.000000) translate(191.000000, 5865.000000) translate(1109.000000, 57.000000)\"\n >\n <g>\n <path\n fill=\"#fff\"\n fill-opacity=\"1\"\n fill-rule=\"nonzero\"\n d=\"M10 0l2.294 7.104c.034.106.133.178.245.178L20 7.267l-6.046 4.374v.001c-.09.066-.128.182-.093.289l2.322 7.095-6.032-4.4c-.09-.065-.213-.065-.303 0l-6.029 4.4 2.322-7.095H6.14c.035-.107-.003-.223-.094-.289L0 7.268l7.461.015.001-.001c.112 0 .211-.072.245-.178L10 0z\"\n transform=\"translate(104.000000, 0.000000)\"\n />\n </g>\n </g>\n </g>\n </g>\n </g>\n </svg>\n }\n </div>\n }\n\n @if (\n item?.hoteltype === 'Apartamento' &&\n item?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n item?.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n width=\"13\"\n height=\"13\"\n viewBox=\"0 0 13 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n fill=\"#fff\"\n fill-opacity=\"1\"\n />\n </svg>\n }\n </div>\n }\n </div>\n </div>\n @if (item?.texts?.additional2) {\n <div\n class=\"m-tag-right\"\n [style.backgroundColor]=\"\n item?.styles?.primary ?? '#ff4338'\n \"\n >\n {{ item?.texts?.additional2 }}\n </div>\n }\n </div>\n\n <div class=\"m-content\">\n @if (item.texts?.title || item.texts?.name) {\n <div class=\"m-title\">\n {{\n item.texts?.title ??\n item.texts?.name\n }}\n </div>\n }\n\n <div class=\"m-subtitle\">\n @if (item.locality) {\n {{ item.locality }}\n }\n @if (item.locality && item.province) {\n -\n }\n @if (item.province) {\n {{ item.province }}\n }\n </div>\n\n @if (item.buttons?.length) {\n @for (btn of item.buttons; track $index) {\n <a\n class=\"m-btn\"\n [ngClass]=\"{\n 'm-button-sm': $index % 2 === 0,\n 'm-but m-underline':\n $index % 2 !== 0,\n }\"\n [style.--btn-primary-dynamic]=\"\n item.styles?.primary\n \"\n [style.--btn-hover-dynamic]=\"\n item.styles?.primaryHover\n \"\n [href]=\"btn.url\"\n [attr.target]=\"\n btn.target || '_self'\n \"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"btn.label\"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n }\n </div>\n }\n </div>\n }\n } @else {\n <div class=\"m-empty\">\n {{\n texts?.notFound ??\n 'No se encontraron resultados con esos filtros.'\n }}\n </div>\n }\n </div>\n </div>\n</section>\n<!-- } -->\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;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 span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;color:var(--cl_btn-call-text-hover)}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}.m-button-sm:hover span{color:var(--cl_btn-call-text-hover)}}.m-button-sm:focus{background-color:#ed3b37}.m-button-sm:focus span{color:var(--cl_btn-call-text-hover)}.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: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/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#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/img/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#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-md002.p-top{margin-top:10rem}.mdl-md002 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-md002 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-md002 .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-md002 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md002 .mdl-container .m-content-top .m-title{width:100%;max-width:54.4rem;color:#515050b2;font-weight:400}.mdl-md002 .mdl-container .m-content-top .m-selects{display:inline-block;display:flex;gap:2.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select{position:relative}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:20rem;padding:.5rem 2rem .5rem 1rem;font-size:1rem;color:#515050b2;border:.1rem solid rgba(81,80,80,.6980392157);border-radius:.5rem;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:jokker,sans-serif;font-weight:500;font-size:1.5rem;line-height:100%;cursor:pointer;min-height:4.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select:after{content:\"\\276e\";position:absolute;right:2rem;top:1.5rem;transform:rotate(270deg);pointer-events:none;color:#515050b2;font-weight:700;font-size:1.3rem}.mdl-md002 .mdl-container .m-cards-container{display:flex;align-items:start;flex-direction:row;gap:0 3rem;max-width:100%;display:grid;grid-template-columns:repeat(4,1fr);width:100%}.mdl-md002 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;cursor:pointer;aspect-ratio:378/486;max-width:38rem;padding-bottom:2rem;margin-inline:auto}@media (min-width: 1024px){.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content{transform:translateY(-20%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none;width:100%;max-width:26rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-but{opacity:1;transform:none}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:#ed3b37;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-left{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.5rem;left:1.5rem;white-space:nowrap;display:flex;gap:.8rem;align-items:center}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:3rem;right:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem;background-color:#fff9f9;position:relative}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{padding:6rem 5rem;color:#515050b2}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;width:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;justify-self:anchor-center;align-self:anchor-center;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:1.6rem;opacity:0;transform:translateY(-118%);transition:all .3s ease;width:100%;max-width:26rem;min-width:20rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{margin:2rem 0 4rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-weight:500;font-size:2.3rem;color:#515050}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{margin-bottom:1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(3,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-card-icon{height:34vw}.mdl-md002 .mdl-container .m-title{max-width:66rem}.mdl-md002 .mdl-container .m-content-top{display:flex;flex-direction:column;align-items:flex-start}.mdl-md002 .mdl-container .m-content-top .m-selects{margin:3rem auto 0;flex-wrap:wrap;justify-content:center}}@media (max-width: 1280px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:17.1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-md002{padding-top:7.5rem}.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(2,1fr)}.mdl-md002 .mdl-container .m-cards-container .cardempty{display:none}.mdl-md002 .mdl-container .m-cards-container .m-card{aspect-ratio:378/582}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-text{font-size:2.8rem;line-height:3.8rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{left:50%;transform:translate(-50%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm,.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:1;transform:none}}@media (max-width: 768px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(1,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-title{width:100%;max-width:none}.mdl-md002 .mdl-container .m-cards-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}.mdl-md002 .mdl-container .m-content-top .m-selects{flex-direction:column}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-selects{margin:0;flex-wrap:nowrap;flex-direction:column;width:100%;margin-top:2rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select,.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:100%}}.mdl-md002 .m-btn{--btn-primary: var(--cl_btn-box);--btn-hover: var(--cl_btn-box-hover);background:var(--btn-primary);border:1px solid var(--btn-primary);color:var(--cl_btn-call-text);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.mdl-md002 .m-btn:hover{background:var(--btn-hover);border-color:var(--btn-hover)}.mdl-md002 .m-button-sm{border:0;background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-button-sm:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.mdl-md002 .m-but.m-underline{background:transparent;border:0;background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-but.m-underline:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.mdl-md002 .m-but.m-underline span{text-decoration:underline;text-decoration-color:currentColor}.mdl-md002 .m-empty{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .m-empty{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .m-empty{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .m-empty{font-size:2.4rem;line-height:3rem}}.mdl-md002 .m-empty{width:100%;max-width:54.4rem;color:#515050b2;font-weight:400}\n"] }]
|
|
18958
|
+
args: [{ selector: 'lis-c4-txt-des-cta', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective, FormsModule], template: "@if (items?.length) {\n <section class=\"mdl-md002\">\n <div class=\"mdl-container\">\n <div class=\"m-content-top\">\n @if (texts?.title) {\n <h2 class=\"m-title\" [innerHTML]=\"texts?.title\"></h2>\n }\n <div class=\"m-selects\">\n @if (hasActiveFilters) {\n <button\n type=\"button\"\n class=\"m-clear\"\n (click)=\"clearFilters()\"\n >\n {{ texts?.cleanFilters ?? 'Limpiar filtros' }}\n </button>\n }\n <div class=\"m-select\">\n <select\n #BrandSel\n [attr.aria-label]=\"texts?.marca ?? 'marca'\"\n [(ngModel)]=\"selectedBrand\"\n (ngModelChange)=\"onBrandChange($event)\"\n >\n <option value=\"\">\n {{ texts?.marca ?? 'All' }}\n </option>\n @for (opt of brandOptions; track $index) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n <div class=\"m-select\">\n <select\n #hotelTypeSel\n [attr.aria-label]=\"texts?.hotelType ?? 'hoteles'\"\n [(ngModel)]=\"selectedHotelType\"\n (ngModelChange)=\"onHotelTypeChange($event)\"\n >\n <option value=\"\">{{ texts?.hotelType }}</option>\n @for (opt of hotelTypeOptions; track $index) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n\n <div class=\"m-select\">\n <select\n #Destination\n [attr.aria-label]=\"\n texts?.destinations ?? 'destinos'\n \"\n [(ngModel)]=\"selectedDestination\"\n (ngModelChange)=\"onDestinationChange($event)\"\n >\n <option value=\"\">{{ texts?.destinations }}</option>\n @for (opt of destinationOptions; track $index) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n </div>\n </div>\n\n <div class=\"m-cards-container\">\n @if (filteredItems?.length) {\n @for (item of filteredItems; track $index) {\n <div\n class=\"m-card\"\n [ngClass]=\"{\n cardempty: !getFirstImageByTag(\n tagName,\n item?.images ?? []\n ),\n }\"\n >\n @if (\n getFirstImageByTag(tagName, item.images ?? [])\n ) {\n <div\n class=\"m-card-top\"\n [style.background-image]=\"\n 'url(' +\n getFirstImageByTag(\n tagName,\n item.images ?? []\n )?.img?.src +\n ')'\n \"\n >\n <div class=\"m-tag-left\">\n @if (item.hoteltype) {\n {{ item.hoteltype }}\n }\n <div class=\"m-keys\">\n @if (\n item?.hoteltype === 'Hotel' &&\n item?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n item?.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n >\n <g\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <g>\n <g>\n <g\n transform=\"translate(-1404.000000, -5922.000000) translate(191.000000, 5865.000000) translate(1109.000000, 57.000000)\"\n >\n <g>\n <path\n fill=\"#fff\"\n fill-opacity=\"1\"\n fill-rule=\"nonzero\"\n d=\"M10 0l2.294 7.104c.034.106.133.178.245.178L20 7.267l-6.046 4.374v.001c-.09.066-.128.182-.093.289l2.322 7.095-6.032-4.4c-.09-.065-.213-.065-.303 0l-6.029 4.4 2.322-7.095H6.14c.035-.107-.003-.223-.094-.289L0 7.268l7.461.015.001-.001c.112 0 .211-.072.245-.178L10 0z\"\n transform=\"translate(104.000000, 0.000000)\"\n />\n </g>\n </g>\n </g>\n </g>\n </g>\n </svg>\n }\n </div>\n }\n\n @if (\n item?.hoteltype ===\n 'Apartamento' &&\n item?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n item?.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n width=\"13\"\n height=\"13\"\n viewBox=\"0 0 13 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n fill=\"#fff\"\n fill-opacity=\"1\"\n />\n </svg>\n }\n </div>\n }\n </div>\n </div>\n @if (item?.texts?.additional2) {\n <div\n class=\"m-tag-right\"\n [style.backgroundColor]=\"\n item?.styles?.primary ??\n '#ff4338'\n \"\n >\n {{ item?.texts?.additional2 }}\n </div>\n }\n </div>\n\n <div class=\"m-content\">\n @if (\n item.texts?.title || item.texts?.name\n ) {\n <div class=\"m-title\">\n {{\n item.texts?.title ??\n item.texts?.name\n }}\n </div>\n }\n\n <div class=\"m-subtitle\">\n @if (item.locality) {\n {{ item.locality }}\n }\n @if (item.locality && item.province) {\n -\n }\n @if (item.province) {\n {{ item.province }}\n }\n </div>\n\n @if (item.buttons?.length) {\n @for (\n btn of item.buttons;\n track $index\n ) {\n <a\n class=\"m-btn\"\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 === 0,\n 'm-but m-underline':\n $index % 2 !== 0,\n }\"\n [style.--btn-primary-dynamic]=\"\n item.styles?.primary\n \"\n [style.--btn-hover-dynamic]=\"\n item.styles?.primaryHover\n \"\n [href]=\"btn.url\"\n [attr.target]=\"\n btn.target || '_self'\n \"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"btn.label\"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n }\n </div>\n }\n </div>\n }\n } @else {\n <div class=\"m-empty\">\n {{\n texts?.notFound ??\n 'No se encontraron resultados con esos filtros.'\n }}\n </div>\n }\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;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 span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;color:var(--cl_btn-call-text-hover)}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}.m-button-sm:hover span{color:var(--cl_btn-call-text-hover)}}.m-button-sm:focus{background-color:#ed3b37}.m-button-sm:focus span{color:var(--cl_btn-call-text-hover)}.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: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/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#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/img/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#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-md002.p-top{margin-top:10rem}.mdl-md002 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-md002 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-md002 .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-md002 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md002 .mdl-container .m-content-top .m-title{width:100%;max-width:54.4rem;color:#515050b2;font-weight:400}.mdl-md002 .mdl-container .m-content-top .m-selects{display:inline-block;display:flex;gap:2.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select{position:relative}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:20rem;padding:.5rem 2rem .5rem 1rem;font-size:1rem;color:#515050b2;border:.1rem solid rgba(81,80,80,.6980392157);border-radius:.5rem;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:jokker,sans-serif;font-weight:500;font-size:1.5rem;line-height:100%;cursor:pointer;min-height:4.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select:after{content:\"\\276e\";position:absolute;right:2rem;top:1.5rem;transform:rotate(270deg);pointer-events:none;color:#515050b2;font-weight:700;font-size:1.3rem}.mdl-md002 .mdl-container .m-cards-container{display:flex;align-items:start;flex-direction:row;gap:0 3rem;max-width:100%;display:grid;grid-template-columns:repeat(4,1fr);width:100%}.mdl-md002 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;cursor:pointer;aspect-ratio:378/486;max-width:38rem;padding-bottom:2rem;margin-inline:auto}@media (min-width: 1024px){.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content{transform:translateY(-20%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none;width:100%;max-width:26rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-but{opacity:1;transform:none}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:#ed3b37;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-left{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.5rem;left:1.5rem;white-space:nowrap;display:flex;gap:.8rem;align-items:center}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:3rem;right:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem;background-color:#fff9f9;position:relative}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{padding:6rem 5rem;color:#515050b2}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;width:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;justify-self:anchor-center;align-self:anchor-center;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:1.6rem;opacity:0;transform:translateY(-118%);transition:all .3s ease;width:100%;max-width:26rem;min-width:20rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{margin:2rem 0 4rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-weight:500;font-size:2.3rem;color:#515050}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{margin-bottom:1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(3,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-card-icon{height:34vw}.mdl-md002 .mdl-container .m-title{max-width:66rem}.mdl-md002 .mdl-container .m-content-top{display:flex;flex-direction:column;align-items:flex-start}.mdl-md002 .mdl-container .m-content-top .m-selects{margin:3rem auto 0;flex-wrap:wrap;justify-content:center}}@media (max-width: 1280px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:17.1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-md002{padding-top:7.5rem}.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(2,1fr)}.mdl-md002 .mdl-container .m-cards-container .cardempty{display:none}.mdl-md002 .mdl-container .m-cards-container .m-card{aspect-ratio:378/582}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-text{font-size:2.8rem;line-height:3.8rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{left:50%;transform:translate(-50%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm,.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:1;transform:none}}@media (max-width: 768px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(1,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-title{width:100%;max-width:none}.mdl-md002 .mdl-container .m-cards-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}.mdl-md002 .mdl-container .m-content-top .m-selects{flex-direction:column}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-selects{margin:0;flex-wrap:nowrap;flex-direction:column;width:100%;margin-top:2rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select,.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:100%}}.mdl-md002 .m-btn{--btn-primary: var(--cl_btn-box);--btn-hover: var(--cl_btn-box-hover);background:var(--btn-primary);border:1px solid var(--btn-primary);color:var(--cl_btn-call-text);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.mdl-md002 .m-btn:hover{background:var(--btn-hover);border-color:var(--btn-hover)}.mdl-md002 .m-button-sm{border:0;background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-button-sm:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.mdl-md002 .m-but.m-underline{background:transparent;border:0;background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-but.m-underline:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.mdl-md002 .m-but.m-underline span{text-decoration:underline;text-decoration-color:currentColor}.mdl-md002 .m-empty{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .m-empty{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .m-empty{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .m-empty{font-size:2.4rem;line-height:3rem}}.mdl-md002 .m-empty{width:100%;max-width:54.4rem;color:#515050b2;font-weight:400}\n"] }]
|
|
18709
18959
|
}], propDecorators: { texts: [{
|
|
18710
18960
|
type: Input
|
|
18711
18961
|
}], filters: [{
|
|
@@ -18736,11 +18986,11 @@ class SliC1ImgSvgComponent {
|
|
|
18736
18986
|
return getFirstImageByTagFromImages(imagenes, tagName);
|
|
18737
18987
|
}
|
|
18738
18988
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliC1ImgSvgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18739
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SliC1ImgSvgComponent, isStandalone: true, selector: "sli-c1-img-svg", inputs: { texts: "texts", items: "items" }, ngImport: i0, template: "<section class=\"mdl-mdh012\">\n <div class=\"mdl-container\">\n @if (getFirstImageByTag(tagName, items ?? []) ?? items?.[0]; as img) {\n <img [src]=\"img?.img?.src\" [alt]=\"img?.img?.alt\" />\n }\n <div class=\"m-tag\">\n @if (items?.[0]?.title ?? texts?.title) {\n <div class=\"m-texto\">\n {{ items?.[0]?.title ?? texts?.title }}\n </div>\n }\n </div>\n @if (items?.[0]?.texts?.svg ?? texts?.svg) {\n <div class=\"m-icono\">\n <img\n [src]=\"\n '/assets/babylon/svg/icons/' +\n (items?.[0]?.texts?.svg ?? texts?.svg) +\n '.svg'\n \"\n alt=\"logo\"\n />\n </div>\n }\n <div class=\"m-marco\"></div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-mdh012 .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-mdh012 .m-button-big{font-size:1.6rem}}.mdl-mdh012 .m-button-big.red{background-color:#ff4338}@media (hover: hover){.mdl-mdh012 .m-button-big.red:hover{background-color:#ed3b37}}.mdl-mdh012 .m-button-big.blue{background-color:#5b87da}@media (hover: hover){.mdl-mdh012 .m-button-big.blue:hover{background-color:#446ecd}}.mdl-mdh012 .m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.mdl-mdh012 .m-button-big.green:hover{background-color:#2ec99b}}.mdl-mdh012 .m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-mdh012 .m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-mdh012 .m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh012 .m-button-big:hover{background-color:#ed3b37}}.mdl-mdh012 .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-mdh012 .m-button-sm{font-size:1.6rem}}.mdl-mdh012 .m-button-sm.red{background-color:#ff4338}@media (hover: hover){.mdl-mdh012 .m-button-sm.red:hover{background-color:#ed3b37}}.mdl-mdh012 .m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.mdl-mdh012 .m-button-sm.blue:hover{background-color:#446ecd}}.mdl-mdh012 .m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.mdl-mdh012 .m-button-sm.green:hover{background-color:#2ec99b}}.mdl-mdh012 .m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-mdh012 .m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-mdh012 .m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh012 .m-button-sm:hover{background-color:#ed3b37}}.mdl-mdh012 .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-mdh012 .m-underline{font-size:1.6rem}}@media (hover: hover){.mdl-mdh012 .m-underline:hover,.mdl-mdh012 .m-underline.active{color:#ed3b37}.mdl-mdh012 .m-underline:hover:after,.mdl-mdh012 .m-underline.active:after{opacity:1;width:100%}}.mdl-mdh012 .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.mdl-mdh012 .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-mdh012 .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-mdh012 .m-underline-red{font-size:1.6rem}}.mdl-mdh012 .m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh012 .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-mdh012 .m-underline-red:hover{color:#ed3b37}.mdl-mdh012 .m-underline-red:hover:after{width:100%}}.mdl-mdh012 .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-mdh012 .m-underline-blue{font-size:1.6rem}}.mdl-mdh012 .m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh012 .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-mdh012 .m-underline-blue:hover{color:#446ecd}.mdl-mdh012 .m-underline-blue:hover:after{width:100%}}.mdl-mdh012 .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-mdh012 .m-underline-green{font-size:1.6rem}}.mdl-mdh012 .m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh012 .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-mdh012 .m-underline-green:hover{color:#2ec99b}.mdl-mdh012 .m-underline-green:hover:after{width:100%}}.mdl-mdh012 .m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh012 .m-swiper-button.swiper-button-disabled{opacity:.7}.mdl-mdh012 .m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh012 .m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.mdl-mdh012 .m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.mdl-mdh012 .m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.mdl-mdh012 .m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.mdl-mdh012 .m-swiper-button{width:3.2rem;height:3.2rem}.mdl-mdh012 .m-swiper-button svg{width:.5rem}}.mdl-mdh012 .m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.mdl-mdh012 .m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh012 .m-swiper-button-s.prev svg{left:45%}.mdl-mdh012 .m-swiper-button-s.next svg{left:55%}@media (hover: hover){.mdl-mdh012 .m-swiper-button-s:hover{background-color:#ed3b37}}.mdl-mdh012 .m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh012 .m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.mdl-mdh012 .m-button-close:hover{background-color:#ed3b37}.mdl-mdh012 .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/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/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/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/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/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/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/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-mdh012{padding:0!important;display:flex}.mdl-mdh012 .mdl-container{position:relative;max-width:200rem;background-color:#ffd45b;width:100%;height:87rem}.mdl-mdh012 .mdl-container img{width:100%;height:100%;object-fit:cover;position:absolute}.mdl-mdh012 .mdl-container .m-tag{background-color:#ff4238b3;width:48.9rem;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1}.mdl-mdh012 .mdl-container .m-tag .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2.8rem;line-height:3.6rem}@media (max-width: 1366px){.mdl-mdh012 .mdl-container .m-tag .m-texto{font-size:2.2rem;line-height:2.6rem}}@media (max-width: 375px){.mdl-mdh012 .mdl-container .m-tag .m-texto{font-size:1.8rem;line-height:2.4rem}}.mdl-mdh012 .mdl-container .m-tag .m-texto{color:#fff;padding:5rem 6rem;text-align:end}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:10rem solid white;opacity:1;position:absolute;transition:opacity .4s ease,transform .4s ease}.mdl-mdh012 .mdl-container .m-icono{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity .4s ease,transform .4s ease}.mdl-mdh012 .mdl-container .m-icono img{height:30.8rem;width:auto;display:block}@media (hover: hover){.mdl-mdh012 .mdl-container:hover .m-marco{opacity:0}.mdl-mdh012 .mdl-container:hover .m-icono{opacity:0;transform:translate(-50%,-50%) scale(.6)}}@media (max-width: 1680px){.mdl-mdh012 .mdl-container{height:74rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:8.5rem solid white}}@media (max-width: 1366px){.mdl-mdh012 .mdl-container{height:66rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:7.5rem solid white}.mdl-mdh012 .mdl-container .m-icono img{height:16.6rem}.mdl-mdh012 .mdl-container .m-tag{width:34.6rem}.mdl-mdh012 .mdl-container .m-tag .m-texto{padding:4rem}}@media (max-width: 1280px){.mdl-mdh012 .mdl-container{height:61.8rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:7.1rem solid white}}@media (max-width: 1080px){.mdl-mdh012 .mdl-container{height:49.4rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:5.6rem solid white}}@media (max-width: 768px){.mdl-mdh012 .mdl-container{height:49rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:4.4rem solid white}.mdl-mdh012 .mdl-container .m-icono{transform:none;top:11rem;right:10rem;left:auto}.mdl-mdh012 .mdl-container .m-icono img{height:8.3rem}.mdl-mdh012 .mdl-container .m-tag{width:100%;bottom:-2.2rem;top:auto;z-index:0;display:flex;justify-content:center;background-color:#ff4338;height:12rem;bottom:-1.6rem;align-items:center}.mdl-mdh012 .mdl-container .m-tag .m-texto{width:36.1rem;text-align:center}}@media (max-width: 540px){.mdl-mdh012 .mdl-container{height:35rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:3rem solid white}.mdl-mdh012 .mdl-container .m-tag{bottom:-3rem}.mdl-mdh012 .mdl-container .m-icono{top:8rem;right:8rem}.mdl-mdh012 .mdl-container .m-icono img{height:5.9rem}}@media (max-width: 375px){.mdl-mdh012 .mdl-container{height:35rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:2rem solid white}.mdl-mdh012 .mdl-container .m-tag{bottom:-4rem}.mdl-mdh012 .mdl-container .m-icono{top:5rem;right:5rem}.mdl-mdh012 .mdl-container .m-icono img{height:3.5rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18989
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SliC1ImgSvgComponent, isStandalone: true, selector: "sli-c1-img-svg", inputs: { texts: "texts", items: "items" }, ngImport: i0, template: "<section class=\"mdl-mdh012\">\n <div class=\"mdl-container\">\n @if (items?.[0]; as img) {\n <img [src]=\"img?.img?.src\" [alt]=\"img?.img?.alt\" />\n }\n <div class=\"m-tag\">\n @if (items?.[0]?.title ?? texts?.title) {\n <div class=\"m-texto\">\n {{ items?.[0]?.title ?? texts?.title }}\n </div>\n }\n </div>\n @if (getFirstImageByTag(tagName, items ?? []); as img) {\n <div class=\"m-icono\">\n <img [src]=\"img?.img?.src\" [alt]=\"img?.img?.alt\" />\n </div>\n }\n <div class=\"m-marco\"></div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-mdh012 .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-mdh012 .m-button-big{font-size:1.6rem}}.mdl-mdh012 .m-button-big.red{background-color:#ff4338}@media (hover: hover){.mdl-mdh012 .m-button-big.red:hover{background-color:#ed3b37}}.mdl-mdh012 .m-button-big.blue{background-color:#5b87da}@media (hover: hover){.mdl-mdh012 .m-button-big.blue:hover{background-color:#446ecd}}.mdl-mdh012 .m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.mdl-mdh012 .m-button-big.green:hover{background-color:#2ec99b}}.mdl-mdh012 .m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-mdh012 .m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-mdh012 .m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh012 .m-button-big:hover{background-color:#ed3b37}}.mdl-mdh012 .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-mdh012 .m-button-sm{font-size:1.6rem}}.mdl-mdh012 .m-button-sm.red{background-color:#ff4338}@media (hover: hover){.mdl-mdh012 .m-button-sm.red:hover{background-color:#ed3b37}}.mdl-mdh012 .m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.mdl-mdh012 .m-button-sm.blue:hover{background-color:#446ecd}}.mdl-mdh012 .m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.mdl-mdh012 .m-button-sm.green:hover{background-color:#2ec99b}}.mdl-mdh012 .m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-mdh012 .m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-mdh012 .m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh012 .m-button-sm:hover{background-color:#ed3b37}}.mdl-mdh012 .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-mdh012 .m-underline{font-size:1.6rem}}@media (hover: hover){.mdl-mdh012 .m-underline:hover,.mdl-mdh012 .m-underline.active{color:#ed3b37}.mdl-mdh012 .m-underline:hover:after,.mdl-mdh012 .m-underline.active:after{opacity:1;width:100%}}.mdl-mdh012 .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.mdl-mdh012 .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-mdh012 .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-mdh012 .m-underline-red{font-size:1.6rem}}.mdl-mdh012 .m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh012 .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-mdh012 .m-underline-red:hover{color:#ed3b37}.mdl-mdh012 .m-underline-red:hover:after{width:100%}}.mdl-mdh012 .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-mdh012 .m-underline-blue{font-size:1.6rem}}.mdl-mdh012 .m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh012 .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-mdh012 .m-underline-blue:hover{color:#446ecd}.mdl-mdh012 .m-underline-blue:hover:after{width:100%}}.mdl-mdh012 .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-mdh012 .m-underline-green{font-size:1.6rem}}.mdl-mdh012 .m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh012 .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-mdh012 .m-underline-green:hover{color:#2ec99b}.mdl-mdh012 .m-underline-green:hover:after{width:100%}}.mdl-mdh012 .m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh012 .m-swiper-button.swiper-button-disabled{opacity:.7}.mdl-mdh012 .m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh012 .m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.mdl-mdh012 .m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.mdl-mdh012 .m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.mdl-mdh012 .m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.mdl-mdh012 .m-swiper-button{width:3.2rem;height:3.2rem}.mdl-mdh012 .m-swiper-button svg{width:.5rem}}.mdl-mdh012 .m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.mdl-mdh012 .m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh012 .m-swiper-button-s.prev svg{left:45%}.mdl-mdh012 .m-swiper-button-s.next svg{left:55%}@media (hover: hover){.mdl-mdh012 .m-swiper-button-s:hover{background-color:#ed3b37}}.mdl-mdh012 .m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh012 .m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.mdl-mdh012 .m-button-close:hover{background-color:#ed3b37}.mdl-mdh012 .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/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/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/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/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/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/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/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-mdh012{padding:0!important;display:flex}.mdl-mdh012 .mdl-container{position:relative;max-width:200rem;background-color:#ffd45b;width:100%;height:87rem}.mdl-mdh012 .mdl-container img{width:100%;height:100%;object-fit:cover;position:absolute}.mdl-mdh012 .mdl-container .m-tag{background-color:#ff4238b3;width:48.9rem;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1}.mdl-mdh012 .mdl-container .m-tag .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2.8rem;line-height:3.6rem}@media (max-width: 1366px){.mdl-mdh012 .mdl-container .m-tag .m-texto{font-size:2.2rem;line-height:2.6rem}}@media (max-width: 375px){.mdl-mdh012 .mdl-container .m-tag .m-texto{font-size:1.8rem;line-height:2.4rem}}.mdl-mdh012 .mdl-container .m-tag .m-texto{color:#fff;padding:5rem 6rem;text-align:end}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:10rem solid white;opacity:1;position:absolute;transition:opacity .4s ease,transform .4s ease}.mdl-mdh012 .mdl-container .m-icono{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:flex;justify-content:center;align-items:center;opacity:1;width:100%;height:auto;transition:opacity .4s ease,transform .4s ease}.mdl-mdh012 .mdl-container .m-icono img{height:30.8rem;width:auto;display:block}@media (hover: hover){.mdl-mdh012 .mdl-container:hover .m-marco{opacity:0}.mdl-mdh012 .mdl-container:hover .m-icono{opacity:0;transform:translate(-50%,-50%) scale(.6)}}@media (max-width: 1680px){.mdl-mdh012 .mdl-container{height:74rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:8.5rem solid white}}@media (max-width: 1366px){.mdl-mdh012 .mdl-container{height:66rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:7.5rem solid white}.mdl-mdh012 .mdl-container .m-icono img{height:16.6rem}.mdl-mdh012 .mdl-container .m-tag{width:34.6rem}.mdl-mdh012 .mdl-container .m-tag .m-texto{padding:4rem}}@media (max-width: 1280px){.mdl-mdh012 .mdl-container{height:61.8rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:7.1rem solid white}}@media (max-width: 1080px){.mdl-mdh012 .mdl-container{height:49.4rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:5.6rem solid white}}@media (max-width: 768px){.mdl-mdh012 .mdl-container{height:49rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:4.4rem solid white}.mdl-mdh012 .mdl-container .m-icono{transform:none;top:11rem;right:10rem;left:auto}.mdl-mdh012 .mdl-container .m-icono img{height:8.3rem}.mdl-mdh012 .mdl-container .m-tag{width:100%;bottom:-2.2rem;top:auto;z-index:0;display:flex;justify-content:center;background-color:#ff4338;height:12rem;bottom:-1.6rem;align-items:center}.mdl-mdh012 .mdl-container .m-tag .m-texto{width:36.1rem;text-align:center}}@media (max-width: 540px){.mdl-mdh012 .mdl-container{height:35rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:3rem solid white}.mdl-mdh012 .mdl-container .m-tag{bottom:-3rem}.mdl-mdh012 .mdl-container .m-icono{top:8rem;right:8rem}.mdl-mdh012 .mdl-container .m-icono img{height:5.9rem}}@media (max-width: 375px){.mdl-mdh012 .mdl-container{height:35rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:2rem solid white}.mdl-mdh012 .mdl-container .m-tag{bottom:-4rem}.mdl-mdh012 .mdl-container .m-icono{top:5rem;right:5rem}.mdl-mdh012 .mdl-container .m-icono img{height:3.5rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18740
18990
|
}
|
|
18741
18991
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliC1ImgSvgComponent, decorators: [{
|
|
18742
18992
|
type: Component,
|
|
18743
|
-
args: [{ selector: 'sli-c1-img-svg', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule], template: "<section class=\"mdl-mdh012\">\n <div class=\"mdl-container\">\n @if (getFirstImageByTag(tagName, items ?? []) ?? items?.[0]; as img) {\n <img [src]=\"img?.img?.src\" [alt]=\"img?.img?.alt\" />\n }\n <div class=\"m-tag\">\n @if (items?.[0]?.title ?? texts?.title) {\n <div class=\"m-texto\">\n {{ items?.[0]?.title ?? texts?.title }}\n </div>\n }\n </div>\n @if (items?.[0]?.texts?.svg ?? texts?.svg) {\n <div class=\"m-icono\">\n <img\n [src]=\"\n '/assets/babylon/svg/icons/' +\n (items?.[0]?.texts?.svg ?? texts?.svg) +\n '.svg'\n \"\n alt=\"logo\"\n />\n </div>\n }\n <div class=\"m-marco\"></div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-mdh012 .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-mdh012 .m-button-big{font-size:1.6rem}}.mdl-mdh012 .m-button-big.red{background-color:#ff4338}@media (hover: hover){.mdl-mdh012 .m-button-big.red:hover{background-color:#ed3b37}}.mdl-mdh012 .m-button-big.blue{background-color:#5b87da}@media (hover: hover){.mdl-mdh012 .m-button-big.blue:hover{background-color:#446ecd}}.mdl-mdh012 .m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.mdl-mdh012 .m-button-big.green:hover{background-color:#2ec99b}}.mdl-mdh012 .m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-mdh012 .m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-mdh012 .m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh012 .m-button-big:hover{background-color:#ed3b37}}.mdl-mdh012 .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-mdh012 .m-button-sm{font-size:1.6rem}}.mdl-mdh012 .m-button-sm.red{background-color:#ff4338}@media (hover: hover){.mdl-mdh012 .m-button-sm.red:hover{background-color:#ed3b37}}.mdl-mdh012 .m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.mdl-mdh012 .m-button-sm.blue:hover{background-color:#446ecd}}.mdl-mdh012 .m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.mdl-mdh012 .m-button-sm.green:hover{background-color:#2ec99b}}.mdl-mdh012 .m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-mdh012 .m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-mdh012 .m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh012 .m-button-sm:hover{background-color:#ed3b37}}.mdl-mdh012 .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-mdh012 .m-underline{font-size:1.6rem}}@media (hover: hover){.mdl-mdh012 .m-underline:hover,.mdl-mdh012 .m-underline.active{color:#ed3b37}.mdl-mdh012 .m-underline:hover:after,.mdl-mdh012 .m-underline.active:after{opacity:1;width:100%}}.mdl-mdh012 .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.mdl-mdh012 .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-mdh012 .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-mdh012 .m-underline-red{font-size:1.6rem}}.mdl-mdh012 .m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh012 .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-mdh012 .m-underline-red:hover{color:#ed3b37}.mdl-mdh012 .m-underline-red:hover:after{width:100%}}.mdl-mdh012 .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-mdh012 .m-underline-blue{font-size:1.6rem}}.mdl-mdh012 .m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh012 .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-mdh012 .m-underline-blue:hover{color:#446ecd}.mdl-mdh012 .m-underline-blue:hover:after{width:100%}}.mdl-mdh012 .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-mdh012 .m-underline-green{font-size:1.6rem}}.mdl-mdh012 .m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh012 .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-mdh012 .m-underline-green:hover{color:#2ec99b}.mdl-mdh012 .m-underline-green:hover:after{width:100%}}.mdl-mdh012 .m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh012 .m-swiper-button.swiper-button-disabled{opacity:.7}.mdl-mdh012 .m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh012 .m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.mdl-mdh012 .m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.mdl-mdh012 .m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.mdl-mdh012 .m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.mdl-mdh012 .m-swiper-button{width:3.2rem;height:3.2rem}.mdl-mdh012 .m-swiper-button svg{width:.5rem}}.mdl-mdh012 .m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.mdl-mdh012 .m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh012 .m-swiper-button-s.prev svg{left:45%}.mdl-mdh012 .m-swiper-button-s.next svg{left:55%}@media (hover: hover){.mdl-mdh012 .m-swiper-button-s:hover{background-color:#ed3b37}}.mdl-mdh012 .m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh012 .m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.mdl-mdh012 .m-button-close:hover{background-color:#ed3b37}.mdl-mdh012 .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/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/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/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/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/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/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/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-mdh012{padding:0!important;display:flex}.mdl-mdh012 .mdl-container{position:relative;max-width:200rem;background-color:#ffd45b;width:100%;height:87rem}.mdl-mdh012 .mdl-container img{width:100%;height:100%;object-fit:cover;position:absolute}.mdl-mdh012 .mdl-container .m-tag{background-color:#ff4238b3;width:48.9rem;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1}.mdl-mdh012 .mdl-container .m-tag .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2.8rem;line-height:3.6rem}@media (max-width: 1366px){.mdl-mdh012 .mdl-container .m-tag .m-texto{font-size:2.2rem;line-height:2.6rem}}@media (max-width: 375px){.mdl-mdh012 .mdl-container .m-tag .m-texto{font-size:1.8rem;line-height:2.4rem}}.mdl-mdh012 .mdl-container .m-tag .m-texto{color:#fff;padding:5rem 6rem;text-align:end}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:10rem solid white;opacity:1;position:absolute;transition:opacity .4s ease,transform .4s ease}.mdl-mdh012 .mdl-container .m-icono{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity .4s ease,transform .4s ease}.mdl-mdh012 .mdl-container .m-icono img{height:30.8rem;width:auto;display:block}@media (hover: hover){.mdl-mdh012 .mdl-container:hover .m-marco{opacity:0}.mdl-mdh012 .mdl-container:hover .m-icono{opacity:0;transform:translate(-50%,-50%) scale(.6)}}@media (max-width: 1680px){.mdl-mdh012 .mdl-container{height:74rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:8.5rem solid white}}@media (max-width: 1366px){.mdl-mdh012 .mdl-container{height:66rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:7.5rem solid white}.mdl-mdh012 .mdl-container .m-icono img{height:16.6rem}.mdl-mdh012 .mdl-container .m-tag{width:34.6rem}.mdl-mdh012 .mdl-container .m-tag .m-texto{padding:4rem}}@media (max-width: 1280px){.mdl-mdh012 .mdl-container{height:61.8rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:7.1rem solid white}}@media (max-width: 1080px){.mdl-mdh012 .mdl-container{height:49.4rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:5.6rem solid white}}@media (max-width: 768px){.mdl-mdh012 .mdl-container{height:49rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:4.4rem solid white}.mdl-mdh012 .mdl-container .m-icono{transform:none;top:11rem;right:10rem;left:auto}.mdl-mdh012 .mdl-container .m-icono img{height:8.3rem}.mdl-mdh012 .mdl-container .m-tag{width:100%;bottom:-2.2rem;top:auto;z-index:0;display:flex;justify-content:center;background-color:#ff4338;height:12rem;bottom:-1.6rem;align-items:center}.mdl-mdh012 .mdl-container .m-tag .m-texto{width:36.1rem;text-align:center}}@media (max-width: 540px){.mdl-mdh012 .mdl-container{height:35rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:3rem solid white}.mdl-mdh012 .mdl-container .m-tag{bottom:-3rem}.mdl-mdh012 .mdl-container .m-icono{top:8rem;right:8rem}.mdl-mdh012 .mdl-container .m-icono img{height:5.9rem}}@media (max-width: 375px){.mdl-mdh012 .mdl-container{height:35rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:2rem solid white}.mdl-mdh012 .mdl-container .m-tag{bottom:-4rem}.mdl-mdh012 .mdl-container .m-icono{top:5rem;right:5rem}.mdl-mdh012 .mdl-container .m-icono img{height:3.5rem}}\n"] }]
|
|
18993
|
+
args: [{ selector: 'sli-c1-img-svg', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule], template: "<section class=\"mdl-mdh012\">\n <div class=\"mdl-container\">\n @if (items?.[0]; as img) {\n <img [src]=\"img?.img?.src\" [alt]=\"img?.img?.alt\" />\n }\n <div class=\"m-tag\">\n @if (items?.[0]?.title ?? texts?.title) {\n <div class=\"m-texto\">\n {{ items?.[0]?.title ?? texts?.title }}\n </div>\n }\n </div>\n @if (getFirstImageByTag(tagName, items ?? []); as img) {\n <div class=\"m-icono\">\n <img [src]=\"img?.img?.src\" [alt]=\"img?.img?.alt\" />\n </div>\n }\n <div class=\"m-marco\"></div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-mdh012 .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-mdh012 .m-button-big{font-size:1.6rem}}.mdl-mdh012 .m-button-big.red{background-color:#ff4338}@media (hover: hover){.mdl-mdh012 .m-button-big.red:hover{background-color:#ed3b37}}.mdl-mdh012 .m-button-big.blue{background-color:#5b87da}@media (hover: hover){.mdl-mdh012 .m-button-big.blue:hover{background-color:#446ecd}}.mdl-mdh012 .m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.mdl-mdh012 .m-button-big.green:hover{background-color:#2ec99b}}.mdl-mdh012 .m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-mdh012 .m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-mdh012 .m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh012 .m-button-big:hover{background-color:#ed3b37}}.mdl-mdh012 .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-mdh012 .m-button-sm{font-size:1.6rem}}.mdl-mdh012 .m-button-sm.red{background-color:#ff4338}@media (hover: hover){.mdl-mdh012 .m-button-sm.red:hover{background-color:#ed3b37}}.mdl-mdh012 .m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.mdl-mdh012 .m-button-sm.blue:hover{background-color:#446ecd}}.mdl-mdh012 .m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.mdl-mdh012 .m-button-sm.green:hover{background-color:#2ec99b}}.mdl-mdh012 .m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-mdh012 .m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-mdh012 .m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh012 .m-button-sm:hover{background-color:#ed3b37}}.mdl-mdh012 .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-mdh012 .m-underline{font-size:1.6rem}}@media (hover: hover){.mdl-mdh012 .m-underline:hover,.mdl-mdh012 .m-underline.active{color:#ed3b37}.mdl-mdh012 .m-underline:hover:after,.mdl-mdh012 .m-underline.active:after{opacity:1;width:100%}}.mdl-mdh012 .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.mdl-mdh012 .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-mdh012 .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-mdh012 .m-underline-red{font-size:1.6rem}}.mdl-mdh012 .m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh012 .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-mdh012 .m-underline-red:hover{color:#ed3b37}.mdl-mdh012 .m-underline-red:hover:after{width:100%}}.mdl-mdh012 .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-mdh012 .m-underline-blue{font-size:1.6rem}}.mdl-mdh012 .m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh012 .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-mdh012 .m-underline-blue:hover{color:#446ecd}.mdl-mdh012 .m-underline-blue:hover:after{width:100%}}.mdl-mdh012 .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-mdh012 .m-underline-green{font-size:1.6rem}}.mdl-mdh012 .m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh012 .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-mdh012 .m-underline-green:hover{color:#2ec99b}.mdl-mdh012 .m-underline-green:hover:after{width:100%}}.mdl-mdh012 .m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh012 .m-swiper-button.swiper-button-disabled{opacity:.7}.mdl-mdh012 .m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh012 .m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.mdl-mdh012 .m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.mdl-mdh012 .m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.mdl-mdh012 .m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.mdl-mdh012 .m-swiper-button{width:3.2rem;height:3.2rem}.mdl-mdh012 .m-swiper-button svg{width:.5rem}}.mdl-mdh012 .m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.mdl-mdh012 .m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh012 .m-swiper-button-s.prev svg{left:45%}.mdl-mdh012 .m-swiper-button-s.next svg{left:55%}@media (hover: hover){.mdl-mdh012 .m-swiper-button-s:hover{background-color:#ed3b37}}.mdl-mdh012 .m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh012 .m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.mdl-mdh012 .m-button-close:hover{background-color:#ed3b37}.mdl-mdh012 .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/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/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/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/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/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/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/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-mdh012{padding:0!important;display:flex}.mdl-mdh012 .mdl-container{position:relative;max-width:200rem;background-color:#ffd45b;width:100%;height:87rem}.mdl-mdh012 .mdl-container img{width:100%;height:100%;object-fit:cover;position:absolute}.mdl-mdh012 .mdl-container .m-tag{background-color:#ff4238b3;width:48.9rem;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1}.mdl-mdh012 .mdl-container .m-tag .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2.8rem;line-height:3.6rem}@media (max-width: 1366px){.mdl-mdh012 .mdl-container .m-tag .m-texto{font-size:2.2rem;line-height:2.6rem}}@media (max-width: 375px){.mdl-mdh012 .mdl-container .m-tag .m-texto{font-size:1.8rem;line-height:2.4rem}}.mdl-mdh012 .mdl-container .m-tag .m-texto{color:#fff;padding:5rem 6rem;text-align:end}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:10rem solid white;opacity:1;position:absolute;transition:opacity .4s ease,transform .4s ease}.mdl-mdh012 .mdl-container .m-icono{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:flex;justify-content:center;align-items:center;opacity:1;width:100%;height:auto;transition:opacity .4s ease,transform .4s ease}.mdl-mdh012 .mdl-container .m-icono img{height:30.8rem;width:auto;display:block}@media (hover: hover){.mdl-mdh012 .mdl-container:hover .m-marco{opacity:0}.mdl-mdh012 .mdl-container:hover .m-icono{opacity:0;transform:translate(-50%,-50%) scale(.6)}}@media (max-width: 1680px){.mdl-mdh012 .mdl-container{height:74rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:8.5rem solid white}}@media (max-width: 1366px){.mdl-mdh012 .mdl-container{height:66rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:7.5rem solid white}.mdl-mdh012 .mdl-container .m-icono img{height:16.6rem}.mdl-mdh012 .mdl-container .m-tag{width:34.6rem}.mdl-mdh012 .mdl-container .m-tag .m-texto{padding:4rem}}@media (max-width: 1280px){.mdl-mdh012 .mdl-container{height:61.8rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:7.1rem solid white}}@media (max-width: 1080px){.mdl-mdh012 .mdl-container{height:49.4rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:5.6rem solid white}}@media (max-width: 768px){.mdl-mdh012 .mdl-container{height:49rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:4.4rem solid white}.mdl-mdh012 .mdl-container .m-icono{transform:none;top:11rem;right:10rem;left:auto}.mdl-mdh012 .mdl-container .m-icono img{height:8.3rem}.mdl-mdh012 .mdl-container .m-tag{width:100%;bottom:-2.2rem;top:auto;z-index:0;display:flex;justify-content:center;background-color:#ff4338;height:12rem;bottom:-1.6rem;align-items:center}.mdl-mdh012 .mdl-container .m-tag .m-texto{width:36.1rem;text-align:center}}@media (max-width: 540px){.mdl-mdh012 .mdl-container{height:35rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:3rem solid white}.mdl-mdh012 .mdl-container .m-tag{bottom:-3rem}.mdl-mdh012 .mdl-container .m-icono{top:8rem;right:8rem}.mdl-mdh012 .mdl-container .m-icono img{height:5.9rem}}@media (max-width: 375px){.mdl-mdh012 .mdl-container{height:35rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:2rem solid white}.mdl-mdh012 .mdl-container .m-tag{bottom:-4rem}.mdl-mdh012 .mdl-container .m-icono{top:5rem;right:5rem}.mdl-mdh012 .mdl-container .m-icono img{height:3.5rem}}\n"] }]
|
|
18744
18994
|
}], propDecorators: { texts: [{
|
|
18745
18995
|
type: Input
|
|
18746
18996
|
}], items: [{
|
|
@@ -18794,7 +19044,9 @@ class SliC2ImgComponent {
|
|
|
18794
19044
|
ngOnInit() {
|
|
18795
19045
|
this.imagesSlider =
|
|
18796
19046
|
this.multimedia?.imagenes ??
|
|
18797
|
-
this.getImagesByTag(this.tagName, this.rooms?.[0]?.multimedia)
|
|
19047
|
+
this.getImagesByTag(this.tagName, this.rooms?.[0]?.multimedia) ??
|
|
19048
|
+
this.rooms?.[0]?.multimedia?.imagenes ??
|
|
19049
|
+
[];
|
|
18798
19050
|
}
|
|
18799
19051
|
ngAfterViewInit() {
|
|
18800
19052
|
if (!isPlatformBrowser(this.platformId))
|
|
@@ -18807,6 +19059,14 @@ class SliC2ImgComponent {
|
|
|
18807
19059
|
if (changes['content'] && !changes['content'].firstChange) {
|
|
18808
19060
|
this.setupSwiper();
|
|
18809
19061
|
}
|
|
19062
|
+
if (this.imagesSlider.length == 0) {
|
|
19063
|
+
this.imagesSlider =
|
|
19064
|
+
this.multimedia?.imagenes ??
|
|
19065
|
+
this.getImagesByTag(this.tagName, this.rooms?.[0]?.multimedia) ??
|
|
19066
|
+
this.rooms?.[0]?.multimedia?.imagenes ??
|
|
19067
|
+
[];
|
|
19068
|
+
}
|
|
19069
|
+
console.log('IMGS ', this.imagesSlider);
|
|
18810
19070
|
}
|
|
18811
19071
|
ngOnDestroy() {
|
|
18812
19072
|
if (!isPlatformBrowser(this.platformId))
|
|
@@ -18861,11 +19121,11 @@ class SliC2ImgComponent {
|
|
|
18861
19121
|
return getFirstImageByTagFromMultimedia(multimedia, tagName);
|
|
18862
19122
|
}
|
|
18863
19123
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliC2ImgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18864
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SliC2ImgComponent, isStandalone: true, selector: "sli-c2-img", inputs: { multimedia: "multimedia", reverse: "reverse", rooms: "rooms", styles: "styles" }, viewQueries: [{ propertyName: "swiperContainer", first: true, predicate: ["swiperContainer"], descendants: true }, { propertyName: "nextButton", first: true, predicate: ["nextButton"], descendants: true }, { propertyName: "prevButton", first: true, predicate: ["prevButton"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<!-- COMENTARIO CONEXI\u00D3N: A\u00F1adir clase 'reverse' para invertir la posici\u00F3n del slide -->\n@if (multimedia || rooms?.[0]?.multimedia) {\n <section class=\"mdl-mdh007mdh008\" [class.reverse]=\"reverse\">\n <div class=\"mdl-container\">\n @if (multimedia || rooms?.[0]?.multimedia) {\n @if (\n multimedia?.staticImagenes?.[0] ??\n getFirstImageByTag(\n tagNameVertical,\n rooms?.[0]?.multimedia\n );\n as staticImage\n ) {\n <div class=\"m-img\">\n <img\n [src]=\"staticImage?.img?.src\"\n [alt]=\"staticImage?.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n }\n @if (multimedia?.imagenes
|
|
19124
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SliC2ImgComponent, isStandalone: true, selector: "sli-c2-img", inputs: { multimedia: "multimedia", reverse: "reverse", rooms: "rooms", styles: "styles" }, viewQueries: [{ propertyName: "swiperContainer", first: true, predicate: ["swiperContainer"], descendants: true }, { propertyName: "nextButton", first: true, predicate: ["nextButton"], descendants: true }, { propertyName: "prevButton", first: true, predicate: ["prevButton"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<!-- COMENTARIO CONEXI\u00D3N: A\u00F1adir clase 'reverse' para invertir la posici\u00F3n del slide -->\n@if (multimedia || rooms?.[0]?.multimedia) {\n <section class=\"mdl-mdh007mdh008\" [class.reverse]=\"reverse\">\n <div class=\"mdl-container\">\n @if (multimedia || rooms?.[0]?.multimedia) {\n @if (\n multimedia?.staticImagenes?.[0] ??\n getFirstImageByTag(\n tagNameVertical,\n rooms?.[0]?.multimedia\n );\n as staticImage\n ) {\n <div class=\"m-img\">\n <img\n [src]=\"staticImage?.img?.src\"\n [alt]=\"staticImage?.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n }\n @if (\n (multimedia?.imagenes ||\n rooms?.[0]?.multimedia?.imagenes) &&\n imagesSlider.length > 0\n ) {\n <div class=\"swiper-container\">\n <div class=\"swiper-overflow swiper\" #swiperContainer>\n <div class=\"swiper-wrapper\">\n @for (slide of imagesSlider; track $index) {\n <div class=\"swiper-slide\">\n <img\n [src]=\"slide?.img?.src\"\n [alt]=\"slide?.img?.alt ?? 'image'\"\n />\n </div>\n }\n </div>\n </div>\n\n <button\n #nextButton\n type=\"button\"\n class=\"m-swiper-button next\"\n aria-label=\"Siguiente imagen\"\n [style.--arrow-color]=\"styles?.primary ?? '#000'\"\n [style.--arrow-hover-color]=\"\n styles?.primaryHover ??\n styles?.primary ??\n '#000'\n \"\n >\n <svg\n width=\"7\"\n height=\"12\"\n viewBox=\"0 0 7 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.71533 5.31548L1.65157 0.281695C1.46948 0.100676 1.22288 -0.000650459 0.966022 3.77247e-06C0.709163 0.000657051 0.463085 0.103239 0.281921 0.285182C0.100757 0.467126 -0.000651881 0.713526 2.66678e-06 0.970178C0.000657215 1.22683 0.103322 1.47271 0.285411 1.65373L4.67307 5.98705L0.288403 10.3463C0.106314 10.5273 0.00364923 10.7732 0.0029947 11.0298C0.00234018 11.2865 0.103749 11.5329 0.284913 11.7148C0.466077 11.8968 0.712156 11.9993 0.969015 12C1.22587 12.0007 1.47247 11.8993 1.65456 11.7183L6.71633 6.68651C6.89815 6.50457 7.00019 6.25791 7 6.00079C6.99981 5.74367 6.89741 5.49716 6.71533 5.31548Z\"\n fill=\"white\"\n ></path>\n </svg>\n </button>\n <button\n #prevButton\n type=\"button\"\n class=\"m-swiper-button prev\"\n aria-label=\"Imagen anterior\"\n [style.--arrow-color]=\"styles?.primary ?? '#000'\"\n [style.--arrow-hover-color]=\"\n styles?.primaryHover ??\n styles?.primary ??\n '#000'\n \"\n >\n <svg\n width=\"7\"\n height=\"12\"\n viewBox=\"0 0 7 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.28467 5.31548L5.34843 0.281695C5.53052 0.100676 5.77712 -0.000650459 6.03398 3.77247e-06C6.29084 0.000657051 6.53692 0.103239 6.71808 0.285182C6.89924 0.467126 7.00065 0.713526 7 0.970178C6.99934 1.22683 6.89668 1.47271 6.71459 1.65373L2.32693 5.98705L6.7116 10.3463C6.89369 10.5273 6.99635 10.7732 6.99701 11.0298C6.99766 11.2865 6.89625 11.5329 6.71509 11.7148C6.53392 11.8968 6.28784 11.9993 6.03099 12C5.77413 12.0007 5.52753 11.8993 5.34544 11.7183L0.283673 6.68651C0.101853 6.50457 -0.000186192 6.25791 7.39071e-07 6.00079C0.00018767 5.74367 0.102586 5.49716 0.28467 5.31548Z\"\n fill=\"white\"\n ></path>\n </svg>\n </button>\n </div>\n }\n }\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.mdl-mdh007mdh008.reverse .mdl-container{flex-direction:row-reverse}.mdl-mdh007mdh008 .mdl-container{display:flex;flex-direction:row;justify-content:space-between;height:70rem;gap:6rem}.mdl-mdh007mdh008 .mdl-container .m-img{height:100%;width:calc(37% - 3rem)}.mdl-mdh007mdh008 .mdl-container .m-img img{width:100%;height:100%;object-fit:cover}.mdl-mdh007mdh008 .mdl-container .swiper-container{position:relative;width:calc(63% - 3rem)}.mdl-mdh007mdh008 .mdl-container .swiper-container .swiper-overflow{overflow:hidden;width:100%;height:100%}.mdl-mdh007mdh008 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper{width:100%;height:100%}.mdl-mdh007mdh008 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide img{width:100%;height:100%;object-fit:cover}.mdl-mdh007mdh008 .mdl-container .swiper-container .m-swiper-button{position:absolute;top:50%;transform:translateY(-50%);z-index:9}.mdl-mdh007mdh008 .mdl-container .swiper-container .m-swiper-button.next{left:0}.mdl-mdh007mdh008 .mdl-container .swiper-container .m-swiper-button.prev{right:0}.mdl-mdh007mdh008 .mdl-container .swiper-container .m-swiper-button{background-color:var(--arrow-color, transparent)}@media (hover: hover){.mdl-mdh007mdh008 .mdl-container .swiper-container .m-swiper-button:hover{background-color:var(--arrow-hover-color, var(--arrow-color))}}@media (max-width: 1680px){.mdl-mdh007mdh008 .mdl-container{height:64rem}}@media (max-width: 1366px){.mdl-mdh007mdh008 .mdl-container{height:52rem;gap:4rem}.mdl-mdh007mdh008 .mdl-container .m-img{width:calc(37% - 2rem)}.mdl-mdh007mdh008 .mdl-container .swiper-container{width:calc(63% - 2rem)}}@media (max-width: 1080px){.mdl-mdh007mdh008 .mdl-container{height:38rem;gap:3rem}.mdl-mdh007mdh008 .mdl-container .m-img{width:calc(37% - 1.5rem)}.mdl-mdh007mdh008 .mdl-container .swiper-container{width:calc(63% - 1.5rem)}}@media (max-width: 768px){.mdl-mdh007mdh008 .mdl-container{height:31rem}}@media (max-width: 540px){.mdl-mdh007mdh008 .mdl-container{height:30rem}.mdl-mdh007mdh008 .mdl-container .m-img{display:none}.mdl-mdh007mdh008 .mdl-container .swiper-container{width:100%}}@media (max-width: 375px){.mdl-mdh007mdh008 .mdl-container{height:21rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
18865
19125
|
}
|
|
18866
19126
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliC2ImgComponent, decorators: [{
|
|
18867
19127
|
type: Component,
|
|
18868
|
-
args: [{ selector: 'sli-c2-img', standalone: true, imports: [CommonModule], template: "<!-- COMENTARIO CONEXI\u00D3N: A\u00F1adir clase 'reverse' para invertir la posici\u00F3n del slide -->\n@if (multimedia || rooms?.[0]?.multimedia) {\n <section class=\"mdl-mdh007mdh008\" [class.reverse]=\"reverse\">\n <div class=\"mdl-container\">\n @if (multimedia || rooms?.[0]?.multimedia) {\n @if (\n multimedia?.staticImagenes?.[0] ??\n getFirstImageByTag(\n tagNameVertical,\n rooms?.[0]?.multimedia\n );\n as staticImage\n ) {\n <div class=\"m-img\">\n <img\n [src]=\"staticImage?.img?.src\"\n [alt]=\"staticImage?.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n }\n @if (multimedia?.imagenes
|
|
19128
|
+
args: [{ selector: 'sli-c2-img', standalone: true, imports: [CommonModule], template: "<!-- COMENTARIO CONEXI\u00D3N: A\u00F1adir clase 'reverse' para invertir la posici\u00F3n del slide -->\n@if (multimedia || rooms?.[0]?.multimedia) {\n <section class=\"mdl-mdh007mdh008\" [class.reverse]=\"reverse\">\n <div class=\"mdl-container\">\n @if (multimedia || rooms?.[0]?.multimedia) {\n @if (\n multimedia?.staticImagenes?.[0] ??\n getFirstImageByTag(\n tagNameVertical,\n rooms?.[0]?.multimedia\n );\n as staticImage\n ) {\n <div class=\"m-img\">\n <img\n [src]=\"staticImage?.img?.src\"\n [alt]=\"staticImage?.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n }\n @if (\n (multimedia?.imagenes ||\n rooms?.[0]?.multimedia?.imagenes) &&\n imagesSlider.length > 0\n ) {\n <div class=\"swiper-container\">\n <div class=\"swiper-overflow swiper\" #swiperContainer>\n <div class=\"swiper-wrapper\">\n @for (slide of imagesSlider; track $index) {\n <div class=\"swiper-slide\">\n <img\n [src]=\"slide?.img?.src\"\n [alt]=\"slide?.img?.alt ?? 'image'\"\n />\n </div>\n }\n </div>\n </div>\n\n <button\n #nextButton\n type=\"button\"\n class=\"m-swiper-button next\"\n aria-label=\"Siguiente imagen\"\n [style.--arrow-color]=\"styles?.primary ?? '#000'\"\n [style.--arrow-hover-color]=\"\n styles?.primaryHover ??\n styles?.primary ??\n '#000'\n \"\n >\n <svg\n width=\"7\"\n height=\"12\"\n viewBox=\"0 0 7 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.71533 5.31548L1.65157 0.281695C1.46948 0.100676 1.22288 -0.000650459 0.966022 3.77247e-06C0.709163 0.000657051 0.463085 0.103239 0.281921 0.285182C0.100757 0.467126 -0.000651881 0.713526 2.66678e-06 0.970178C0.000657215 1.22683 0.103322 1.47271 0.285411 1.65373L4.67307 5.98705L0.288403 10.3463C0.106314 10.5273 0.00364923 10.7732 0.0029947 11.0298C0.00234018 11.2865 0.103749 11.5329 0.284913 11.7148C0.466077 11.8968 0.712156 11.9993 0.969015 12C1.22587 12.0007 1.47247 11.8993 1.65456 11.7183L6.71633 6.68651C6.89815 6.50457 7.00019 6.25791 7 6.00079C6.99981 5.74367 6.89741 5.49716 6.71533 5.31548Z\"\n fill=\"white\"\n ></path>\n </svg>\n </button>\n <button\n #prevButton\n type=\"button\"\n class=\"m-swiper-button prev\"\n aria-label=\"Imagen anterior\"\n [style.--arrow-color]=\"styles?.primary ?? '#000'\"\n [style.--arrow-hover-color]=\"\n styles?.primaryHover ??\n styles?.primary ??\n '#000'\n \"\n >\n <svg\n width=\"7\"\n height=\"12\"\n viewBox=\"0 0 7 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.28467 5.31548L5.34843 0.281695C5.53052 0.100676 5.77712 -0.000650459 6.03398 3.77247e-06C6.29084 0.000657051 6.53692 0.103239 6.71808 0.285182C6.89924 0.467126 7.00065 0.713526 7 0.970178C6.99934 1.22683 6.89668 1.47271 6.71459 1.65373L2.32693 5.98705L6.7116 10.3463C6.89369 10.5273 6.99635 10.7732 6.99701 11.0298C6.99766 11.2865 6.89625 11.5329 6.71509 11.7148C6.53392 11.8968 6.28784 11.9993 6.03099 12C5.77413 12.0007 5.52753 11.8993 5.34544 11.7183L0.283673 6.68651C0.101853 6.50457 -0.000186192 6.25791 7.39071e-07 6.00079C0.00018767 5.74367 0.102586 5.49716 0.28467 5.31548Z\"\n fill=\"white\"\n ></path>\n </svg>\n </button>\n </div>\n }\n }\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.mdl-mdh007mdh008.reverse .mdl-container{flex-direction:row-reverse}.mdl-mdh007mdh008 .mdl-container{display:flex;flex-direction:row;justify-content:space-between;height:70rem;gap:6rem}.mdl-mdh007mdh008 .mdl-container .m-img{height:100%;width:calc(37% - 3rem)}.mdl-mdh007mdh008 .mdl-container .m-img img{width:100%;height:100%;object-fit:cover}.mdl-mdh007mdh008 .mdl-container .swiper-container{position:relative;width:calc(63% - 3rem)}.mdl-mdh007mdh008 .mdl-container .swiper-container .swiper-overflow{overflow:hidden;width:100%;height:100%}.mdl-mdh007mdh008 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper{width:100%;height:100%}.mdl-mdh007mdh008 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide img{width:100%;height:100%;object-fit:cover}.mdl-mdh007mdh008 .mdl-container .swiper-container .m-swiper-button{position:absolute;top:50%;transform:translateY(-50%);z-index:9}.mdl-mdh007mdh008 .mdl-container .swiper-container .m-swiper-button.next{left:0}.mdl-mdh007mdh008 .mdl-container .swiper-container .m-swiper-button.prev{right:0}.mdl-mdh007mdh008 .mdl-container .swiper-container .m-swiper-button{background-color:var(--arrow-color, transparent)}@media (hover: hover){.mdl-mdh007mdh008 .mdl-container .swiper-container .m-swiper-button:hover{background-color:var(--arrow-hover-color, var(--arrow-color))}}@media (max-width: 1680px){.mdl-mdh007mdh008 .mdl-container{height:64rem}}@media (max-width: 1366px){.mdl-mdh007mdh008 .mdl-container{height:52rem;gap:4rem}.mdl-mdh007mdh008 .mdl-container .m-img{width:calc(37% - 2rem)}.mdl-mdh007mdh008 .mdl-container .swiper-container{width:calc(63% - 2rem)}}@media (max-width: 1080px){.mdl-mdh007mdh008 .mdl-container{height:38rem;gap:3rem}.mdl-mdh007mdh008 .mdl-container .m-img{width:calc(37% - 1.5rem)}.mdl-mdh007mdh008 .mdl-container .swiper-container{width:calc(63% - 1.5rem)}}@media (max-width: 768px){.mdl-mdh007mdh008 .mdl-container{height:31rem}}@media (max-width: 540px){.mdl-mdh007mdh008 .mdl-container{height:30rem}.mdl-mdh007mdh008 .mdl-container .m-img{display:none}.mdl-mdh007mdh008 .mdl-container .swiper-container{width:100%}}@media (max-width: 375px){.mdl-mdh007mdh008 .mdl-container{height:21rem}}\n"] }]
|
|
18869
19129
|
}], propDecorators: { multimedia: [{
|
|
18870
19130
|
type: Input
|
|
18871
19131
|
}], reverse: [{
|