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
|
@@ -111,11 +111,11 @@ export class C2TxtCtaDesComponent {
|
|
|
111
111
|
return ListsUtils.getFaqItemsByListId(lists, id);
|
|
112
112
|
}
|
|
113
113
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2TxtCtaDesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
114
|
-
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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
114
|
+
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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
115
115
|
}
|
|
116
116
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2TxtCtaDesComponent, decorators: [{
|
|
117
117
|
type: Component,
|
|
118
|
-
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"] }]
|
|
118
|
+
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"] }]
|
|
119
119
|
}], propDecorators: { content: [{
|
|
120
120
|
type: Input
|
|
121
121
|
}], texts: [{
|