ctt-babylon 0.13.41 → 0.13.42
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-lis-c2-txt/babylon-lis-c2-txt.component.mjs +2 -2
- package/esm2022/lib/components/core/babylon-offer-detail/babylon-offer-detail.interface.mjs +1 -1
- package/esm2022/lib/components/external/core/c2-txt-cta-des/c2-txt-cta-des.component.mjs +2 -2
- package/esm2022/lib/components/external/core/c2-txt-img-v2/c2-txt-img-v2.component.mjs +3 -3
- package/esm2022/lib/components/external/core/lis-c2-txt-img-svg-c/lis-c2-txt-img-svg-c.component.mjs +3 -3
- package/esm2022/lib/components/external/core/sli-c2-txt-img-svg-c/sli-c2-txt-img-svg-c.component.mjs +5 -3
- package/esm2022/lib/interfaces/babylon-offer-detail.interface.mjs +1 -1
- package/esm2022/lib/services/mapper/mapper.service.mjs +17 -15
- package/fesm2022/ctt-babylon.mjs +27 -23
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/lib/components/core/babylon-offer-detail/babylon-offer-detail.interface.d.ts +3 -0
- package/lib/components/external/core/sli-c2-txt-img-svg-c/sli-c2-txt-img-svg-c.component.d.ts +5 -4
- package/lib/interfaces/babylon-offer-detail.interface.d.ts +4 -1
- package/package.json +1 -1
package/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -5039,21 +5039,23 @@ class MapperService {
|
|
|
5039
5039
|
};
|
|
5040
5040
|
}
|
|
5041
5041
|
mapOfferDetail(props) {
|
|
5042
|
+
const offer = props?.offer?.[0];
|
|
5042
5043
|
return {
|
|
5043
|
-
pretitle:
|
|
5044
|
-
title:
|
|
5045
|
-
description:
|
|
5046
|
-
ndTitle:
|
|
5047
|
-
labelDiscount:
|
|
5048
|
-
labelFrom:
|
|
5049
|
-
currency:
|
|
5050
|
-
price:
|
|
5051
|
-
discount:
|
|
5052
|
-
conditions:
|
|
5053
|
-
image: this.getImageResponsive(
|
|
5054
|
-
multimedia: this.mapImages(
|
|
5044
|
+
pretitle: offer?.texts?.subtitle,
|
|
5045
|
+
title: offer?.texts?.title,
|
|
5046
|
+
description: offer?.texts?.description,
|
|
5047
|
+
ndTitle: offer?.texts?.additional1,
|
|
5048
|
+
labelDiscount: offer?.texts?.additional2,
|
|
5049
|
+
labelFrom: offer?.texts?.additional3,
|
|
5050
|
+
currency: offer?.currency,
|
|
5051
|
+
price: offer?.price,
|
|
5052
|
+
discount: offer?.discount,
|
|
5053
|
+
conditions: offer?.texts?.conditions,
|
|
5054
|
+
image: this.getImageResponsive(offer?.multimedia?.[0], false),
|
|
5055
|
+
multimedia: this.mapImages(offer?.multimedia),
|
|
5055
5056
|
link: Utils.mapButtons(props?.links)?.[0],
|
|
5056
|
-
button: Utils.mapButtons(
|
|
5057
|
+
button: Utils.mapButtons(offer?.buttons)?.[0],
|
|
5058
|
+
services: this.mapGlobalServices(offer?.services),
|
|
5057
5059
|
};
|
|
5058
5060
|
}
|
|
5059
5061
|
mapOffersList(props) {
|
|
@@ -13592,11 +13594,11 @@ class BabylonLisC2TxtComponent {
|
|
|
13592
13594
|
return this.hotels.find((h) => Number(h?.id) === idNum);
|
|
13593
13595
|
}
|
|
13594
13596
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonLisC2TxtComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13595
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonLisC2TxtComponent, isStandalone: true, selector: "lib-babylon-lis-c2-txt", inputs: { texts: "texts", destinations: "destinations", hotels: "hotels", items: "items" }, viewQueries: [{ propertyName: "answers", predicate: ["faqAnswer"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-f03\">\n <div class=\"mdl-container\">\n @if (texts) {\n <div class=\"m-content\">\n <div class=\"m-top\">\n <h2 class=\"m-titulo\">\n {{ texts.title }}\n </h2>\n <p class=\"m-texto\">\n {{ texts.description }}\n </p>\n </div>\n </div>\n }\n\n @if (faqsNormalized?.length) {\n <div class=\"m-listadofaqs\">\n @for (item of faqsNormalized; track $index) {\n <div class=\"faq-item\" [class.active]=\"isActive($index)\">\n <button\n class=\"faq-hoteles\"\n [attr.aria-expanded]=\"isActive($index)\"\n (click)=\"onToggleFaq($index)\"\n >\n {{ item?.title }}\n <span\n class=\"faq-icon\"\n [class.rotate]=\"isActive($index)\"\n ></span>\n </button>\n\n <div\n class=\"faq-answer\"\n #faqAnswer\n [class.open]=\"isActive($index)\"\n >\n @if (item.kind === 'item') {\n <div class=\"faq-text\">\n {{ item.text }}\n </div>\n } @else {\n @if (item?.hotels?.length) {\n @for (el of item?.hotels; track $index) {\n @if (getHotelById(el.id); as hotel) {\n <a\n class=\"item\"\n [href]=\"hotel.buttons?.[0]?.url\"\n [linkType]=\"\n hotel.buttons?.[0]?.linkType\n \"\n [attr.aria-label]=\"\n hotel.buttons?.[0]?.label\n \"\n [style.--hover-color]=\"\n hotel?.styles?.primary\n \"\n >\n {{ hotel.texts?.name }}\n\n @if (\n hotel.hoteltype ===\n 'Hotel' &&\n hotel?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n hotel.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=\"#515050\"\n fill-opacity=\"0.3\"\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 hotel.hoteltype ===\n 'Apartamento' &&\n hotel?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n hotel.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=\"#515050\"\n fill-opacity=\"0.3\"\n />\n </svg>\n }\n </div>\n }\n\n {{\n showIfSup(\n hotel.hotelcategory\n )\n }}\n\n <!-- SVG grandes del primer link de Costa Brava -->\n <!-- <ng-container\n *ngIf=\"hotel.showBigIcons\"\n > -->\n <!-- tus 2 SVG grandes tal cual -->\n <!-- (copiados de tu HTML original) -->\n <!-- ... -->\n <!-- </ng-container> -->\n\n <!-- SVG peque\u00F1os del link que los lleva -->\n <!-- <ng-container\n *ngIf=\"hotel.showSmallIcons\"\n > -->\n <!-- tus 3 SVG peque\u00F1os tal cual -->\n <!-- ... -->\n <!-- </ng-container> -->\n </a>\n }\n }\n }\n }\n </div>\n </div>\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:var(--font-text);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-big-babylon{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:var(--cl_btn-box-text);background-color:var(--cl_btn-box);border-radius:var(--btn_radius);border:1px solid var(--cl_btn-box);transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big-babylon{font-size:1.6rem}}.m-button-big-babylon.red{background-color:#ff4338}@media (hover: hover){.m-button-big-babylon.red:hover{background-color:#ed3b37}}.m-button-big-babylon.blue{background-color:#5b87da}@media (hover: hover){.m-button-big-babylon.blue:hover{background-color:#446ecd}}.m-button-big-babylon.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big-babylon.green:hover{background-color:#2ec99b}}.m-button-big-babylon.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big-babylon.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big-babylon span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big-babylon:hover{background-color:var(--cl_btn-box-hover);color:var(--cl_btn-box-text-hover)}}.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:var(--font-text);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:var(--font-text);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:var(--font-text);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:var(--font-text);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:var(--font-text);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:var(--font-text);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:var(--font-text);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-f03 .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between}.mdl-f03 .mdl-container .m-content{width:100%;max-width:38.7rem;height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-f03 .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-family:var(--font-text);font-weight:var(--w_text);font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{width:100%;max-width:32.8rem;color:#515050}.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-family:var(--font-text);font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-content .m-top .m-texto{color:#515050b2}.mdl-f03 .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column}.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-family:var(--font-text);font-weight:var(--w_text);font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{color:#515050}.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-family:var(--font-text);font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{color:#515050b2}.mdl-f03 .mdl-container .m-listadofaqs{width:100%;max-width:95.6rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item{border-bottom:.1rem solid #e4e4e4;padding:2.2rem 0;cursor:pointer}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .category{align-items:center;display:flex}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover{color:#ff4338}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover:before{color:#ff4338}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover svg path{fill:#ff4338;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover{color:#5b87da}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover:before{color:#5b87da}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover svg path{fill:#5b87da;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover{color:#3fd5ae}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover:before{color:#3fd5ae}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover svg path{fill:#3fd5ae;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:hover .faq-hoteles{color:#515050;font-weight:500!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:hover .faq-hoteles .faq-icon{filter:invert(22%) sepia(99%) saturate(6457%) hue-rotate(356deg) brightness(95%) contrast(92%)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles{color:#515050;font-weight:500!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:3.7rem;height:3.7rem;right:0;filter:none!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles .faq-icon:hover{transform:rotate(90deg)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:first-child{border-top:.1rem solid #e4e4e4}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-family:var(--font-text);font-weight:var(--w_text);font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-size:1.5rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-size:1.1rem}}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{display:flex;justify-content:space-between;align-items:center;width:100%;color:#51505099;font-weight:400!important;cursor:pointer;padding:1rem 0;font-weight:700;transition:color .3s ease;position:relative}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon{transition:transform .3s ease;transform:rotate(45deg);background:url(/assets/babylon/svg/icons/close.svg) no-repeat center center;background-size:contain;width:1.3rem;height:1.3rem;position:absolute;right:1.3rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon:hover{filter:invert(22%) sepia(99%) saturate(6457%) hue-rotate(356deg) brightness(95%) contrast(92%)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles.active .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:3.7rem;height:3.7rem;right:0}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:var(--font-text);font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{max-height:0;overflow:hidden;padding:0;transition:max-height .35s ease,padding .35s ease;color:#515050b2;position:relative}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer.open{max-width:76rem;padding:1rem 0;padding:1rem 0 1rem 2.8rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{display:flex;flex-direction:row;gap:1.5rem;position:relative;transition:color .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a svg{width:1.3rem;height:1.3rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a svg path{transition:all .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:before{content:\"\\2022\";position:absolute;left:-20px;color:#ed3b37;font-size:1.8rem;line-height:1;top:50%;transform:translateY(-50%);transition:color .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover{color:#ed3b37;color:var(--hover-color, currentColor)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg{fill:var(--hover-color, currentColor);opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg path{fill:var(--hover-color, currentColor)!important;fill-opacity:1!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg *{fill:var(--hover-color, currentColor)!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover:before{color:var(--hover-color, currentColor)}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs{max-width:72.5rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:3.2rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container{flex-direction:column;gap:3rem}.mdl-f03 .mdl-container .m-content{gap:3rem}.mdl-f03 .mdl-container .m-content .m-top{gap:2.8rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{max-width:41.8rem;line-height:3.6rem}.mdl-f03 .mdl-container .m-content .m-bottom{gap:2.8rem}.mdl-f03 .mdl-container .m-content .m-bottom .m-button-sm{min-width:14.8rem;padding:.6rem!important;color:#fff;height:2.7rem;font-size:1rem}.mdl-f03 .mdl-container .m-listadofaqs{max-width:100%}.mdl-f03 .mdl-container .m-listadofaqs .faq-item{padding:3rem 0}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{line-height:5.5rem;font-size:1.8rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer.open{padding:2rem 0 1rem 2.8rem;max-height:max-content!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{padding:0 3rem 0 0;color:#51505099;font-size:2rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon{width:.9rem;height:.9rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles.active .faq-icon{width:2rem;right:.8rem;height:2rem}}@media (max-width: 768px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.8rem}}@media (max-width: 540px){.mdl-f03 .mdl-container{flex-direction:column;gap:3rem}.mdl-f03 .mdl-container .m-content{gap:3rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.8rem}}@media (max-width: 44rem){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.2rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{font-size:1.3rem;line-height:3.8rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }] }); }
|
|
13597
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonLisC2TxtComponent, isStandalone: true, selector: "lib-babylon-lis-c2-txt", inputs: { texts: "texts", destinations: "destinations", hotels: "hotels", items: "items" }, viewQueries: [{ propertyName: "answers", predicate: ["faqAnswer"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-f03\">\n <div class=\"mdl-container\">\n @if (texts) {\n <div class=\"m-content\">\n <div class=\"m-top\">\n <h2 class=\"m-titulo\">\n {{ texts.title }}\n </h2>\n <p class=\"m-texto\">\n {{ texts.description }}\n </p>\n </div>\n </div>\n }\n\n @if (faqsNormalized?.length) {\n <div class=\"m-listadofaqs\">\n @for (item of faqsNormalized; track $index) {\n <div class=\"faq-item\" [class.active]=\"isActive($index)\">\n <button\n class=\"faq-hoteles\"\n [attr.aria-expanded]=\"isActive($index)\"\n (click)=\"onToggleFaq($index)\"\n >\n {{ item?.title }}\n <span\n class=\"faq-icon\"\n [class.rotate]=\"isActive($index)\"\n ></span>\n </button>\n\n <div\n class=\"faq-answer\"\n #faqAnswer\n [class.open]=\"isActive($index)\"\n >\n @if (item.kind === 'item') {\n <div class=\"faq-text\">\n {{ item.text }}\n </div>\n } @else {\n @if (item?.hotels?.length) {\n @for (el of item?.hotels; track $index) {\n @if (getHotelById(el.id); as hotel) {\n <a\n class=\"item\"\n [href]=\"hotel.buttons?.[0]?.url\"\n [linkType]=\"\n hotel.buttons?.[0]?.linkType\n \"\n [attr.aria-label]=\"\n hotel.buttons?.[0]?.label\n \"\n [style.--hover-color]=\"\n hotel?.styles?.primary\n \"\n >\n {{ hotel.texts?.name }}\n\n @if (\n hotel.hoteltype ===\n 'Hotel' &&\n hotel?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n hotel.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=\"#515050\"\n fill-opacity=\"0.3\"\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 hotel.hoteltype ===\n 'Apartamento' &&\n hotel?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n hotel.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=\"#515050\"\n fill-opacity=\"0.3\"\n />\n </svg>\n }\n </div>\n }\n\n {{\n showIfSup(\n hotel.hotelcategory\n )\n }}\n\n <!-- SVG grandes del primer link de Costa Brava -->\n <!-- <ng-container\n *ngIf=\"hotel.showBigIcons\"\n > -->\n <!-- tus 2 SVG grandes tal cual -->\n <!-- (copiados de tu HTML original) -->\n <!-- ... -->\n <!-- </ng-container> -->\n\n <!-- SVG peque\u00F1os del link que los lleva -->\n <!-- <ng-container\n *ngIf=\"hotel.showSmallIcons\"\n > -->\n <!-- tus 3 SVG peque\u00F1os tal cual -->\n <!-- ... -->\n <!-- </ng-container> -->\n </a>\n }\n }\n }\n }\n </div>\n </div>\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:var(--font-text);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-big-babylon{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:var(--cl_btn-box-text);background-color:var(--cl_btn-box);border-radius:var(--btn_radius);border:1px solid var(--cl_btn-box);transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big-babylon{font-size:1.6rem}}.m-button-big-babylon.red{background-color:#ff4338}@media (hover: hover){.m-button-big-babylon.red:hover{background-color:#ed3b37}}.m-button-big-babylon.blue{background-color:#5b87da}@media (hover: hover){.m-button-big-babylon.blue:hover{background-color:#446ecd}}.m-button-big-babylon.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big-babylon.green:hover{background-color:#2ec99b}}.m-button-big-babylon.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big-babylon.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big-babylon span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big-babylon:hover{background-color:var(--cl_btn-box-hover);color:var(--cl_btn-box-text-hover)}}.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:var(--font-text);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:var(--font-text);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:var(--font-text);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:var(--font-text);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:var(--font-text);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:var(--font-text);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:var(--font-text);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-f03 .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between}.mdl-f03 .mdl-container .m-content{width:100%;max-width:38.7rem;height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-f03 .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-family:var(--font-text);font-weight:var(--w_text);font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{width:100%;max-width:32.8rem;color:#515050}.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-family:var(--font-text);font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-content .m-top .m-texto{color:#515050b2}.mdl-f03 .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column}.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-family:var(--font-text);font-weight:var(--w_text);font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{color:#515050}.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-family:var(--font-text);font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{color:#515050b2}.mdl-f03 .mdl-container .m-listadofaqs{width:100%;max-width:95.6rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item{border-bottom:.1rem solid #e4e4e4;padding:2.2rem 0;cursor:pointer}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .category{align-items:center;display:flex}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover{color:#ff4338}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover:before{color:#ff4338}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover svg path{fill:#ff4338;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover{color:#5b87da}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover:before{color:#5b87da}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover svg path{fill:#5b87da;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover{color:#3fd5ae}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover:before{color:#3fd5ae}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover svg path{fill:#3fd5ae;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:hover .faq-hoteles{color:#515050;font-weight:500!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:hover .faq-hoteles .faq-icon{filter:invert(22%) sepia(99%) saturate(6457%) hue-rotate(356deg) brightness(95%) contrast(92%)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles{color:#515050;font-weight:500!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:3.7rem;height:3.7rem;right:0;filter:none!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles .faq-icon:hover{transform:rotate(90deg)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:first-child{border-top:.1rem solid #e4e4e4}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-family:var(--font-text);font-weight:var(--w_text);font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-size:1.5rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-size:1.1rem}}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{display:flex;justify-content:space-between;align-items:center;width:100%;color:#51505099;font-weight:400!important;cursor:pointer;padding:1rem 0;font-weight:700;transition:color .3s ease;position:relative}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon{transition:transform .3s ease;transform:rotate(45deg);background:url(/assets/babylon/svg/icons/close.svg) no-repeat center center;background-size:contain;width:1.3rem;height:1.3rem;position:absolute;right:1.3rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon:hover{filter:invert(22%) sepia(99%) saturate(6457%) hue-rotate(356deg) brightness(95%) contrast(92%)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles.active .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:3.7rem;height:3.7rem;right:0}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:var(--font-text);font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{max-height:0;overflow:hidden;padding:0;transition:max-height .35s ease,padding .35s ease;color:#515050b2;position:relative}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer.open{max-width:76rem;padding:1rem 0;padding:1rem 0 1rem 2.8rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{display:flex;flex-direction:row;gap:1.5rem;position:relative;transition:color .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a svg{width:1.3rem;height:1.3rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a svg path{transition:all .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:before{content:\"\\2022\";position:absolute;left:-20px;color:#ed3b37;font-size:1.8rem;line-height:1;top:50%;transform:translateY(-50%);transition:color .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover{color:#ed3b37;color:var(--hover-color, currentColor)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg{fill:var(--hover-color, currentColor);opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg path{fill:var(--hover-color, currentColor)!important;fill-opacity:1!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg *{fill:var(--hover-color, currentColor)!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover:before{color:var(--hover-color, currentColor)}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs{max-width:72.5rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:3.2rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container{flex-direction:column;gap:3rem}.mdl-f03 .mdl-container .m-content{gap:3rem}.mdl-f03 .mdl-container .m-content .m-top{gap:2.8rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{max-width:41.8rem;line-height:3.6rem}.mdl-f03 .mdl-container .m-content .m-bottom{gap:2.8rem}.mdl-f03 .mdl-container .m-content .m-bottom .m-button-sm{min-width:14.8rem;padding:.6rem!important;color:#fff;height:2.7rem;font-size:1rem}.mdl-f03 .mdl-container .m-listadofaqs{max-width:100%}.mdl-f03 .mdl-container .m-listadofaqs .faq-item{padding:3rem 0}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{line-height:5.5rem;font-size:1.8rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer.open{padding:2rem 0 1rem 2.8rem;max-height:max-content!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{padding:0 3rem 0 0;color:#51505099;font-size:2rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon{width:.9rem;height:.9rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles.active .faq-icon{width:2rem;right:.8rem;height:2rem}}@media (max-width: 768px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.8rem}}@media (max-width: 540px){.mdl-f03 .mdl-container{flex-direction:column;gap:3rem}.mdl-f03 .mdl-container .m-content{gap:3rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.8rem}}@media (max-width: 44rem){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.2rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{font-size:1.8rem;line-height:3.8rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }] }); }
|
|
13596
13598
|
}
|
|
13597
13599
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonLisC2TxtComponent, decorators: [{
|
|
13598
13600
|
type: Component,
|
|
13599
|
-
args: [{ selector: 'lib-babylon-lis-c2-txt', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], template: "<section class=\"mdl-f03\">\n <div class=\"mdl-container\">\n @if (texts) {\n <div class=\"m-content\">\n <div class=\"m-top\">\n <h2 class=\"m-titulo\">\n {{ texts.title }}\n </h2>\n <p class=\"m-texto\">\n {{ texts.description }}\n </p>\n </div>\n </div>\n }\n\n @if (faqsNormalized?.length) {\n <div class=\"m-listadofaqs\">\n @for (item of faqsNormalized; track $index) {\n <div class=\"faq-item\" [class.active]=\"isActive($index)\">\n <button\n class=\"faq-hoteles\"\n [attr.aria-expanded]=\"isActive($index)\"\n (click)=\"onToggleFaq($index)\"\n >\n {{ item?.title }}\n <span\n class=\"faq-icon\"\n [class.rotate]=\"isActive($index)\"\n ></span>\n </button>\n\n <div\n class=\"faq-answer\"\n #faqAnswer\n [class.open]=\"isActive($index)\"\n >\n @if (item.kind === 'item') {\n <div class=\"faq-text\">\n {{ item.text }}\n </div>\n } @else {\n @if (item?.hotels?.length) {\n @for (el of item?.hotels; track $index) {\n @if (getHotelById(el.id); as hotel) {\n <a\n class=\"item\"\n [href]=\"hotel.buttons?.[0]?.url\"\n [linkType]=\"\n hotel.buttons?.[0]?.linkType\n \"\n [attr.aria-label]=\"\n hotel.buttons?.[0]?.label\n \"\n [style.--hover-color]=\"\n hotel?.styles?.primary\n \"\n >\n {{ hotel.texts?.name }}\n\n @if (\n hotel.hoteltype ===\n 'Hotel' &&\n hotel?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n hotel.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=\"#515050\"\n fill-opacity=\"0.3\"\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 hotel.hoteltype ===\n 'Apartamento' &&\n hotel?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n hotel.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=\"#515050\"\n fill-opacity=\"0.3\"\n />\n </svg>\n }\n </div>\n }\n\n {{\n showIfSup(\n hotel.hotelcategory\n )\n }}\n\n <!-- SVG grandes del primer link de Costa Brava -->\n <!-- <ng-container\n *ngIf=\"hotel.showBigIcons\"\n > -->\n <!-- tus 2 SVG grandes tal cual -->\n <!-- (copiados de tu HTML original) -->\n <!-- ... -->\n <!-- </ng-container> -->\n\n <!-- SVG peque\u00F1os del link que los lleva -->\n <!-- <ng-container\n *ngIf=\"hotel.showSmallIcons\"\n > -->\n <!-- tus 3 SVG peque\u00F1os tal cual -->\n <!-- ... -->\n <!-- </ng-container> -->\n </a>\n }\n }\n }\n }\n </div>\n </div>\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:var(--font-text);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-big-babylon{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:var(--cl_btn-box-text);background-color:var(--cl_btn-box);border-radius:var(--btn_radius);border:1px solid var(--cl_btn-box);transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big-babylon{font-size:1.6rem}}.m-button-big-babylon.red{background-color:#ff4338}@media (hover: hover){.m-button-big-babylon.red:hover{background-color:#ed3b37}}.m-button-big-babylon.blue{background-color:#5b87da}@media (hover: hover){.m-button-big-babylon.blue:hover{background-color:#446ecd}}.m-button-big-babylon.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big-babylon.green:hover{background-color:#2ec99b}}.m-button-big-babylon.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big-babylon.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big-babylon span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big-babylon:hover{background-color:var(--cl_btn-box-hover);color:var(--cl_btn-box-text-hover)}}.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:var(--font-text);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:var(--font-text);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:var(--font-text);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:var(--font-text);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:var(--font-text);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:var(--font-text);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:var(--font-text);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-f03 .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between}.mdl-f03 .mdl-container .m-content{width:100%;max-width:38.7rem;height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-f03 .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-family:var(--font-text);font-weight:var(--w_text);font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{width:100%;max-width:32.8rem;color:#515050}.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-family:var(--font-text);font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-content .m-top .m-texto{color:#515050b2}.mdl-f03 .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column}.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-family:var(--font-text);font-weight:var(--w_text);font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{color:#515050}.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-family:var(--font-text);font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{color:#515050b2}.mdl-f03 .mdl-container .m-listadofaqs{width:100%;max-width:95.6rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item{border-bottom:.1rem solid #e4e4e4;padding:2.2rem 0;cursor:pointer}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .category{align-items:center;display:flex}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover{color:#ff4338}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover:before{color:#ff4338}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover svg path{fill:#ff4338;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover{color:#5b87da}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover:before{color:#5b87da}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover svg path{fill:#5b87da;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover{color:#3fd5ae}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover:before{color:#3fd5ae}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover svg path{fill:#3fd5ae;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:hover .faq-hoteles{color:#515050;font-weight:500!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:hover .faq-hoteles .faq-icon{filter:invert(22%) sepia(99%) saturate(6457%) hue-rotate(356deg) brightness(95%) contrast(92%)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles{color:#515050;font-weight:500!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:3.7rem;height:3.7rem;right:0;filter:none!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles .faq-icon:hover{transform:rotate(90deg)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:first-child{border-top:.1rem solid #e4e4e4}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-family:var(--font-text);font-weight:var(--w_text);font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-size:1.5rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-size:1.1rem}}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{display:flex;justify-content:space-between;align-items:center;width:100%;color:#51505099;font-weight:400!important;cursor:pointer;padding:1rem 0;font-weight:700;transition:color .3s ease;position:relative}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon{transition:transform .3s ease;transform:rotate(45deg);background:url(/assets/babylon/svg/icons/close.svg) no-repeat center center;background-size:contain;width:1.3rem;height:1.3rem;position:absolute;right:1.3rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon:hover{filter:invert(22%) sepia(99%) saturate(6457%) hue-rotate(356deg) brightness(95%) contrast(92%)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles.active .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:3.7rem;height:3.7rem;right:0}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:var(--font-text);font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{max-height:0;overflow:hidden;padding:0;transition:max-height .35s ease,padding .35s ease;color:#515050b2;position:relative}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer.open{max-width:76rem;padding:1rem 0;padding:1rem 0 1rem 2.8rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{display:flex;flex-direction:row;gap:1.5rem;position:relative;transition:color .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a svg{width:1.3rem;height:1.3rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a svg path{transition:all .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:before{content:\"\\2022\";position:absolute;left:-20px;color:#ed3b37;font-size:1.8rem;line-height:1;top:50%;transform:translateY(-50%);transition:color .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover{color:#ed3b37;color:var(--hover-color, currentColor)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg{fill:var(--hover-color, currentColor);opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg path{fill:var(--hover-color, currentColor)!important;fill-opacity:1!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg *{fill:var(--hover-color, currentColor)!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover:before{color:var(--hover-color, currentColor)}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs{max-width:72.5rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:3.2rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container{flex-direction:column;gap:3rem}.mdl-f03 .mdl-container .m-content{gap:3rem}.mdl-f03 .mdl-container .m-content .m-top{gap:2.8rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{max-width:41.8rem;line-height:3.6rem}.mdl-f03 .mdl-container .m-content .m-bottom{gap:2.8rem}.mdl-f03 .mdl-container .m-content .m-bottom .m-button-sm{min-width:14.8rem;padding:.6rem!important;color:#fff;height:2.7rem;font-size:1rem}.mdl-f03 .mdl-container .m-listadofaqs{max-width:100%}.mdl-f03 .mdl-container .m-listadofaqs .faq-item{padding:3rem 0}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{line-height:5.5rem;font-size:1.8rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer.open{padding:2rem 0 1rem 2.8rem;max-height:max-content!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{padding:0 3rem 0 0;color:#51505099;font-size:2rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon{width:.9rem;height:.9rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles.active .faq-icon{width:2rem;right:.8rem;height:2rem}}@media (max-width: 768px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.8rem}}@media (max-width: 540px){.mdl-f03 .mdl-container{flex-direction:column;gap:3rem}.mdl-f03 .mdl-container .m-content{gap:3rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.8rem}}@media (max-width: 44rem){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.2rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{font-size:1.3rem;line-height:3.8rem}}\n"] }]
|
|
13601
|
+
args: [{ selector: 'lib-babylon-lis-c2-txt', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], template: "<section class=\"mdl-f03\">\n <div class=\"mdl-container\">\n @if (texts) {\n <div class=\"m-content\">\n <div class=\"m-top\">\n <h2 class=\"m-titulo\">\n {{ texts.title }}\n </h2>\n <p class=\"m-texto\">\n {{ texts.description }}\n </p>\n </div>\n </div>\n }\n\n @if (faqsNormalized?.length) {\n <div class=\"m-listadofaqs\">\n @for (item of faqsNormalized; track $index) {\n <div class=\"faq-item\" [class.active]=\"isActive($index)\">\n <button\n class=\"faq-hoteles\"\n [attr.aria-expanded]=\"isActive($index)\"\n (click)=\"onToggleFaq($index)\"\n >\n {{ item?.title }}\n <span\n class=\"faq-icon\"\n [class.rotate]=\"isActive($index)\"\n ></span>\n </button>\n\n <div\n class=\"faq-answer\"\n #faqAnswer\n [class.open]=\"isActive($index)\"\n >\n @if (item.kind === 'item') {\n <div class=\"faq-text\">\n {{ item.text }}\n </div>\n } @else {\n @if (item?.hotels?.length) {\n @for (el of item?.hotels; track $index) {\n @if (getHotelById(el.id); as hotel) {\n <a\n class=\"item\"\n [href]=\"hotel.buttons?.[0]?.url\"\n [linkType]=\"\n hotel.buttons?.[0]?.linkType\n \"\n [attr.aria-label]=\"\n hotel.buttons?.[0]?.label\n \"\n [style.--hover-color]=\"\n hotel?.styles?.primary\n \"\n >\n {{ hotel.texts?.name }}\n\n @if (\n hotel.hoteltype ===\n 'Hotel' &&\n hotel?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n hotel.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=\"#515050\"\n fill-opacity=\"0.3\"\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 hotel.hoteltype ===\n 'Apartamento' &&\n hotel?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n hotel.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=\"#515050\"\n fill-opacity=\"0.3\"\n />\n </svg>\n }\n </div>\n }\n\n {{\n showIfSup(\n hotel.hotelcategory\n )\n }}\n\n <!-- SVG grandes del primer link de Costa Brava -->\n <!-- <ng-container\n *ngIf=\"hotel.showBigIcons\"\n > -->\n <!-- tus 2 SVG grandes tal cual -->\n <!-- (copiados de tu HTML original) -->\n <!-- ... -->\n <!-- </ng-container> -->\n\n <!-- SVG peque\u00F1os del link que los lleva -->\n <!-- <ng-container\n *ngIf=\"hotel.showSmallIcons\"\n > -->\n <!-- tus 3 SVG peque\u00F1os tal cual -->\n <!-- ... -->\n <!-- </ng-container> -->\n </a>\n }\n }\n }\n }\n </div>\n </div>\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:var(--font-text);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-big-babylon{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:var(--cl_btn-box-text);background-color:var(--cl_btn-box);border-radius:var(--btn_radius);border:1px solid var(--cl_btn-box);transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big-babylon{font-size:1.6rem}}.m-button-big-babylon.red{background-color:#ff4338}@media (hover: hover){.m-button-big-babylon.red:hover{background-color:#ed3b37}}.m-button-big-babylon.blue{background-color:#5b87da}@media (hover: hover){.m-button-big-babylon.blue:hover{background-color:#446ecd}}.m-button-big-babylon.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big-babylon.green:hover{background-color:#2ec99b}}.m-button-big-babylon.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big-babylon.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big-babylon span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big-babylon:hover{background-color:var(--cl_btn-box-hover);color:var(--cl_btn-box-text-hover)}}.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:var(--font-text);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:var(--font-text);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:var(--font-text);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:var(--font-text);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:var(--font-text);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:var(--font-text);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:var(--font-text);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-f03 .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between}.mdl-f03 .mdl-container .m-content{width:100%;max-width:38.7rem;height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-f03 .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-family:var(--font-text);font-weight:var(--w_text);font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{width:100%;max-width:32.8rem;color:#515050}.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-family:var(--font-text);font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-content .m-top .m-texto{color:#515050b2}.mdl-f03 .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column}.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-family:var(--font-text);font-weight:var(--w_text);font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{color:#515050}.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-family:var(--font-text);font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{color:#515050b2}.mdl-f03 .mdl-container .m-listadofaqs{width:100%;max-width:95.6rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item{border-bottom:.1rem solid #e4e4e4;padding:2.2rem 0;cursor:pointer}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .category{align-items:center;display:flex}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover{color:#ff4338}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover:before{color:#ff4338}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover svg path{fill:#ff4338;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover{color:#5b87da}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover:before{color:#5b87da}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover svg path{fill:#5b87da;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover{color:#3fd5ae}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover:before{color:#3fd5ae}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover svg path{fill:#3fd5ae;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:hover .faq-hoteles{color:#515050;font-weight:500!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:hover .faq-hoteles .faq-icon{filter:invert(22%) sepia(99%) saturate(6457%) hue-rotate(356deg) brightness(95%) contrast(92%)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles{color:#515050;font-weight:500!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:3.7rem;height:3.7rem;right:0;filter:none!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles .faq-icon:hover{transform:rotate(90deg)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:first-child{border-top:.1rem solid #e4e4e4}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-family:var(--font-text);font-weight:var(--w_text);font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-size:1.5rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-size:1.1rem}}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{display:flex;justify-content:space-between;align-items:center;width:100%;color:#51505099;font-weight:400!important;cursor:pointer;padding:1rem 0;font-weight:700;transition:color .3s ease;position:relative}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon{transition:transform .3s ease;transform:rotate(45deg);background:url(/assets/babylon/svg/icons/close.svg) no-repeat center center;background-size:contain;width:1.3rem;height:1.3rem;position:absolute;right:1.3rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon:hover{filter:invert(22%) sepia(99%) saturate(6457%) hue-rotate(356deg) brightness(95%) contrast(92%)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles.active .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:3.7rem;height:3.7rem;right:0}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:var(--font-text);font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{max-height:0;overflow:hidden;padding:0;transition:max-height .35s ease,padding .35s ease;color:#515050b2;position:relative}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer.open{max-width:76rem;padding:1rem 0;padding:1rem 0 1rem 2.8rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{display:flex;flex-direction:row;gap:1.5rem;position:relative;transition:color .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a svg{width:1.3rem;height:1.3rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a svg path{transition:all .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:before{content:\"\\2022\";position:absolute;left:-20px;color:#ed3b37;font-size:1.8rem;line-height:1;top:50%;transform:translateY(-50%);transition:color .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover{color:#ed3b37;color:var(--hover-color, currentColor)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg{fill:var(--hover-color, currentColor);opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg path{fill:var(--hover-color, currentColor)!important;fill-opacity:1!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg *{fill:var(--hover-color, currentColor)!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover:before{color:var(--hover-color, currentColor)}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs{max-width:72.5rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:3.2rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container{flex-direction:column;gap:3rem}.mdl-f03 .mdl-container .m-content{gap:3rem}.mdl-f03 .mdl-container .m-content .m-top{gap:2.8rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{max-width:41.8rem;line-height:3.6rem}.mdl-f03 .mdl-container .m-content .m-bottom{gap:2.8rem}.mdl-f03 .mdl-container .m-content .m-bottom .m-button-sm{min-width:14.8rem;padding:.6rem!important;color:#fff;height:2.7rem;font-size:1rem}.mdl-f03 .mdl-container .m-listadofaqs{max-width:100%}.mdl-f03 .mdl-container .m-listadofaqs .faq-item{padding:3rem 0}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{line-height:5.5rem;font-size:1.8rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer.open{padding:2rem 0 1rem 2.8rem;max-height:max-content!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{padding:0 3rem 0 0;color:#51505099;font-size:2rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon{width:.9rem;height:.9rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles.active .faq-icon{width:2rem;right:.8rem;height:2rem}}@media (max-width: 768px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.8rem}}@media (max-width: 540px){.mdl-f03 .mdl-container{flex-direction:column;gap:3rem}.mdl-f03 .mdl-container .m-content{gap:3rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.8rem}}@media (max-width: 44rem){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.2rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{font-size:1.8rem;line-height:3.8rem}}\n"] }]
|
|
13600
13602
|
}], propDecorators: { texts: [{
|
|
13601
13603
|
type: Input
|
|
13602
13604
|
}], destinations: [{
|
|
@@ -17585,11 +17587,11 @@ class C2TxtCtaDesComponent {
|
|
|
17585
17587
|
return ListsUtils.getFaqItemsByListId(lists, id);
|
|
17586
17588
|
}
|
|
17587
17589
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2TxtCtaDesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17588
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C2TxtCtaDesComponent, isStandalone: true, selector: "c2-txt-cta-des", inputs: { content: "content", texts: "texts", buttons: "buttons", links: "links", lists: "lists", styles: "styles" }, viewQueries: [{ propertyName: "faqSection", first: true, predicate: ["faqSection"], descendants: true }, { propertyName: "faqAnswerRefs", predicate: ["faqAnswerRef"], descendants: true }], ngImport: i0, template: "<!-- COMENTARIO CONEXI\u00D3N: A\u00F1adir clase 'm-bot' si solo se quiere mantener el m-bottom y no el m-top, a\u00F1adir opci\u00F3n en el json -->\n<section class=\"mdl-faqs\" #faqSection [class.m-bot]=\"content.hideTopPanel\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (texts?.title || texts?.description) {\n <div class=\"m-top\">\n @if (texts?.title) {\n <div class=\"m-titulo\">{{ texts?.title }}</div>\n }\n @if (texts?.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts?.description\"\n ></div>\n }\n </div>\n }\n @if (buttons || texts?.contactTitle || texts?.contactDescription) {\n <div class=\"m-bottom\">\n <div class=\"m-textos-bot\">\n @if (texts?.contactTitle) {\n <div class=\"m-titulo\">\n {{ texts?.contactTitle }}\n </div>\n }\n @if (texts?.contactDescription) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts?.contactDescription\"\n ></div>\n }\n </div>\n @if (buttons?.[0]; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [style.--var-color]=\"styles?.primary\"\n [style.--var-color-hover]=\"styles?.primaryHover\"\n [href]=\"button.url\"\n [attr.target]=\"button.target || '_self'\"\n [attr.aria-label]=\"button.label\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ button.label }}</span>\n </a>\n </ng-container>\n }\n </div>\n }\n </div>\n <div class=\"m-listadofaqs\">\n @if (\n texts?.howGetTitle ||\n texts?.howGetDescription ||\n texts?.howGetTitle2 ||\n getFaqItemsByListIdOnUtil(lists ?? [], 2).length > 0\n ) {\n <div class=\"m-extra-info\">\n <div class=\"m-row m-row1\">\n @if (texts?.howGetTitle) {\n <div class=\"m-title\">{{ texts?.howGetTitle }}</div>\n }\n <div class=\"m-content2\">\n @if (texts?.howGetDescription) {\n <div\n class=\"m-text\"\n [innerHTML]=\"texts?.howGetDescription\"\n ></div>\n }\n @if (\n getFaqItemsByListIdOnUtil(lists ?? [], 2);\n as items\n ) {\n <div class=\"m-items\">\n @for (item of items; track $index) {\n <div class=\"m-item\">\n @if (item.icon) {\n <i\n class=\"icon--svg\"\n [ngClass]=\"item.icon\"\n [style.--var-color]=\"\n styles?.primary\n \"\n ></i>\n }\n <span>{{ item.label }}</span>\n </div>\n }\n </div>\n }\n </div>\n </div>\n <div class=\"m-row m-row2\">\n @if (texts?.howGetTitle2) {\n <div class=\"m-title\">{{ texts?.howGetTitle2 }}</div>\n }\n <div class=\"m-content2\">\n @if (texts?.howGetDescription2) {\n <div\n class=\"m-text\"\n [innerHTML]=\"texts?.howGetDescription2\"\n ></div>\n }\n </div>\n </div>\n </div>\n }\n @if (lists?.length) {\n @if (getFaqItemsByListIdOnUtil(lists ?? [], 1); as faqs) {\n @for (faq of faqs; track $index) {\n <div class=\"faq-item\">\n <button\n type=\"button\"\n class=\"faq-question\"\n [attr.id]=\"'faq-question-' + $index\"\n [attr.aria-controls]=\"'faq-answer-' + $index\"\n [attr.aria-expanded]=\"\n expandedFaqIndex === $index\n \"\n (click)=\"toggleFaq($index)\"\n [class.active]=\"expandedFaqIndex === $index\"\n >\n <span>{{ faq.label }}</span>\n <span\n class=\"faq-icon\"\n [class.rotate]=\"expandedFaqIndex === $index\"\n ></span>\n </button>\n <div\n class=\"faq-answer\"\n [class.open]=\"expandedFaqIndex === $index\"\n [style.maxHeight.px]=\"\n expandedFaqIndex === $index\n ? getAnswerHeight($index)\n : 0\n \"\n #faqAnswerRef\n [attr.id]=\"'faq-answer-' + $index\"\n role=\"region\"\n [attr.aria-labelledby]=\"\n 'faq-question-' + $index\n \"\n >\n {{ faq.description }}\n </div>\n <!-- <ng-container *ngIf=\"faq.button as faqButton\">\n <a\n *ngIf=\"\n faqButton.url;\n else faqButtonTemplate\n \"\n class=\"m-button-sm\"\n [ngClass]=\"faqButton.variant\"\n [href]=\"faqButton.url\"\n [attr.target]=\"faqButton.target || '_self'\"\n [attr.aria-label]=\"\n faqButton.ariaLabel || faqButton.label\n \"\n [attr.rel]=\"\n (faqButton.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ faqButton.label }}</span>\n </a>\n <ng-template #faqButtonTemplate>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"faqButton.variant\"\n [attr.aria-label]=\"\n faqButton.ariaLabel ||\n faqButton.label\n \"\n >\n <span>{{ faqButton.label }}</span>\n </button>\n </ng-template>\n </ng-container> -->\n </div>\n }\n }\n }\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-faqs .m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-button-big{font-size:1.6rem}}.mdl-faqs .m-button-big.red{background-color:#ff4338}@media (hover: hover){.mdl-faqs .m-button-big.red:hover{background-color:#ed3b37}}.mdl-faqs .m-button-big.blue{background-color:#5b87da}@media (hover: hover){.mdl-faqs .m-button-big.blue:hover{background-color:#446ecd}}.mdl-faqs .m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.mdl-faqs .m-button-big.green:hover{background-color:#2ec99b}}.mdl-faqs .m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-faqs .m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-faqs .m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-faqs .m-button-big:hover{background-color:#ed3b37}}.mdl-faqs .m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:var(--var-color, #ff4338);border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-button-sm{font-size:1.6rem}}.mdl-faqs .m-button-sm.red{background-color:#ff4338}@media (hover: hover){.mdl-faqs .m-button-sm.red:hover{background-color:#ed3b37}}.mdl-faqs .m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.mdl-faqs .m-button-sm.blue:hover{background-color:#446ecd}}.mdl-faqs .m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.mdl-faqs .m-button-sm.green:hover{background-color:#2ec99b}}.mdl-faqs .m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-faqs .m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-faqs .m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-faqs .m-button-sm:hover{background-color:var(--var-color-hover, #ed3b37)}}.mdl-faqs .m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-underline{font-size:1.6rem}}@media (hover: hover){.mdl-faqs .m-underline:hover,.mdl-faqs .m-underline.active{color:#ed3b37}.mdl-faqs .m-underline:hover:after,.mdl-faqs .m-underline.active:after{opacity:1;width:100%}}.mdl-faqs .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.mdl-faqs .m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.mdl-faqs .m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-underline-red{font-size:1.6rem}}.mdl-faqs .m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-faqs .m-underline-red:hover{color:#ed3b37}.mdl-faqs .m-underline-red:hover:after{width:100%}}.mdl-faqs .m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-underline-blue{font-size:1.6rem}}.mdl-faqs .m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-faqs .m-underline-blue:hover{color:#446ecd}.mdl-faqs .m-underline-blue:hover:after{width:100%}}.mdl-faqs .m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-underline-green{font-size:1.6rem}}.mdl-faqs .m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-faqs .m-underline-green:hover{color:#2ec99b}.mdl-faqs .m-underline-green:hover:after{width:100%}}.mdl-faqs .m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.mdl-faqs .m-swiper-button.swiper-button-disabled{opacity:.7}.mdl-faqs .m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-faqs .m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.mdl-faqs .m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.mdl-faqs .m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.mdl-faqs .m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.mdl-faqs .m-swiper-button{width:3.2rem;height:3.2rem}.mdl-faqs .m-swiper-button svg{width:.5rem}}.mdl-faqs .m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.mdl-faqs .m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-faqs .m-swiper-button-s.prev svg{left:45%}.mdl-faqs .m-swiper-button-s.next svg{left:55%}@media (hover: hover){.mdl-faqs .m-swiper-button-s:hover{background-color:#ed3b37}}.mdl-faqs .m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.mdl-faqs .m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.mdl-faqs .m-button-close:hover{background-color:#ed3b37}.mdl-faqs .m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-faqs .m-top{gap:2rem;display:flex;flex-direction:column;margin-top:4rem}.mdl-faqs .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-faqs .m-top .m-titulo{font-size:2.2rem;line-height:2.6rem}}.mdl-faqs .m-top .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .m-top .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .m-top .m-texto{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .m-top .m-texto{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .m-top .m-texto{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .m-top .m-texto{color:#515050b2}.mdl-faqs .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between;gap:4rem}.mdl-faqs .mdl-container .m-content{width:calc(27% - 2rem);height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-faqs .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-content .m-top .m-texto{color:#515050b2}.mdl-faqs .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column;padding-top:10rem}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom{padding-top:0rem}}.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{color:#515050b2;width:100%}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{gap:2rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs{width:calc(73% - 2rem)}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:83%;margin-bottom:3rem;gap:3rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:2.2rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:80%}.mdl-faqs .mdl-container .m-listadofaqs .faq-item{border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4!important;padding:2.2rem 0;margin-top:-1px}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.5rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.1rem}}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:500;margin-left:3rem;cursor:pointer;padding:1rem 0;transition:color .3s ease;position:relative;width:calc(100% - 5rem)}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question .faq-icon{transition:transform .3s ease;transform:rotate(45deg);background:url(/assets/babylon/svg/icons/close.svg) no-repeat center center;background-size:contain;width:1.6rem;height:1.6rem;position:absolute;right:1.3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active{color:#ff4338}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:4rem;height:4rem;right:0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon:hover{transform:rotate(135deg)}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active:before{content:\"\\2022\";position:absolute;left:0;color:#e74c3c;font-size:3rem;line-height:1;top:50%;transform:translateY(-50%);margin-left:-3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{max-height:0;overflow:hidden;padding:0;transition:max-height .35s ease,padding .35s ease;color:#515050b2;padding-left:3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer.open{max-width:76rem;padding:1rem 0;padding:1rem 0 1rem 3rem}.mdl-faqs.m-bot .mdl-container .m-content{flex-direction:column-reverse}.mdl-faqs.m-bot .mdl-container .m-content .m-top{display:none}@media (max-width: 1200px){.mdl-faqs .mdl-container .m-content{width:calc(36% - 4rem)}.mdl-faqs .mdl-container .m-content .m-top,.mdl-faqs .mdl-container .m-content .m-bottom{gap:2.8rem}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{width:100%}.mdl-faqs .mdl-container .m-content .m-bottom .m-button-sm{min-width:14.8rem;padding:.6rem!important;color:#fff;height:2.7rem;font-size:1rem;width:auto}.mdl-faqs .mdl-container .m-listadofaqs{width:calc(64% - 4rem)}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2{gap:2rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{gap:1rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item svg,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item svg{width:1.7rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item{padding:1.7rem 0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{padding:0 3rem 0 0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question .faq-icon{width:.9rem;height:.9rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon{width:2rem;right:.8rem;height:2rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container{flex-direction:column-reverse;gap:3rem}.mdl-faqs .mdl-container .m-content{gap:3rem;width:100%}.mdl-faqs .mdl-container .m-content .m-bottom{flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:50%}.mdl-faqs .mdl-container .m-listadofaqs,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info{width:100%}}@media (max-width: 768px){.mdl-faqs .m-top{margin-bottom:-4rem}.mdl-faqs .mdl-container .m-content .m-bottom{flex-direction:column;justify-content:none;align-items:start}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:60%}}@media (max-width: 540px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2{flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-text{width:100%}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{text-align:left;line-height:1.8rem}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:100%}}.icon--svg{width:30px;height:30px;-webkit-mask-size:contain;mask-size:contain;background-color:var(--var-color, #000)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
17590
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C2TxtCtaDesComponent, isStandalone: true, selector: "c2-txt-cta-des", inputs: { content: "content", texts: "texts", buttons: "buttons", links: "links", lists: "lists", styles: "styles" }, viewQueries: [{ propertyName: "faqSection", first: true, predicate: ["faqSection"], descendants: true }, { propertyName: "faqAnswerRefs", predicate: ["faqAnswerRef"], descendants: true }], ngImport: i0, template: "<!-- COMENTARIO CONEXI\u00D3N: A\u00F1adir clase 'm-bot' si solo se quiere mantener el m-bottom y no el m-top, a\u00F1adir opci\u00F3n en el json -->\n<section class=\"mdl-faqs\" #faqSection [class.m-bot]=\"content.hideTopPanel\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (texts?.title || texts?.description) {\n <div class=\"m-top\">\n @if (texts?.title) {\n <div class=\"m-titulo\">{{ texts?.title }}</div>\n }\n @if (texts?.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts?.description\"\n ></div>\n }\n </div>\n }\n @if (buttons || texts?.contactTitle || texts?.contactDescription) {\n <div class=\"m-bottom\">\n <div class=\"m-textos-bot\">\n @if (texts?.contactTitle) {\n <div class=\"m-titulo\">\n {{ texts?.contactTitle }}\n </div>\n }\n @if (texts?.contactDescription) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts?.contactDescription\"\n ></div>\n }\n </div>\n @if (buttons?.[0]; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [style.--var-color]=\"styles?.primary\"\n [style.--var-color-hover]=\"styles?.primaryHover\"\n [href]=\"button.url\"\n [attr.target]=\"button.target || '_self'\"\n [attr.aria-label]=\"button.label\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ button.label }}</span>\n </a>\n </ng-container>\n }\n </div>\n }\n </div>\n <div class=\"m-listadofaqs\">\n @if (\n texts?.howGetTitle ||\n texts?.howGetDescription ||\n texts?.howGetTitle2 ||\n getFaqItemsByListIdOnUtil(lists ?? [], 2).length > 0\n ) {\n <div class=\"m-extra-info\">\n <div class=\"m-row m-row1\">\n @if (texts?.howGetTitle) {\n <div class=\"m-title\">{{ texts?.howGetTitle }}</div>\n }\n <div class=\"m-content2\">\n @if (texts?.howGetDescription) {\n <div\n class=\"m-text\"\n [innerHTML]=\"texts?.howGetDescription\"\n ></div>\n }\n @if (\n getFaqItemsByListIdOnUtil(lists ?? [], 2);\n as items\n ) {\n <div class=\"m-items\">\n @for (item of items; track $index) {\n <div class=\"m-item\">\n @if (item.icon) {\n <i\n class=\"icon--svg\"\n [ngClass]=\"item.icon\"\n [style.--var-color]=\"\n styles?.primary\n \"\n ></i>\n }\n <span>{{ item.label }}</span>\n </div>\n }\n </div>\n }\n </div>\n </div>\n <div class=\"m-row m-row2\">\n @if (texts?.howGetTitle2) {\n <div class=\"m-title\">{{ texts?.howGetTitle2 }}</div>\n }\n <div class=\"m-content2\">\n @if (texts?.howGetDescription2) {\n <div\n class=\"m-text\"\n [innerHTML]=\"texts?.howGetDescription2\"\n ></div>\n }\n </div>\n </div>\n </div>\n }\n @if (lists?.length) {\n @if (getFaqItemsByListIdOnUtil(lists ?? [], 1); as faqs) {\n @for (faq of faqs; track $index) {\n <div class=\"faq-item\">\n <button\n type=\"button\"\n class=\"faq-question\"\n [attr.id]=\"'faq-question-' + $index\"\n [attr.aria-controls]=\"'faq-answer-' + $index\"\n [attr.aria-expanded]=\"\n expandedFaqIndex === $index\n \"\n (click)=\"toggleFaq($index)\"\n [class.active]=\"expandedFaqIndex === $index\"\n >\n <span>{{ faq.label }}</span>\n <span\n class=\"faq-icon\"\n [class.rotate]=\"expandedFaqIndex === $index\"\n ></span>\n </button>\n <div\n class=\"faq-answer\"\n [class.open]=\"expandedFaqIndex === $index\"\n [style.maxHeight.px]=\"\n expandedFaqIndex === $index\n ? getAnswerHeight($index)\n : 0\n \"\n #faqAnswerRef\n [attr.id]=\"'faq-answer-' + $index\"\n role=\"region\"\n [attr.aria-labelledby]=\"\n 'faq-question-' + $index\n \"\n >\n {{ faq.description }}\n </div>\n <!-- <ng-container *ngIf=\"faq.button as faqButton\">\n <a\n *ngIf=\"\n faqButton.url;\n else faqButtonTemplate\n \"\n class=\"m-button-sm\"\n [ngClass]=\"faqButton.variant\"\n [href]=\"faqButton.url\"\n [attr.target]=\"faqButton.target || '_self'\"\n [attr.aria-label]=\"\n faqButton.ariaLabel || faqButton.label\n \"\n [attr.rel]=\"\n (faqButton.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ faqButton.label }}</span>\n </a>\n <ng-template #faqButtonTemplate>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"faqButton.variant\"\n [attr.aria-label]=\"\n faqButton.ariaLabel ||\n faqButton.label\n \"\n >\n <span>{{ faqButton.label }}</span>\n </button>\n </ng-template>\n </ng-container> -->\n </div>\n }\n }\n }\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-faqs .m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-button-big{font-size:1.6rem}}.mdl-faqs .m-button-big.red{background-color:#ff4338}@media (hover: hover){.mdl-faqs .m-button-big.red:hover{background-color:#ed3b37}}.mdl-faqs .m-button-big.blue{background-color:#5b87da}@media (hover: hover){.mdl-faqs .m-button-big.blue:hover{background-color:#446ecd}}.mdl-faqs .m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.mdl-faqs .m-button-big.green:hover{background-color:#2ec99b}}.mdl-faqs .m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-faqs .m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-faqs .m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-faqs .m-button-big:hover{background-color:#ed3b37}}.mdl-faqs .m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:var(--var-color, #ff4338);border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-button-sm{font-size:1.6rem}}.mdl-faqs .m-button-sm.red{background-color:#ff4338}@media (hover: hover){.mdl-faqs .m-button-sm.red:hover{background-color:#ed3b37}}.mdl-faqs .m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.mdl-faqs .m-button-sm.blue:hover{background-color:#446ecd}}.mdl-faqs .m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.mdl-faqs .m-button-sm.green:hover{background-color:#2ec99b}}.mdl-faqs .m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-faqs .m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-faqs .m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-faqs .m-button-sm:hover{background-color:var(--var-color-hover, #ed3b37)}}.mdl-faqs .m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-underline{font-size:1.6rem}}@media (hover: hover){.mdl-faqs .m-underline:hover,.mdl-faqs .m-underline.active{color:#ed3b37}.mdl-faqs .m-underline:hover:after,.mdl-faqs .m-underline.active:after{opacity:1;width:100%}}.mdl-faqs .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.mdl-faqs .m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.mdl-faqs .m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-underline-red{font-size:1.6rem}}.mdl-faqs .m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-faqs .m-underline-red:hover{color:#ed3b37}.mdl-faqs .m-underline-red:hover:after{width:100%}}.mdl-faqs .m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-underline-blue{font-size:1.6rem}}.mdl-faqs .m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-faqs .m-underline-blue:hover{color:#446ecd}.mdl-faqs .m-underline-blue:hover:after{width:100%}}.mdl-faqs .m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-underline-green{font-size:1.6rem}}.mdl-faqs .m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-faqs .m-underline-green:hover{color:#2ec99b}.mdl-faqs .m-underline-green:hover:after{width:100%}}.mdl-faqs .m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.mdl-faqs .m-swiper-button.swiper-button-disabled{opacity:.7}.mdl-faqs .m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-faqs .m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.mdl-faqs .m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.mdl-faqs .m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.mdl-faqs .m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.mdl-faqs .m-swiper-button{width:3.2rem;height:3.2rem}.mdl-faqs .m-swiper-button svg{width:.5rem}}.mdl-faqs .m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.mdl-faqs .m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-faqs .m-swiper-button-s.prev svg{left:45%}.mdl-faqs .m-swiper-button-s.next svg{left:55%}@media (hover: hover){.mdl-faqs .m-swiper-button-s:hover{background-color:#ed3b37}}.mdl-faqs .m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.mdl-faqs .m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.mdl-faqs .m-button-close:hover{background-color:#ed3b37}.mdl-faqs .m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-faqs .m-top{gap:2rem;display:flex;flex-direction:column;margin-top:4rem}.mdl-faqs .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-faqs .m-top .m-titulo{font-size:2.2rem;line-height:2.6rem}}.mdl-faqs .m-top .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .m-top .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .m-top .m-texto{font-size:1.7rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .m-top .m-texto{font-size:1.7rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .m-top .m-texto{font-size:1.7rem;line-height:29.61px}}.mdl-faqs .m-top .m-texto{color:#515050b2}.mdl-faqs .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between;gap:4rem}.mdl-faqs .mdl-container .m-content{width:calc(27% - 2rem);height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-faqs .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.7rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.7rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.7rem;line-height:29.61px}}.mdl-faqs .mdl-container .m-content .m-top .m-texto{color:#515050b2}.mdl-faqs .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column;padding-top:10rem}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom{padding-top:0rem}}.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.7rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.7rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.7rem;line-height:29.61px}}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{color:#515050b2;width:100%}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{gap:2rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs{width:calc(73% - 2rem)}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:83%;margin-bottom:3rem;gap:3rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:2.2rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.7rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.7rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.7rem;line-height:29.61px}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.7rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.7rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.7rem;line-height:29.61px}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:80%}.mdl-faqs .mdl-container .m-listadofaqs .faq-item{border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4!important;padding:2.2rem 0;margin-top:-1px}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.6rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.6rem}}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:500;margin-left:3rem;cursor:pointer;padding:1rem 0;transition:color .3s ease;position:relative;width:calc(100% - 5rem)}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question .faq-icon{transition:transform .3s ease;transform:rotate(45deg);background:url(/assets/babylon/svg/icons/close.svg) no-repeat center center;background-size:contain;width:1.6rem;height:1.6rem;position:absolute;right:1.3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active{color:#ff4338}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:4rem;height:4rem;right:0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon:hover{transform:rotate(135deg)}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active:before{content:\"\\2022\";position:absolute;left:0;color:#e74c3c;font-size:3rem;line-height:1;top:50%;transform:translateY(-50%);margin-left:-3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.6rem;line-height:3rem}}@media (max-width: 540px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.6rem;line-height:2rem}}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{max-height:0;overflow:hidden;padding:0;transition:max-height .35s ease,padding .35s ease;color:#515050b2;padding-left:3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer.open{max-width:76rem;padding:1rem 0;padding:1rem 0 1rem 3rem}.mdl-faqs.m-bot .mdl-container .m-content{flex-direction:column-reverse}.mdl-faqs.m-bot .mdl-container .m-content .m-top{display:none}@media (max-width: 1200px){.mdl-faqs .mdl-container .m-content{width:calc(36% - 4rem)}.mdl-faqs .mdl-container .m-content .m-top,.mdl-faqs .mdl-container .m-content .m-bottom{gap:2.8rem}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{width:100%}.mdl-faqs .mdl-container .m-content .m-bottom .m-button-sm{min-width:14.8rem;padding:.6rem!important;color:#fff;height:2.7rem;font-size:1rem;width:auto}.mdl-faqs .mdl-container .m-listadofaqs{width:calc(64% - 4rem)}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2{gap:2rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{gap:1rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item svg,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item svg{width:1.7rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item{padding:1.7rem 0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{padding:0 3rem 0 0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question .faq-icon{width:.9rem;height:.9rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon{width:2rem;right:.8rem;height:2rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container{flex-direction:column-reverse;gap:3rem}.mdl-faqs .mdl-container .m-content{gap:3rem;width:100%}.mdl-faqs .mdl-container .m-content .m-bottom{flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:50%}.mdl-faqs .mdl-container .m-listadofaqs,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info{width:100%}}@media (max-width: 768px){.mdl-faqs .m-top{margin-bottom:-4rem}.mdl-faqs .mdl-container .m-content .m-bottom{flex-direction:column;justify-content:none;align-items:start}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:60%}}@media (max-width: 540px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2{flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-text{width:100%}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{text-align:left;line-height:1.8rem}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:100%}}.icon--svg{width:30px;height:30px;-webkit-mask-size:contain;mask-size:contain;background-color:var(--var-color, #000)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
17589
17591
|
}
|
|
17590
17592
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2TxtCtaDesComponent, decorators: [{
|
|
17591
17593
|
type: Component,
|
|
17592
|
-
args: [{ selector: 'c2-txt-cta-des', standalone: true, imports: [CommonModule], template: "<!-- COMENTARIO CONEXI\u00D3N: A\u00F1adir clase 'm-bot' si solo se quiere mantener el m-bottom y no el m-top, a\u00F1adir opci\u00F3n en el json -->\n<section class=\"mdl-faqs\" #faqSection [class.m-bot]=\"content.hideTopPanel\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (texts?.title || texts?.description) {\n <div class=\"m-top\">\n @if (texts?.title) {\n <div class=\"m-titulo\">{{ texts?.title }}</div>\n }\n @if (texts?.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts?.description\"\n ></div>\n }\n </div>\n }\n @if (buttons || texts?.contactTitle || texts?.contactDescription) {\n <div class=\"m-bottom\">\n <div class=\"m-textos-bot\">\n @if (texts?.contactTitle) {\n <div class=\"m-titulo\">\n {{ texts?.contactTitle }}\n </div>\n }\n @if (texts?.contactDescription) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts?.contactDescription\"\n ></div>\n }\n </div>\n @if (buttons?.[0]; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [style.--var-color]=\"styles?.primary\"\n [style.--var-color-hover]=\"styles?.primaryHover\"\n [href]=\"button.url\"\n [attr.target]=\"button.target || '_self'\"\n [attr.aria-label]=\"button.label\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ button.label }}</span>\n </a>\n </ng-container>\n }\n </div>\n }\n </div>\n <div class=\"m-listadofaqs\">\n @if (\n texts?.howGetTitle ||\n texts?.howGetDescription ||\n texts?.howGetTitle2 ||\n getFaqItemsByListIdOnUtil(lists ?? [], 2).length > 0\n ) {\n <div class=\"m-extra-info\">\n <div class=\"m-row m-row1\">\n @if (texts?.howGetTitle) {\n <div class=\"m-title\">{{ texts?.howGetTitle }}</div>\n }\n <div class=\"m-content2\">\n @if (texts?.howGetDescription) {\n <div\n class=\"m-text\"\n [innerHTML]=\"texts?.howGetDescription\"\n ></div>\n }\n @if (\n getFaqItemsByListIdOnUtil(lists ?? [], 2);\n as items\n ) {\n <div class=\"m-items\">\n @for (item of items; track $index) {\n <div class=\"m-item\">\n @if (item.icon) {\n <i\n class=\"icon--svg\"\n [ngClass]=\"item.icon\"\n [style.--var-color]=\"\n styles?.primary\n \"\n ></i>\n }\n <span>{{ item.label }}</span>\n </div>\n }\n </div>\n }\n </div>\n </div>\n <div class=\"m-row m-row2\">\n @if (texts?.howGetTitle2) {\n <div class=\"m-title\">{{ texts?.howGetTitle2 }}</div>\n }\n <div class=\"m-content2\">\n @if (texts?.howGetDescription2) {\n <div\n class=\"m-text\"\n [innerHTML]=\"texts?.howGetDescription2\"\n ></div>\n }\n </div>\n </div>\n </div>\n }\n @if (lists?.length) {\n @if (getFaqItemsByListIdOnUtil(lists ?? [], 1); as faqs) {\n @for (faq of faqs; track $index) {\n <div class=\"faq-item\">\n <button\n type=\"button\"\n class=\"faq-question\"\n [attr.id]=\"'faq-question-' + $index\"\n [attr.aria-controls]=\"'faq-answer-' + $index\"\n [attr.aria-expanded]=\"\n expandedFaqIndex === $index\n \"\n (click)=\"toggleFaq($index)\"\n [class.active]=\"expandedFaqIndex === $index\"\n >\n <span>{{ faq.label }}</span>\n <span\n class=\"faq-icon\"\n [class.rotate]=\"expandedFaqIndex === $index\"\n ></span>\n </button>\n <div\n class=\"faq-answer\"\n [class.open]=\"expandedFaqIndex === $index\"\n [style.maxHeight.px]=\"\n expandedFaqIndex === $index\n ? getAnswerHeight($index)\n : 0\n \"\n #faqAnswerRef\n [attr.id]=\"'faq-answer-' + $index\"\n role=\"region\"\n [attr.aria-labelledby]=\"\n 'faq-question-' + $index\n \"\n >\n {{ faq.description }}\n </div>\n <!-- <ng-container *ngIf=\"faq.button as faqButton\">\n <a\n *ngIf=\"\n faqButton.url;\n else faqButtonTemplate\n \"\n class=\"m-button-sm\"\n [ngClass]=\"faqButton.variant\"\n [href]=\"faqButton.url\"\n [attr.target]=\"faqButton.target || '_self'\"\n [attr.aria-label]=\"\n faqButton.ariaLabel || faqButton.label\n \"\n [attr.rel]=\"\n (faqButton.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ faqButton.label }}</span>\n </a>\n <ng-template #faqButtonTemplate>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"faqButton.variant\"\n [attr.aria-label]=\"\n faqButton.ariaLabel ||\n faqButton.label\n \"\n >\n <span>{{ faqButton.label }}</span>\n </button>\n </ng-template>\n </ng-container> -->\n </div>\n }\n }\n }\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-faqs .m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-button-big{font-size:1.6rem}}.mdl-faqs .m-button-big.red{background-color:#ff4338}@media (hover: hover){.mdl-faqs .m-button-big.red:hover{background-color:#ed3b37}}.mdl-faqs .m-button-big.blue{background-color:#5b87da}@media (hover: hover){.mdl-faqs .m-button-big.blue:hover{background-color:#446ecd}}.mdl-faqs .m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.mdl-faqs .m-button-big.green:hover{background-color:#2ec99b}}.mdl-faqs .m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-faqs .m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-faqs .m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-faqs .m-button-big:hover{background-color:#ed3b37}}.mdl-faqs .m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:var(--var-color, #ff4338);border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-button-sm{font-size:1.6rem}}.mdl-faqs .m-button-sm.red{background-color:#ff4338}@media (hover: hover){.mdl-faqs .m-button-sm.red:hover{background-color:#ed3b37}}.mdl-faqs .m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.mdl-faqs .m-button-sm.blue:hover{background-color:#446ecd}}.mdl-faqs .m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.mdl-faqs .m-button-sm.green:hover{background-color:#2ec99b}}.mdl-faqs .m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-faqs .m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-faqs .m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-faqs .m-button-sm:hover{background-color:var(--var-color-hover, #ed3b37)}}.mdl-faqs .m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-underline{font-size:1.6rem}}@media (hover: hover){.mdl-faqs .m-underline:hover,.mdl-faqs .m-underline.active{color:#ed3b37}.mdl-faqs .m-underline:hover:after,.mdl-faqs .m-underline.active:after{opacity:1;width:100%}}.mdl-faqs .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.mdl-faqs .m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.mdl-faqs .m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-underline-red{font-size:1.6rem}}.mdl-faqs .m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-faqs .m-underline-red:hover{color:#ed3b37}.mdl-faqs .m-underline-red:hover:after{width:100%}}.mdl-faqs .m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-underline-blue{font-size:1.6rem}}.mdl-faqs .m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-faqs .m-underline-blue:hover{color:#446ecd}.mdl-faqs .m-underline-blue:hover:after{width:100%}}.mdl-faqs .m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-underline-green{font-size:1.6rem}}.mdl-faqs .m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-faqs .m-underline-green:hover{color:#2ec99b}.mdl-faqs .m-underline-green:hover:after{width:100%}}.mdl-faqs .m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.mdl-faqs .m-swiper-button.swiper-button-disabled{opacity:.7}.mdl-faqs .m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-faqs .m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.mdl-faqs .m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.mdl-faqs .m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.mdl-faqs .m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.mdl-faqs .m-swiper-button{width:3.2rem;height:3.2rem}.mdl-faqs .m-swiper-button svg{width:.5rem}}.mdl-faqs .m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.mdl-faqs .m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-faqs .m-swiper-button-s.prev svg{left:45%}.mdl-faqs .m-swiper-button-s.next svg{left:55%}@media (hover: hover){.mdl-faqs .m-swiper-button-s:hover{background-color:#ed3b37}}.mdl-faqs .m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.mdl-faqs .m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.mdl-faqs .m-button-close:hover{background-color:#ed3b37}.mdl-faqs .m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-faqs .m-top{gap:2rem;display:flex;flex-direction:column;margin-top:4rem}.mdl-faqs .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-faqs .m-top .m-titulo{font-size:2.2rem;line-height:2.6rem}}.mdl-faqs .m-top .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .m-top .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .m-top .m-texto{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .m-top .m-texto{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .m-top .m-texto{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .m-top .m-texto{color:#515050b2}.mdl-faqs .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between;gap:4rem}.mdl-faqs .mdl-container .m-content{width:calc(27% - 2rem);height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-faqs .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-content .m-top .m-texto{color:#515050b2}.mdl-faqs .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column;padding-top:10rem}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom{padding-top:0rem}}.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{color:#515050b2;width:100%}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{gap:2rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs{width:calc(73% - 2rem)}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:83%;margin-bottom:3rem;gap:3rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:2.2rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:80%}.mdl-faqs .mdl-container .m-listadofaqs .faq-item{border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4!important;padding:2.2rem 0;margin-top:-1px}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.5rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.1rem}}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:500;margin-left:3rem;cursor:pointer;padding:1rem 0;transition:color .3s ease;position:relative;width:calc(100% - 5rem)}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question .faq-icon{transition:transform .3s ease;transform:rotate(45deg);background:url(/assets/babylon/svg/icons/close.svg) no-repeat center center;background-size:contain;width:1.6rem;height:1.6rem;position:absolute;right:1.3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active{color:#ff4338}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:4rem;height:4rem;right:0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon:hover{transform:rotate(135deg)}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active:before{content:\"\\2022\";position:absolute;left:0;color:#e74c3c;font-size:3rem;line-height:1;top:50%;transform:translateY(-50%);margin-left:-3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{max-height:0;overflow:hidden;padding:0;transition:max-height .35s ease,padding .35s ease;color:#515050b2;padding-left:3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer.open{max-width:76rem;padding:1rem 0;padding:1rem 0 1rem 3rem}.mdl-faqs.m-bot .mdl-container .m-content{flex-direction:column-reverse}.mdl-faqs.m-bot .mdl-container .m-content .m-top{display:none}@media (max-width: 1200px){.mdl-faqs .mdl-container .m-content{width:calc(36% - 4rem)}.mdl-faqs .mdl-container .m-content .m-top,.mdl-faqs .mdl-container .m-content .m-bottom{gap:2.8rem}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{width:100%}.mdl-faqs .mdl-container .m-content .m-bottom .m-button-sm{min-width:14.8rem;padding:.6rem!important;color:#fff;height:2.7rem;font-size:1rem;width:auto}.mdl-faqs .mdl-container .m-listadofaqs{width:calc(64% - 4rem)}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2{gap:2rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{gap:1rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item svg,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item svg{width:1.7rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item{padding:1.7rem 0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{padding:0 3rem 0 0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question .faq-icon{width:.9rem;height:.9rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon{width:2rem;right:.8rem;height:2rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container{flex-direction:column-reverse;gap:3rem}.mdl-faqs .mdl-container .m-content{gap:3rem;width:100%}.mdl-faqs .mdl-container .m-content .m-bottom{flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:50%}.mdl-faqs .mdl-container .m-listadofaqs,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info{width:100%}}@media (max-width: 768px){.mdl-faqs .m-top{margin-bottom:-4rem}.mdl-faqs .mdl-container .m-content .m-bottom{flex-direction:column;justify-content:none;align-items:start}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:60%}}@media (max-width: 540px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2{flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-text{width:100%}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{text-align:left;line-height:1.8rem}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:100%}}.icon--svg{width:30px;height:30px;-webkit-mask-size:contain;mask-size:contain;background-color:var(--var-color, #000)}\n"] }]
|
|
17594
|
+
args: [{ selector: 'c2-txt-cta-des', standalone: true, imports: [CommonModule], template: "<!-- COMENTARIO CONEXI\u00D3N: A\u00F1adir clase 'm-bot' si solo se quiere mantener el m-bottom y no el m-top, a\u00F1adir opci\u00F3n en el json -->\n<section class=\"mdl-faqs\" #faqSection [class.m-bot]=\"content.hideTopPanel\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (texts?.title || texts?.description) {\n <div class=\"m-top\">\n @if (texts?.title) {\n <div class=\"m-titulo\">{{ texts?.title }}</div>\n }\n @if (texts?.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts?.description\"\n ></div>\n }\n </div>\n }\n @if (buttons || texts?.contactTitle || texts?.contactDescription) {\n <div class=\"m-bottom\">\n <div class=\"m-textos-bot\">\n @if (texts?.contactTitle) {\n <div class=\"m-titulo\">\n {{ texts?.contactTitle }}\n </div>\n }\n @if (texts?.contactDescription) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts?.contactDescription\"\n ></div>\n }\n </div>\n @if (buttons?.[0]; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [style.--var-color]=\"styles?.primary\"\n [style.--var-color-hover]=\"styles?.primaryHover\"\n [href]=\"button.url\"\n [attr.target]=\"button.target || '_self'\"\n [attr.aria-label]=\"button.label\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ button.label }}</span>\n </a>\n </ng-container>\n }\n </div>\n }\n </div>\n <div class=\"m-listadofaqs\">\n @if (\n texts?.howGetTitle ||\n texts?.howGetDescription ||\n texts?.howGetTitle2 ||\n getFaqItemsByListIdOnUtil(lists ?? [], 2).length > 0\n ) {\n <div class=\"m-extra-info\">\n <div class=\"m-row m-row1\">\n @if (texts?.howGetTitle) {\n <div class=\"m-title\">{{ texts?.howGetTitle }}</div>\n }\n <div class=\"m-content2\">\n @if (texts?.howGetDescription) {\n <div\n class=\"m-text\"\n [innerHTML]=\"texts?.howGetDescription\"\n ></div>\n }\n @if (\n getFaqItemsByListIdOnUtil(lists ?? [], 2);\n as items\n ) {\n <div class=\"m-items\">\n @for (item of items; track $index) {\n <div class=\"m-item\">\n @if (item.icon) {\n <i\n class=\"icon--svg\"\n [ngClass]=\"item.icon\"\n [style.--var-color]=\"\n styles?.primary\n \"\n ></i>\n }\n <span>{{ item.label }}</span>\n </div>\n }\n </div>\n }\n </div>\n </div>\n <div class=\"m-row m-row2\">\n @if (texts?.howGetTitle2) {\n <div class=\"m-title\">{{ texts?.howGetTitle2 }}</div>\n }\n <div class=\"m-content2\">\n @if (texts?.howGetDescription2) {\n <div\n class=\"m-text\"\n [innerHTML]=\"texts?.howGetDescription2\"\n ></div>\n }\n </div>\n </div>\n </div>\n }\n @if (lists?.length) {\n @if (getFaqItemsByListIdOnUtil(lists ?? [], 1); as faqs) {\n @for (faq of faqs; track $index) {\n <div class=\"faq-item\">\n <button\n type=\"button\"\n class=\"faq-question\"\n [attr.id]=\"'faq-question-' + $index\"\n [attr.aria-controls]=\"'faq-answer-' + $index\"\n [attr.aria-expanded]=\"\n expandedFaqIndex === $index\n \"\n (click)=\"toggleFaq($index)\"\n [class.active]=\"expandedFaqIndex === $index\"\n >\n <span>{{ faq.label }}</span>\n <span\n class=\"faq-icon\"\n [class.rotate]=\"expandedFaqIndex === $index\"\n ></span>\n </button>\n <div\n class=\"faq-answer\"\n [class.open]=\"expandedFaqIndex === $index\"\n [style.maxHeight.px]=\"\n expandedFaqIndex === $index\n ? getAnswerHeight($index)\n : 0\n \"\n #faqAnswerRef\n [attr.id]=\"'faq-answer-' + $index\"\n role=\"region\"\n [attr.aria-labelledby]=\"\n 'faq-question-' + $index\n \"\n >\n {{ faq.description }}\n </div>\n <!-- <ng-container *ngIf=\"faq.button as faqButton\">\n <a\n *ngIf=\"\n faqButton.url;\n else faqButtonTemplate\n \"\n class=\"m-button-sm\"\n [ngClass]=\"faqButton.variant\"\n [href]=\"faqButton.url\"\n [attr.target]=\"faqButton.target || '_self'\"\n [attr.aria-label]=\"\n faqButton.ariaLabel || faqButton.label\n \"\n [attr.rel]=\"\n (faqButton.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ faqButton.label }}</span>\n </a>\n <ng-template #faqButtonTemplate>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"faqButton.variant\"\n [attr.aria-label]=\"\n faqButton.ariaLabel ||\n faqButton.label\n \"\n >\n <span>{{ faqButton.label }}</span>\n </button>\n </ng-template>\n </ng-container> -->\n </div>\n }\n }\n }\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-faqs .m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-button-big{font-size:1.6rem}}.mdl-faqs .m-button-big.red{background-color:#ff4338}@media (hover: hover){.mdl-faqs .m-button-big.red:hover{background-color:#ed3b37}}.mdl-faqs .m-button-big.blue{background-color:#5b87da}@media (hover: hover){.mdl-faqs .m-button-big.blue:hover{background-color:#446ecd}}.mdl-faqs .m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.mdl-faqs .m-button-big.green:hover{background-color:#2ec99b}}.mdl-faqs .m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-faqs .m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-faqs .m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-faqs .m-button-big:hover{background-color:#ed3b37}}.mdl-faqs .m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:var(--var-color, #ff4338);border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-button-sm{font-size:1.6rem}}.mdl-faqs .m-button-sm.red{background-color:#ff4338}@media (hover: hover){.mdl-faqs .m-button-sm.red:hover{background-color:#ed3b37}}.mdl-faqs .m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.mdl-faqs .m-button-sm.blue:hover{background-color:#446ecd}}.mdl-faqs .m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.mdl-faqs .m-button-sm.green:hover{background-color:#2ec99b}}.mdl-faqs .m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-faqs .m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-faqs .m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-faqs .m-button-sm:hover{background-color:var(--var-color-hover, #ed3b37)}}.mdl-faqs .m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-underline{font-size:1.6rem}}@media (hover: hover){.mdl-faqs .m-underline:hover,.mdl-faqs .m-underline.active{color:#ed3b37}.mdl-faqs .m-underline:hover:after,.mdl-faqs .m-underline.active:after{opacity:1;width:100%}}.mdl-faqs .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.mdl-faqs .m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.mdl-faqs .m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-underline-red{font-size:1.6rem}}.mdl-faqs .m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-faqs .m-underline-red:hover{color:#ed3b37}.mdl-faqs .m-underline-red:hover:after{width:100%}}.mdl-faqs .m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-underline-blue{font-size:1.6rem}}.mdl-faqs .m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-faqs .m-underline-blue:hover{color:#446ecd}.mdl-faqs .m-underline-blue:hover:after{width:100%}}.mdl-faqs .m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-underline-green{font-size:1.6rem}}.mdl-faqs .m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-faqs .m-underline-green:hover{color:#2ec99b}.mdl-faqs .m-underline-green:hover:after{width:100%}}.mdl-faqs .m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.mdl-faqs .m-swiper-button.swiper-button-disabled{opacity:.7}.mdl-faqs .m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-faqs .m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.mdl-faqs .m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.mdl-faqs .m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.mdl-faqs .m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.mdl-faqs .m-swiper-button{width:3.2rem;height:3.2rem}.mdl-faqs .m-swiper-button svg{width:.5rem}}.mdl-faqs .m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.mdl-faqs .m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-faqs .m-swiper-button-s.prev svg{left:45%}.mdl-faqs .m-swiper-button-s.next svg{left:55%}@media (hover: hover){.mdl-faqs .m-swiper-button-s:hover{background-color:#ed3b37}}.mdl-faqs .m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.mdl-faqs .m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.mdl-faqs .m-button-close:hover{background-color:#ed3b37}.mdl-faqs .m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-faqs .m-top{gap:2rem;display:flex;flex-direction:column;margin-top:4rem}.mdl-faqs .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-faqs .m-top .m-titulo{font-size:2.2rem;line-height:2.6rem}}.mdl-faqs .m-top .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .m-top .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .m-top .m-texto{font-size:1.7rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .m-top .m-texto{font-size:1.7rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .m-top .m-texto{font-size:1.7rem;line-height:29.61px}}.mdl-faqs .m-top .m-texto{color:#515050b2}.mdl-faqs .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between;gap:4rem}.mdl-faqs .mdl-container .m-content{width:calc(27% - 2rem);height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-faqs .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.7rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.7rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.7rem;line-height:29.61px}}.mdl-faqs .mdl-container .m-content .m-top .m-texto{color:#515050b2}.mdl-faqs .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column;padding-top:10rem}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom{padding-top:0rem}}.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.7rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.7rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.7rem;line-height:29.61px}}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{color:#515050b2;width:100%}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{gap:2rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs{width:calc(73% - 2rem)}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:83%;margin-bottom:3rem;gap:3rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:2.2rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.7rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.7rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.7rem;line-height:29.61px}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.7rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.7rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.7rem;line-height:29.61px}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:80%}.mdl-faqs .mdl-container .m-listadofaqs .faq-item{border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4!important;padding:2.2rem 0;margin-top:-1px}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.6rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.6rem}}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:500;margin-left:3rem;cursor:pointer;padding:1rem 0;transition:color .3s ease;position:relative;width:calc(100% - 5rem)}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question .faq-icon{transition:transform .3s ease;transform:rotate(45deg);background:url(/assets/babylon/svg/icons/close.svg) no-repeat center center;background-size:contain;width:1.6rem;height:1.6rem;position:absolute;right:1.3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active{color:#ff4338}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:4rem;height:4rem;right:0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon:hover{transform:rotate(135deg)}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active:before{content:\"\\2022\";position:absolute;left:0;color:#e74c3c;font-size:3rem;line-height:1;top:50%;transform:translateY(-50%);margin-left:-3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.6rem;line-height:3rem}}@media (max-width: 540px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.6rem;line-height:2rem}}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{max-height:0;overflow:hidden;padding:0;transition:max-height .35s ease,padding .35s ease;color:#515050b2;padding-left:3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer.open{max-width:76rem;padding:1rem 0;padding:1rem 0 1rem 3rem}.mdl-faqs.m-bot .mdl-container .m-content{flex-direction:column-reverse}.mdl-faqs.m-bot .mdl-container .m-content .m-top{display:none}@media (max-width: 1200px){.mdl-faqs .mdl-container .m-content{width:calc(36% - 4rem)}.mdl-faqs .mdl-container .m-content .m-top,.mdl-faqs .mdl-container .m-content .m-bottom{gap:2.8rem}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{width:100%}.mdl-faqs .mdl-container .m-content .m-bottom .m-button-sm{min-width:14.8rem;padding:.6rem!important;color:#fff;height:2.7rem;font-size:1rem;width:auto}.mdl-faqs .mdl-container .m-listadofaqs{width:calc(64% - 4rem)}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2{gap:2rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{gap:1rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item svg,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item svg{width:1.7rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item{padding:1.7rem 0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{padding:0 3rem 0 0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question .faq-icon{width:.9rem;height:.9rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon{width:2rem;right:.8rem;height:2rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container{flex-direction:column-reverse;gap:3rem}.mdl-faqs .mdl-container .m-content{gap:3rem;width:100%}.mdl-faqs .mdl-container .m-content .m-bottom{flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:50%}.mdl-faqs .mdl-container .m-listadofaqs,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info{width:100%}}@media (max-width: 768px){.mdl-faqs .m-top{margin-bottom:-4rem}.mdl-faqs .mdl-container .m-content .m-bottom{flex-direction:column;justify-content:none;align-items:start}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:60%}}@media (max-width: 540px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2{flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-text{width:100%}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{text-align:left;line-height:1.8rem}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:100%}}.icon--svg{width:30px;height:30px;-webkit-mask-size:contain;mask-size:contain;background-color:var(--var-color, #000)}\n"] }]
|
|
17593
17595
|
}], propDecorators: { content: [{
|
|
17594
17596
|
type: Input
|
|
17595
17597
|
}], texts: [{
|
|
@@ -17718,11 +17720,11 @@ class C2TxtImgV2Component {
|
|
|
17718
17720
|
});
|
|
17719
17721
|
}
|
|
17720
17722
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2TxtImgV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17721
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C2TxtImgV2Component, isStandalone: true, selector: "c2-txt-img-v2", inputs: { content: "content", texts: "texts", multimedia: "multimedia", buttons: "buttons", items: "items" }, viewQueries: [{ propertyName: "faqSection", first: true, predicate: ["faqSection"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-md017\" #faqSection>\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (texts?.title) {\n <div class=\"m-top\">\n <div class=\"m-titulo\" [innerHTML]=\"texts?.title\"></div>\n </div>\n }\n <div class=\"m-bottom\">\n @if (multimedia?.imagenes?.[0]; as img) {\n <div class=\"m-img\">\n <img\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n }\n @if (texts?.subtitle) {\n <div class=\"m-texto\" [innerHTML]=\"texts?.subtitle\"></div>\n }\n </div>\n </div>\n @if (items?.length) {\n <div class=\"m-listadofaqs\">\n @for (item of items; track $index) {\n <div class=\"faq-item\">\n @if (item.description) {\n <div class=\"faq-answer\">\n {{ item.description }}\n </div>\n }\n @if (item.title) {\n <div class=\"faq-question\">\n {{ item.title }}\n </div>\n }\n </div>\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}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-md017 .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md017 .m-top .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md017 .m-top .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md017 .m-top .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md017 .m-top .m-titulo{color:#515050}.mdl-md017 .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between;gap:4rem}.mdl-md017 .mdl-container .m-content{width:calc(36% - 8rem);height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-md017 .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md017 .mdl-container .m-content .m-top .m-titulo{color:#515050}.mdl-md017 .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-content .m-bottom .m-img{height:22rem;width:18rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img img{height:100%;width:100%;object-fit:cover}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{color:#515050b2}.mdl-md017 .mdl-container .m-listadofaqs{width:calc(64% - 8rem)}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:83%;margin-bottom:3rem;gap:3rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:2.2rem;line-height:2.6rem}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:80%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item{border-top:.1rem solid #e4e4e4;padding:1.2rem 0}.mdl-md017 .mdl-container .m-listadofaqs .faq-item:first-child{border-top:0 solid #e4e4e4}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.5rem}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.1rem}}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:500;cursor:pointer;padding:2rem 0;transition:color .3s ease;position:relative}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{color:#515050b2;padding:1rem 0}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-bottom .m-img{height:16rem}}@media (max-width: 1080px){.mdl-md017 .m-top{margin-top:4rem;margin-bottom:-8rem}.mdl-md017 .mdl-container{flex-direction:column-reverse;gap:3rem}.mdl-md017 .mdl-container .m-content{gap:3rem;width:100%}.mdl-md017 .mdl-container .m-content .m-bottom{display:flex;flex-direction:row;margin-top:2rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img{width:17.8rem;height:22rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img img{width:100%;height:100%;object-fit:cover}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{width:60%}.mdl-md017 .mdl-container .m-listadofaqs,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info{width:100%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2{flex-direction:column}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-content .m-top .m-titulo{font-size:2.6rem;line-height:3.8rem}.mdl-md017 .mdl-container .m-content .m-bottom{flex-direction:column!important}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2rem;line-height:2.8rem;width:100%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
17723
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C2TxtImgV2Component, isStandalone: true, selector: "c2-txt-img-v2", inputs: { content: "content", texts: "texts", multimedia: "multimedia", buttons: "buttons", items: "items" }, viewQueries: [{ propertyName: "faqSection", first: true, predicate: ["faqSection"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-md017\" #faqSection>\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (texts?.title) {\n <div class=\"m-top\">\n <div class=\"m-titulo\" [innerHTML]=\"texts?.title\"></div>\n </div>\n }\n <div class=\"m-bottom\">\n @if (multimedia?.imagenes?.[0]; as img) {\n <div class=\"m-img\">\n <img\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n }\n @if (texts?.subtitle) {\n <div class=\"m-texto\" [innerHTML]=\"texts?.subtitle\"></div>\n }\n </div>\n </div>\n @if (items?.length) {\n <div class=\"m-listadofaqs\">\n @for (item of items; track $index) {\n <div class=\"faq-item\">\n @if (item.description) {\n <div class=\"faq-answer\">\n {{ item.description }}\n </div>\n }\n @if (item.title) {\n <div class=\"faq-question\">\n {{ item.title }}\n </div>\n }\n </div>\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}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-md017 .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md017 .m-top .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md017 .m-top .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md017 .m-top .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md017 .m-top .m-titulo{color:#515050}.mdl-md017 .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between;gap:4rem}.mdl-md017 .mdl-container .m-content{width:calc(36% - 8rem);height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-md017 .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md017 .mdl-container .m-content .m-top .m-titulo{color:#515050}.mdl-md017 .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-content .m-bottom .m-img{height:22rem;width:18rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img img{height:100%;width:100%;object-fit:cover}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{color:#515050b2}.mdl-md017 .mdl-container .m-listadofaqs{width:calc(64% - 8rem)}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:83%;margin-bottom:3rem;gap:3rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:2.2rem;line-height:2.6rem}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:80%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item{border-top:.1rem solid #e4e4e4;padding:1.2rem 0}.mdl-md017 .mdl-container .m-listadofaqs .faq-item:first-child{border-top:0 solid #e4e4e4}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.6rem;line-height:3rem}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.6rem;line-height:3rem}}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:500;cursor:pointer;padding:2rem 0;transition:color .3s ease;position:relative}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.6rem;line-height:3rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.6rem;line-height:3rem}}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{color:#515050b2;padding:1rem 0}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-bottom .m-img{height:16rem}}@media (max-width: 1080px){.mdl-md017 .m-top{margin-top:4rem;margin-bottom:-8rem}.mdl-md017 .mdl-container{flex-direction:column-reverse;gap:3rem}.mdl-md017 .mdl-container .m-content{gap:3rem;width:100%}.mdl-md017 .mdl-container .m-content .m-bottom{display:flex;flex-direction:row;margin-top:2rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img{width:17.8rem;height:22rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img img{width:100%;height:100%;object-fit:cover}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{width:60%}.mdl-md017 .mdl-container .m-listadofaqs,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info{width:100%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2{flex-direction:column}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-content .m-top .m-titulo{font-size:2.6rem;line-height:3.8rem}.mdl-md017 .mdl-container .m-content .m-bottom{flex-direction:column!important}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2rem;line-height:2.8rem;width:100%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
17722
17724
|
}
|
|
17723
17725
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2TxtImgV2Component, decorators: [{
|
|
17724
17726
|
type: Component,
|
|
17725
|
-
args: [{ selector: 'c2-txt-img-v2', standalone: true, imports: [CommonModule], template: "<section class=\"mdl-md017\" #faqSection>\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (texts?.title) {\n <div class=\"m-top\">\n <div class=\"m-titulo\" [innerHTML]=\"texts?.title\"></div>\n </div>\n }\n <div class=\"m-bottom\">\n @if (multimedia?.imagenes?.[0]; as img) {\n <div class=\"m-img\">\n <img\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n }\n @if (texts?.subtitle) {\n <div class=\"m-texto\" [innerHTML]=\"texts?.subtitle\"></div>\n }\n </div>\n </div>\n @if (items?.length) {\n <div class=\"m-listadofaqs\">\n @for (item of items; track $index) {\n <div class=\"faq-item\">\n @if (item.description) {\n <div class=\"faq-answer\">\n {{ item.description }}\n </div>\n }\n @if (item.title) {\n <div class=\"faq-question\">\n {{ item.title }}\n </div>\n }\n </div>\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}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-md017 .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md017 .m-top .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md017 .m-top .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md017 .m-top .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md017 .m-top .m-titulo{color:#515050}.mdl-md017 .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between;gap:4rem}.mdl-md017 .mdl-container .m-content{width:calc(36% - 8rem);height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-md017 .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md017 .mdl-container .m-content .m-top .m-titulo{color:#515050}.mdl-md017 .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-content .m-bottom .m-img{height:22rem;width:18rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img img{height:100%;width:100%;object-fit:cover}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{color:#515050b2}.mdl-md017 .mdl-container .m-listadofaqs{width:calc(64% - 8rem)}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:83%;margin-bottom:3rem;gap:3rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:2.2rem;line-height:2.6rem}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:80%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item{border-top:.1rem solid #e4e4e4;padding:1.2rem 0}.mdl-md017 .mdl-container .m-listadofaqs .faq-item:first-child{border-top:0 solid #e4e4e4}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.5rem}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.1rem}}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:500;cursor:pointer;padding:2rem 0;transition:color .3s ease;position:relative}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{color:#515050b2;padding:1rem 0}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-bottom .m-img{height:16rem}}@media (max-width: 1080px){.mdl-md017 .m-top{margin-top:4rem;margin-bottom:-8rem}.mdl-md017 .mdl-container{flex-direction:column-reverse;gap:3rem}.mdl-md017 .mdl-container .m-content{gap:3rem;width:100%}.mdl-md017 .mdl-container .m-content .m-bottom{display:flex;flex-direction:row;margin-top:2rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img{width:17.8rem;height:22rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img img{width:100%;height:100%;object-fit:cover}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{width:60%}.mdl-md017 .mdl-container .m-listadofaqs,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info{width:100%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2{flex-direction:column}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-content .m-top .m-titulo{font-size:2.6rem;line-height:3.8rem}.mdl-md017 .mdl-container .m-content .m-bottom{flex-direction:column!important}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2rem;line-height:2.8rem;width:100%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}\n"] }]
|
|
17727
|
+
args: [{ selector: 'c2-txt-img-v2', standalone: true, imports: [CommonModule], template: "<section class=\"mdl-md017\" #faqSection>\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (texts?.title) {\n <div class=\"m-top\">\n <div class=\"m-titulo\" [innerHTML]=\"texts?.title\"></div>\n </div>\n }\n <div class=\"m-bottom\">\n @if (multimedia?.imagenes?.[0]; as img) {\n <div class=\"m-img\">\n <img\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n }\n @if (texts?.subtitle) {\n <div class=\"m-texto\" [innerHTML]=\"texts?.subtitle\"></div>\n }\n </div>\n </div>\n @if (items?.length) {\n <div class=\"m-listadofaqs\">\n @for (item of items; track $index) {\n <div class=\"faq-item\">\n @if (item.description) {\n <div class=\"faq-answer\">\n {{ item.description }}\n </div>\n }\n @if (item.title) {\n <div class=\"faq-question\">\n {{ item.title }}\n </div>\n }\n </div>\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}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-md017 .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md017 .m-top .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md017 .m-top .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md017 .m-top .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md017 .m-top .m-titulo{color:#515050}.mdl-md017 .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between;gap:4rem}.mdl-md017 .mdl-container .m-content{width:calc(36% - 8rem);height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-md017 .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md017 .mdl-container .m-content .m-top .m-titulo{color:#515050}.mdl-md017 .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-content .m-bottom .m-img{height:22rem;width:18rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img img{height:100%;width:100%;object-fit:cover}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{color:#515050b2}.mdl-md017 .mdl-container .m-listadofaqs{width:calc(64% - 8rem)}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:83%;margin-bottom:3rem;gap:3rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:2.2rem;line-height:2.6rem}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:80%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item{border-top:.1rem solid #e4e4e4;padding:1.2rem 0}.mdl-md017 .mdl-container .m-listadofaqs .faq-item:first-child{border-top:0 solid #e4e4e4}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.6rem;line-height:3rem}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.6rem;line-height:3rem}}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:500;cursor:pointer;padding:2rem 0;transition:color .3s ease;position:relative}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.6rem;line-height:3rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.6rem;line-height:3rem}}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{color:#515050b2;padding:1rem 0}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-bottom .m-img{height:16rem}}@media (max-width: 1080px){.mdl-md017 .m-top{margin-top:4rem;margin-bottom:-8rem}.mdl-md017 .mdl-container{flex-direction:column-reverse;gap:3rem}.mdl-md017 .mdl-container .m-content{gap:3rem;width:100%}.mdl-md017 .mdl-container .m-content .m-bottom{display:flex;flex-direction:row;margin-top:2rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img{width:17.8rem;height:22rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img img{width:100%;height:100%;object-fit:cover}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{width:60%}.mdl-md017 .mdl-container .m-listadofaqs,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info{width:100%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2{flex-direction:column}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-content .m-top .m-titulo{font-size:2.6rem;line-height:3.8rem}.mdl-md017 .mdl-container .m-content .m-bottom{flex-direction:column!important}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2rem;line-height:2.8rem;width:100%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}\n"] }]
|
|
17726
17728
|
}], propDecorators: { content: [{
|
|
17727
17729
|
type: Input
|
|
17728
17730
|
}], texts: [{
|
|
@@ -19488,11 +19490,11 @@ class LisC2TxtImgSvgCComponent {
|
|
|
19488
19490
|
return getFirstImageByTagFromImages(imagenes, tagName);
|
|
19489
19491
|
}
|
|
19490
19492
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC2TxtImgSvgCComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19491
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LisC2TxtImgSvgCComponent, isStandalone: true, selector: "lis-c2-txt-img-svg-c", inputs: { offers: "offers", startReverse: "startReverse" }, ngImport: i0, template: "<section class=\"mdl-md005\">\n <div class=\"mdl-container\">\n <!-- <div class=\"m-content-top\">\n <h2 class=\"m-title\">{{ content.title }}</h2>\n <div class=\"m-text\">\n {{ content.description }}\n </div>\n </div> -->\n\n @if (offers) {\n @for (item of offers; track $index) {\n <div\n class=\"m-oferta-item\"\n [class.reverse]=\"$index % 2 !== 0\"\n [ngClass]=\"{ 'no-margin-top': $index === 0 }\"\n >\n <div class=\"mdl-content\">\n <div class=\"m-left\">\n <div class=\"m-content\">\n <div class=\"m-top\">\n @if (item.texts?.title ?? item.name) {\n <div class=\"m-title\">\n {{ item.texts?.title ?? item.name }}\n </div>\n }\n @if (item.texts?.subtitle) {\n <div class=\"m-texto\">\n {{ item.texts?.subtitle }}\n </div>\n }\n </div>\n <div class=\"m-bottom\">\n <div class=\"m-left\">\n @if (item.texts?.additional2) {\n <div class=\"m-texto\">\n {{ item.texts?.additional2 }}\n </div>\n }\n <div class=\"m-precio\">\n @if (item.price) {\n {{ item.price\n }}{{\n item?.currency ?? 'EUR'\n | currencySymbol\n }}\n } @else if (item.discount) {\n {{ item.discount }} %\n }\n </div>\n </div>\n @if (item.buttons || item.links) {\n <div class=\"m-right\">\n @for (\n btn of item?.buttons;\n track $index\n ) {\n <a\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 === 0,\n 'm-underline':\n $index % 2 !== 0,\n }\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"\n btn.label\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n @for (\n btn of item?.links;\n track $index\n ) {\n <a\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 !== 0,\n 'm-underline':\n $index % 2 === 0,\n }\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"\n btn.label\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n </div>\n }\n </div>\n </div>\n </div>\n @if (\n item.multimedia &&\n getFirstImageByTag(tagName, item.multimedia);\n as img\n ) {\n <div class=\"m-right\">\n @if (img.title) {\n <div class=\"m-tag\">\n {{ img.title }}\n </div>\n }\n <img\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n <!-- <img\n *ngIf=\"offer.floatIcon\"\n class=\"m-floatimg\"\n [src]=\"offer.floatIcon.url\"\n [alt]=\"offer.floatIcon.alt\"\n loading=\"lazy\"\n /> -->\n </div>\n }\n </div>\n @if (\n item.multimedia &&\n getFirstImageByTag(tagNamePNG, item.multimedia);\n as img\n ) {\n <img\n class=\"m-floatimg\"\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n }\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-md005{padding:13.1rem 0}@media (max-width: 1200px){.mdl-md005{padding:0rem}}.mdl-md005 .mdl-container{padding:0 60px}.mdl-md005 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:-14rem}.mdl-md005 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-title{width:40rem;color:#515050}.mdl-md005 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-text{width:62rem;color:#51505099;text-align:right}.mdl-md005 .mdl-container .m-oferta-item{width:100%;max-width:140rem;height:auto;padding:0!important;position:relative;background-color:#fff9f9;margin:20rem auto 0}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content{flex-direction:row-reverse}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content .m-right .m-tag{right:auto;left:2rem}.mdl-md005 .mdl-container .m-oferta-item.no-margin-top{margin:0rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:100%;display:flex}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:40rem;padding:7rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{width:100%;border-bottom:1px solid #e4e4e4;padding-bottom:6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:100%}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.4rem;line-height:2.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;line-height:2.6rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{color:#515050;max-width:40rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-texto{margin-top:2.5rem;font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{width:100%;display:flex;padding-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-size:3.8rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-button-sm,.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-button-sm:hover{color:#fff}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline{color:#515050;opacity:.8}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline:hover{color:#ed3b37}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:50%;position:relative}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.1rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{color:#fff;position:absolute;top:2rem;right:2rem;background-color:#ff4338;padding:.4rem 1.5rem;border-radius:20rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right img{width:100%;height:100%;object-fit:cover;display:block;max-height:500px}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{display:none;position:absolute}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{position:absolute;left:50%;transform:translate(-50%);bottom:-17%;width:67%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close svg{display:none}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{gap:5.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:34rem;padding:4rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-oferta-item{margin:14rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:35.6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:125%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem;min-height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{padding-bottom:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{padding-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:100%}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-oferta-item{margin:5rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{width:65vw;display:block;height:auto;bottom:-5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem 3rem 6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{margin-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{flex-direction:column-reverse!important;max-height:auto}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{display:none}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item{max-width:42rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.2rem;right:-3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{padding:3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}}@media (max-width: 540px) and (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-size:1.6rem;line-height:2.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{flex-direction:column;align-items:center;gap:3.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{display:flex;flex-direction:row;gap:.9rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{display:flex;align-items:center}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin:0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.3rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item{max-width:31rem}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.5rem;right:-1.2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{bottom:-4rem!important}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:2.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{margin-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;margin-top:2rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-11rem}.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:0 2rem;width:calc(100% - 4rem)}.mdl-md005 .mdl-container .m-content-top .m-text{text-align:left;margin-top:1rem;width:100%;font-size:2.2rem;line-height:2.6rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: BabylonCurrencyPipe, name: "currencySymbol" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }] }); }
|
|
19493
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LisC2TxtImgSvgCComponent, isStandalone: true, selector: "lis-c2-txt-img-svg-c", inputs: { offers: "offers", startReverse: "startReverse" }, ngImport: i0, template: "<section class=\"mdl-md005\">\n <div class=\"mdl-container\">\n <!-- <div class=\"m-content-top\">\n <h2 class=\"m-title\">{{ content.title }}</h2>\n <div class=\"m-text\">\n {{ content.description }}\n </div>\n </div> -->\n\n @if (offers) {\n @for (item of offers; track $index) {\n <div\n class=\"m-oferta-item\"\n [class.reverse]=\"$index % 2 !== 0\"\n [ngClass]=\"{ 'no-margin-top': $index === 0 }\"\n >\n <div class=\"mdl-content\">\n <div class=\"m-left\">\n <div class=\"m-content\">\n <div class=\"m-top\">\n @if (item.texts?.title ?? item.name) {\n <div class=\"m-title\">\n {{ item.texts?.title ?? item.name }}\n </div>\n }\n @if (item.texts?.subtitle) {\n <div class=\"m-texto\">\n {{ item.texts?.subtitle }}\n </div>\n }\n </div>\n <div class=\"m-bottom\">\n <div class=\"m-left\">\n @if (item.texts?.additional2) {\n <div class=\"m-texto\">\n {{ item.texts?.additional2 }}\n </div>\n }\n <div class=\"m-precio\">\n @if (item.price) {\n {{ item.price\n }}{{\n item?.currency ?? 'EUR'\n | currencySymbol\n }}\n } @else if (item.discount) {\n {{ item.discount }} %\n }\n </div>\n </div>\n @if (item.buttons || item.links) {\n <div class=\"m-right\">\n @for (\n btn of item?.buttons;\n track $index\n ) {\n <a\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 === 0,\n 'm-underline':\n $index % 2 !== 0,\n }\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"\n btn.label\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n @for (\n btn of item?.links;\n track $index\n ) {\n <a\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 !== 0,\n 'm-underline':\n $index % 2 === 0,\n }\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"\n btn.label\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n </div>\n }\n </div>\n </div>\n </div>\n @if (\n item.multimedia &&\n getFirstImageByTag(\n tagName,\n item.multimedia?.imagenes ?? []\n );\n as img\n ) {\n <div class=\"m-right\">\n @if (img.title) {\n <div class=\"m-tag\">\n {{ img.title }}\n </div>\n }\n <img\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n <!-- <img\n *ngIf=\"offer.floatIcon\"\n class=\"m-floatimg\"\n [src]=\"offer.floatIcon.url\"\n [alt]=\"offer.floatIcon.alt\"\n loading=\"lazy\"\n /> -->\n </div>\n }\n </div>\n @if (\n item.multimedia &&\n getFirstImageByTag(\n tagNamePNG,\n item.multimedia?.imagenes ?? []\n );\n as img\n ) {\n <img\n class=\"m-floatimg\"\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n }\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-md005{padding:13.1rem 0}@media (max-width: 1200px){.mdl-md005{padding:0rem}}.mdl-md005 .mdl-container{padding:0 60px}.mdl-md005 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:-14rem}.mdl-md005 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-title{width:40rem;color:#515050}.mdl-md005 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-text{width:62rem;color:#51505099;text-align:right}.mdl-md005 .mdl-container .m-oferta-item{width:100%;max-width:140rem;height:auto;padding:0!important;position:relative;background-color:#fff9f9;margin:20rem auto 0}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content{flex-direction:row-reverse}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content .m-right .m-tag{right:auto;left:2rem}.mdl-md005 .mdl-container .m-oferta-item.no-margin-top{margin:0rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:100%;display:flex}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:40rem;padding:7rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{width:100%;border-bottom:1px solid #e4e4e4;padding-bottom:6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:100%}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.4rem;line-height:2.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;line-height:2.6rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{color:#515050;max-width:40rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-texto{margin-top:2.5rem;font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{width:100%;display:flex;padding-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-size:3.8rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-button-sm,.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-button-sm:hover{color:#fff}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline{color:#515050;opacity:.8}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline:hover{color:#ed3b37}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:50%;position:relative}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.1rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{color:#fff;position:absolute;top:2rem;right:2rem;background-color:#ff4338;padding:.4rem 1.5rem;border-radius:20rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right img{width:100%;height:100%;object-fit:cover;display:block;max-height:500px}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{display:none;position:absolute}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{position:absolute;left:50%;transform:translate(-50%);bottom:-17%;width:67%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close svg{display:none}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{gap:5.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:34rem;padding:4rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-oferta-item{margin:14rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:35.6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:125%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem;min-height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{padding-bottom:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{padding-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:100%}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-oferta-item{margin:5rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{width:65vw;display:block;height:auto;bottom:-5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem 3rem 6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{margin-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{flex-direction:column-reverse!important;max-height:auto}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{display:none}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item{max-width:42rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.2rem;right:-3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{padding:3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}}@media (max-width: 540px) and (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-size:1.6rem;line-height:2.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{flex-direction:column;align-items:center;gap:3.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{display:flex;flex-direction:row;gap:.9rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{display:flex;align-items:center}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin:0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.3rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item{max-width:31rem}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.5rem;right:-1.2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{bottom:-4rem!important}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:2.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{margin-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;margin-top:2rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-11rem}.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:0 2rem;width:calc(100% - 4rem)}.mdl-md005 .mdl-container .m-content-top .m-text{text-align:left;margin-top:1rem;width:100%;font-size:2.2rem;line-height:2.6rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: BabylonCurrencyPipe, name: "currencySymbol" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }] }); }
|
|
19492
19494
|
}
|
|
19493
19495
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC2TxtImgSvgCComponent, decorators: [{
|
|
19494
19496
|
type: Component,
|
|
19495
|
-
args: [{ selector: 'lis-c2-txt-img-svg-c', standalone: true, imports: [CommonModule, BabylonCurrencyPipe, BabylonLinkTypeDirective], template: "<section class=\"mdl-md005\">\n <div class=\"mdl-container\">\n <!-- <div class=\"m-content-top\">\n <h2 class=\"m-title\">{{ content.title }}</h2>\n <div class=\"m-text\">\n {{ content.description }}\n </div>\n </div> -->\n\n @if (offers) {\n @for (item of offers; track $index) {\n <div\n class=\"m-oferta-item\"\n [class.reverse]=\"$index % 2 !== 0\"\n [ngClass]=\"{ 'no-margin-top': $index === 0 }\"\n >\n <div class=\"mdl-content\">\n <div class=\"m-left\">\n <div class=\"m-content\">\n <div class=\"m-top\">\n @if (item.texts?.title ?? item.name) {\n <div class=\"m-title\">\n {{ item.texts?.title ?? item.name }}\n </div>\n }\n @if (item.texts?.subtitle) {\n <div class=\"m-texto\">\n {{ item.texts?.subtitle }}\n </div>\n }\n </div>\n <div class=\"m-bottom\">\n <div class=\"m-left\">\n @if (item.texts?.additional2) {\n <div class=\"m-texto\">\n {{ item.texts?.additional2 }}\n </div>\n }\n <div class=\"m-precio\">\n @if (item.price) {\n {{ item.price\n }}{{\n item?.currency ?? 'EUR'\n | currencySymbol\n }}\n } @else if (item.discount) {\n {{ item.discount }} %\n }\n </div>\n </div>\n @if (item.buttons || item.links) {\n <div class=\"m-right\">\n @for (\n btn of item?.buttons;\n track $index\n ) {\n <a\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 === 0,\n 'm-underline':\n $index % 2 !== 0,\n }\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"\n btn.label\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n @for (\n btn of item?.links;\n track $index\n ) {\n <a\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 !== 0,\n 'm-underline':\n $index % 2 === 0,\n }\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"\n btn.label\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n </div>\n }\n </div>\n </div>\n </div>\n @if (\n item.multimedia &&\n getFirstImageByTag(tagName, item.multimedia);\n as img\n ) {\n <div class=\"m-right\">\n @if (img.title) {\n <div class=\"m-tag\">\n {{ img.title }}\n </div>\n }\n <img\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n <!-- <img\n *ngIf=\"offer.floatIcon\"\n class=\"m-floatimg\"\n [src]=\"offer.floatIcon.url\"\n [alt]=\"offer.floatIcon.alt\"\n loading=\"lazy\"\n /> -->\n </div>\n }\n </div>\n @if (\n item.multimedia &&\n getFirstImageByTag(tagNamePNG, item.multimedia);\n as img\n ) {\n <img\n class=\"m-floatimg\"\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n }\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-md005{padding:13.1rem 0}@media (max-width: 1200px){.mdl-md005{padding:0rem}}.mdl-md005 .mdl-container{padding:0 60px}.mdl-md005 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:-14rem}.mdl-md005 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-title{width:40rem;color:#515050}.mdl-md005 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-text{width:62rem;color:#51505099;text-align:right}.mdl-md005 .mdl-container .m-oferta-item{width:100%;max-width:140rem;height:auto;padding:0!important;position:relative;background-color:#fff9f9;margin:20rem auto 0}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content{flex-direction:row-reverse}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content .m-right .m-tag{right:auto;left:2rem}.mdl-md005 .mdl-container .m-oferta-item.no-margin-top{margin:0rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:100%;display:flex}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:40rem;padding:7rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{width:100%;border-bottom:1px solid #e4e4e4;padding-bottom:6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:100%}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.4rem;line-height:2.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;line-height:2.6rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{color:#515050;max-width:40rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-texto{margin-top:2.5rem;font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{width:100%;display:flex;padding-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-size:3.8rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-button-sm,.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-button-sm:hover{color:#fff}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline{color:#515050;opacity:.8}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline:hover{color:#ed3b37}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:50%;position:relative}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.1rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{color:#fff;position:absolute;top:2rem;right:2rem;background-color:#ff4338;padding:.4rem 1.5rem;border-radius:20rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right img{width:100%;height:100%;object-fit:cover;display:block;max-height:500px}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{display:none;position:absolute}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{position:absolute;left:50%;transform:translate(-50%);bottom:-17%;width:67%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close svg{display:none}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{gap:5.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:34rem;padding:4rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-oferta-item{margin:14rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:35.6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:125%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem;min-height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{padding-bottom:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{padding-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:100%}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-oferta-item{margin:5rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{width:65vw;display:block;height:auto;bottom:-5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem 3rem 6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{margin-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{flex-direction:column-reverse!important;max-height:auto}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{display:none}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item{max-width:42rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.2rem;right:-3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{padding:3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}}@media (max-width: 540px) and (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-size:1.6rem;line-height:2.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{flex-direction:column;align-items:center;gap:3.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{display:flex;flex-direction:row;gap:.9rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{display:flex;align-items:center}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin:0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.3rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item{max-width:31rem}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.5rem;right:-1.2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{bottom:-4rem!important}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:2.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{margin-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;margin-top:2rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-11rem}.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:0 2rem;width:calc(100% - 4rem)}.mdl-md005 .mdl-container .m-content-top .m-text{text-align:left;margin-top:1rem;width:100%;font-size:2.2rem;line-height:2.6rem}}\n"] }]
|
|
19497
|
+
args: [{ selector: 'lis-c2-txt-img-svg-c', standalone: true, imports: [CommonModule, BabylonCurrencyPipe, BabylonLinkTypeDirective], template: "<section class=\"mdl-md005\">\n <div class=\"mdl-container\">\n <!-- <div class=\"m-content-top\">\n <h2 class=\"m-title\">{{ content.title }}</h2>\n <div class=\"m-text\">\n {{ content.description }}\n </div>\n </div> -->\n\n @if (offers) {\n @for (item of offers; track $index) {\n <div\n class=\"m-oferta-item\"\n [class.reverse]=\"$index % 2 !== 0\"\n [ngClass]=\"{ 'no-margin-top': $index === 0 }\"\n >\n <div class=\"mdl-content\">\n <div class=\"m-left\">\n <div class=\"m-content\">\n <div class=\"m-top\">\n @if (item.texts?.title ?? item.name) {\n <div class=\"m-title\">\n {{ item.texts?.title ?? item.name }}\n </div>\n }\n @if (item.texts?.subtitle) {\n <div class=\"m-texto\">\n {{ item.texts?.subtitle }}\n </div>\n }\n </div>\n <div class=\"m-bottom\">\n <div class=\"m-left\">\n @if (item.texts?.additional2) {\n <div class=\"m-texto\">\n {{ item.texts?.additional2 }}\n </div>\n }\n <div class=\"m-precio\">\n @if (item.price) {\n {{ item.price\n }}{{\n item?.currency ?? 'EUR'\n | currencySymbol\n }}\n } @else if (item.discount) {\n {{ item.discount }} %\n }\n </div>\n </div>\n @if (item.buttons || item.links) {\n <div class=\"m-right\">\n @for (\n btn of item?.buttons;\n track $index\n ) {\n <a\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 === 0,\n 'm-underline':\n $index % 2 !== 0,\n }\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"\n btn.label\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n @for (\n btn of item?.links;\n track $index\n ) {\n <a\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 !== 0,\n 'm-underline':\n $index % 2 === 0,\n }\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"\n btn.label\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n </div>\n }\n </div>\n </div>\n </div>\n @if (\n item.multimedia &&\n getFirstImageByTag(\n tagName,\n item.multimedia?.imagenes ?? []\n );\n as img\n ) {\n <div class=\"m-right\">\n @if (img.title) {\n <div class=\"m-tag\">\n {{ img.title }}\n </div>\n }\n <img\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n <!-- <img\n *ngIf=\"offer.floatIcon\"\n class=\"m-floatimg\"\n [src]=\"offer.floatIcon.url\"\n [alt]=\"offer.floatIcon.alt\"\n loading=\"lazy\"\n /> -->\n </div>\n }\n </div>\n @if (\n item.multimedia &&\n getFirstImageByTag(\n tagNamePNG,\n item.multimedia?.imagenes ?? []\n );\n as img\n ) {\n <img\n class=\"m-floatimg\"\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n }\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-md005{padding:13.1rem 0}@media (max-width: 1200px){.mdl-md005{padding:0rem}}.mdl-md005 .mdl-container{padding:0 60px}.mdl-md005 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:-14rem}.mdl-md005 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-title{width:40rem;color:#515050}.mdl-md005 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-text{width:62rem;color:#51505099;text-align:right}.mdl-md005 .mdl-container .m-oferta-item{width:100%;max-width:140rem;height:auto;padding:0!important;position:relative;background-color:#fff9f9;margin:20rem auto 0}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content{flex-direction:row-reverse}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content .m-right .m-tag{right:auto;left:2rem}.mdl-md005 .mdl-container .m-oferta-item.no-margin-top{margin:0rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:100%;display:flex}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:40rem;padding:7rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{width:100%;border-bottom:1px solid #e4e4e4;padding-bottom:6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:100%}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.4rem;line-height:2.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;line-height:2.6rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{color:#515050;max-width:40rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-texto{margin-top:2.5rem;font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{width:100%;display:flex;padding-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-size:3.8rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-button-sm,.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-button-sm:hover{color:#fff}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline{color:#515050;opacity:.8}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline:hover{color:#ed3b37}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:50%;position:relative}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.1rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{color:#fff;position:absolute;top:2rem;right:2rem;background-color:#ff4338;padding:.4rem 1.5rem;border-radius:20rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right img{width:100%;height:100%;object-fit:cover;display:block;max-height:500px}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{display:none;position:absolute}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{position:absolute;left:50%;transform:translate(-50%);bottom:-17%;width:67%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close svg{display:none}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{gap:5.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:34rem;padding:4rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-oferta-item{margin:14rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:35.6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:125%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem;min-height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{padding-bottom:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{padding-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:100%}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-oferta-item{margin:5rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{width:65vw;display:block;height:auto;bottom:-5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem 3rem 6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{margin-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{flex-direction:column-reverse!important;max-height:auto}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{display:none}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item{max-width:42rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.2rem;right:-3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{padding:3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}}@media (max-width: 540px) and (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-size:1.6rem;line-height:2.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{flex-direction:column;align-items:center;gap:3.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{display:flex;flex-direction:row;gap:.9rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{display:flex;align-items:center}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin:0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.3rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item{max-width:31rem}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.5rem;right:-1.2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{bottom:-4rem!important}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:2.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{margin-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;margin-top:2rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-11rem}.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:0 2rem;width:calc(100% - 4rem)}.mdl-md005 .mdl-container .m-content-top .m-text{text-align:left;margin-top:1rem;width:100%;font-size:2.2rem;line-height:2.6rem}}\n"] }]
|
|
19496
19498
|
}], propDecorators: { offers: [{
|
|
19497
19499
|
type: Input
|
|
19498
19500
|
}], startReverse: [{
|
|
@@ -20860,11 +20862,11 @@ class SliC2TxtImgSvgCComponent {
|
|
|
20860
20862
|
return getFirstImageByTagFromImages(this.offer?.multimedia?.imagenes ?? [], tagName);
|
|
20861
20863
|
}
|
|
20862
20864
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliC2TxtImgSvgCComponent, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20863
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SliC2TxtImgSvgCComponent, isStandalone: true, selector: "sli-c2-txt-img-svg-c", inputs: { offer: "offer", buttons: "buttons" }, viewQueries: [{ propertyName: "stickyContainer", first: true, predicate: ["stickyContainer"], descendants: true }, { propertyName: "logoStopper", first: true, predicate: ["logoStopper"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section class=\"mdl-md006\">\n <div class=\"mdl-container\">\n <div class=\"m-head\">\n <div class=\"m-left-head\">\n @if (\n getFirstImageByTag(tagImage) ??\n offer?.multimedia?.imagenes?.[0];\n as img\n ) {\n <div class=\"m-pretitulo\">{{ img?.title }}</div>\n }\n @if (offer?.title) {\n <h2 class=\"m-titulo\">{{ offer?.title }}</h2>\n }\n @if (offer?.pretitle) {\n <div class=\"m-subtitulo\">{{ offer?.pretitle }}</div>\n }\n </div>\n <div class=\"m-right-head\">\n <div class=\"m-content\">\n @if (offer?.labelDiscount) {\n <div class=\"m-preciotitulo\">\n {{ offer?.labelDiscount }}\n </div>\n }\n <div class=\"m-precio\">\n @if (offer?.price) {\n {{ offer?.price\n }}{{ offer?.currency ?? 'EUR' | currencySymbol }}\n } @else if (offer?.discount) {\n {{ offer?.discount }} %\n }\n </div>\n @if (offer?.button; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"button.label\"\n >\n {{ button.label }}\n </a>\n </ng-container>\n }\n </div>\n </div>\n </div>\n\n <div class=\"m-contenido\">\n <div class=\"m-left\">\n <div class=\"m-imagesticky\" #stickyContainer>\n @if (getFirstImageByTag(tagImageVertical); as imgV) {\n <img\n class=\"m-sticky\"\n [src]=\"imgV?.img?.src\"\n [alt]=\"imgV?.img?.alt\"\n loading=\"lazy\"\n />\n }\n @if (getFirstImageByTag(tagImageLogo); as imgLogo) {\n <img\n class=\"m-offer\"\n [src]=\"imgLogo?.img?.src\"\n [alt]=\"imgLogo?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n @if (getFirstImageByTag(tagImageSVG); as imgSVG) {\n <div class=\"m-logo\" #logoStopper>\n <img\n [src]=\"imgSVG?.img?.src\"\n [alt]=\"imgSVG?.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n }\n </div>\n\n <div class=\"m-right\">\n <div class=\"m-image\">\n @if (\n getFirstImageByTag(tagImage) ??\n offer?.multimedia?.imagenes?.[0];\n as img\n ) {\n <img\n [src]=\"img?.img?.src\"\n [alt]=\"img?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n @if (offer?.description) {\n <div class=\"m-texto\" [innerHTML]=\"offer?.description\"></div>\n }\n <div class=\"m-imagenmobile\">\n @if (getFirstImageByTag(tagImageVertical); as img) {\n <img\n class=\"m-imgmb\"\n [src]=\"img?.img?.src\"\n [alt]=\"img?.img?.alt\"\n loading=\"lazy\"\n />\n }\n @if (getFirstImageByTag(tagImageLogo); as imgLogo) {\n <img\n class=\"m-logo\"\n [src]=\"imgLogo?.img?.src\"\n [alt]=\"imgLogo?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n\n <div class=\"m-listadofaqs\">\n <!-- <div\n class=\"faq-item\"\n *ngFor=\"\n let highlight of right.highlights;\n let highlightIndex = index\n \"\n [class.active]=\"highlightIndex === 0\"\n >\n <div class=\"faq-question\">\n {{ highlight }}\n </div>\n </div> -->\n\n @if (offer?.button; as button) {\n <div class=\"m-extra-info\">\n <div class=\"m-row2\">\n <div class=\"m-content-row2\">\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.rel]=\"\n (button.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"button.label\"\n >\n {{ button.label }}\n </a>\n </div>\n </div>\n </div>\n }\n\n @if (buttons?.[0]; as btn) {\n <div class=\"m-foot\">\n <a\n class=\"m-but m-underline-red\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"btn.target || '_self'\"\n [attr.rel]=\"\n (btn.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"btn.label\"\n >\n {{ btn.label }}\n </a>\n <svg\n width=\"16\"\n height=\"12\"\n viewBox=\"0 0 16 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n opacity=\"0.7\"\n d=\"M0.0457363 6.829C-0.0152636 6.683 -0.0152636 6.516 0.0457363 6.37C0.0767365 6.297 0.120737 6.229 0.176737 6.175L4.17574 2.175C4.40974 1.941 4.78874 1.941 5.02374 2.175C5.25874 2.409 5.25774 2.789 5.02374 3.024L2.04774 6H12.0997C14.4097 6 14.4997 5.798 14.4997 0.6C14.4997 0.268 14.7687 0 15.0997 0C15.4307 0 15.6997 0.268 15.6997 0.6C15.6997 5.537 15.6997 7.2 12.0987 7.2H2.04674L5.02374 10.177C5.25774 10.41 5.25774 10.791 5.02374 11.025C4.90674 11.142 4.75274 11.201 4.59974 11.201C4.44674 11.201 4.29274 11.142 4.17574 11.025L0.176737 7.026C0.120737 6.969 0.0777359 6.903 0.0457363 6.829Z\"\n fill=\"#515050\"\n />\n </svg>\n </div>\n }\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";html{overflow-x:unset!important}.mdl-md006{margin-top:15rem;margin-bottom:15rem;position:relative}.mdl-md006:before{content:\"\";position:absolute;background-color:#fff9f9;height:68rem;width:100%;z-index:-1;left:0;top:-10rem}.mdl-md006 .mdl-container{max-width:125rem}.mdl-md006 .mdl-container .m-head{display:flex}.mdl-md006 .mdl-container .m-head .m-left-head{height:20rem;width:60%;display:flex;flex-direction:column;align-items:flex-start;gap:1.4rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.2rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.1rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{background-color:#ff4338;color:#fff;font-weight:500;padding:.5rem 2.2rem;border-radius:2rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{color:#515050;width:100%;max-width:70rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-subtitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}.mdl-md006 .mdl-container .m-head .m-right-head{height:20rem;width:40%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.mdl-md006 .mdl-container .m-head .m-right-head .m-content{gap:3rem;display:flex;flex-direction:column;align-items:center}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-preciotitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#51505099}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-size:3.8rem}}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{color:#515050}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-button-sm{width:100vw}.mdl-md006 .mdl-container .m-contenido{display:flex;gap:6rem;margin-top:6rem;position:relative;height:100%}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(27% - 3rem);height:100%;display:flex;align-content:space-between;flex-direction:column;justify-content:space-between;align-items:flex-end;align-items:center;gap:15rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky{height:100%;width:100%;position:relative}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{bottom:21rem;top:9rem;height:54rem;width:100%;object-fit:cover;position:sticky}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:15rem;margin-left:-5rem;margin-top:-7rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-logo{height:21.7rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-logo img{max-height:150px}.mdl-md006 .mdl-container .m-contenido .m-right{width:calc(73% - 3rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:54rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-image img{height:100%;width:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{color:#515050;padding:6rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:54rem;width:100%;max-width:39rem;margin:0 auto;position:relative;display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-imgmb{width:100%;height:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-logo{position:absolute;bottom:-5rem;left:0;width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:100%;margin-bottom:3rem;gap:3rem;align-items:center;border-bottom:.1rem solid #e4e4e4;padding:0 0 5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:3rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.8rem;line-height:2.6rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.9rem;line-height:2.6rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.6rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.4rem;line-height:2.2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content-row2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content-row2{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;width:26rem;margin-top:4.5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item{border-bottom:.1rem solid #e4e4e4;padding:2.2rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item:first-child{border-top:.1rem solid #e4e4e4;padding:4.2rem 0 2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color .3s ease;position:relative;color:#515050b2;margin-left:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question:before{content:\"\\2022\";position:absolute;left:0;color:#e4e4e4;font-size:4rem;line-height:1;top:45%;transform:translateY(-50%);margin-left:-3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{color:#515050;font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.5rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.1rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-weight:500;margin-bottom:2rem;margin-left:0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active:before{display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-foot{width:100%;justify-content:flex-end;display:flex;align-items:center;gap:1.5rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido{gap:5rem}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(32% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:10rem;margin-left:-1rem;margin-top:-5rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:auto;width:calc(68% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:46rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido{gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-left{height:37rem;width:calc(37% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:37rem;width:calc(63% - 2.5rem);height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto,.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:auto}.mdl-md006 .mdl-container .m-contenido .m-imagesticky{top:0!important}}@media (max-width: 1000px){.mdl-md006 .mdl-container .m-left{width:100%;border-bottom:1px solid #e4e4e4}.mdl-md006 .mdl-container .m-head{flex-direction:column}.mdl-md006 .mdl-container .m-head .m-right-head{width:100%;align-items:center}.mdl-md006 .mdl-container .m-head .m-left-head{width:100%}.mdl-md006 .mdl-container .m-contenido .m-left{display:none}.mdl-md006 .mdl-container .m-contenido .m-right{width:100%;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{padding:2rem 0;border:0;height:auto;font-size:2rem;line-height:3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{display:block;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{margin-top:7rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:2rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: BabylonCurrencyPipe, name: "currencySymbol" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
20865
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SliC2TxtImgSvgCComponent, isStandalone: true, selector: "sli-c2-txt-img-svg-c", inputs: { offer: "offer", buttons: "buttons", texts: "texts" }, viewQueries: [{ propertyName: "stickyContainer", first: true, predicate: ["stickyContainer"], descendants: true }, { propertyName: "logoStopper", first: true, predicate: ["logoStopper"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section class=\"mdl-md006\">\n <div class=\"mdl-container\">\n <div class=\"m-head\">\n <div class=\"m-left-head\">\n @if (\n getFirstImageByTag(tagImage) ??\n offer?.multimedia?.imagenes?.[0];\n as img\n ) {\n <div class=\"m-pretitulo\">{{ img?.title }}</div>\n }\n @if (offer?.title) {\n <h2 class=\"m-titulo\">{{ offer?.title }}</h2>\n }\n @if (offer?.pretitle) {\n <div class=\"m-subtitulo\">{{ offer?.pretitle }}</div>\n }\n </div>\n <div class=\"m-right-head\">\n <div class=\"m-content\">\n @if (offer?.labelDiscount) {\n <div class=\"m-preciotitulo\">\n {{ offer?.labelDiscount }}\n </div>\n }\n <div class=\"m-precio\">\n @if (offer?.price) {\n {{ offer?.price\n }}{{ offer?.currency ?? 'EUR' | currencySymbol }}\n } @else if (offer?.discount) {\n {{ offer?.discount }} %\n }\n </div>\n @if (offer?.button; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"button.label\"\n >\n {{ button.label }}\n </a>\n </ng-container>\n }\n </div>\n </div>\n </div>\n\n <div class=\"m-contenido\">\n <div class=\"m-left\">\n <div class=\"m-imagesticky\" #stickyContainer>\n @if (getFirstImageByTag(tagImageVertical); as imgV) {\n <img\n class=\"m-sticky\"\n [src]=\"imgV?.img?.src\"\n [alt]=\"imgV?.img?.alt\"\n loading=\"lazy\"\n />\n }\n @if (getFirstImageByTag(tagImageLogo); as imgLogo) {\n <img\n class=\"m-offer\"\n [src]=\"imgLogo?.img?.src\"\n [alt]=\"imgLogo?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n @if (getFirstImageByTag(tagImageSVG); as imgSVG) {\n <div class=\"m-logo\" #logoStopper>\n <img\n [src]=\"imgSVG?.img?.src\"\n [alt]=\"imgSVG?.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n }\n </div>\n\n <div class=\"m-right\">\n <div class=\"m-image\">\n @if (\n getFirstImageByTag(tagImage) ??\n offer?.multimedia?.imagenes?.[0];\n as img\n ) {\n <img\n [src]=\"img?.img?.src\"\n [alt]=\"img?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n @if (offer?.description) {\n <div class=\"m-texto\" [innerHTML]=\"offer?.description\"></div>\n }\n <div class=\"m-imagenmobile\">\n @if (getFirstImageByTag(tagImageVertical); as img) {\n <img\n class=\"m-imgmb\"\n [src]=\"img?.img?.src\"\n [alt]=\"img?.img?.alt\"\n loading=\"lazy\"\n />\n }\n @if (getFirstImageByTag(tagImageLogo); as imgLogo) {\n <img\n class=\"m-logo\"\n [src]=\"imgLogo?.img?.src\"\n [alt]=\"imgLogo?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n\n <div class=\"m-listadofaqs\">\n @if (texts?.conditions) {\n <div class=\"faq-item-title\">\n {{ texts?.conditions }}\n </div>\n }\n @if (offer?.services) {\n @for (item of offer?.services; track $index) {\n <div class=\"faq-item\" [class.active]=\"$index === 0\">\n <div class=\"faq-question\">\n {{ item.description ?? item.title }}\n </div>\n </div>\n }\n }\n\n @if (offer?.button; as button) {\n <div class=\"m-extra-info\">\n <div class=\"m-row2\">\n <div class=\"m-content-row2\">\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.rel]=\"\n (button.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"button.label\"\n >\n {{ button.label }}\n </a>\n </div>\n </div>\n </div>\n }\n\n @if (buttons?.[0]; as btn) {\n <div class=\"m-foot\">\n <a\n class=\"m-but m-underline-red\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"btn.target || '_self'\"\n [attr.rel]=\"\n (btn.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"btn.label\"\n >\n {{ btn.label }}\n </a>\n <svg\n width=\"16\"\n height=\"12\"\n viewBox=\"0 0 16 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n opacity=\"0.7\"\n d=\"M0.0457363 6.829C-0.0152636 6.683 -0.0152636 6.516 0.0457363 6.37C0.0767365 6.297 0.120737 6.229 0.176737 6.175L4.17574 2.175C4.40974 1.941 4.78874 1.941 5.02374 2.175C5.25874 2.409 5.25774 2.789 5.02374 3.024L2.04774 6H12.0997C14.4097 6 14.4997 5.798 14.4997 0.6C14.4997 0.268 14.7687 0 15.0997 0C15.4307 0 15.6997 0.268 15.6997 0.6C15.6997 5.537 15.6997 7.2 12.0987 7.2H2.04674L5.02374 10.177C5.25774 10.41 5.25774 10.791 5.02374 11.025C4.90674 11.142 4.75274 11.201 4.59974 11.201C4.44674 11.201 4.29274 11.142 4.17574 11.025L0.176737 7.026C0.120737 6.969 0.0777359 6.903 0.0457363 6.829Z\"\n fill=\"#515050\"\n />\n </svg>\n </div>\n }\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";html{overflow-x:unset!important}.mdl-md006{margin-top:15rem;margin-bottom:15rem;position:relative}.mdl-md006:before{content:\"\";position:absolute;background-color:#fff9f9;height:68rem;width:100%;z-index:-1;left:0;top:-10rem}.mdl-md006 .mdl-container{max-width:125rem}.mdl-md006 .mdl-container .m-head{display:flex}.mdl-md006 .mdl-container .m-head .m-left-head{height:20rem;width:60%;display:flex;flex-direction:column;align-items:flex-start;gap:1.4rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.2rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.1rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{background-color:#ff4338;color:#fff;font-weight:500;padding:.5rem 2.2rem;border-radius:2rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{color:#515050;width:100%;max-width:70rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-subtitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}.mdl-md006 .mdl-container .m-head .m-right-head{height:20rem;width:40%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.mdl-md006 .mdl-container .m-head .m-right-head .m-content{gap:3rem;display:flex;flex-direction:column;align-items:center}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-preciotitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#51505099}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-size:3.8rem}}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{color:#515050}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-button-sm{width:100vw}.mdl-md006 .mdl-container .m-contenido{display:flex;gap:6rem;margin-top:6rem;position:relative;height:100%}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(27% - 3rem);height:100%;display:flex;align-content:space-between;flex-direction:column;justify-content:space-between;align-items:flex-end;align-items:center;gap:15rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky{height:100%;width:100%;position:relative}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{bottom:21rem;top:9rem;height:54rem;width:100%;object-fit:cover;position:sticky}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:15rem;margin-left:-5rem;margin-top:-7rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-logo{height:21.7rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-logo img{max-height:150px}.mdl-md006 .mdl-container .m-contenido .m-right{width:calc(73% - 3rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:54rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-image img{height:100%;width:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{color:#515050;padding:6rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:54rem;width:100%;max-width:39rem;margin:0 auto;position:relative;display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-imgmb{width:100%;height:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-logo{position:absolute;bottom:-5rem;left:0;width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:100%;margin-bottom:3rem;gap:3rem;align-items:center;border-bottom:.1rem solid #e4e4e4;padding:0 0 5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:3rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.8rem;line-height:2.6rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.9rem;line-height:2.6rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.6rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.4rem;line-height:2.2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content-row2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content-row2{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;width:26rem;margin-top:4.5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item{border-bottom:.1rem solid #e4e4e4;padding:2.2rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item:first-child{border-top:.1rem solid #e4e4e4;padding:4.2rem 0 2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color .3s ease;position:relative;color:#515050b2;margin-left:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question:before{content:\"\\2022\";position:absolute;left:0;color:#e4e4e4;font-size:4rem;line-height:1;top:45%;transform:translateY(-50%);margin-left:-3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{color:#515050;font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.5rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.1rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-weight:500;margin-bottom:2rem;margin-left:0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active:before{display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item-title{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item-title{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item-title{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item-title{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item-title{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item-title{font-size:1.7rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color .3s ease;position:relative;color:#515050b2;font-weight:700}.mdl-md006 .mdl-container .m-contenido .m-right .m-foot{width:100%;justify-content:flex-end;display:flex;align-items:center;gap:1.5rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido{gap:5rem}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(32% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:10rem;margin-left:-1rem;margin-top:-5rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:auto;width:calc(68% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:46rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido{gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-left{height:37rem;width:calc(37% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:37rem;width:calc(63% - 2.5rem);height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto,.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:auto}.mdl-md006 .mdl-container .m-contenido .m-imagesticky{top:0!important}}@media (max-width: 1000px){.mdl-md006 .mdl-container .m-left{width:100%;border-bottom:1px solid #e4e4e4}.mdl-md006 .mdl-container .m-head{flex-direction:column}.mdl-md006 .mdl-container .m-head .m-right-head{width:100%;align-items:center}.mdl-md006 .mdl-container .m-head .m-left-head{width:100%}.mdl-md006 .mdl-container .m-contenido .m-left{display:none}.mdl-md006 .mdl-container .m-contenido .m-right{width:100%;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{padding:2rem 0;border:0;height:auto;font-size:2rem;line-height:3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{display:block;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{margin-top:7rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:2rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: BabylonCurrencyPipe, name: "currencySymbol" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
20864
20866
|
}
|
|
20865
20867
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliC2TxtImgSvgCComponent, decorators: [{
|
|
20866
20868
|
type: Component,
|
|
20867
|
-
args: [{ selector: 'sli-c2-txt-img-svg-c', standalone: true, imports: [CommonModule, BabylonCurrencyPipe, BabylonLinkTypeDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"mdl-md006\">\n <div class=\"mdl-container\">\n <div class=\"m-head\">\n <div class=\"m-left-head\">\n @if (\n getFirstImageByTag(tagImage) ??\n offer?.multimedia?.imagenes?.[0];\n as img\n ) {\n <div class=\"m-pretitulo\">{{ img?.title }}</div>\n }\n @if (offer?.title) {\n <h2 class=\"m-titulo\">{{ offer?.title }}</h2>\n }\n @if (offer?.pretitle) {\n <div class=\"m-subtitulo\">{{ offer?.pretitle }}</div>\n }\n </div>\n <div class=\"m-right-head\">\n <div class=\"m-content\">\n @if (offer?.labelDiscount) {\n <div class=\"m-preciotitulo\">\n {{ offer?.labelDiscount }}\n </div>\n }\n <div class=\"m-precio\">\n @if (offer?.price) {\n {{ offer?.price\n }}{{ offer?.currency ?? 'EUR' | currencySymbol }}\n } @else if (offer?.discount) {\n {{ offer?.discount }} %\n }\n </div>\n @if (offer?.button; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"button.label\"\n >\n {{ button.label }}\n </a>\n </ng-container>\n }\n </div>\n </div>\n </div>\n\n <div class=\"m-contenido\">\n <div class=\"m-left\">\n <div class=\"m-imagesticky\" #stickyContainer>\n @if (getFirstImageByTag(tagImageVertical); as imgV) {\n <img\n class=\"m-sticky\"\n [src]=\"imgV?.img?.src\"\n [alt]=\"imgV?.img?.alt\"\n loading=\"lazy\"\n />\n }\n @if (getFirstImageByTag(tagImageLogo); as imgLogo) {\n <img\n class=\"m-offer\"\n [src]=\"imgLogo?.img?.src\"\n [alt]=\"imgLogo?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n @if (getFirstImageByTag(tagImageSVG); as imgSVG) {\n <div class=\"m-logo\" #logoStopper>\n <img\n [src]=\"imgSVG?.img?.src\"\n [alt]=\"imgSVG?.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n }\n </div>\n\n <div class=\"m-right\">\n <div class=\"m-image\">\n @if (\n getFirstImageByTag(tagImage) ??\n offer?.multimedia?.imagenes?.[0];\n as img\n ) {\n <img\n [src]=\"img?.img?.src\"\n [alt]=\"img?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n @if (offer?.description) {\n <div class=\"m-texto\" [innerHTML]=\"offer?.description\"></div>\n }\n <div class=\"m-imagenmobile\">\n @if (getFirstImageByTag(tagImageVertical); as img) {\n <img\n class=\"m-imgmb\"\n [src]=\"img?.img?.src\"\n [alt]=\"img?.img?.alt\"\n loading=\"lazy\"\n />\n }\n @if (getFirstImageByTag(tagImageLogo); as imgLogo) {\n <img\n class=\"m-logo\"\n [src]=\"imgLogo?.img?.src\"\n [alt]=\"imgLogo?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n\n <div class=\"m-listadofaqs\">\n <!-- <div\n class=\"faq-item\"\n *ngFor=\"\n let highlight of right.highlights;\n let highlightIndex = index\n \"\n [class.active]=\"highlightIndex === 0\"\n >\n <div class=\"faq-question\">\n {{ highlight }}\n </div>\n </div> -->\n\n @if (offer?.button; as button) {\n <div class=\"m-extra-info\">\n <div class=\"m-row2\">\n <div class=\"m-content-row2\">\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.rel]=\"\n (button.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"button.label\"\n >\n {{ button.label }}\n </a>\n </div>\n </div>\n </div>\n }\n\n @if (buttons?.[0]; as btn) {\n <div class=\"m-foot\">\n <a\n class=\"m-but m-underline-red\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"btn.target || '_self'\"\n [attr.rel]=\"\n (btn.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"btn.label\"\n >\n {{ btn.label }}\n </a>\n <svg\n width=\"16\"\n height=\"12\"\n viewBox=\"0 0 16 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n opacity=\"0.7\"\n d=\"M0.0457363 6.829C-0.0152636 6.683 -0.0152636 6.516 0.0457363 6.37C0.0767365 6.297 0.120737 6.229 0.176737 6.175L4.17574 2.175C4.40974 1.941 4.78874 1.941 5.02374 2.175C5.25874 2.409 5.25774 2.789 5.02374 3.024L2.04774 6H12.0997C14.4097 6 14.4997 5.798 14.4997 0.6C14.4997 0.268 14.7687 0 15.0997 0C15.4307 0 15.6997 0.268 15.6997 0.6C15.6997 5.537 15.6997 7.2 12.0987 7.2H2.04674L5.02374 10.177C5.25774 10.41 5.25774 10.791 5.02374 11.025C4.90674 11.142 4.75274 11.201 4.59974 11.201C4.44674 11.201 4.29274 11.142 4.17574 11.025L0.176737 7.026C0.120737 6.969 0.0777359 6.903 0.0457363 6.829Z\"\n fill=\"#515050\"\n />\n </svg>\n </div>\n }\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";html{overflow-x:unset!important}.mdl-md006{margin-top:15rem;margin-bottom:15rem;position:relative}.mdl-md006:before{content:\"\";position:absolute;background-color:#fff9f9;height:68rem;width:100%;z-index:-1;left:0;top:-10rem}.mdl-md006 .mdl-container{max-width:125rem}.mdl-md006 .mdl-container .m-head{display:flex}.mdl-md006 .mdl-container .m-head .m-left-head{height:20rem;width:60%;display:flex;flex-direction:column;align-items:flex-start;gap:1.4rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.2rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.1rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{background-color:#ff4338;color:#fff;font-weight:500;padding:.5rem 2.2rem;border-radius:2rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{color:#515050;width:100%;max-width:70rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-subtitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}.mdl-md006 .mdl-container .m-head .m-right-head{height:20rem;width:40%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.mdl-md006 .mdl-container .m-head .m-right-head .m-content{gap:3rem;display:flex;flex-direction:column;align-items:center}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-preciotitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#51505099}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-size:3.8rem}}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{color:#515050}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-button-sm{width:100vw}.mdl-md006 .mdl-container .m-contenido{display:flex;gap:6rem;margin-top:6rem;position:relative;height:100%}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(27% - 3rem);height:100%;display:flex;align-content:space-between;flex-direction:column;justify-content:space-between;align-items:flex-end;align-items:center;gap:15rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky{height:100%;width:100%;position:relative}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{bottom:21rem;top:9rem;height:54rem;width:100%;object-fit:cover;position:sticky}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:15rem;margin-left:-5rem;margin-top:-7rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-logo{height:21.7rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-logo img{max-height:150px}.mdl-md006 .mdl-container .m-contenido .m-right{width:calc(73% - 3rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:54rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-image img{height:100%;width:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{color:#515050;padding:6rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:54rem;width:100%;max-width:39rem;margin:0 auto;position:relative;display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-imgmb{width:100%;height:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-logo{position:absolute;bottom:-5rem;left:0;width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:100%;margin-bottom:3rem;gap:3rem;align-items:center;border-bottom:.1rem solid #e4e4e4;padding:0 0 5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:3rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.8rem;line-height:2.6rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.9rem;line-height:2.6rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.6rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.4rem;line-height:2.2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content-row2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content-row2{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;width:26rem;margin-top:4.5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item{border-bottom:.1rem solid #e4e4e4;padding:2.2rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item:first-child{border-top:.1rem solid #e4e4e4;padding:4.2rem 0 2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color .3s ease;position:relative;color:#515050b2;margin-left:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question:before{content:\"\\2022\";position:absolute;left:0;color:#e4e4e4;font-size:4rem;line-height:1;top:45%;transform:translateY(-50%);margin-left:-3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{color:#515050;font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.5rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.1rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-weight:500;margin-bottom:2rem;margin-left:0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active:before{display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-foot{width:100%;justify-content:flex-end;display:flex;align-items:center;gap:1.5rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido{gap:5rem}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(32% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:10rem;margin-left:-1rem;margin-top:-5rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:auto;width:calc(68% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:46rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido{gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-left{height:37rem;width:calc(37% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:37rem;width:calc(63% - 2.5rem);height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto,.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:auto}.mdl-md006 .mdl-container .m-contenido .m-imagesticky{top:0!important}}@media (max-width: 1000px){.mdl-md006 .mdl-container .m-left{width:100%;border-bottom:1px solid #e4e4e4}.mdl-md006 .mdl-container .m-head{flex-direction:column}.mdl-md006 .mdl-container .m-head .m-right-head{width:100%;align-items:center}.mdl-md006 .mdl-container .m-head .m-left-head{width:100%}.mdl-md006 .mdl-container .m-contenido .m-left{display:none}.mdl-md006 .mdl-container .m-contenido .m-right{width:100%;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{padding:2rem 0;border:0;height:auto;font-size:2rem;line-height:3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{display:block;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{margin-top:7rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:2rem}}\n"] }]
|
|
20869
|
+
args: [{ selector: 'sli-c2-txt-img-svg-c', standalone: true, imports: [CommonModule, BabylonCurrencyPipe, BabylonLinkTypeDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"mdl-md006\">\n <div class=\"mdl-container\">\n <div class=\"m-head\">\n <div class=\"m-left-head\">\n @if (\n getFirstImageByTag(tagImage) ??\n offer?.multimedia?.imagenes?.[0];\n as img\n ) {\n <div class=\"m-pretitulo\">{{ img?.title }}</div>\n }\n @if (offer?.title) {\n <h2 class=\"m-titulo\">{{ offer?.title }}</h2>\n }\n @if (offer?.pretitle) {\n <div class=\"m-subtitulo\">{{ offer?.pretitle }}</div>\n }\n </div>\n <div class=\"m-right-head\">\n <div class=\"m-content\">\n @if (offer?.labelDiscount) {\n <div class=\"m-preciotitulo\">\n {{ offer?.labelDiscount }}\n </div>\n }\n <div class=\"m-precio\">\n @if (offer?.price) {\n {{ offer?.price\n }}{{ offer?.currency ?? 'EUR' | currencySymbol }}\n } @else if (offer?.discount) {\n {{ offer?.discount }} %\n }\n </div>\n @if (offer?.button; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"button.label\"\n >\n {{ button.label }}\n </a>\n </ng-container>\n }\n </div>\n </div>\n </div>\n\n <div class=\"m-contenido\">\n <div class=\"m-left\">\n <div class=\"m-imagesticky\" #stickyContainer>\n @if (getFirstImageByTag(tagImageVertical); as imgV) {\n <img\n class=\"m-sticky\"\n [src]=\"imgV?.img?.src\"\n [alt]=\"imgV?.img?.alt\"\n loading=\"lazy\"\n />\n }\n @if (getFirstImageByTag(tagImageLogo); as imgLogo) {\n <img\n class=\"m-offer\"\n [src]=\"imgLogo?.img?.src\"\n [alt]=\"imgLogo?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n @if (getFirstImageByTag(tagImageSVG); as imgSVG) {\n <div class=\"m-logo\" #logoStopper>\n <img\n [src]=\"imgSVG?.img?.src\"\n [alt]=\"imgSVG?.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n }\n </div>\n\n <div class=\"m-right\">\n <div class=\"m-image\">\n @if (\n getFirstImageByTag(tagImage) ??\n offer?.multimedia?.imagenes?.[0];\n as img\n ) {\n <img\n [src]=\"img?.img?.src\"\n [alt]=\"img?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n @if (offer?.description) {\n <div class=\"m-texto\" [innerHTML]=\"offer?.description\"></div>\n }\n <div class=\"m-imagenmobile\">\n @if (getFirstImageByTag(tagImageVertical); as img) {\n <img\n class=\"m-imgmb\"\n [src]=\"img?.img?.src\"\n [alt]=\"img?.img?.alt\"\n loading=\"lazy\"\n />\n }\n @if (getFirstImageByTag(tagImageLogo); as imgLogo) {\n <img\n class=\"m-logo\"\n [src]=\"imgLogo?.img?.src\"\n [alt]=\"imgLogo?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n\n <div class=\"m-listadofaqs\">\n @if (texts?.conditions) {\n <div class=\"faq-item-title\">\n {{ texts?.conditions }}\n </div>\n }\n @if (offer?.services) {\n @for (item of offer?.services; track $index) {\n <div class=\"faq-item\" [class.active]=\"$index === 0\">\n <div class=\"faq-question\">\n {{ item.description ?? item.title }}\n </div>\n </div>\n }\n }\n\n @if (offer?.button; as button) {\n <div class=\"m-extra-info\">\n <div class=\"m-row2\">\n <div class=\"m-content-row2\">\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.rel]=\"\n (button.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"button.label\"\n >\n {{ button.label }}\n </a>\n </div>\n </div>\n </div>\n }\n\n @if (buttons?.[0]; as btn) {\n <div class=\"m-foot\">\n <a\n class=\"m-but m-underline-red\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"btn.target || '_self'\"\n [attr.rel]=\"\n (btn.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"btn.label\"\n >\n {{ btn.label }}\n </a>\n <svg\n width=\"16\"\n height=\"12\"\n viewBox=\"0 0 16 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n opacity=\"0.7\"\n d=\"M0.0457363 6.829C-0.0152636 6.683 -0.0152636 6.516 0.0457363 6.37C0.0767365 6.297 0.120737 6.229 0.176737 6.175L4.17574 2.175C4.40974 1.941 4.78874 1.941 5.02374 2.175C5.25874 2.409 5.25774 2.789 5.02374 3.024L2.04774 6H12.0997C14.4097 6 14.4997 5.798 14.4997 0.6C14.4997 0.268 14.7687 0 15.0997 0C15.4307 0 15.6997 0.268 15.6997 0.6C15.6997 5.537 15.6997 7.2 12.0987 7.2H2.04674L5.02374 10.177C5.25774 10.41 5.25774 10.791 5.02374 11.025C4.90674 11.142 4.75274 11.201 4.59974 11.201C4.44674 11.201 4.29274 11.142 4.17574 11.025L0.176737 7.026C0.120737 6.969 0.0777359 6.903 0.0457363 6.829Z\"\n fill=\"#515050\"\n />\n </svg>\n </div>\n }\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";html{overflow-x:unset!important}.mdl-md006{margin-top:15rem;margin-bottom:15rem;position:relative}.mdl-md006:before{content:\"\";position:absolute;background-color:#fff9f9;height:68rem;width:100%;z-index:-1;left:0;top:-10rem}.mdl-md006 .mdl-container{max-width:125rem}.mdl-md006 .mdl-container .m-head{display:flex}.mdl-md006 .mdl-container .m-head .m-left-head{height:20rem;width:60%;display:flex;flex-direction:column;align-items:flex-start;gap:1.4rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.2rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.1rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{background-color:#ff4338;color:#fff;font-weight:500;padding:.5rem 2.2rem;border-radius:2rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{color:#515050;width:100%;max-width:70rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-subtitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}.mdl-md006 .mdl-container .m-head .m-right-head{height:20rem;width:40%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.mdl-md006 .mdl-container .m-head .m-right-head .m-content{gap:3rem;display:flex;flex-direction:column;align-items:center}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-preciotitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#51505099}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-size:3.8rem}}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{color:#515050}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-button-sm{width:100vw}.mdl-md006 .mdl-container .m-contenido{display:flex;gap:6rem;margin-top:6rem;position:relative;height:100%}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(27% - 3rem);height:100%;display:flex;align-content:space-between;flex-direction:column;justify-content:space-between;align-items:flex-end;align-items:center;gap:15rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky{height:100%;width:100%;position:relative}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{bottom:21rem;top:9rem;height:54rem;width:100%;object-fit:cover;position:sticky}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:15rem;margin-left:-5rem;margin-top:-7rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-logo{height:21.7rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-logo img{max-height:150px}.mdl-md006 .mdl-container .m-contenido .m-right{width:calc(73% - 3rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:54rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-image img{height:100%;width:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{color:#515050;padding:6rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:54rem;width:100%;max-width:39rem;margin:0 auto;position:relative;display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-imgmb{width:100%;height:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-logo{position:absolute;bottom:-5rem;left:0;width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:100%;margin-bottom:3rem;gap:3rem;align-items:center;border-bottom:.1rem solid #e4e4e4;padding:0 0 5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:3rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.8rem;line-height:2.6rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.9rem;line-height:2.6rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.6rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.4rem;line-height:2.2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content-row2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content-row2{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;width:26rem;margin-top:4.5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item{border-bottom:.1rem solid #e4e4e4;padding:2.2rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item:first-child{border-top:.1rem solid #e4e4e4;padding:4.2rem 0 2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color .3s ease;position:relative;color:#515050b2;margin-left:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question:before{content:\"\\2022\";position:absolute;left:0;color:#e4e4e4;font-size:4rem;line-height:1;top:45%;transform:translateY(-50%);margin-left:-3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{color:#515050;font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.5rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.1rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-weight:500;margin-bottom:2rem;margin-left:0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active:before{display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item-title{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item-title{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item-title{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item-title{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item-title{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item-title{font-size:1.7rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color .3s ease;position:relative;color:#515050b2;font-weight:700}.mdl-md006 .mdl-container .m-contenido .m-right .m-foot{width:100%;justify-content:flex-end;display:flex;align-items:center;gap:1.5rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido{gap:5rem}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(32% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:10rem;margin-left:-1rem;margin-top:-5rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:auto;width:calc(68% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:46rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido{gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-left{height:37rem;width:calc(37% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:37rem;width:calc(63% - 2.5rem);height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto,.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:auto}.mdl-md006 .mdl-container .m-contenido .m-imagesticky{top:0!important}}@media (max-width: 1000px){.mdl-md006 .mdl-container .m-left{width:100%;border-bottom:1px solid #e4e4e4}.mdl-md006 .mdl-container .m-head{flex-direction:column}.mdl-md006 .mdl-container .m-head .m-right-head{width:100%;align-items:center}.mdl-md006 .mdl-container .m-head .m-left-head{width:100%}.mdl-md006 .mdl-container .m-contenido .m-left{display:none}.mdl-md006 .mdl-container .m-contenido .m-right{width:100%;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{padding:2rem 0;border:0;height:auto;font-size:2rem;line-height:3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{display:block;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{margin-top:7rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:2rem}}\n"] }]
|
|
20868
20870
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
20869
20871
|
type: Inject,
|
|
20870
20872
|
args: [PLATFORM_ID]
|
|
@@ -20872,6 +20874,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
20872
20874
|
type: Input
|
|
20873
20875
|
}], buttons: [{
|
|
20874
20876
|
type: Input
|
|
20877
|
+
}], texts: [{
|
|
20878
|
+
type: Input
|
|
20875
20879
|
}], stickyContainer: [{
|
|
20876
20880
|
type: ViewChild,
|
|
20877
20881
|
args: ['stickyContainer']
|