ctt-babylon 0.13.38 → 0.13.39
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/external/core/c2-txt-cta-des/c2-txt-cta-des.component.mjs +3 -3
- package/esm2022/lib/components/external/core/c2-txt-img-v2/c2-txt-img-v2.component.mjs +18 -6
- package/esm2022/lib/components/external/core/c2-txt-svg-img-cta/c2-txt-svg-img-cta.component.mjs +22 -7
- package/esm2022/lib/components/external/core/sli-c2-img/sli-c2-img.component.mjs +3 -3
- package/esm2022/lib/pipes/babylon-order-button.pipe.mjs +14 -0
- package/esm2022/lib/services/mapper/mapper.service.mjs +7 -2
- package/esm2022/lib/utils/tag.utils.mjs +31 -5
- package/fesm2022/ctt-babylon.mjs +83 -15
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/lib/components/external/core/c2-txt-img-v2/c2-txt-img-v2.component.d.ts +7 -1
- package/lib/components/external/core/c2-txt-svg-img-cta/c2-txt-svg-img-cta.component.d.ts +9 -3
- package/lib/pipes/babylon-order-button.pipe.d.ts +7 -0
- package/package.json +1 -1
package/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -1464,20 +1464,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1464
1464
|
* - item.tag: string[]
|
|
1465
1465
|
* - item.tag: { name: string }[]
|
|
1466
1466
|
*/
|
|
1467
|
+
/* export function filterByTag<T>(
|
|
1468
|
+
items: T[] | undefined | null,
|
|
1469
|
+
tagName: string
|
|
1470
|
+
): T[] {
|
|
1471
|
+
if (!items?.length) return [];
|
|
1472
|
+
|
|
1473
|
+
return items.filter((item: any) => {
|
|
1474
|
+
if (!item || item.tag == null) return false;
|
|
1475
|
+
|
|
1476
|
+
// Normalizamos a array
|
|
1477
|
+
const tags = Array.isArray(item.tag) ? item.tag : [item.tag];
|
|
1478
|
+
|
|
1479
|
+
return tags.some((t: any) => {
|
|
1480
|
+
if (typeof t === 'string') {
|
|
1481
|
+
return t === tagName;
|
|
1482
|
+
}
|
|
1483
|
+
if (t && typeof t === 'object') {
|
|
1484
|
+
return t.name === tagName;
|
|
1485
|
+
}
|
|
1486
|
+
return false;
|
|
1487
|
+
});
|
|
1488
|
+
});
|
|
1489
|
+
} */
|
|
1467
1490
|
function filterByTag(items, tagName) {
|
|
1468
1491
|
if (!items?.length)
|
|
1469
1492
|
return [];
|
|
1493
|
+
// Convertimos el criterio de búsqueda a minúsculas una sola vez
|
|
1494
|
+
const searchTag = tagName.toLowerCase();
|
|
1470
1495
|
return items.filter((item) => {
|
|
1471
1496
|
if (!item || item.tag == null)
|
|
1472
1497
|
return false;
|
|
1473
|
-
// Normalizamos a array
|
|
1474
1498
|
const tags = Array.isArray(item.tag) ? item.tag : [item.tag];
|
|
1475
1499
|
return tags.some((t) => {
|
|
1476
1500
|
if (typeof t === 'string') {
|
|
1477
|
-
|
|
1501
|
+
// Comparamos ambos en minúsculas
|
|
1502
|
+
return t.toLowerCase() === searchTag;
|
|
1478
1503
|
}
|
|
1479
|
-
if (t && typeof t === 'object') {
|
|
1480
|
-
|
|
1504
|
+
if (t && typeof t === 'object' && t.name) {
|
|
1505
|
+
// Comparamos el nombre del objeto en minúsculas
|
|
1506
|
+
return t.name.toLowerCase() === searchTag;
|
|
1481
1507
|
}
|
|
1482
1508
|
return false;
|
|
1483
1509
|
});
|
|
@@ -3389,7 +3415,12 @@ class MapperService {
|
|
|
3389
3415
|
}
|
|
3390
3416
|
mapGlobalItems(props) {
|
|
3391
3417
|
// Fuente principal de items
|
|
3392
|
-
const rawItems = props?.items ??
|
|
3418
|
+
const rawItems = props?.items ??
|
|
3419
|
+
props?.Items ??
|
|
3420
|
+
props?.servicesService ??
|
|
3421
|
+
props?.ventajas ??
|
|
3422
|
+
props.Ventajas ??
|
|
3423
|
+
undefined;
|
|
3393
3424
|
// Intentamos mapear items imagenes
|
|
3394
3425
|
if (!rawItems && props?.multimedia) {
|
|
3395
3426
|
const mappedImg = this.mapImages(props?.multimedia);
|
|
@@ -17331,11 +17362,11 @@ class C2TxtCtaDesComponent {
|
|
|
17331
17362
|
return ListsUtils.getFaqItemsByListId(lists, id);
|
|
17332
17363
|
}
|
|
17333
17364
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2TxtCtaDesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17334
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C2TxtCtaDesComponent, isStandalone: true, selector: "c2-txt-cta-des", inputs: { content: "content", texts: "texts", buttons: "buttons", links: "links", lists: "lists", styles: "styles" }, viewQueries: [{ propertyName: "faqSection", first: true, predicate: ["faqSection"], descendants: true }, { propertyName: "faqAnswerRefs", predicate: ["faqAnswerRef"], descendants: true }], ngImport: i0, template: "<!-- COMENTARIO CONEXI\u00D3N: A\u00F1adir clase 'm-bot' si solo se quiere mantener el m-bottom y no el m-top, a\u00F1adir opci\u00F3n en el json -->\n<section class=\"mdl-faqs\" #faqSection [class.m-bot]=\"content.hideTopPanel\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (texts?.title || texts?.description) {\n <div class=\"m-top\">\n @if (texts?.title) {\n <div class=\"m-titulo\">{{ texts?.title }}</div>\n }\n @if (texts?.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts?.description\"\n ></div>\n }\n </div>\n }\n @if (buttons || texts?.contactTitle || texts?.contactDescription) {\n <div class=\"m-bottom\">\n <div class=\"m-textos-bot\">\n @if (texts?.contactTitle) {\n <div class=\"m-titulo\">\n {{ texts?.contactTitle }}\n </div>\n }\n @if (texts?.contactDescription) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts?.contactDescription\"\n ></div>\n }\n </div>\n @if (buttons?.[0]; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [style.--var-color]=\"styles?.primary\"\n [style.--var-color-hover]=\"styles?.primaryHover\"\n [href]=\"button.url\"\n [attr.target]=\"button.target || '_self'\"\n [attr.aria-label]=\"button.label\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ button.label }}</span>\n </a>\n </ng-container>\n }\n </div>\n }\n </div>\n <div class=\"m-listadofaqs\">\n @if (\n texts?.howGetTitle ||\n texts?.howGetDescription ||\n texts?.howGetTitle2 ||\n getFaqItemsByListIdOnUtil(lists ?? [], 2).length > 0\n ) {\n <div class=\"m-extra-info\">\n <div class=\"m-row m-row1\">\n @if (texts?.howGetTitle) {\n <div class=\"m-title\">{{ texts?.howGetTitle }}</div>\n }\n <div class=\"m-content2\">\n @if (texts?.howGetDescription) {\n <div\n class=\"m-text\"\n [innerHTML]=\"texts?.howGetDescription\"\n ></div>\n }\n @if (\n getFaqItemsByListIdOnUtil(lists ?? [], 2);\n as items\n ) {\n <div class=\"m-items\">\n @for (item of items; track $index) {\n <div class=\"m-item\">\n @if (item.icon) {\n <i\n class=\"icon--svg\"\n [ngClass]=\"item.icon\"\n [style.--var-color]=\"\n styles?.primary\n \"\n ></i>\n }\n <span>{{ item.label }}</span>\n </div>\n }\n </div>\n }\n </div>\n </div>\n <div class=\"m-row m-row2\">\n @if (texts?.howGetTitle2) {\n <div class=\"m-title\">{{ texts?.howGetTitle2 }}</div>\n }\n <div class=\"m-content2\">\n @if (texts?.howGetDescription2) {\n <div\n class=\"m-text\"\n [innerHTML]=\"texts?.howGetDescription2\"\n ></div>\n }\n </div>\n </div>\n </div>\n }\n @if (lists?.length) {\n @if (getFaqItemsByListIdOnUtil(lists ?? [], 1); as faqs) {\n @for (faq of faqs; track $index) {\n <div class=\"faq-item\">\n <button\n type=\"button\"\n class=\"faq-question\"\n [attr.id]=\"'faq-question-' + $index\"\n [attr.aria-controls]=\"'faq-answer-' + $index\"\n [attr.aria-expanded]=\"\n expandedFaqIndex === $index\n \"\n (click)=\"toggleFaq($index)\"\n [class.active]=\"expandedFaqIndex === $index\"\n >\n <span>{{ faq.label }}</span>\n <span\n class=\"faq-icon\"\n [class.rotate]=\"expandedFaqIndex === $index\"\n ></span>\n </button>\n <div\n class=\"faq-answer\"\n [class.open]=\"expandedFaqIndex === $index\"\n [style.maxHeight.px]=\"\n expandedFaqIndex === $index\n ? getAnswerHeight($index)\n : 0\n \"\n #faqAnswerRef\n [attr.id]=\"'faq-answer-' + $index\"\n role=\"region\"\n [attr.aria-labelledby]=\"\n 'faq-question-' + $index\n \"\n >\n {{ faq.description }}\n </div>\n <!-- <ng-container *ngIf=\"faq.button as faqButton\">\n <a\n *ngIf=\"\n faqButton.url;\n else faqButtonTemplate\n \"\n class=\"m-button-sm\"\n [ngClass]=\"faqButton.variant\"\n [href]=\"faqButton.url\"\n [attr.target]=\"faqButton.target || '_self'\"\n [attr.aria-label]=\"\n faqButton.ariaLabel || faqButton.label\n \"\n [attr.rel]=\"\n (faqButton.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ faqButton.label }}</span>\n </a>\n <ng-template #faqButtonTemplate>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"faqButton.variant\"\n [attr.aria-label]=\"\n faqButton.ariaLabel ||\n faqButton.label\n \"\n >\n <span>{{ faqButton.label }}</span>\n </button>\n </ng-template>\n </ng-container> -->\n </div>\n }\n }\n }\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-faqs .m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-button-big{font-size:1.6rem}}.mdl-faqs .m-button-big.red{background-color:#ff4338}@media (hover: hover){.mdl-faqs .m-button-big.red:hover{background-color:#ed3b37}}.mdl-faqs .m-button-big.blue{background-color:#5b87da}@media (hover: hover){.mdl-faqs .m-button-big.blue:hover{background-color:#446ecd}}.mdl-faqs .m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.mdl-faqs .m-button-big.green:hover{background-color:#2ec99b}}.mdl-faqs .m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-faqs .m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-faqs .m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-faqs .m-button-big:hover{background-color:#ed3b37}}.mdl-faqs .m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-button-sm{font-size:1.6rem}}.mdl-faqs .m-button-sm.red{background-color:#ff4338}@media (hover: hover){.mdl-faqs .m-button-sm.red:hover{background-color:#ed3b37}}.mdl-faqs .m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.mdl-faqs .m-button-sm.blue:hover{background-color:#446ecd}}.mdl-faqs .m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.mdl-faqs .m-button-sm.green:hover{background-color:#2ec99b}}.mdl-faqs .m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-faqs .m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-faqs .m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-faqs .m-button-sm:hover{background-color:#ed3b37}}.mdl-faqs .m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-underline{font-size:1.6rem}}@media (hover: hover){.mdl-faqs .m-underline:hover,.mdl-faqs .m-underline.active{color:#ed3b37}.mdl-faqs .m-underline:hover:after,.mdl-faqs .m-underline.active:after{opacity:1;width:100%}}.mdl-faqs .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.mdl-faqs .m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.mdl-faqs .m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-underline-red{font-size:1.6rem}}.mdl-faqs .m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-faqs .m-underline-red:hover{color:#ed3b37}.mdl-faqs .m-underline-red:hover:after{width:100%}}.mdl-faqs .m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-underline-blue{font-size:1.6rem}}.mdl-faqs .m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-faqs .m-underline-blue:hover{color:#446ecd}.mdl-faqs .m-underline-blue:hover:after{width:100%}}.mdl-faqs .m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-underline-green{font-size:1.6rem}}.mdl-faqs .m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-faqs .m-underline-green:hover{color:#2ec99b}.mdl-faqs .m-underline-green:hover:after{width:100%}}.mdl-faqs .m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.mdl-faqs .m-swiper-button.swiper-button-disabled{opacity:.7}.mdl-faqs .m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-faqs .m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.mdl-faqs .m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.mdl-faqs .m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.mdl-faqs .m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.mdl-faqs .m-swiper-button{width:3.2rem;height:3.2rem}.mdl-faqs .m-swiper-button svg{width:.5rem}}.mdl-faqs .m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.mdl-faqs .m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-faqs .m-swiper-button-s.prev svg{left:45%}.mdl-faqs .m-swiper-button-s.next svg{left:55%}@media (hover: hover){.mdl-faqs .m-swiper-button-s:hover{background-color:#ed3b37}}.mdl-faqs .m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.mdl-faqs .m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.mdl-faqs .m-button-close:hover{background-color:#ed3b37}.mdl-faqs .m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-faqs .m-top{gap:2rem;display:flex;flex-direction:column;margin-top:4rem}.mdl-faqs .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-faqs .m-top .m-titulo{font-size:2.2rem;line-height:2.6rem}}.mdl-faqs .m-top .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .m-top .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .m-top .m-texto{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .m-top .m-texto{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .m-top .m-texto{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .m-top .m-texto{color:#515050b2}.mdl-faqs .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between;gap:4rem}.mdl-faqs .mdl-container .m-content{width:calc(27% - 2rem);height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-faqs .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-content .m-top .m-texto{color:#515050b2}.mdl-faqs .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column;padding-top:10rem}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom{padding-top:0rem}}.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{color:#515050b2;width:100%}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{gap:2rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs{width:calc(73% - 2rem)}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:83%;margin-bottom:3rem;gap:3rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:2.2rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:80%}.mdl-faqs .mdl-container .m-listadofaqs .faq-item{border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4!important;padding:2.2rem 0;margin-top:-1px}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.5rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.1rem}}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:500;margin-left:3rem;cursor:pointer;padding:1rem 0;transition:color .3s ease;position:relative;width:calc(100% - 5rem)}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question .faq-icon{transition:transform .3s ease;transform:rotate(45deg);background:url(/assets/babylon/svg/icons/close.svg) no-repeat center center;background-size:contain;width:1.6rem;height:1.6rem;position:absolute;right:1.3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active{color:#ff4338}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:4rem;height:4rem;right:0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon:hover{transform:rotate(135deg)}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active:before{content:\"\\2022\";position:absolute;left:0;color:#e74c3c;font-size:3rem;line-height:1;top:50%;transform:translateY(-50%);margin-left:-3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{max-height:0;overflow:hidden;padding:0;transition:max-height .35s ease,padding .35s ease;color:#515050b2;padding-left:3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer.open{max-width:76rem;padding:1rem 0;padding:1rem 0 1rem 3rem}.mdl-faqs.m-bot .mdl-container .m-content{flex-direction:column-reverse}.mdl-faqs.m-bot .mdl-container .m-content .m-top{display:none}@media (max-width: 1200px){.mdl-faqs .mdl-container .m-content{width:calc(36% - 4rem)}.mdl-faqs .mdl-container .m-content .m-top,.mdl-faqs .mdl-container .m-content .m-bottom{gap:2.8rem}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{width:100%}.mdl-faqs .mdl-container .m-content .m-bottom .m-button-sm{min-width:14.8rem;padding:.6rem!important;color:#fff;height:2.7rem;font-size:1rem;width:auto}.mdl-faqs .mdl-container .m-listadofaqs{width:calc(64% - 4rem)}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2{gap:2rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{gap:1rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item svg,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item svg{width:1.7rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item{padding:1.7rem 0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{padding:0 3rem 0 0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question .faq-icon{width:.9rem;height:.9rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon{width:2rem;right:.8rem;height:2rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container{flex-direction:column-reverse;gap:3rem}.mdl-faqs .mdl-container .m-content{gap:3rem;width:100%}.mdl-faqs .mdl-container .m-content .m-bottom{flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:50%}.mdl-faqs .mdl-container .m-listadofaqs,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info{width:100%}}@media (max-width: 768px){.mdl-faqs .m-top{margin-bottom:-4rem}.mdl-faqs .mdl-container .m-content .m-bottom{flex-direction:column;justify-content:none;align-items:start}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:60%}}@media (max-width: 540px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2{flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-text{width:100%}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{text-align:left;line-height:1.8rem}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:100%}}.icon--svg{width:30px;height:30px;-webkit-mask-size:contain;mask-size:contain;background-color:var(--var-color, #000)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
17365
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C2TxtCtaDesComponent, isStandalone: true, selector: "c2-txt-cta-des", inputs: { content: "content", texts: "texts", buttons: "buttons", links: "links", lists: "lists", styles: "styles" }, viewQueries: [{ propertyName: "faqSection", first: true, predicate: ["faqSection"], descendants: true }, { propertyName: "faqAnswerRefs", predicate: ["faqAnswerRef"], descendants: true }], ngImport: i0, template: "<!-- COMENTARIO CONEXI\u00D3N: A\u00F1adir clase 'm-bot' si solo se quiere mantener el m-bottom y no el m-top, a\u00F1adir opci\u00F3n en el json -->\n<section class=\"mdl-faqs\" #faqSection [class.m-bot]=\"content.hideTopPanel\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (texts?.title || texts?.description) {\n <div class=\"m-top\">\n @if (texts?.title) {\n <div class=\"m-titulo\">{{ texts?.title }}</div>\n }\n @if (texts?.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts?.description\"\n ></div>\n }\n </div>\n }\n @if (buttons || texts?.contactTitle || texts?.contactDescription) {\n <div class=\"m-bottom\">\n <div class=\"m-textos-bot\">\n @if (texts?.contactTitle) {\n <div class=\"m-titulo\">\n {{ texts?.contactTitle }}\n </div>\n }\n @if (texts?.contactDescription) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts?.contactDescription\"\n ></div>\n }\n </div>\n @if (buttons?.[0]; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [style.--var-color]=\"styles?.primary\"\n [style.--var-color-hover]=\"styles?.primaryHover\"\n [href]=\"button.url\"\n [attr.target]=\"button.target || '_self'\"\n [attr.aria-label]=\"button.label\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ button.label }}</span>\n </a>\n </ng-container>\n }\n </div>\n }\n </div>\n <div class=\"m-listadofaqs\">\n @if (\n texts?.howGetTitle ||\n texts?.howGetDescription ||\n texts?.howGetTitle2 ||\n getFaqItemsByListIdOnUtil(lists ?? [], 2).length > 0\n ) {\n <div class=\"m-extra-info\">\n <div class=\"m-row m-row1\">\n @if (texts?.howGetTitle) {\n <div class=\"m-title\">{{ texts?.howGetTitle }}</div>\n }\n <div class=\"m-content2\">\n @if (texts?.howGetDescription) {\n <div\n class=\"m-text\"\n [innerHTML]=\"texts?.howGetDescription\"\n ></div>\n }\n @if (\n getFaqItemsByListIdOnUtil(lists ?? [], 2);\n as items\n ) {\n <div class=\"m-items\">\n @for (item of items; track $index) {\n <div class=\"m-item\">\n @if (item.icon) {\n <i\n class=\"icon--svg\"\n [ngClass]=\"item.icon\"\n [style.--var-color]=\"\n styles?.primary\n \"\n ></i>\n }\n <span>{{ item.label }}</span>\n </div>\n }\n </div>\n }\n </div>\n </div>\n <div class=\"m-row m-row2\">\n @if (texts?.howGetTitle2) {\n <div class=\"m-title\">{{ texts?.howGetTitle2 }}</div>\n }\n <div class=\"m-content2\">\n @if (texts?.howGetDescription2) {\n <div\n class=\"m-text\"\n [innerHTML]=\"texts?.howGetDescription2\"\n ></div>\n }\n </div>\n </div>\n </div>\n }\n @if (lists?.length) {\n @if (getFaqItemsByListIdOnUtil(lists ?? [], 1); as faqs) {\n @for (faq of faqs; track $index) {\n <div class=\"faq-item\">\n <button\n type=\"button\"\n class=\"faq-question\"\n [attr.id]=\"'faq-question-' + $index\"\n [attr.aria-controls]=\"'faq-answer-' + $index\"\n [attr.aria-expanded]=\"\n expandedFaqIndex === $index\n \"\n (click)=\"toggleFaq($index)\"\n [class.active]=\"expandedFaqIndex === $index\"\n >\n <span>{{ faq.label }}</span>\n <span\n class=\"faq-icon\"\n [class.rotate]=\"expandedFaqIndex === $index\"\n ></span>\n </button>\n <div\n class=\"faq-answer\"\n [class.open]=\"expandedFaqIndex === $index\"\n [style.maxHeight.px]=\"\n expandedFaqIndex === $index\n ? getAnswerHeight($index)\n : 0\n \"\n #faqAnswerRef\n [attr.id]=\"'faq-answer-' + $index\"\n role=\"region\"\n [attr.aria-labelledby]=\"\n 'faq-question-' + $index\n \"\n >\n {{ faq.description }}\n </div>\n <!-- <ng-container *ngIf=\"faq.button as faqButton\">\n <a\n *ngIf=\"\n faqButton.url;\n else faqButtonTemplate\n \"\n class=\"m-button-sm\"\n [ngClass]=\"faqButton.variant\"\n [href]=\"faqButton.url\"\n [attr.target]=\"faqButton.target || '_self'\"\n [attr.aria-label]=\"\n faqButton.ariaLabel || faqButton.label\n \"\n [attr.rel]=\"\n (faqButton.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ faqButton.label }}</span>\n </a>\n <ng-template #faqButtonTemplate>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"faqButton.variant\"\n [attr.aria-label]=\"\n faqButton.ariaLabel ||\n faqButton.label\n \"\n >\n <span>{{ faqButton.label }}</span>\n </button>\n </ng-template>\n </ng-container> -->\n </div>\n }\n }\n }\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-faqs .m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-button-big{font-size:1.6rem}}.mdl-faqs .m-button-big.red{background-color:#ff4338}@media (hover: hover){.mdl-faqs .m-button-big.red:hover{background-color:#ed3b37}}.mdl-faqs .m-button-big.blue{background-color:#5b87da}@media (hover: hover){.mdl-faqs .m-button-big.blue:hover{background-color:#446ecd}}.mdl-faqs .m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.mdl-faqs .m-button-big.green:hover{background-color:#2ec99b}}.mdl-faqs .m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-faqs .m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-faqs .m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-faqs .m-button-big:hover{background-color:#ed3b37}}.mdl-faqs .m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:var(--var-color, #ff4338);border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-button-sm{font-size:1.6rem}}.mdl-faqs .m-button-sm.red{background-color:#ff4338}@media (hover: hover){.mdl-faqs .m-button-sm.red:hover{background-color:#ed3b37}}.mdl-faqs .m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.mdl-faqs .m-button-sm.blue:hover{background-color:#446ecd}}.mdl-faqs .m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.mdl-faqs .m-button-sm.green:hover{background-color:#2ec99b}}.mdl-faqs .m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-faqs .m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-faqs .m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-faqs .m-button-sm:hover{background-color:var(--var-color-hover, #ed3b37)}}.mdl-faqs .m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-underline{font-size:1.6rem}}@media (hover: hover){.mdl-faqs .m-underline:hover,.mdl-faqs .m-underline.active{color:#ed3b37}.mdl-faqs .m-underline:hover:after,.mdl-faqs .m-underline.active:after{opacity:1;width:100%}}.mdl-faqs .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.mdl-faqs .m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.mdl-faqs .m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-underline-red{font-size:1.6rem}}.mdl-faqs .m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-faqs .m-underline-red:hover{color:#ed3b37}.mdl-faqs .m-underline-red:hover:after{width:100%}}.mdl-faqs .m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-underline-blue{font-size:1.6rem}}.mdl-faqs .m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-faqs .m-underline-blue:hover{color:#446ecd}.mdl-faqs .m-underline-blue:hover:after{width:100%}}.mdl-faqs .m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-underline-green{font-size:1.6rem}}.mdl-faqs .m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-faqs .m-underline-green:hover{color:#2ec99b}.mdl-faqs .m-underline-green:hover:after{width:100%}}.mdl-faqs .m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.mdl-faqs .m-swiper-button.swiper-button-disabled{opacity:.7}.mdl-faqs .m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-faqs .m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.mdl-faqs .m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.mdl-faqs .m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.mdl-faqs .m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.mdl-faqs .m-swiper-button{width:3.2rem;height:3.2rem}.mdl-faqs .m-swiper-button svg{width:.5rem}}.mdl-faqs .m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.mdl-faqs .m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-faqs .m-swiper-button-s.prev svg{left:45%}.mdl-faqs .m-swiper-button-s.next svg{left:55%}@media (hover: hover){.mdl-faqs .m-swiper-button-s:hover{background-color:#ed3b37}}.mdl-faqs .m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.mdl-faqs .m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.mdl-faqs .m-button-close:hover{background-color:#ed3b37}.mdl-faqs .m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-faqs .m-top{gap:2rem;display:flex;flex-direction:column;margin-top:4rem}.mdl-faqs .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-faqs .m-top .m-titulo{font-size:2.2rem;line-height:2.6rem}}.mdl-faqs .m-top .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .m-top .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .m-top .m-texto{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .m-top .m-texto{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .m-top .m-texto{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .m-top .m-texto{color:#515050b2}.mdl-faqs .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between;gap:4rem}.mdl-faqs .mdl-container .m-content{width:calc(27% - 2rem);height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-faqs .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-content .m-top .m-texto{color:#515050b2}.mdl-faqs .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column;padding-top:10rem}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom{padding-top:0rem}}.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{color:#515050b2;width:100%}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{gap:2rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs{width:calc(73% - 2rem)}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:83%;margin-bottom:3rem;gap:3rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:2.2rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:80%}.mdl-faqs .mdl-container .m-listadofaqs .faq-item{border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4!important;padding:2.2rem 0;margin-top:-1px}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.5rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.1rem}}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:500;margin-left:3rem;cursor:pointer;padding:1rem 0;transition:color .3s ease;position:relative;width:calc(100% - 5rem)}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question .faq-icon{transition:transform .3s ease;transform:rotate(45deg);background:url(/assets/babylon/svg/icons/close.svg) no-repeat center center;background-size:contain;width:1.6rem;height:1.6rem;position:absolute;right:1.3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active{color:#ff4338}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:4rem;height:4rem;right:0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon:hover{transform:rotate(135deg)}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active:before{content:\"\\2022\";position:absolute;left:0;color:#e74c3c;font-size:3rem;line-height:1;top:50%;transform:translateY(-50%);margin-left:-3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{max-height:0;overflow:hidden;padding:0;transition:max-height .35s ease,padding .35s ease;color:#515050b2;padding-left:3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer.open{max-width:76rem;padding:1rem 0;padding:1rem 0 1rem 3rem}.mdl-faqs.m-bot .mdl-container .m-content{flex-direction:column-reverse}.mdl-faqs.m-bot .mdl-container .m-content .m-top{display:none}@media (max-width: 1200px){.mdl-faqs .mdl-container .m-content{width:calc(36% - 4rem)}.mdl-faqs .mdl-container .m-content .m-top,.mdl-faqs .mdl-container .m-content .m-bottom{gap:2.8rem}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{width:100%}.mdl-faqs .mdl-container .m-content .m-bottom .m-button-sm{min-width:14.8rem;padding:.6rem!important;color:#fff;height:2.7rem;font-size:1rem;width:auto}.mdl-faqs .mdl-container .m-listadofaqs{width:calc(64% - 4rem)}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2{gap:2rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{gap:1rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item svg,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item svg{width:1.7rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item{padding:1.7rem 0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{padding:0 3rem 0 0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question .faq-icon{width:.9rem;height:.9rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon{width:2rem;right:.8rem;height:2rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container{flex-direction:column-reverse;gap:3rem}.mdl-faqs .mdl-container .m-content{gap:3rem;width:100%}.mdl-faqs .mdl-container .m-content .m-bottom{flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:50%}.mdl-faqs .mdl-container .m-listadofaqs,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info{width:100%}}@media (max-width: 768px){.mdl-faqs .m-top{margin-bottom:-4rem}.mdl-faqs .mdl-container .m-content .m-bottom{flex-direction:column;justify-content:none;align-items:start}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:60%}}@media (max-width: 540px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2{flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-text{width:100%}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{text-align:left;line-height:1.8rem}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:100%}}.icon--svg{width:30px;height:30px;-webkit-mask-size:contain;mask-size:contain;background-color:var(--var-color, #000)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
17335
17366
|
}
|
|
17336
17367
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2TxtCtaDesComponent, decorators: [{
|
|
17337
17368
|
type: Component,
|
|
17338
|
-
args: [{ selector: 'c2-txt-cta-des', standalone: true, imports: [CommonModule], template: "<!-- COMENTARIO CONEXI\u00D3N: A\u00F1adir clase 'm-bot' si solo se quiere mantener el m-bottom y no el m-top, a\u00F1adir opci\u00F3n en el json -->\n<section class=\"mdl-faqs\" #faqSection [class.m-bot]=\"content.hideTopPanel\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (texts?.title || texts?.description) {\n <div class=\"m-top\">\n @if (texts?.title) {\n <div class=\"m-titulo\">{{ texts?.title }}</div>\n }\n @if (texts?.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts?.description\"\n ></div>\n }\n </div>\n }\n @if (buttons || texts?.contactTitle || texts?.contactDescription) {\n <div class=\"m-bottom\">\n <div class=\"m-textos-bot\">\n @if (texts?.contactTitle) {\n <div class=\"m-titulo\">\n {{ texts?.contactTitle }}\n </div>\n }\n @if (texts?.contactDescription) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts?.contactDescription\"\n ></div>\n }\n </div>\n @if (buttons?.[0]; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [style.--var-color]=\"styles?.primary\"\n [style.--var-color-hover]=\"styles?.primaryHover\"\n [href]=\"button.url\"\n [attr.target]=\"button.target || '_self'\"\n [attr.aria-label]=\"button.label\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ button.label }}</span>\n </a>\n </ng-container>\n }\n </div>\n }\n </div>\n <div class=\"m-listadofaqs\">\n @if (\n texts?.howGetTitle ||\n texts?.howGetDescription ||\n texts?.howGetTitle2 ||\n getFaqItemsByListIdOnUtil(lists ?? [], 2).length > 0\n ) {\n <div class=\"m-extra-info\">\n <div class=\"m-row m-row1\">\n @if (texts?.howGetTitle) {\n <div class=\"m-title\">{{ texts?.howGetTitle }}</div>\n }\n <div class=\"m-content2\">\n @if (texts?.howGetDescription) {\n <div\n class=\"m-text\"\n [innerHTML]=\"texts?.howGetDescription\"\n ></div>\n }\n @if (\n getFaqItemsByListIdOnUtil(lists ?? [], 2);\n as items\n ) {\n <div class=\"m-items\">\n @for (item of items; track $index) {\n <div class=\"m-item\">\n @if (item.icon) {\n <i\n class=\"icon--svg\"\n [ngClass]=\"item.icon\"\n [style.--var-color]=\"\n styles?.primary\n \"\n ></i>\n }\n <span>{{ item.label }}</span>\n </div>\n }\n </div>\n }\n </div>\n </div>\n <div class=\"m-row m-row2\">\n @if (texts?.howGetTitle2) {\n <div class=\"m-title\">{{ texts?.howGetTitle2 }}</div>\n }\n <div class=\"m-content2\">\n @if (texts?.howGetDescription2) {\n <div\n class=\"m-text\"\n [innerHTML]=\"texts?.howGetDescription2\"\n ></div>\n }\n </div>\n </div>\n </div>\n }\n @if (lists?.length) {\n @if (getFaqItemsByListIdOnUtil(lists ?? [], 1); as faqs) {\n @for (faq of faqs; track $index) {\n <div class=\"faq-item\">\n <button\n type=\"button\"\n class=\"faq-question\"\n [attr.id]=\"'faq-question-' + $index\"\n [attr.aria-controls]=\"'faq-answer-' + $index\"\n [attr.aria-expanded]=\"\n expandedFaqIndex === $index\n \"\n (click)=\"toggleFaq($index)\"\n [class.active]=\"expandedFaqIndex === $index\"\n >\n <span>{{ faq.label }}</span>\n <span\n class=\"faq-icon\"\n [class.rotate]=\"expandedFaqIndex === $index\"\n ></span>\n </button>\n <div\n class=\"faq-answer\"\n [class.open]=\"expandedFaqIndex === $index\"\n [style.maxHeight.px]=\"\n expandedFaqIndex === $index\n ? getAnswerHeight($index)\n : 0\n \"\n #faqAnswerRef\n [attr.id]=\"'faq-answer-' + $index\"\n role=\"region\"\n [attr.aria-labelledby]=\"\n 'faq-question-' + $index\n \"\n >\n {{ faq.description }}\n </div>\n <!-- <ng-container *ngIf=\"faq.button as faqButton\">\n <a\n *ngIf=\"\n faqButton.url;\n else faqButtonTemplate\n \"\n class=\"m-button-sm\"\n [ngClass]=\"faqButton.variant\"\n [href]=\"faqButton.url\"\n [attr.target]=\"faqButton.target || '_self'\"\n [attr.aria-label]=\"\n faqButton.ariaLabel || faqButton.label\n \"\n [attr.rel]=\"\n (faqButton.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ faqButton.label }}</span>\n </a>\n <ng-template #faqButtonTemplate>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"faqButton.variant\"\n [attr.aria-label]=\"\n faqButton.ariaLabel ||\n faqButton.label\n \"\n >\n <span>{{ faqButton.label }}</span>\n </button>\n </ng-template>\n </ng-container> -->\n </div>\n }\n }\n }\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-faqs .m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-button-big{font-size:1.6rem}}.mdl-faqs .m-button-big.red{background-color:#ff4338}@media (hover: hover){.mdl-faqs .m-button-big.red:hover{background-color:#ed3b37}}.mdl-faqs .m-button-big.blue{background-color:#5b87da}@media (hover: hover){.mdl-faqs .m-button-big.blue:hover{background-color:#446ecd}}.mdl-faqs .m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.mdl-faqs .m-button-big.green:hover{background-color:#2ec99b}}.mdl-faqs .m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-faqs .m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-faqs .m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-faqs .m-button-big:hover{background-color:#ed3b37}}.mdl-faqs .m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-button-sm{font-size:1.6rem}}.mdl-faqs .m-button-sm.red{background-color:#ff4338}@media (hover: hover){.mdl-faqs .m-button-sm.red:hover{background-color:#ed3b37}}.mdl-faqs .m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.mdl-faqs .m-button-sm.blue:hover{background-color:#446ecd}}.mdl-faqs .m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.mdl-faqs .m-button-sm.green:hover{background-color:#2ec99b}}.mdl-faqs .m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-faqs .m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-faqs .m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-faqs .m-button-sm:hover{background-color:#ed3b37}}.mdl-faqs .m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-underline{font-size:1.6rem}}@media (hover: hover){.mdl-faqs .m-underline:hover,.mdl-faqs .m-underline.active{color:#ed3b37}.mdl-faqs .m-underline:hover:after,.mdl-faqs .m-underline.active:after{opacity:1;width:100%}}.mdl-faqs .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.mdl-faqs .m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.mdl-faqs .m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-underline-red{font-size:1.6rem}}.mdl-faqs .m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-faqs .m-underline-red:hover{color:#ed3b37}.mdl-faqs .m-underline-red:hover:after{width:100%}}.mdl-faqs .m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-underline-blue{font-size:1.6rem}}.mdl-faqs .m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-faqs .m-underline-blue:hover{color:#446ecd}.mdl-faqs .m-underline-blue:hover:after{width:100%}}.mdl-faqs .m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-faqs .m-underline-green{font-size:1.6rem}}.mdl-faqs .m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-faqs .m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-faqs .m-underline-green:hover{color:#2ec99b}.mdl-faqs .m-underline-green:hover:after{width:100%}}.mdl-faqs .m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.mdl-faqs .m-swiper-button.swiper-button-disabled{opacity:.7}.mdl-faqs .m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-faqs .m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.mdl-faqs .m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.mdl-faqs .m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.mdl-faqs .m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.mdl-faqs .m-swiper-button{width:3.2rem;height:3.2rem}.mdl-faqs .m-swiper-button svg{width:.5rem}}.mdl-faqs .m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.mdl-faqs .m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-faqs .m-swiper-button-s.prev svg{left:45%}.mdl-faqs .m-swiper-button-s.next svg{left:55%}@media (hover: hover){.mdl-faqs .m-swiper-button-s:hover{background-color:#ed3b37}}.mdl-faqs .m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.mdl-faqs .m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.mdl-faqs .m-button-close:hover{background-color:#ed3b37}.mdl-faqs .m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-faqs .m-top{gap:2rem;display:flex;flex-direction:column;margin-top:4rem}.mdl-faqs .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-faqs .m-top .m-titulo{font-size:2.2rem;line-height:2.6rem}}.mdl-faqs .m-top .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .m-top .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .m-top .m-texto{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .m-top .m-texto{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .m-top .m-texto{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .m-top .m-texto{color:#515050b2}.mdl-faqs .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between;gap:4rem}.mdl-faqs .mdl-container .m-content{width:calc(27% - 2rem);height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-faqs .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-top .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-top .m-texto{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-content .m-top .m-texto{color:#515050b2}.mdl-faqs .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column;padding-top:10rem}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom{padding-top:0rem}}.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{color:#515050b2;width:100%}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{gap:2rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs{width:calc(73% - 2rem)}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:83%;margin-bottom:3rem;gap:3rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:2.2rem;line-height:2.6rem}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:80%}.mdl-faqs .mdl-container .m-listadofaqs .faq-item{border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4!important;padding:2.2rem 0;margin-top:-1px}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.5rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.1rem}}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:500;margin-left:3rem;cursor:pointer;padding:1rem 0;transition:color .3s ease;position:relative;width:calc(100% - 5rem)}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question .faq-icon{transition:transform .3s ease;transform:rotate(45deg);background:url(/assets/babylon/svg/icons/close.svg) no-repeat center center;background-size:contain;width:1.6rem;height:1.6rem;position:absolute;right:1.3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active{color:#ff4338}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:4rem;height:4rem;right:0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon:hover{transform:rotate(135deg)}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active:before{content:\"\\2022\";position:absolute;left:0;color:#e74c3c;font-size:3rem;line-height:1;top:50%;transform:translateY(-50%);margin-left:-3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer{max-height:0;overflow:hidden;padding:0;transition:max-height .35s ease,padding .35s ease;color:#515050b2;padding-left:3rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-answer.open{max-width:76rem;padding:1rem 0;padding:1rem 0 1rem 3rem}.mdl-faqs.m-bot .mdl-container .m-content{flex-direction:column-reverse}.mdl-faqs.m-bot .mdl-container .m-content .m-top{display:none}@media (max-width: 1200px){.mdl-faqs .mdl-container .m-content{width:calc(36% - 4rem)}.mdl-faqs .mdl-container .m-content .m-top,.mdl-faqs .mdl-container .m-content .m-bottom{gap:2.8rem}.mdl-faqs .mdl-container .m-content .m-bottom .m-texto{width:100%}.mdl-faqs .mdl-container .m-content .m-bottom .m-button-sm{min-width:14.8rem;padding:.6rem!important;color:#fff;height:2.7rem;font-size:1rem;width:auto}.mdl-faqs .mdl-container .m-listadofaqs{width:calc(64% - 4rem)}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2{gap:2rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{gap:1rem}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item svg,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item svg{width:1.7rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item{padding:1.7rem 0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{padding:0 3rem 0 0}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question .faq-icon{width:.9rem;height:.9rem}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question.active .faq-icon{width:2rem;right:.8rem;height:2rem}}@media (max-width: 1080px){.mdl-faqs .mdl-container{flex-direction:column-reverse;gap:3rem}.mdl-faqs .mdl-container .m-content{gap:3rem;width:100%}.mdl-faqs .mdl-container .m-content .m-bottom{flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:50%}.mdl-faqs .mdl-container .m-listadofaqs,.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info{width:100%}}@media (max-width: 768px){.mdl-faqs .m-top{margin-bottom:-4rem}.mdl-faqs .mdl-container .m-content .m-bottom{flex-direction:column;justify-content:none;align-items:start}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:60%}}@media (max-width: 540px){.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2{flex-direction:column}.mdl-faqs .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-text{width:100%}.mdl-faqs .mdl-container .m-listadofaqs .faq-item .faq-question{text-align:left;line-height:1.8rem}.mdl-faqs .mdl-container .m-content .m-bottom .m-textos-bot{width:100%}}.icon--svg{width:30px;height:30px;-webkit-mask-size:contain;mask-size:contain;background-color:var(--var-color, #000)}\n"] }]
|
|
17369
|
+
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"] }]
|
|
17339
17370
|
}], propDecorators: { content: [{
|
|
17340
17371
|
type: Input
|
|
17341
17372
|
}], texts: [{
|
|
@@ -17394,6 +17425,7 @@ class C2TxtImgV2Component {
|
|
|
17394
17425
|
constructor() {
|
|
17395
17426
|
this.fallbackContent = defaultContent$h;
|
|
17396
17427
|
this.content = this.fallbackContent;
|
|
17428
|
+
this.platformId = inject(PLATFORM_ID);
|
|
17397
17429
|
this.handleResize = () => {
|
|
17398
17430
|
if (typeof window === 'undefined') {
|
|
17399
17431
|
return;
|
|
@@ -17408,6 +17440,8 @@ class C2TxtImgV2Component {
|
|
|
17408
17440
|
this.initializeMutationObserver();
|
|
17409
17441
|
}
|
|
17410
17442
|
ngOnDestroy() {
|
|
17443
|
+
if (!isPlatformBrowser(this.platformId))
|
|
17444
|
+
return;
|
|
17411
17445
|
if (typeof window !== 'undefined') {
|
|
17412
17446
|
window.removeEventListener('resize', this.handleResize);
|
|
17413
17447
|
}
|
|
@@ -17448,6 +17482,8 @@ class C2TxtImgV2Component {
|
|
|
17448
17482
|
window.addEventListener('resize', this.handleResize);
|
|
17449
17483
|
}
|
|
17450
17484
|
initializeMutationObserver() {
|
|
17485
|
+
if (!isPlatformBrowser(this.platformId))
|
|
17486
|
+
return;
|
|
17451
17487
|
if (!this.faqSection?.nativeElement) {
|
|
17452
17488
|
return;
|
|
17453
17489
|
}
|
|
@@ -17459,13 +17495,21 @@ class C2TxtImgV2Component {
|
|
|
17459
17495
|
});
|
|
17460
17496
|
}
|
|
17461
17497
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2TxtImgV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17462
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: C2TxtImgV2Component, isStandalone: true, selector: "c2-txt-img-v2", inputs: { content: "content" }, viewQueries: [{ propertyName: "faqSection", first: true, predicate: ["faqSection"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-md017\" #faqSection>\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n <div class=\"m-top\">\n <div class=\"m-titulo\" [innerHTML]=\"content.titleHtml\"></div>\n </div>\n <div class=\"m-bottom\">\n <div class=\"m-img\">\n <img [src]=\"content.image.url\" [alt]=\"content.image.alt\" loading=\"lazy\" />\n </div>\n <div class=\"m-texto\">\n {{ content.bottomText }}\n </div>\n </div>\n </div>\n <div class=\"m-listadofaqs\">\n <div class=\"faq-item\" *ngFor=\"let fact of content.facts; let factIndex = index; trackBy: trackByIndex\">\n <div class=\"faq-answer\">\n {{ fact.description }}\n </div>\n <div class=\"faq-question\" *ngIf=\"fact.title\">\n {{ fact.title }}\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-md017 .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md017 .m-top .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md017 .m-top .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md017 .m-top .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md017 .m-top .m-titulo{color:#515050}.mdl-md017 .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between;gap:4rem}.mdl-md017 .mdl-container .m-content{width:calc(36% - 8rem);height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-md017 .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md017 .mdl-container .m-content .m-top .m-titulo{color:#515050}.mdl-md017 .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-content .m-bottom .m-img{height:22rem;width:18rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img img{height:100%;width:100%;object-fit:cover}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{color:#515050b2}.mdl-md017 .mdl-container .m-listadofaqs{width:calc(64% - 8rem)}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:83%;margin-bottom:3rem;gap:3rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:2.2rem;line-height:2.6rem}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:80%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item{border-top:.1rem solid #e4e4e4;padding:1.2rem 0}.mdl-md017 .mdl-container .m-listadofaqs .faq-item:first-child{border-top:0 solid #e4e4e4}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.5rem}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.1rem}}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:500;cursor:pointer;padding:2rem 0;transition:color .3s ease;position:relative}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{color:#515050b2;padding:1rem 0}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-bottom .m-img{height:16rem}}@media (max-width: 1080px){.mdl-md017 .m-top{margin-top:4rem;margin-bottom:-8rem}.mdl-md017 .mdl-container{flex-direction:column-reverse;gap:3rem}.mdl-md017 .mdl-container .m-content{gap:3rem;width:100%}.mdl-md017 .mdl-container .m-content .m-bottom{display:flex;flex-direction:row;margin-top:2rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img{width:17.8rem;height:22rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img img{width:100%;height:100%;object-fit:cover}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{width:60%}.mdl-md017 .mdl-container .m-listadofaqs,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info{width:100%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2{flex-direction:column}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-content .m-top .m-titulo{font-size:2.6rem;line-height:3.8rem}.mdl-md017 .mdl-container .m-content .m-bottom{flex-direction:column!important}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2rem;line-height:2.8rem;width:100%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
17498
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C2TxtImgV2Component, isStandalone: true, selector: "c2-txt-img-v2", inputs: { content: "content", texts: "texts", multimedia: "multimedia", buttons: "buttons", items: "items" }, viewQueries: [{ propertyName: "faqSection", first: true, predicate: ["faqSection"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-md017\" #faqSection>\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (texts?.title) {\n <div class=\"m-top\">\n <div class=\"m-titulo\" [innerHTML]=\"texts?.title\"></div>\n </div>\n }\n <div class=\"m-bottom\">\n @if (multimedia?.imagenes?.[0]; as img) {\n <div class=\"m-img\">\n <img\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n }\n @if (texts?.subtitle) {\n <div class=\"m-texto\" [innerHTML]=\"texts?.subtitle\"></div>\n }\n </div>\n </div>\n @if (items?.length) {\n <div class=\"m-listadofaqs\">\n @for (item of items; track $index) {\n <div class=\"faq-item\">\n @if (item.description) {\n <div class=\"faq-answer\">\n {{ item.description }}\n </div>\n }\n @if (item.title) {\n <div class=\"faq-question\">\n {{ item.title }}\n </div>\n }\n </div>\n }\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-md017 .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md017 .m-top .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md017 .m-top .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md017 .m-top .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md017 .m-top .m-titulo{color:#515050}.mdl-md017 .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between;gap:4rem}.mdl-md017 .mdl-container .m-content{width:calc(36% - 8rem);height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-md017 .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md017 .mdl-container .m-content .m-top .m-titulo{color:#515050}.mdl-md017 .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-content .m-bottom .m-img{height:22rem;width:18rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img img{height:100%;width:100%;object-fit:cover}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{color:#515050b2}.mdl-md017 .mdl-container .m-listadofaqs{width:calc(64% - 8rem)}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:83%;margin-bottom:3rem;gap:3rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:2.2rem;line-height:2.6rem}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:80%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item{border-top:.1rem solid #e4e4e4;padding:1.2rem 0}.mdl-md017 .mdl-container .m-listadofaqs .faq-item:first-child{border-top:0 solid #e4e4e4}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.5rem}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.1rem}}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:500;cursor:pointer;padding:2rem 0;transition:color .3s ease;position:relative}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{color:#515050b2;padding:1rem 0}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-bottom .m-img{height:16rem}}@media (max-width: 1080px){.mdl-md017 .m-top{margin-top:4rem;margin-bottom:-8rem}.mdl-md017 .mdl-container{flex-direction:column-reverse;gap:3rem}.mdl-md017 .mdl-container .m-content{gap:3rem;width:100%}.mdl-md017 .mdl-container .m-content .m-bottom{display:flex;flex-direction:row;margin-top:2rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img{width:17.8rem;height:22rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img img{width:100%;height:100%;object-fit:cover}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{width:60%}.mdl-md017 .mdl-container .m-listadofaqs,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info{width:100%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2{flex-direction:column}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-content .m-top .m-titulo{font-size:2.6rem;line-height:3.8rem}.mdl-md017 .mdl-container .m-content .m-bottom{flex-direction:column!important}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2rem;line-height:2.8rem;width:100%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
17463
17499
|
}
|
|
17464
17500
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2TxtImgV2Component, decorators: [{
|
|
17465
17501
|
type: Component,
|
|
17466
|
-
args: [{ selector: 'c2-txt-img-v2', standalone: true, imports: [CommonModule], template: "<section class=\"mdl-md017\" #faqSection>\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n <div class=\"m-top\">\n <div class=\"m-titulo\" [innerHTML]=\"content.titleHtml\"></div>\n </div>\n <div class=\"m-bottom\">\n <div class=\"m-img\">\n <img [src]=\"content.image.url\" [alt]=\"content.image.alt\" loading=\"lazy\" />\n </div>\n <div class=\"m-texto\">\n {{ content.bottomText }}\n </div>\n </div>\n </div>\n <div class=\"m-listadofaqs\">\n <div class=\"faq-item\" *ngFor=\"let fact of content.facts; let factIndex = index; trackBy: trackByIndex\">\n <div class=\"faq-answer\">\n {{ fact.description }}\n </div>\n <div class=\"faq-question\" *ngIf=\"fact.title\">\n {{ fact.title }}\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-md017 .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md017 .m-top .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md017 .m-top .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md017 .m-top .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md017 .m-top .m-titulo{color:#515050}.mdl-md017 .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between;gap:4rem}.mdl-md017 .mdl-container .m-content{width:calc(36% - 8rem);height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-md017 .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md017 .mdl-container .m-content .m-top .m-titulo{color:#515050}.mdl-md017 .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-content .m-bottom .m-img{height:22rem;width:18rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img img{height:100%;width:100%;object-fit:cover}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{color:#515050b2}.mdl-md017 .mdl-container .m-listadofaqs{width:calc(64% - 8rem)}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:83%;margin-bottom:3rem;gap:3rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:2.2rem;line-height:2.6rem}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:80%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item{border-top:.1rem solid #e4e4e4;padding:1.2rem 0}.mdl-md017 .mdl-container .m-listadofaqs .faq-item:first-child{border-top:0 solid #e4e4e4}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.5rem}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.1rem}}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:500;cursor:pointer;padding:2rem 0;transition:color .3s ease;position:relative}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{color:#515050b2;padding:1rem 0}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-bottom .m-img{height:16rem}}@media (max-width: 1080px){.mdl-md017 .m-top{margin-top:4rem;margin-bottom:-8rem}.mdl-md017 .mdl-container{flex-direction:column-reverse;gap:3rem}.mdl-md017 .mdl-container .m-content{gap:3rem;width:100%}.mdl-md017 .mdl-container .m-content .m-bottom{display:flex;flex-direction:row;margin-top:2rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img{width:17.8rem;height:22rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img img{width:100%;height:100%;object-fit:cover}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{width:60%}.mdl-md017 .mdl-container .m-listadofaqs,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info{width:100%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2{flex-direction:column}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-content .m-top .m-titulo{font-size:2.6rem;line-height:3.8rem}.mdl-md017 .mdl-container .m-content .m-bottom{flex-direction:column!important}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2rem;line-height:2.8rem;width:100%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}\n"] }]
|
|
17502
|
+
args: [{ selector: 'c2-txt-img-v2', standalone: true, imports: [CommonModule], template: "<section class=\"mdl-md017\" #faqSection>\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (texts?.title) {\n <div class=\"m-top\">\n <div class=\"m-titulo\" [innerHTML]=\"texts?.title\"></div>\n </div>\n }\n <div class=\"m-bottom\">\n @if (multimedia?.imagenes?.[0]; as img) {\n <div class=\"m-img\">\n <img\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n }\n @if (texts?.subtitle) {\n <div class=\"m-texto\" [innerHTML]=\"texts?.subtitle\"></div>\n }\n </div>\n </div>\n @if (items?.length) {\n <div class=\"m-listadofaqs\">\n @for (item of items; track $index) {\n <div class=\"faq-item\">\n @if (item.description) {\n <div class=\"faq-answer\">\n {{ item.description }}\n </div>\n }\n @if (item.title) {\n <div class=\"faq-question\">\n {{ item.title }}\n </div>\n }\n </div>\n }\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-md017 .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md017 .m-top .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md017 .m-top .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md017 .m-top .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md017 .m-top .m-titulo{color:#515050}.mdl-md017 .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between;gap:4rem}.mdl-md017 .mdl-container .m-content{width:calc(36% - 8rem);height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-md017 .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md017 .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md017 .mdl-container .m-content .m-top .m-titulo{color:#515050}.mdl-md017 .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-content .m-bottom .m-img{height:22rem;width:18rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img img{height:100%;width:100%;object-fit:cover}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{color:#515050b2}.mdl-md017 .mdl-container .m-listadofaqs{width:calc(64% - 8rem)}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:83%;margin-bottom:3rem;gap:3rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:2.2rem;line-height:2.6rem}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:80%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item{border-top:.1rem solid #e4e4e4;padding:1.2rem 0}.mdl-md017 .mdl-container .m-listadofaqs .faq-item:first-child{border-top:0 solid #e4e4e4}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.5rem}}@media (max-width: 1080px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.1rem}}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:500;cursor:pointer;padding:2rem 0;transition:color .3s ease;position:relative}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-answer{color:#515050b2;padding:1rem 0}@media (max-width: 1366px){.mdl-md017 .mdl-container .m-content .m-bottom .m-img{height:16rem}}@media (max-width: 1080px){.mdl-md017 .m-top{margin-top:4rem;margin-bottom:-8rem}.mdl-md017 .mdl-container{flex-direction:column-reverse;gap:3rem}.mdl-md017 .mdl-container .m-content{gap:3rem;width:100%}.mdl-md017 .mdl-container .m-content .m-bottom{display:flex;flex-direction:row;margin-top:2rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img{width:17.8rem;height:22rem}.mdl-md017 .mdl-container .m-content .m-bottom .m-img img{width:100%;height:100%;object-fit:cover}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{width:60%}.mdl-md017 .mdl-container .m-listadofaqs,.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info{width:100%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}@media (max-width: 540px){.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2{flex-direction:column}.mdl-md017 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-content .m-top .m-titulo{font-size:2.6rem;line-height:3.8rem}.mdl-md017 .mdl-container .m-content .m-bottom{flex-direction:column!important}.mdl-md017 .mdl-container .m-content .m-bottom .m-texto{font-size:2rem;line-height:2.8rem;width:100%}.mdl-md017 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}\n"] }]
|
|
17467
17503
|
}], propDecorators: { content: [{
|
|
17468
17504
|
type: Input
|
|
17505
|
+
}], texts: [{
|
|
17506
|
+
type: Input
|
|
17507
|
+
}], multimedia: [{
|
|
17508
|
+
type: Input
|
|
17509
|
+
}], buttons: [{
|
|
17510
|
+
type: Input
|
|
17511
|
+
}], items: [{
|
|
17512
|
+
type: Input
|
|
17469
17513
|
}], faqSection: [{
|
|
17470
17514
|
type: ViewChild,
|
|
17471
17515
|
args: ['faqSection']
|
|
@@ -17533,6 +17577,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
17533
17577
|
type: Input
|
|
17534
17578
|
}] } });
|
|
17535
17579
|
|
|
17580
|
+
class FindByOrderPipe {
|
|
17581
|
+
transform(items, order) {
|
|
17582
|
+
return items?.find((item) => item.order === order);
|
|
17583
|
+
}
|
|
17584
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FindByOrderPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
17585
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: FindByOrderPipe, isStandalone: true, name: "findByOrder" }); }
|
|
17586
|
+
}
|
|
17587
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FindByOrderPipe, decorators: [{
|
|
17588
|
+
type: Pipe,
|
|
17589
|
+
args: [{ name: 'findByOrder', standalone: true }]
|
|
17590
|
+
}] });
|
|
17591
|
+
|
|
17536
17592
|
var title$6 = "Únete al equipo de ALEGRIA Group";
|
|
17537
17593
|
var icon$1 = {
|
|
17538
17594
|
url: "/assets/babylon/icons/icons/heartTrans.svg",
|
|
@@ -17577,7 +17633,8 @@ var defaultContent$f = {
|
|
|
17577
17633
|
class C2TxtSvgImgCtaComponent {
|
|
17578
17634
|
constructor() {
|
|
17579
17635
|
this.fallbackContent = defaultContent$f;
|
|
17580
|
-
this.
|
|
17636
|
+
this.tagName = 'C2TxtSvgImgCta';
|
|
17637
|
+
this.platformId = inject(PLATFORM_ID);
|
|
17581
17638
|
this.handleResize = () => {
|
|
17582
17639
|
if (typeof window === 'undefined') {
|
|
17583
17640
|
return;
|
|
@@ -17632,6 +17689,8 @@ class C2TxtSvgImgCtaComponent {
|
|
|
17632
17689
|
window.addEventListener('resize', this.handleResize);
|
|
17633
17690
|
}
|
|
17634
17691
|
initializeMutationObserver() {
|
|
17692
|
+
if (!isPlatformBrowser(this.platformId))
|
|
17693
|
+
return;
|
|
17635
17694
|
if (!this.faqSection?.nativeElement) {
|
|
17636
17695
|
return;
|
|
17637
17696
|
}
|
|
@@ -17642,13 +17701,22 @@ class C2TxtSvgImgCtaComponent {
|
|
|
17642
17701
|
subtree: true,
|
|
17643
17702
|
});
|
|
17644
17703
|
}
|
|
17704
|
+
getFirstImageByTag(tagName) {
|
|
17705
|
+
return getFirstImageByTagFromMultimedia(this.multimedia, tagName);
|
|
17706
|
+
}
|
|
17645
17707
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2TxtSvgImgCtaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17646
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: C2TxtSvgImgCtaComponent, isStandalone: true, selector: "c2-txt-svg-img-cta", inputs: { content: "content" }, viewQueries: [{ propertyName: "faqSection", first: true, predicate: ["faqSection"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-md019\" #faqSection>\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n <div class=\"m-top\">\n <div class=\"m-titulo\">{{ content.title }}</div>\n </div>\n <div class=\"m-center\" *ngIf=\"content.icon\">\n <div class=\"m-img\">\n <img [src]=\"content.icon.url\" [alt]=\"content.icon.alt\" loading=\"lazy\" />\n </div>\n </div>\n <div class=\"m-bottom\">\n <div class=\"m-img\">\n <img [src]=\"content.image.url\" [alt]=\"content.image.alt\" loading=\"lazy\" />\n </div>\n <div class=\"m-texto\">\n {{ content.bottomText }}\n </div>\n </div>\n </div>\n <div class=\"m-listadofaqs\">\n <div class=\"faq-item\" *ngFor=\"let item of content.infoItems; let infoIndex = index; trackBy: trackByIndex\">\n <div class=\"faq-title\" *ngIf=\"item.title\">{{ item.title }}</div>\n <div class=\"faq-question\" *ngIf=\"item.question\">{{ item.question }}</div>\n <div class=\"faq-answer\">\n {{ item.description }}\n </div>\n <ng-container *ngIf=\"item.button as infoButton\">\n <a\n *ngIf=\"infoButton.url; else infoButtonTemplate\"\n class=\"m-button-sm\"\n [ngClass]=\"infoButton.variant\"\n [href]=\"infoButton.url\"\n [attr.target]=\"infoButton.target || '_self'\"\n [attr.aria-label]=\"infoButton.ariaLabel || infoButton.label\"\n [attr.rel]=\"(infoButton.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n >\n <span>{{ infoButton.label }}</span>\n </a>\n <ng-template #infoButtonTemplate>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"infoButton.variant\"\n [attr.aria-label]=\"infoButton.ariaLabel || infoButton.label\"\n >\n <span>{{ infoButton.label }}</span>\n </button>\n </ng-template>\n </ng-container>\n </div>\n <ng-container *ngIf=\"content.footerButton as footerButton\">\n <a\n *ngIf=\"footerButton.url; else footerButtonTemplate\"\n class=\"m-button-sm\"\n [ngClass]=\"footerButton.variant\"\n [href]=\"footerButton.url\"\n [attr.target]=\"footerButton.target || '_self'\"\n [attr.aria-label]=\"footerButton.ariaLabel || footerButton.label\"\n [attr.rel]=\"(footerButton.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n >\n <span>{{ footerButton.label }}</span>\n </a>\n <ng-template #footerButtonTemplate>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"footerButton.variant\"\n [attr.aria-label]=\"footerButton.ariaLabel || footerButton.label\"\n >\n <span>{{ footerButton.label }}</span>\n </button>\n </ng-template>\n </ng-container>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/icons/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}}@font-face{font-family:jokker;src:url(/assets/babylon/fonts/Jokker-Regular.otf) format(\"opentype\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:jokker;src:url(/assets/babylon/fonts/Jokker-Medium.otf) format(\"opentype\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:kinda;src:url(/assets/babylon/fonts/Kinda-Sweet-Regular.otf) format(\"opentype\");font-weight:500;font-style:normal;font-display:swap}.mdl-md019 .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-md019 .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md019 .m-top .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md019 .m-top .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md019 .m-top .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md019 .m-top .m-titulo{color:#515050}.mdl-md019 .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between;gap:4rem}.mdl-md019 .mdl-container .m-content{width:calc(36% - 8rem);height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-md019 .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-md019 .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md019 .mdl-container .m-content .m-top .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md019 .mdl-container .m-content .m-top .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md019 .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md019 .mdl-container .m-content .m-top .m-titulo{color:#515050}.mdl-md019 .mdl-container .m-content .m-center{display:flex;width:100%;flex-direction:column;align-items:flex-end}.mdl-md019 .mdl-container .m-content .m-center .m-img img{height:21.7rem}.mdl-md019 .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column}.mdl-md019 .mdl-container .m-content .m-bottom .m-img{height:22rem}.mdl-md019 .mdl-container .m-content .m-bottom .m-img img{height:100%}.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{color:#515050b2}.mdl-md019 .mdl-container .m-listadofaqs{width:calc(64% - 8rem)}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:83%;margin-bottom:3rem;gap:3rem}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:2.2rem;line-height:2.6rem}}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:80%}.mdl-md019 .mdl-container .m-listadofaqs .faq-item{border-top:.1rem solid #e4e4e4;padding:3.2rem 0}.mdl-md019 .mdl-container .m-listadofaqs .faq-item:first-child{border-top:0 solid #e4e4e4;padding-top:0}.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-title{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-title{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-title{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-title{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-title{font-size:2.2rem;line-height:3rem}}.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-title{color:#515050;margin-bottom:2rem}.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.5rem}}@media (max-width: 1080px){.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:500;cursor:pointer;padding:1rem 0;transition:color .3s ease;position:relative}.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.4rem;line-height:2rem}}.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-answer{color:#515050b2;padding:1rem 0}@media (max-width: 1366px){.mdl-md019 .mdl-container .m-content .m-center .m-img img{height:16.6rem}.mdl-md019 .mdl-container .m-content .m-bottom .m-img{height:16rem}}@media (max-width: 1080px){.mdl-md019 .m-top{margin-top:4rem;margin-bottom:-5rem}.mdl-md019 .mdl-container{flex-direction:column-reverse;gap:3rem}.mdl-md019 .mdl-container .m-content{gap:3rem;width:100%}.mdl-md019 .mdl-container .m-content .m-center{display:none}.mdl-md019 .mdl-container .m-content .m-bottom{display:flex;flex-direction:row;margin-top:2rem}.mdl-md019 .mdl-container .m-content .m-bottom .m-img{width:17.8rem;height:22rem}.mdl-md019 .mdl-container .m-content .m-bottom .m-img img{width:100%;height:100%;object-fit:cover}.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{width:60%}.mdl-md019 .mdl-container .m-listadofaqs,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info{width:100%}.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}@media (max-width: 540px){.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2{flex-direction:column}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-content .m-top .m-titulo{font-size:2.6rem;line-height:3.8rem}.mdl-md019 .mdl-container .m-content .m-bottom{flex-direction:column!important}.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{font-size:2rem;line-height:2.8rem;width:100%}.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
17708
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C2TxtSvgImgCtaComponent, isStandalone: true, selector: "c2-txt-svg-img-cta", inputs: { texts: "texts", multimedia: "multimedia", buttons: "buttons", items: "items" }, viewQueries: [{ propertyName: "faqSection", first: true, predicate: ["faqSection"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-md019\" #faqSection>\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (texts?.title) {\n <div class=\"m-top\">\n <div class=\"m-titulo\">{{ texts?.title }}</div>\n </div>\n }\n @if (getFirstImageByTag(tagName); as img) {\n <div class=\"m-center\">\n <div class=\"m-img\">\n <img\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n </div>\n }\n <div class=\"m-bottom\">\n @if (multimedia?.imagenes?.[0]; as img) {\n <div class=\"m-img\">\n <img\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n }\n @if (texts?.subtitle) {\n <div class=\"m-texto\">\n {{ texts?.subtitle }}\n </div>\n }\n </div>\n </div>\n @if (items) {}\n <div class=\"m-listadofaqs\">\n @for (item of items; track $index) {\n <div class=\"faq-item\">\n <div class=\"faq-title\" *ngIf=\"item.title\">\n {{ item.title }}\n </div>\n <div class=\"faq-question\" *ngIf=\"item.title\">\n {{ item.title }}\n </div>\n <div class=\"faq-answer\">\n {{ item.description }}\n </div>\n @if (buttons | findByOrder: $index; as btn) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"btn.target || '_self'\"\n [attr.aria-label]=\"btn.label\"\n >\n <span>{{ btn.label }}</span>\n </a>\n </ng-container>\n }\n </div>\n }\n <!-- <ng-container *ngIf=\"content.footerButton as footerButton\">\n <a\n *ngIf=\"footerButton.url; else footerButtonTemplate\"\n class=\"m-button-sm\"\n [ngClass]=\"footerButton.variant\"\n [href]=\"footerButton.url\"\n [attr.target]=\"footerButton.target || '_self'\"\n [attr.aria-label]=\"\n footerButton.ariaLabel || footerButton.label\n \"\n [attr.rel]=\"\n (footerButton.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ footerButton.label }}</span>\n </a>\n <ng-template #footerButtonTemplate>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"footerButton.variant\"\n [attr.aria-label]=\"\n footerButton.ariaLabel || footerButton.label\n \"\n >\n <span>{{ footerButton.label }}</span>\n </button>\n </ng-template>\n </ng-container> -->\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/icons/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}}@font-face{font-family:jokker;src:url(/assets/babylon/fonts/Jokker-Regular.otf) format(\"opentype\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:jokker;src:url(/assets/babylon/fonts/Jokker-Medium.otf) format(\"opentype\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:kinda;src:url(/assets/babylon/fonts/Kinda-Sweet-Regular.otf) format(\"opentype\");font-weight:500;font-style:normal;font-display:swap}.mdl-md019 .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-md019 .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md019 .m-top .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md019 .m-top .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md019 .m-top .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md019 .m-top .m-titulo{color:#515050}.mdl-md019 .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between;gap:4rem}.mdl-md019 .mdl-container .m-content{width:calc(36% - 8rem);height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-md019 .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-md019 .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md019 .mdl-container .m-content .m-top .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md019 .mdl-container .m-content .m-top .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md019 .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md019 .mdl-container .m-content .m-top .m-titulo{color:#515050}.mdl-md019 .mdl-container .m-content .m-center{display:flex;width:100%;flex-direction:column;align-items:flex-end}.mdl-md019 .mdl-container .m-content .m-center .m-img img{height:21.7rem}.mdl-md019 .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column}.mdl-md019 .mdl-container .m-content .m-bottom .m-img{height:22rem}.mdl-md019 .mdl-container .m-content .m-bottom .m-img img{height:100%}.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{color:#515050b2}.mdl-md019 .mdl-container .m-listadofaqs{width:calc(64% - 8rem)}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:83%;margin-bottom:3rem;gap:3rem}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:2.2rem;line-height:2.6rem}}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:80%}.mdl-md019 .mdl-container .m-listadofaqs .faq-item{border-top:.1rem solid #e4e4e4;padding:3.2rem 0}.mdl-md019 .mdl-container .m-listadofaqs .faq-item:first-child{border-top:0 solid #e4e4e4;padding-top:0}.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-title{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-title{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-title{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-title{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-title{font-size:2.2rem;line-height:3rem}}.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-title{color:#515050;margin-bottom:2rem}.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.5rem}}@media (max-width: 1080px){.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:500;cursor:pointer;padding:1rem 0;transition:color .3s ease;position:relative}.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.4rem;line-height:2rem}}.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-answer{color:#515050b2;padding:1rem 0}@media (max-width: 1366px){.mdl-md019 .mdl-container .m-content .m-center .m-img img{height:16.6rem}.mdl-md019 .mdl-container .m-content .m-bottom .m-img{height:16rem}}@media (max-width: 1080px){.mdl-md019 .m-top{margin-top:4rem;margin-bottom:-5rem}.mdl-md019 .mdl-container{flex-direction:column-reverse;gap:3rem}.mdl-md019 .mdl-container .m-content{gap:3rem;width:100%}.mdl-md019 .mdl-container .m-content .m-center{display:none}.mdl-md019 .mdl-container .m-content .m-bottom{display:flex;flex-direction:row;margin-top:2rem}.mdl-md019 .mdl-container .m-content .m-bottom .m-img{width:17.8rem;height:22rem}.mdl-md019 .mdl-container .m-content .m-bottom .m-img img{width:100%;height:100%;object-fit:cover}.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{width:60%}.mdl-md019 .mdl-container .m-listadofaqs,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info{width:100%}.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}@media (max-width: 540px){.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2{flex-direction:column}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-content .m-top .m-titulo{font-size:2.6rem;line-height:3.8rem}.mdl-md019 .mdl-container .m-content .m-bottom{flex-direction:column!important}.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{font-size:2rem;line-height:2.8rem;width:100%}.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: FindByOrderPipe, name: "findByOrder" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
17647
17709
|
}
|
|
17648
17710
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2TxtSvgImgCtaComponent, decorators: [{
|
|
17649
17711
|
type: Component,
|
|
17650
|
-
args: [{ selector: 'c2-txt-svg-img-cta', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<section class=\"mdl-md019\" #faqSection>\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n <div class=\"m-top\">\n <div class=\"m-titulo\">{{ content.title }}</div>\n </div>\n <div class=\"m-center\" *ngIf=\"content.icon\">\n <div class=\"m-img\">\n <img [src]=\"content.icon.url\" [alt]=\"content.icon.alt\" loading=\"lazy\" />\n </div>\n </div>\n <div class=\"m-bottom\">\n <div class=\"m-img\">\n <img [src]=\"content.image.url\" [alt]=\"content.image.alt\" loading=\"lazy\" />\n </div>\n <div class=\"m-texto\">\n {{ content.bottomText }}\n </div>\n </div>\n </div>\n <div class=\"m-listadofaqs\">\n <div class=\"faq-item\" *ngFor=\"let item of content.infoItems; let infoIndex = index; trackBy: trackByIndex\">\n <div class=\"faq-title\" *ngIf=\"item.title\">{{ item.title }}</div>\n <div class=\"faq-question\" *ngIf=\"item.question\">{{ item.question }}</div>\n <div class=\"faq-answer\">\n {{ item.description }}\n </div>\n <ng-container *ngIf=\"item.button as infoButton\">\n <a\n *ngIf=\"infoButton.url; else infoButtonTemplate\"\n class=\"m-button-sm\"\n [ngClass]=\"infoButton.variant\"\n [href]=\"infoButton.url\"\n [attr.target]=\"infoButton.target || '_self'\"\n [attr.aria-label]=\"infoButton.ariaLabel || infoButton.label\"\n [attr.rel]=\"(infoButton.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n >\n <span>{{ infoButton.label }}</span>\n </a>\n <ng-template #infoButtonTemplate>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"infoButton.variant\"\n [attr.aria-label]=\"infoButton.ariaLabel || infoButton.label\"\n >\n <span>{{ infoButton.label }}</span>\n </button>\n </ng-template>\n </ng-container>\n </div>\n <ng-container *ngIf=\"content.footerButton as footerButton\">\n <a\n *ngIf=\"footerButton.url; else footerButtonTemplate\"\n class=\"m-button-sm\"\n [ngClass]=\"footerButton.variant\"\n [href]=\"footerButton.url\"\n [attr.target]=\"footerButton.target || '_self'\"\n [attr.aria-label]=\"footerButton.ariaLabel || footerButton.label\"\n [attr.rel]=\"(footerButton.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n >\n <span>{{ footerButton.label }}</span>\n </a>\n <ng-template #footerButtonTemplate>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"footerButton.variant\"\n [attr.aria-label]=\"footerButton.ariaLabel || footerButton.label\"\n >\n <span>{{ footerButton.label }}</span>\n </button>\n </ng-template>\n </ng-container>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/icons/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}}@font-face{font-family:jokker;src:url(/assets/babylon/fonts/Jokker-Regular.otf) format(\"opentype\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:jokker;src:url(/assets/babylon/fonts/Jokker-Medium.otf) format(\"opentype\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:kinda;src:url(/assets/babylon/fonts/Kinda-Sweet-Regular.otf) format(\"opentype\");font-weight:500;font-style:normal;font-display:swap}.mdl-md019 .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-md019 .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md019 .m-top .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md019 .m-top .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md019 .m-top .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md019 .m-top .m-titulo{color:#515050}.mdl-md019 .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between;gap:4rem}.mdl-md019 .mdl-container .m-content{width:calc(36% - 8rem);height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-md019 .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-md019 .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md019 .mdl-container .m-content .m-top .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md019 .mdl-container .m-content .m-top .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md019 .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md019 .mdl-container .m-content .m-top .m-titulo{color:#515050}.mdl-md019 .mdl-container .m-content .m-center{display:flex;width:100%;flex-direction:column;align-items:flex-end}.mdl-md019 .mdl-container .m-content .m-center .m-img img{height:21.7rem}.mdl-md019 .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column}.mdl-md019 .mdl-container .m-content .m-bottom .m-img{height:22rem}.mdl-md019 .mdl-container .m-content .m-bottom .m-img img{height:100%}.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{color:#515050b2}.mdl-md019 .mdl-container .m-listadofaqs{width:calc(64% - 8rem)}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:83%;margin-bottom:3rem;gap:3rem}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:2.2rem;line-height:2.6rem}}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:80%}.mdl-md019 .mdl-container .m-listadofaqs .faq-item{border-top:.1rem solid #e4e4e4;padding:3.2rem 0}.mdl-md019 .mdl-container .m-listadofaqs .faq-item:first-child{border-top:0 solid #e4e4e4;padding-top:0}.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-title{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-title{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-title{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-title{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-title{font-size:2.2rem;line-height:3rem}}.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-title{color:#515050;margin-bottom:2rem}.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.5rem}}@media (max-width: 1080px){.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:500;cursor:pointer;padding:1rem 0;transition:color .3s ease;position:relative}.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.4rem;line-height:2rem}}.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-answer{color:#515050b2;padding:1rem 0}@media (max-width: 1366px){.mdl-md019 .mdl-container .m-content .m-center .m-img img{height:16.6rem}.mdl-md019 .mdl-container .m-content .m-bottom .m-img{height:16rem}}@media (max-width: 1080px){.mdl-md019 .m-top{margin-top:4rem;margin-bottom:-5rem}.mdl-md019 .mdl-container{flex-direction:column-reverse;gap:3rem}.mdl-md019 .mdl-container .m-content{gap:3rem;width:100%}.mdl-md019 .mdl-container .m-content .m-center{display:none}.mdl-md019 .mdl-container .m-content .m-bottom{display:flex;flex-direction:row;margin-top:2rem}.mdl-md019 .mdl-container .m-content .m-bottom .m-img{width:17.8rem;height:22rem}.mdl-md019 .mdl-container .m-content .m-bottom .m-img img{width:100%;height:100%;object-fit:cover}.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{width:60%}.mdl-md019 .mdl-container .m-listadofaqs,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info{width:100%}.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}@media (max-width: 540px){.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2{flex-direction:column}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-content .m-top .m-titulo{font-size:2.6rem;line-height:3.8rem}.mdl-md019 .mdl-container .m-content .m-bottom{flex-direction:column!important}.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{font-size:2rem;line-height:2.8rem;width:100%}.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}\n"] }]
|
|
17651
|
-
}], propDecorators: {
|
|
17712
|
+
args: [{ selector: 'c2-txt-svg-img-cta', standalone: true, imports: [CommonModule, FindByOrderPipe, BabylonLinkTypeDirective], encapsulation: ViewEncapsulation.None, template: "<section class=\"mdl-md019\" #faqSection>\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (texts?.title) {\n <div class=\"m-top\">\n <div class=\"m-titulo\">{{ texts?.title }}</div>\n </div>\n }\n @if (getFirstImageByTag(tagName); as img) {\n <div class=\"m-center\">\n <div class=\"m-img\">\n <img\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n </div>\n }\n <div class=\"m-bottom\">\n @if (multimedia?.imagenes?.[0]; as img) {\n <div class=\"m-img\">\n <img\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n }\n @if (texts?.subtitle) {\n <div class=\"m-texto\">\n {{ texts?.subtitle }}\n </div>\n }\n </div>\n </div>\n @if (items) {}\n <div class=\"m-listadofaqs\">\n @for (item of items; track $index) {\n <div class=\"faq-item\">\n <div class=\"faq-title\" *ngIf=\"item.title\">\n {{ item.title }}\n </div>\n <div class=\"faq-question\" *ngIf=\"item.title\">\n {{ item.title }}\n </div>\n <div class=\"faq-answer\">\n {{ item.description }}\n </div>\n @if (buttons | findByOrder: $index; as btn) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"btn.target || '_self'\"\n [attr.aria-label]=\"btn.label\"\n >\n <span>{{ btn.label }}</span>\n </a>\n </ng-container>\n }\n </div>\n }\n <!-- <ng-container *ngIf=\"content.footerButton as footerButton\">\n <a\n *ngIf=\"footerButton.url; else footerButtonTemplate\"\n class=\"m-button-sm\"\n [ngClass]=\"footerButton.variant\"\n [href]=\"footerButton.url\"\n [attr.target]=\"footerButton.target || '_self'\"\n [attr.aria-label]=\"\n footerButton.ariaLabel || footerButton.label\n \"\n [attr.rel]=\"\n (footerButton.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ footerButton.label }}</span>\n </a>\n <ng-template #footerButtonTemplate>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"footerButton.variant\"\n [attr.aria-label]=\"\n footerButton.ariaLabel || footerButton.label\n \"\n >\n <span>{{ footerButton.label }}</span>\n </button>\n </ng-template>\n </ng-container> -->\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/icons/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}}@font-face{font-family:jokker;src:url(/assets/babylon/fonts/Jokker-Regular.otf) format(\"opentype\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:jokker;src:url(/assets/babylon/fonts/Jokker-Medium.otf) format(\"opentype\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:kinda;src:url(/assets/babylon/fonts/Kinda-Sweet-Regular.otf) format(\"opentype\");font-weight:500;font-style:normal;font-display:swap}.mdl-md019 .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-md019 .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md019 .m-top .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md019 .m-top .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md019 .m-top .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md019 .m-top .m-titulo{color:#515050}.mdl-md019 .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between;gap:4rem}.mdl-md019 .mdl-container .m-content{width:calc(36% - 8rem);height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-md019 .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-md019 .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md019 .mdl-container .m-content .m-top .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md019 .mdl-container .m-content .m-top .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md019 .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md019 .mdl-container .m-content .m-top .m-titulo{color:#515050}.mdl-md019 .mdl-container .m-content .m-center{display:flex;width:100%;flex-direction:column;align-items:flex-end}.mdl-md019 .mdl-container .m-content .m-center .m-img img{height:21.7rem}.mdl-md019 .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column}.mdl-md019 .mdl-container .m-content .m-bottom .m-img{height:22rem}.mdl-md019 .mdl-container .m-content .m-bottom .m-img img{height:100%}.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{color:#515050b2}.mdl-md019 .mdl-container .m-listadofaqs{width:calc(64% - 8rem)}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:83%;margin-bottom:3rem;gap:3rem}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:2.2rem;line-height:2.6rem}}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row2 .m-text{width:80%}.mdl-md019 .mdl-container .m-listadofaqs .faq-item{border-top:.1rem solid #e4e4e4;padding:3.2rem 0}.mdl-md019 .mdl-container .m-listadofaqs .faq-item:first-child{border-top:0 solid #e4e4e4;padding-top:0}.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-title{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-title{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-title{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-title{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-title{font-size:2.2rem;line-height:3rem}}.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-title{color:#515050;margin-bottom:2rem}.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.5rem}}@media (max-width: 1080px){.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:500;cursor:pointer;padding:1rem 0;transition:color .3s ease;position:relative}.mdl-md019 .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-md019 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.4rem;line-height:2rem}}.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-answer{color:#515050b2;padding:1rem 0}@media (max-width: 1366px){.mdl-md019 .mdl-container .m-content .m-center .m-img img{height:16.6rem}.mdl-md019 .mdl-container .m-content .m-bottom .m-img{height:16rem}}@media (max-width: 1080px){.mdl-md019 .m-top{margin-top:4rem;margin-bottom:-5rem}.mdl-md019 .mdl-container{flex-direction:column-reverse;gap:3rem}.mdl-md019 .mdl-container .m-content{gap:3rem;width:100%}.mdl-md019 .mdl-container .m-content .m-center{display:none}.mdl-md019 .mdl-container .m-content .m-bottom{display:flex;flex-direction:row;margin-top:2rem}.mdl-md019 .mdl-container .m-content .m-bottom .m-img{width:17.8rem;height:22rem}.mdl-md019 .mdl-container .m-content .m-bottom .m-img img{width:100%;height:100%;object-fit:cover}.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{width:60%}.mdl-md019 .mdl-container .m-listadofaqs,.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info{width:100%}.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}@media (max-width: 540px){.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2{flex-direction:column}.mdl-md019 .mdl-container .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-content .m-top .m-titulo{font-size:2.6rem;line-height:3.8rem}.mdl-md019 .mdl-container .m-content .m-bottom{flex-direction:column!important}.mdl-md019 .mdl-container .m-content .m-bottom .m-texto{font-size:2rem;line-height:2.8rem;width:100%}.mdl-md019 .mdl-container .m-listadofaqs .faq-item .faq-question{font-size:1.4rem}}\n"] }]
|
|
17713
|
+
}], propDecorators: { texts: [{
|
|
17714
|
+
type: Input
|
|
17715
|
+
}], multimedia: [{
|
|
17716
|
+
type: Input
|
|
17717
|
+
}], buttons: [{
|
|
17718
|
+
type: Input
|
|
17719
|
+
}], items: [{
|
|
17652
17720
|
type: Input
|
|
17653
17721
|
}], faqSection: [{
|
|
17654
17722
|
type: ViewChild,
|
|
@@ -19999,11 +20067,11 @@ class SliC2ImgComponent {
|
|
|
19999
20067
|
return getFirstImageByTagFromMultimedia(multimedia, tagName);
|
|
20000
20068
|
}
|
|
20001
20069
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliC2ImgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20002
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SliC2ImgComponent, isStandalone: true, selector: "sli-c2-img", inputs: { multimedia: "multimedia", reverse: "reverse", rooms: "rooms", styles: "styles" }, viewQueries: [{ propertyName: "swiperContainer", first: true, predicate: ["swiperContainer"], descendants: true }, { propertyName: "nextButton", first: true, predicate: ["nextButton"], descendants: true }, { propertyName: "prevButton", first: true, predicate: ["prevButton"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<!-- COMENTARIO CONEXI\u00D3N: A\u00F1adir clase 'reverse' para invertir la posici\u00F3n del slide -->\n@if (multimedia || rooms?.[0]?.multimedia) {\n <section class=\"mdl-mdh007mdh008\" [class.reverse]=\"reverse\">\n <div class=\"mdl-container\">\n @if (multimedia || rooms?.[0]?.multimedia) {\n @if (\n multimedia?.staticImagenes?.[0] ??\n getFirstImageByTag(\n tagNameVertical,\n rooms?.[0]?.multimedia\n );\n as staticImage\n ) {\n <div class=\"m-img\">\n <img\n [src]=\"staticImage?.img?.src\"\n [alt]=\"staticImage?.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n }\n @if (\n (multimedia?.imagenes ||\n rooms?.[0]?.multimedia?.imagenes) &&\n imagesSlider.length > 0\n ) {\n <div class=\"swiper-container\">\n <div class=\"swiper-overflow swiper\" #swiperContainer>\n <div class=\"swiper-wrapper\">\n @for (slide of imagesSlider; track $index) {\n <div class=\"swiper-slide\">\n <img\n [src]=\"slide?.img?.src\"\n [alt]=\"slide?.img?.alt ?? 'image'\"\n />\n </div>\n }\n </div>\n </div>\n\n <button\n #nextButton\n type=\"button\"\n class=\"m-swiper-button next\"\n aria-label=\"Siguiente imagen\"\n [style.--arrow-color]=\"styles?.primary ?? '#
|
|
20070
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SliC2ImgComponent, isStandalone: true, selector: "sli-c2-img", inputs: { multimedia: "multimedia", reverse: "reverse", rooms: "rooms", styles: "styles" }, viewQueries: [{ propertyName: "swiperContainer", first: true, predicate: ["swiperContainer"], descendants: true }, { propertyName: "nextButton", first: true, predicate: ["nextButton"], descendants: true }, { propertyName: "prevButton", first: true, predicate: ["prevButton"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<!-- COMENTARIO CONEXI\u00D3N: A\u00F1adir clase 'reverse' para invertir la posici\u00F3n del slide -->\n@if (multimedia || rooms?.[0]?.multimedia) {\n <section class=\"mdl-mdh007mdh008\" [class.reverse]=\"reverse\">\n <div class=\"mdl-container\">\n @if (multimedia || rooms?.[0]?.multimedia) {\n @if (\n multimedia?.staticImagenes?.[0] ??\n getFirstImageByTag(\n tagNameVertical,\n rooms?.[0]?.multimedia\n );\n as staticImage\n ) {\n <div class=\"m-img\">\n <img\n [src]=\"staticImage?.img?.src\"\n [alt]=\"staticImage?.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n }\n @if (\n (multimedia?.imagenes ||\n rooms?.[0]?.multimedia?.imagenes) &&\n imagesSlider.length > 0\n ) {\n <div class=\"swiper-container\">\n <div class=\"swiper-overflow swiper\" #swiperContainer>\n <div class=\"swiper-wrapper\">\n @for (slide of imagesSlider; track $index) {\n <div class=\"swiper-slide\">\n <img\n [src]=\"slide?.img?.src\"\n [alt]=\"slide?.img?.alt ?? 'image'\"\n />\n </div>\n }\n </div>\n </div>\n\n <button\n #nextButton\n type=\"button\"\n class=\"m-swiper-button next\"\n aria-label=\"Siguiente imagen\"\n [style.--arrow-color]=\"styles?.primary ?? '#ff4338'\"\n [style.--arrow-hover-color]=\"\n styles?.primaryHover ??\n styles?.primary ??\n '#ed3b37'\n \"\n >\n <svg\n width=\"7\"\n height=\"12\"\n viewBox=\"0 0 7 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.71533 5.31548L1.65157 0.281695C1.46948 0.100676 1.22288 -0.000650459 0.966022 3.77247e-06C0.709163 0.000657051 0.463085 0.103239 0.281921 0.285182C0.100757 0.467126 -0.000651881 0.713526 2.66678e-06 0.970178C0.000657215 1.22683 0.103322 1.47271 0.285411 1.65373L4.67307 5.98705L0.288403 10.3463C0.106314 10.5273 0.00364923 10.7732 0.0029947 11.0298C0.00234018 11.2865 0.103749 11.5329 0.284913 11.7148C0.466077 11.8968 0.712156 11.9993 0.969015 12C1.22587 12.0007 1.47247 11.8993 1.65456 11.7183L6.71633 6.68651C6.89815 6.50457 7.00019 6.25791 7 6.00079C6.99981 5.74367 6.89741 5.49716 6.71533 5.31548Z\"\n fill=\"white\"\n ></path>\n </svg>\n </button>\n <button\n #prevButton\n type=\"button\"\n class=\"m-swiper-button prev\"\n aria-label=\"Imagen anterior\"\n [style.--arrow-color]=\"styles?.primary ?? '#ff4338'\"\n [style.--arrow-hover-color]=\"\n styles?.primaryHover ??\n styles?.primary ??\n '#ed3b37'\n \"\n >\n <svg\n width=\"7\"\n height=\"12\"\n viewBox=\"0 0 7 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.28467 5.31548L5.34843 0.281695C5.53052 0.100676 5.77712 -0.000650459 6.03398 3.77247e-06C6.29084 0.000657051 6.53692 0.103239 6.71808 0.285182C6.89924 0.467126 7.00065 0.713526 7 0.970178C6.99934 1.22683 6.89668 1.47271 6.71459 1.65373L2.32693 5.98705L6.7116 10.3463C6.89369 10.5273 6.99635 10.7732 6.99701 11.0298C6.99766 11.2865 6.89625 11.5329 6.71509 11.7148C6.53392 11.8968 6.28784 11.9993 6.03099 12C5.77413 12.0007 5.52753 11.8993 5.34544 11.7183L0.283673 6.68651C0.101853 6.50457 -0.000186192 6.25791 7.39071e-07 6.00079C0.00018767 5.74367 0.102586 5.49716 0.28467 5.31548Z\"\n fill=\"white\"\n ></path>\n </svg>\n </button>\n </div>\n }\n }\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.mdl-mdh007mdh008.reverse .mdl-container{flex-direction:row-reverse}.mdl-mdh007mdh008 .mdl-container{display:flex;flex-direction:row;justify-content:space-between;height:70rem;gap:6rem}.mdl-mdh007mdh008 .mdl-container .m-img{height:100%;width:calc(37% - 3rem)}.mdl-mdh007mdh008 .mdl-container .m-img img{width:100%;height:100%;object-fit:cover}.mdl-mdh007mdh008 .mdl-container .swiper-container{position:relative;width:calc(63% - 3rem)}.mdl-mdh007mdh008 .mdl-container .swiper-container .swiper-overflow{overflow:hidden;width:100%;height:100%}.mdl-mdh007mdh008 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper{flex-shrink:0!important;width:100%;height:100%;position:relative!important;transition-property:transform;display:flex;box-sizing:content-box}.mdl-mdh007mdh008 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.mdl-mdh007mdh008 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide img{width:100%;height:100%;object-fit:cover}.mdl-mdh007mdh008 .mdl-container .swiper-container .m-swiper-button{position:absolute;top:50%;transform:translateY(-50%);z-index:9}.mdl-mdh007mdh008 .mdl-container .swiper-container .m-swiper-button.next{left:0}.mdl-mdh007mdh008 .mdl-container .swiper-container .m-swiper-button.prev{right:0}.mdl-mdh007mdh008 .mdl-container .swiper-container .m-swiper-button{background-color:var(--arrow-color, transparent)}@media (hover: hover){.mdl-mdh007mdh008 .mdl-container .swiper-container .m-swiper-button:hover{background-color:var(--arrow-hover-color, var(--arrow-color))}}@media (max-width: 1680px){.mdl-mdh007mdh008 .mdl-container{height:64rem}}@media (max-width: 1366px){.mdl-mdh007mdh008 .mdl-container{height:52rem;gap:4rem}.mdl-mdh007mdh008 .mdl-container .m-img{width:calc(37% - 2rem)}.mdl-mdh007mdh008 .mdl-container .swiper-container{width:calc(63% - 2rem)}}@media (max-width: 1080px){.mdl-mdh007mdh008 .mdl-container{height:38rem;gap:3rem}.mdl-mdh007mdh008 .mdl-container .m-img{width:calc(37% - 1.5rem)}.mdl-mdh007mdh008 .mdl-container .swiper-container{width:calc(63% - 1.5rem)}}@media (max-width: 768px){.mdl-mdh007mdh008 .mdl-container{height:31rem}}@media (max-width: 540px){.mdl-mdh007mdh008 .mdl-container{height:30rem}.mdl-mdh007mdh008 .mdl-container .m-img{display:none}.mdl-mdh007mdh008 .mdl-container .swiper-container{width:100%}}@media (max-width: 375px){.mdl-mdh007mdh008 .mdl-container{height:21rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
20003
20071
|
}
|
|
20004
20072
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliC2ImgComponent, decorators: [{
|
|
20005
20073
|
type: Component,
|
|
20006
|
-
args: [{ selector: 'sli-c2-img', standalone: true, imports: [CommonModule], template: "<!-- COMENTARIO CONEXI\u00D3N: A\u00F1adir clase 'reverse' para invertir la posici\u00F3n del slide -->\n@if (multimedia || rooms?.[0]?.multimedia) {\n <section class=\"mdl-mdh007mdh008\" [class.reverse]=\"reverse\">\n <div class=\"mdl-container\">\n @if (multimedia || rooms?.[0]?.multimedia) {\n @if (\n multimedia?.staticImagenes?.[0] ??\n getFirstImageByTag(\n tagNameVertical,\n rooms?.[0]?.multimedia\n );\n as staticImage\n ) {\n <div class=\"m-img\">\n <img\n [src]=\"staticImage?.img?.src\"\n [alt]=\"staticImage?.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n }\n @if (\n (multimedia?.imagenes ||\n rooms?.[0]?.multimedia?.imagenes) &&\n imagesSlider.length > 0\n ) {\n <div class=\"swiper-container\">\n <div class=\"swiper-overflow swiper\" #swiperContainer>\n <div class=\"swiper-wrapper\">\n @for (slide of imagesSlider; track $index) {\n <div class=\"swiper-slide\">\n <img\n [src]=\"slide?.img?.src\"\n [alt]=\"slide?.img?.alt ?? 'image'\"\n />\n </div>\n }\n </div>\n </div>\n\n <button\n #nextButton\n type=\"button\"\n class=\"m-swiper-button next\"\n aria-label=\"Siguiente imagen\"\n [style.--arrow-color]=\"styles?.primary ?? '#
|
|
20074
|
+
args: [{ selector: 'sli-c2-img', standalone: true, imports: [CommonModule], template: "<!-- COMENTARIO CONEXI\u00D3N: A\u00F1adir clase 'reverse' para invertir la posici\u00F3n del slide -->\n@if (multimedia || rooms?.[0]?.multimedia) {\n <section class=\"mdl-mdh007mdh008\" [class.reverse]=\"reverse\">\n <div class=\"mdl-container\">\n @if (multimedia || rooms?.[0]?.multimedia) {\n @if (\n multimedia?.staticImagenes?.[0] ??\n getFirstImageByTag(\n tagNameVertical,\n rooms?.[0]?.multimedia\n );\n as staticImage\n ) {\n <div class=\"m-img\">\n <img\n [src]=\"staticImage?.img?.src\"\n [alt]=\"staticImage?.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n }\n @if (\n (multimedia?.imagenes ||\n rooms?.[0]?.multimedia?.imagenes) &&\n imagesSlider.length > 0\n ) {\n <div class=\"swiper-container\">\n <div class=\"swiper-overflow swiper\" #swiperContainer>\n <div class=\"swiper-wrapper\">\n @for (slide of imagesSlider; track $index) {\n <div class=\"swiper-slide\">\n <img\n [src]=\"slide?.img?.src\"\n [alt]=\"slide?.img?.alt ?? 'image'\"\n />\n </div>\n }\n </div>\n </div>\n\n <button\n #nextButton\n type=\"button\"\n class=\"m-swiper-button next\"\n aria-label=\"Siguiente imagen\"\n [style.--arrow-color]=\"styles?.primary ?? '#ff4338'\"\n [style.--arrow-hover-color]=\"\n styles?.primaryHover ??\n styles?.primary ??\n '#ed3b37'\n \"\n >\n <svg\n width=\"7\"\n height=\"12\"\n viewBox=\"0 0 7 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.71533 5.31548L1.65157 0.281695C1.46948 0.100676 1.22288 -0.000650459 0.966022 3.77247e-06C0.709163 0.000657051 0.463085 0.103239 0.281921 0.285182C0.100757 0.467126 -0.000651881 0.713526 2.66678e-06 0.970178C0.000657215 1.22683 0.103322 1.47271 0.285411 1.65373L4.67307 5.98705L0.288403 10.3463C0.106314 10.5273 0.00364923 10.7732 0.0029947 11.0298C0.00234018 11.2865 0.103749 11.5329 0.284913 11.7148C0.466077 11.8968 0.712156 11.9993 0.969015 12C1.22587 12.0007 1.47247 11.8993 1.65456 11.7183L6.71633 6.68651C6.89815 6.50457 7.00019 6.25791 7 6.00079C6.99981 5.74367 6.89741 5.49716 6.71533 5.31548Z\"\n fill=\"white\"\n ></path>\n </svg>\n </button>\n <button\n #prevButton\n type=\"button\"\n class=\"m-swiper-button prev\"\n aria-label=\"Imagen anterior\"\n [style.--arrow-color]=\"styles?.primary ?? '#ff4338'\"\n [style.--arrow-hover-color]=\"\n styles?.primaryHover ??\n styles?.primary ??\n '#ed3b37'\n \"\n >\n <svg\n width=\"7\"\n height=\"12\"\n viewBox=\"0 0 7 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.28467 5.31548L5.34843 0.281695C5.53052 0.100676 5.77712 -0.000650459 6.03398 3.77247e-06C6.29084 0.000657051 6.53692 0.103239 6.71808 0.285182C6.89924 0.467126 7.00065 0.713526 7 0.970178C6.99934 1.22683 6.89668 1.47271 6.71459 1.65373L2.32693 5.98705L6.7116 10.3463C6.89369 10.5273 6.99635 10.7732 6.99701 11.0298C6.99766 11.2865 6.89625 11.5329 6.71509 11.7148C6.53392 11.8968 6.28784 11.9993 6.03099 12C5.77413 12.0007 5.52753 11.8993 5.34544 11.7183L0.283673 6.68651C0.101853 6.50457 -0.000186192 6.25791 7.39071e-07 6.00079C0.00018767 5.74367 0.102586 5.49716 0.28467 5.31548Z\"\n fill=\"white\"\n ></path>\n </svg>\n </button>\n </div>\n }\n }\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.mdl-mdh007mdh008.reverse .mdl-container{flex-direction:row-reverse}.mdl-mdh007mdh008 .mdl-container{display:flex;flex-direction:row;justify-content:space-between;height:70rem;gap:6rem}.mdl-mdh007mdh008 .mdl-container .m-img{height:100%;width:calc(37% - 3rem)}.mdl-mdh007mdh008 .mdl-container .m-img img{width:100%;height:100%;object-fit:cover}.mdl-mdh007mdh008 .mdl-container .swiper-container{position:relative;width:calc(63% - 3rem)}.mdl-mdh007mdh008 .mdl-container .swiper-container .swiper-overflow{overflow:hidden;width:100%;height:100%}.mdl-mdh007mdh008 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper{flex-shrink:0!important;width:100%;height:100%;position:relative!important;transition-property:transform;display:flex;box-sizing:content-box}.mdl-mdh007mdh008 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.mdl-mdh007mdh008 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide img{width:100%;height:100%;object-fit:cover}.mdl-mdh007mdh008 .mdl-container .swiper-container .m-swiper-button{position:absolute;top:50%;transform:translateY(-50%);z-index:9}.mdl-mdh007mdh008 .mdl-container .swiper-container .m-swiper-button.next{left:0}.mdl-mdh007mdh008 .mdl-container .swiper-container .m-swiper-button.prev{right:0}.mdl-mdh007mdh008 .mdl-container .swiper-container .m-swiper-button{background-color:var(--arrow-color, transparent)}@media (hover: hover){.mdl-mdh007mdh008 .mdl-container .swiper-container .m-swiper-button:hover{background-color:var(--arrow-hover-color, var(--arrow-color))}}@media (max-width: 1680px){.mdl-mdh007mdh008 .mdl-container{height:64rem}}@media (max-width: 1366px){.mdl-mdh007mdh008 .mdl-container{height:52rem;gap:4rem}.mdl-mdh007mdh008 .mdl-container .m-img{width:calc(37% - 2rem)}.mdl-mdh007mdh008 .mdl-container .swiper-container{width:calc(63% - 2rem)}}@media (max-width: 1080px){.mdl-mdh007mdh008 .mdl-container{height:38rem;gap:3rem}.mdl-mdh007mdh008 .mdl-container .m-img{width:calc(37% - 1.5rem)}.mdl-mdh007mdh008 .mdl-container .swiper-container{width:calc(63% - 1.5rem)}}@media (max-width: 768px){.mdl-mdh007mdh008 .mdl-container{height:31rem}}@media (max-width: 540px){.mdl-mdh007mdh008 .mdl-container{height:30rem}.mdl-mdh007mdh008 .mdl-container .m-img{display:none}.mdl-mdh007mdh008 .mdl-container .swiper-container{width:100%}}@media (max-width: 375px){.mdl-mdh007mdh008 .mdl-container{height:21rem}}\n"] }]
|
|
20007
20075
|
}], propDecorators: { multimedia: [{
|
|
20008
20076
|
type: Input
|
|
20009
20077
|
}], reverse: [{
|