ctt-babylon 0.22.111 → 0.22.113
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/core/babylon-webmap/babylon-webmap.component.mjs +53 -19
- package/esm2022/lib/components/external/core/c2-txt-rrss/c2-txt-rrss.component.mjs +3 -3
- package/fesm2022/ctt-babylon.mjs +54 -20
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/lib/components/core/babylon-webmap/babylon-webmap.component.d.ts +5 -2
- package/package.json +1 -1
package/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -21477,27 +21477,61 @@ class BabylonWebmapComponent {
|
|
|
21477
21477
|
if (!links?.length)
|
|
21478
21478
|
return [];
|
|
21479
21479
|
const groups = [];
|
|
21480
|
-
const
|
|
21480
|
+
const rootNodes = new Map();
|
|
21481
|
+
const homeLinks = [];
|
|
21482
|
+
// 1. Construir un árbol jerárquico basado en las carpetas/segmentos de la URL
|
|
21481
21483
|
links.forEach((link, index) => {
|
|
21482
21484
|
const segments = this.getUrlSegments(link.url);
|
|
21483
21485
|
if (segments.length === 0) {
|
|
21484
|
-
|
|
21486
|
+
homeLinks.push(link);
|
|
21485
21487
|
return;
|
|
21486
21488
|
}
|
|
21487
|
-
|
|
21488
|
-
|
|
21489
|
-
|
|
21490
|
-
|
|
21491
|
-
|
|
21492
|
-
|
|
21493
|
-
|
|
21494
|
-
|
|
21495
|
-
|
|
21496
|
-
|
|
21497
|
-
|
|
21498
|
-
|
|
21499
|
-
|
|
21500
|
-
|
|
21489
|
+
let currentLevel = rootNodes;
|
|
21490
|
+
segments.forEach((segment, segmentIndex) => {
|
|
21491
|
+
if (!currentLevel.has(segment)) {
|
|
21492
|
+
currentLevel.set(segment, {
|
|
21493
|
+
segment,
|
|
21494
|
+
label: this.getLabelFromSlug(segment),
|
|
21495
|
+
children: new Map(),
|
|
21496
|
+
});
|
|
21497
|
+
}
|
|
21498
|
+
const node = currentLevel.get(segment);
|
|
21499
|
+
// Si es el último segmento, enlazamos los datos reales del botón
|
|
21500
|
+
if (segmentIndex === segments.length - 1) {
|
|
21501
|
+
node.link = link;
|
|
21502
|
+
if (link.label) {
|
|
21503
|
+
node.label = link.label;
|
|
21504
|
+
}
|
|
21505
|
+
}
|
|
21506
|
+
currentLevel = node.children;
|
|
21507
|
+
});
|
|
21508
|
+
});
|
|
21509
|
+
// 2. Aplanar el árbol jerárquico simulando sangrías visuales (para 2, 3, 4, 5... niveles)
|
|
21510
|
+
rootNodes.forEach((rootNode, rootSegment) => {
|
|
21511
|
+
const group = this.createGroup(rootNode.link, rootSegment, rootNode.label);
|
|
21512
|
+
// Función recursiva que añade hijos al grupo plano
|
|
21513
|
+
const flattenChildren = (node, depth) => {
|
|
21514
|
+
const sortedChildren = Array.from(node.children.values()).sort((a, b) => a.label.localeCompare(b.label));
|
|
21515
|
+
sortedChildren.forEach((child) => {
|
|
21516
|
+
// Magia aquí: Espaciado visual de no-separación según profundidad sin romper el HTML actual
|
|
21517
|
+
const indent = '\u00A0\u00A0\u00A0\u00A0'.repeat(depth);
|
|
21518
|
+
const prefix = depth > 0 ? '- ' : '';
|
|
21519
|
+
group.children.push({
|
|
21520
|
+
...(child.link || {}),
|
|
21521
|
+
url: child.link?.url || '',
|
|
21522
|
+
label: `${indent}${prefix}${child.label}`,
|
|
21523
|
+
isParent: child.children.size > 0, // <-- Añadimos esta propiedad para CSS
|
|
21524
|
+
});
|
|
21525
|
+
// Procesar el siguiente nivel de profundidad (sub-sub-items)
|
|
21526
|
+
flattenChildren(child, depth + 1);
|
|
21527
|
+
});
|
|
21528
|
+
};
|
|
21529
|
+
flattenChildren(rootNode, 0);
|
|
21530
|
+
groups.push(group);
|
|
21531
|
+
});
|
|
21532
|
+
// Manejar enlaces "home"
|
|
21533
|
+
homeLinks.forEach((link, index) => {
|
|
21534
|
+
groups.push(this.createGroup(link, `home-${index}`, link.label, true));
|
|
21501
21535
|
});
|
|
21502
21536
|
return this.moveHomeGroupFirst(groups);
|
|
21503
21537
|
}
|
|
@@ -21558,11 +21592,11 @@ class BabylonWebmapComponent {
|
|
|
21558
21592
|
return [homeGroup, ...sortedGroups];
|
|
21559
21593
|
}
|
|
21560
21594
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonWebmapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21561
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonWebmapComponent, isStandalone: true, selector: "lib-babylon-webmap", inputs: { pretitle: "pretitle", title: "title", image: "image", tags: "tags", textColors: "textColors", links: "links", groupByCategory: "groupByCategory" }, ngImport: i0, template: "<section class=\"babylon__webmap margin-main\">\n <div class=\"container\">\n <div class=\"row cs_gap_y_30\">\n <div class=\"col-lg-6 cs_pr_110\">\n <div class=\"intro_info no-align\">\n @if (pretitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.pretitle || 'h3'\"\n cssClass=\"pretitle mb--10\"\n [color]=\"textColors?.pretitle\"\n [content]=\"pretitle\"\n ></lib-babylon-dynamic-heading>\n }\n @if (title) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.title || 'h2'\"\n cssClass=\"title\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-babylon-dynamic-heading>\n }\n @if (shouldGroupLinks && groupedLinks.length) {\n <ul\n class=\"cs_list cs_style_1 cs_mp_0 babylon__webmap-list--grouped\"\n >\n @for (group of groupedLinks; track group.trackKey) {\n <li\n [class.babylon__webmap-group--has-children]=\"\n group.children.length\n \"\n >\n <div class=\"babylon__webmap-group-title\">\n @if (group.link?.url) {\n <a\n [attr.aria-label]=\"\n group.link?.label\n \"\n [href]=\"group.link?.url\"\n [routerLink]=\"group.link?.url\"\n (click)=\"linkClick($event)\"\n >\n <p class=\"text--small\">\n {{ group.label }}\n </p>\n </a>\n } @else {\n <p class=\"text--small\">\n {{ group.label }}\n </p>\n }\n </div>\n @if (group.children.length) {\n <ul class=\"babylon__webmap-sublist\">\n @for (\n child of group.children;\n track child.url ||\n child.label ||\n $index\n ) {\n <li>\n <a\n [attr.aria-label]=\"\n child.label\n \"\n [href]=\"child.url\"\n [routerLink]=\"child.url\"\n (click)=\"\n linkClick($event)\n \"\n >\n <p class=\"text--small\">\n {{ child.label }}\n </p>\n </a>\n </li>\n }\n </ul>\n }\n </li>\n }\n </ul>\n } @else if (links?.length) {\n <ul class=\"cs_list cs_style_1 cs_mp_0\">\n @for (link of links; track $index) {\n @if (link) {\n <li>\n <a\n [attr.aria-label]=\"link.label\"\n [href]=\"link.url\"\n [routerLink]=\"link.url\"\n (click)=\"linkClick($event)\"\n >\n <p class=\"text--small\">\n {{ link.label }}\n </p>\n </a>\n </li>\n }\n }\n </ul>\n }\n </div>\n </div>\n @if (image) {\n <div class=\"col-lg-6\">\n <div\n class=\"cs_pr_1101 cs_image_layer cs_style_3 position-
|
|
21595
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonWebmapComponent, isStandalone: true, selector: "lib-babylon-webmap", inputs: { pretitle: "pretitle", title: "title", image: "image", tags: "tags", textColors: "textColors", links: "links", groupByCategory: "groupByCategory" }, ngImport: i0, template: "<section class=\"babylon__webmap margin-main\">\n <div class=\"container\">\n <div class=\"row cs_gap_y_30\">\n <div class=\"col-lg-6 cs_pr_110\">\n <div class=\"intro_info no-align\">\n @if (pretitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.pretitle || 'h3'\"\n cssClass=\"pretitle mb--10\"\n [color]=\"textColors?.pretitle\"\n [content]=\"pretitle\"\n ></lib-babylon-dynamic-heading>\n }\n @if (title) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.title || 'h2'\"\n cssClass=\"title\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-babylon-dynamic-heading>\n }\n @if (shouldGroupLinks && groupedLinks.length) {\n <ul\n class=\"cs_list cs_style_1 cs_mp_0 babylon__webmap-list--grouped\"\n >\n @for (group of groupedLinks; track group.trackKey) {\n <li\n [class.babylon__webmap-group--has-children]=\"\n group.children.length\n \"\n >\n <div class=\"babylon__webmap-group-title\">\n @if (group.link?.url) {\n <a\n [attr.aria-label]=\"\n group.link?.label\n \"\n [href]=\"group.link?.url\"\n [routerLink]=\"group.link?.url\"\n (click)=\"linkClick($event)\"\n >\n <p class=\"text--small\">\n {{ group.label }}\n </p>\n </a>\n } @else {\n <p class=\"text--small\">\n {{ group.label }}\n </p>\n }\n </div>\n @if (group.children.length) {\n <ul class=\"babylon__webmap-sublist\">\n @for (\n child of group.children;\n track child.url ||\n child.label ||\n $index\n ) {\n <li\n [class.is-parent]=\"\n child.isParent\n \"\n >\n <a\n [attr.aria-label]=\"\n child.label\n \"\n [href]=\"child.url\"\n [routerLink]=\"child.url\"\n (click)=\"\n linkClick($event)\n \"\n >\n <p class=\"text--small\">\n {{ child.label }}\n </p>\n </a>\n </li>\n }\n </ul>\n }\n </li>\n }\n </ul>\n } @else if (links?.length) {\n <ul class=\"cs_list cs_style_1 cs_mp_0\">\n @for (link of links; track $index) {\n @if (link) {\n <li>\n <a\n [attr.aria-label]=\"link.label\"\n [href]=\"link.url\"\n [routerLink]=\"link.url\"\n (click)=\"linkClick($event)\"\n >\n <p class=\"text--small\">\n {{ link.label }}\n </p>\n </a>\n </li>\n }\n }\n </ul>\n }\n </div>\n </div>\n @if (image) {\n <div class=\"col-lg-6 babylon__webmap-sticky-col\">\n <div\n class=\"cs_pr_1101 cs_image_layer cs_style_3 position-sticky\"\n >\n <img\n [src]=\"\n image?.src ||\n 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'\n \"\n [alt]=\"image?.alt ?? image?.title ?? 'title'\"\n class=\"cs--radius\"\n loading=\"lazy\"\n />\n </div>\n </div>\n }\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.cs_list.cs_style_1 li{position:relative;display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid var(--cl_border-light);padding-bottom:10px}.cs_list.cs_style_1 li:not(:last-child){margin-bottom:15px}.cs_list.cs_style_1.babylon__webmap-list--grouped li{flex-direction:column;gap:8px}.cs_list.cs_style_1.babylon__webmap-list--grouped .babylon__webmap-group-title{display:flex;align-items:flex-start;gap:10px}.cs_list.cs_style_1.babylon__webmap-list--grouped .babylon__webmap-group-title:before{content:\"\\2022\";flex:none;line-height:1.7}.cs_list.cs_style_1.babylon__webmap-list--grouped .babylon__webmap-group--has-children>.babylon__webmap-group-title .text--small{font-weight:700}.cs_list.cs_style_1.babylon__webmap-list--grouped .babylon__webmap-sublist{display:flex;flex-direction:column;gap:8px;width:100%;padding-left:28px}.cs_list.cs_style_1.babylon__webmap-list--grouped .babylon__webmap-sublist li{display:flex;flex-direction:row;gap:10px;border-bottom:0;padding-bottom:0}.cs_list.cs_style_1.babylon__webmap-list--grouped .babylon__webmap-sublist li:not(:last-child){margin-bottom:0}.cs_list.cs_style_1.babylon__webmap-list--grouped .babylon__webmap-sublist li:before{content:\"\\2022\";flex:none;line-height:1.7}.cs_list.cs_style_1.babylon__webmap-list--grouped .babylon__webmap-sublist li.is-parent .text--small{font-weight:700}.babylon__webmap-sticky-col{position:relative}.position-sticky{position:sticky;top:20rem}.cs_image_layer.cs_style_3.cs_type_1,.cs_image_layer.cs_style_4.cs_type_1{border-radius:250px 0}.cs_image_layer.cs_style_3.cs_type_1 img,.cs_image_layer.cs_style_4.cs_type_1 img{border-radius:inherit}.cs_image_layer.cs_style_3.cs_type_1:before,.cs_image_layer.cs_style_4.cs_type_1:before{border-radius:225px 0}.cs_list{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: BabylonDynamicHeadingComponent, selector: "lib-babylon-dynamic-heading", inputs: ["useInnerHtml", "tag", "wrapper", "cssClass", "content", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
21562
21596
|
}
|
|
21563
21597
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonWebmapComponent, decorators: [{
|
|
21564
21598
|
type: Component,
|
|
21565
|
-
args: [{ selector: 'lib-babylon-webmap', standalone: true, imports: [RouterModule, BabylonDynamicHeadingComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"babylon__webmap margin-main\">\n <div class=\"container\">\n <div class=\"row cs_gap_y_30\">\n <div class=\"col-lg-6 cs_pr_110\">\n <div class=\"intro_info no-align\">\n @if (pretitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.pretitle || 'h3'\"\n cssClass=\"pretitle mb--10\"\n [color]=\"textColors?.pretitle\"\n [content]=\"pretitle\"\n ></lib-babylon-dynamic-heading>\n }\n @if (title) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.title || 'h2'\"\n cssClass=\"title\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-babylon-dynamic-heading>\n }\n @if (shouldGroupLinks && groupedLinks.length) {\n <ul\n class=\"cs_list cs_style_1 cs_mp_0 babylon__webmap-list--grouped\"\n >\n @for (group of groupedLinks; track group.trackKey) {\n <li\n [class.babylon__webmap-group--has-children]=\"\n group.children.length\n \"\n >\n <div class=\"babylon__webmap-group-title\">\n @if (group.link?.url) {\n <a\n [attr.aria-label]=\"\n group.link?.label\n \"\n [href]=\"group.link?.url\"\n [routerLink]=\"group.link?.url\"\n (click)=\"linkClick($event)\"\n >\n <p class=\"text--small\">\n {{ group.label }}\n </p>\n </a>\n } @else {\n <p class=\"text--small\">\n {{ group.label }}\n </p>\n }\n </div>\n @if (group.children.length) {\n <ul class=\"babylon__webmap-sublist\">\n @for (\n child of group.children;\n track child.url ||\n child.label ||\n $index\n ) {\n <li>\n <a\n [attr.aria-label]=\"\n child.label\n \"\n [href]=\"child.url\"\n [routerLink]=\"child.url\"\n (click)=\"\n linkClick($event)\n \"\n >\n <p class=\"text--small\">\n {{ child.label }}\n </p>\n </a>\n </li>\n }\n </ul>\n }\n </li>\n }\n </ul>\n } @else if (links?.length) {\n <ul class=\"cs_list cs_style_1 cs_mp_0\">\n @for (link of links; track $index) {\n @if (link) {\n <li>\n <a\n [attr.aria-label]=\"link.label\"\n [href]=\"link.url\"\n [routerLink]=\"link.url\"\n (click)=\"linkClick($event)\"\n >\n <p class=\"text--small\">\n {{ link.label }}\n </p>\n </a>\n </li>\n }\n }\n </ul>\n }\n </div>\n </div>\n @if (image) {\n <div class=\"col-lg-6\">\n <div\n class=\"cs_pr_1101 cs_image_layer cs_style_3 position-
|
|
21599
|
+
args: [{ selector: 'lib-babylon-webmap', standalone: true, imports: [RouterModule, BabylonDynamicHeadingComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"babylon__webmap margin-main\">\n <div class=\"container\">\n <div class=\"row cs_gap_y_30\">\n <div class=\"col-lg-6 cs_pr_110\">\n <div class=\"intro_info no-align\">\n @if (pretitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.pretitle || 'h3'\"\n cssClass=\"pretitle mb--10\"\n [color]=\"textColors?.pretitle\"\n [content]=\"pretitle\"\n ></lib-babylon-dynamic-heading>\n }\n @if (title) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.title || 'h2'\"\n cssClass=\"title\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-babylon-dynamic-heading>\n }\n @if (shouldGroupLinks && groupedLinks.length) {\n <ul\n class=\"cs_list cs_style_1 cs_mp_0 babylon__webmap-list--grouped\"\n >\n @for (group of groupedLinks; track group.trackKey) {\n <li\n [class.babylon__webmap-group--has-children]=\"\n group.children.length\n \"\n >\n <div class=\"babylon__webmap-group-title\">\n @if (group.link?.url) {\n <a\n [attr.aria-label]=\"\n group.link?.label\n \"\n [href]=\"group.link?.url\"\n [routerLink]=\"group.link?.url\"\n (click)=\"linkClick($event)\"\n >\n <p class=\"text--small\">\n {{ group.label }}\n </p>\n </a>\n } @else {\n <p class=\"text--small\">\n {{ group.label }}\n </p>\n }\n </div>\n @if (group.children.length) {\n <ul class=\"babylon__webmap-sublist\">\n @for (\n child of group.children;\n track child.url ||\n child.label ||\n $index\n ) {\n <li\n [class.is-parent]=\"\n child.isParent\n \"\n >\n <a\n [attr.aria-label]=\"\n child.label\n \"\n [href]=\"child.url\"\n [routerLink]=\"child.url\"\n (click)=\"\n linkClick($event)\n \"\n >\n <p class=\"text--small\">\n {{ child.label }}\n </p>\n </a>\n </li>\n }\n </ul>\n }\n </li>\n }\n </ul>\n } @else if (links?.length) {\n <ul class=\"cs_list cs_style_1 cs_mp_0\">\n @for (link of links; track $index) {\n @if (link) {\n <li>\n <a\n [attr.aria-label]=\"link.label\"\n [href]=\"link.url\"\n [routerLink]=\"link.url\"\n (click)=\"linkClick($event)\"\n >\n <p class=\"text--small\">\n {{ link.label }}\n </p>\n </a>\n </li>\n }\n }\n </ul>\n }\n </div>\n </div>\n @if (image) {\n <div class=\"col-lg-6 babylon__webmap-sticky-col\">\n <div\n class=\"cs_pr_1101 cs_image_layer cs_style_3 position-sticky\"\n >\n <img\n [src]=\"\n image?.src ||\n 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'\n \"\n [alt]=\"image?.alt ?? image?.title ?? 'title'\"\n class=\"cs--radius\"\n loading=\"lazy\"\n />\n </div>\n </div>\n }\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.cs_list.cs_style_1 li{position:relative;display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid var(--cl_border-light);padding-bottom:10px}.cs_list.cs_style_1 li:not(:last-child){margin-bottom:15px}.cs_list.cs_style_1.babylon__webmap-list--grouped li{flex-direction:column;gap:8px}.cs_list.cs_style_1.babylon__webmap-list--grouped .babylon__webmap-group-title{display:flex;align-items:flex-start;gap:10px}.cs_list.cs_style_1.babylon__webmap-list--grouped .babylon__webmap-group-title:before{content:\"\\2022\";flex:none;line-height:1.7}.cs_list.cs_style_1.babylon__webmap-list--grouped .babylon__webmap-group--has-children>.babylon__webmap-group-title .text--small{font-weight:700}.cs_list.cs_style_1.babylon__webmap-list--grouped .babylon__webmap-sublist{display:flex;flex-direction:column;gap:8px;width:100%;padding-left:28px}.cs_list.cs_style_1.babylon__webmap-list--grouped .babylon__webmap-sublist li{display:flex;flex-direction:row;gap:10px;border-bottom:0;padding-bottom:0}.cs_list.cs_style_1.babylon__webmap-list--grouped .babylon__webmap-sublist li:not(:last-child){margin-bottom:0}.cs_list.cs_style_1.babylon__webmap-list--grouped .babylon__webmap-sublist li:before{content:\"\\2022\";flex:none;line-height:1.7}.cs_list.cs_style_1.babylon__webmap-list--grouped .babylon__webmap-sublist li.is-parent .text--small{font-weight:700}.babylon__webmap-sticky-col{position:relative}.position-sticky{position:sticky;top:20rem}.cs_image_layer.cs_style_3.cs_type_1,.cs_image_layer.cs_style_4.cs_type_1{border-radius:250px 0}.cs_image_layer.cs_style_3.cs_type_1 img,.cs_image_layer.cs_style_4.cs_type_1 img{border-radius:inherit}.cs_image_layer.cs_style_3.cs_type_1:before,.cs_image_layer.cs_style_4.cs_type_1:before{border-radius:225px 0}.cs_list{width:100%}\n"] }]
|
|
21566
21600
|
}], propDecorators: { pretitle: [{
|
|
21567
21601
|
type: Input
|
|
21568
21602
|
}], title: [{
|
|
@@ -21957,11 +21991,11 @@ class C2TxtRrssComponent {
|
|
|
21957
21991
|
.trim();
|
|
21958
21992
|
}
|
|
21959
21993
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2TxtRrssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21960
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C2TxtRrssComponent, isStandalone: true, selector: "c2-txt-rrss", inputs: { texts: "texts", socials: "socials" }, ngImport: i0, template: "@if (socials) {\n <section class=\"mdl-md001\">\n <div class=\"mdl-container\">\n <div class=\"m-rrss\">\n @if (texts) {\n <h2 class=\"m-title\">{{ texts.title }}</h2>\n }\n <div class=\"m-icons\">\n @for (item of socials; track $index) {\n @if (\n normalizeText(item.name) == 'youtube' ||\n normalizeText(item.label) == 'youtube'\n ) {\n <a\n background=\"#FF4338\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon youtube\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M23.5 6.2c-.3-1.1-1.2-2-2.3-2.3C19.2 3.4 12 3.4 12 3.4s-7.2 0-9.2.5C1.7 4.2.8 5.1.5 6.2.1 8.2.1 12 .1 12s0 3.8.4 5.8c.3 1.1 1.2 2 2.3 2.3 2 .5 9.2.5 9.2.5s7.2 0 9.2-.5c1.1-.3 2-1.2 2.3-2.3.4-2 .4-5.8.4-5.8s0-3.8-.4-5.8ZM10 8.5v7l6-3.5-6-3.5Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n normalizeText(item.name) == 'facebook' ||\n normalizeText(item.label) == 'facebook'\n ) {\n <a\n background=\"#5B87DA\"\n [href]=\"item?.url\"\n class=\"m-icon facebook\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M13.5 22V12.9h3.1l.5-3.5h-3.6V7.2c0-1 .3-1.7 1.8-1.7h1.9V2.4c-.3 0-1.6-.1-3-.1-3 0-5 1.8-5 5.1v2.9H6.2v3.5h3.1V22h4.2Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n normalizeText(item.name) == 'instagram' ||\n normalizeText(item.label) == 'instagram'\n ) {\n <a\n background=\"#515050\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon instagram\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n normalizeText(item.name) == 'twitter' ||\n normalizeText(item.label) == 'twitter'\n ) {\n <a\n background=\"#515050\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon twitter\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M18.9 2H22l-6.8 7.8L23 22h-6.6l-5.2-6.7L5.3 22H2l7.3-8.4L1 2h6.7l4.7 6 6.5-6ZM17.8 20h1.7L6.1 3.9H4.3L17.8 20Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n normalizeText(item.name) == 'tiktok' ||\n normalizeText(item.label) == 'tiktok'\n ) {\n <a\n background=\"#515050\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon tiktok\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14 2h2.3c.3 2.1 1.5 3.7 3.7 4.4V8.6c-1.7 0-3.1-.5-4.3-1.4v7.1c0 3-2.4 5.7-5.7 5.7S4.3 17.3 4.3 14.3c0-3 2.4-5.7 5.7-5.7.3 0 .6 0 .9.1v2.4c-.3-.1-.6-.2-.9-.2-1.7 0-3.1 1.4-3.1 3.1 0 1.7 1.4 3.1 3.1 3.1 1.8 0 3.1-1.3 3.1-3.6V2Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n normalizeText(item.name) == 'blue' ||\n normalizeText(item.label) == 'blue'\n ) {\n <a\n background=\"#66C3C9\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon blue\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n <!-- <a\n class=\"m-icon\"\n [style.background-color]=\"icon.background\"\n [href]=\"icon.url\"\n [attr.target]=\"icon.target || '_self'\"\n [attr.aria-label]=\"icon.label\"\n [attr.rel]=\"\n (icon.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n focusable=\"false\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a> -->\n }\n </div>\n @if (texts?.description ?? texts?.subtitle) {\n <div class=\"m-subtitle\">\n {{ texts?.description ?? texts?.subtitle }}\n </div>\n }\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-md001 .mdl-container{padding:8rem 0}.mdl-md001 .mdl-container .m-rrss{display:flex;flex-direction:row;gap:7rem;align-items:center;justify-content:center}.mdl-md001 .mdl-container .m-rrss .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}@media (max-width: 375px){.mdl-md001 .mdl-container .m-rrss .m-title{font-size:2rem}}.mdl-md001 .mdl-container .m-rrss .m-title{color:#515050b2;margin-right:10%}.mdl-md001 .mdl-container .m-rrss .m-icons{display:flex;flex-direction:row;gap:2rem;align-items:center;flex-wrap:wrap}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon{border-radius:100%;width:5rem;height:5rem;position:relative;transition:.3s ease;display:flex;justify-content:center;align-items:center}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:not(:hover){background-color:#fff}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon svg path{transition:.3s ease;fill:#515050b2}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon img{width:30px;height:30px;object-fit:contain;transition:.3s ease}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover{background-color:var(--cl_instagram)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.youtube{background-color:var(--cl_youtube)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.facebook{background-color:var(--cl_facebook)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.instagram{background-color:var(--cl_instagram)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.twitter{background-color:var(--cl_twitter)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.tiktok{background-color:var(--cl_tiktok)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.blue{background-color:var(--cl_blue)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover img{width:40px;height:40px;transition:.3s ease}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover svg path{fill:#fff}.mdl-md001 .mdl-container .m-rrss .m-subtitle{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}@media (max-width: 375px){.mdl-md001 .mdl-container .m-rrss .m-subtitle{font-size:2rem}}.mdl-md001 .mdl-container .m-rrss .m-subtitle{font-size:3.8rem;color:#515050}@media (max-width: 1366px){.mdl-md001 .mdl-container .m-rrss{gap:6rem}.mdl-md001 .mdl-container .m-rrss .m-title{margin-right:3%}}@media (max-width: 1080px){.mdl-md001 .mdl-container .m-rrss{gap:3.6rem}.mdl-md001 .mdl-container .m-rrss .m-title{margin-right:0}.mdl-md001 .mdl-container .m-rrss{flex-direction:column;align-items:center;text-align:center}}@media (max-width: 540px){.mdl-md001 .mdl-container .m-rrss{max-width:90%;margin:0 auto}.mdl-md001 .mdl-container .m-rrss .m-icons{justify-content:center;gap:1rem 2rem}}@media (max-width: 375px){.mdl-md001 .mdl-container{padding:5rem 0}.mdl-md001 .mdl-container .m-rrss{gap:2.5rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
21994
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C2TxtRrssComponent, isStandalone: true, selector: "c2-txt-rrss", inputs: { texts: "texts", socials: "socials" }, ngImport: i0, template: "@if (socials) {\n <section class=\"mdl-md001\">\n <div class=\"mdl-container\">\n <div class=\"m-rrss\">\n @if (texts) {\n <h2 class=\"m-title\">{{ texts.title }}</h2>\n }\n <div class=\"m-icons\">\n @for (item of socials; track $index) {\n @if (\n normalizeText(item.name) == 'youtube' ||\n normalizeText(item.label) == 'youtube'\n ) {\n <a\n background=\"#FF4338\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon youtube\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M23.5 6.2c-.3-1.1-1.2-2-2.3-2.3C19.2 3.4 12 3.4 12 3.4s-7.2 0-9.2.5C1.7 4.2.8 5.1.5 6.2.1 8.2.1 12 .1 12s0 3.8.4 5.8c.3 1.1 1.2 2 2.3 2.3 2 .5 9.2.5 9.2.5s7.2 0 9.2-.5c1.1-.3 2-1.2 2.3-2.3.4-2 .4-5.8.4-5.8s0-3.8-.4-5.8ZM10 8.5v7l6-3.5-6-3.5Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n normalizeText(item.name) == 'facebook' ||\n normalizeText(item.label) == 'facebook'\n ) {\n <a\n background=\"#5B87DA\"\n [href]=\"item?.url\"\n class=\"m-icon facebook\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M13.5 22V12.9h3.1l.5-3.5h-3.6V7.2c0-1 .3-1.7 1.8-1.7h1.9V2.4c-.3 0-1.6-.1-3-.1-3 0-5 1.8-5 5.1v2.9H6.2v3.5h3.1V22h4.2Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n normalizeText(item.name) == 'instagram' ||\n normalizeText(item.label) == 'instagram'\n ) {\n <a\n background=\"#515050\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon instagram\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n normalizeText(item.name) == 'twitter' ||\n normalizeText(item.label) == 'twitter'\n ) {\n <a\n background=\"#515050\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon twitter\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M18.9 2H22l-6.8 7.8L23 22h-6.6l-5.2-6.7L5.3 22H2l7.3-8.4L1 2h6.7l4.7 6 6.5-6ZM17.8 20h1.7L6.1 3.9H4.3L17.8 20Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n normalizeText(item.name) == 'tiktok' ||\n normalizeText(item.label) == 'tiktok'\n ) {\n <a\n background=\"#515050\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon tiktok\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14 2h2.3c.3 2.1 1.5 3.7 3.7 4.4V8.6c-1.7 0-3.1-.5-4.3-1.4v7.1c0 3-2.4 5.7-5.7 5.7S4.3 17.3 4.3 14.3c0-3 2.4-5.7 5.7-5.7.3 0 .6 0 .9.1v2.4c-.3-.1-.6-.2-.9-.2-1.7 0-3.1 1.4-3.1 3.1 0 1.7 1.4 3.1 3.1 3.1 1.8 0 3.1-1.3 3.1-3.6V2Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n normalizeText(item.name) == 'blue' ||\n normalizeText(item.label) == 'blue'\n ) {\n <a\n background=\"#66C3C9\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon blue\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n <!-- <a\n class=\"m-icon\"\n [style.background-color]=\"icon.background\"\n [href]=\"icon.url\"\n [attr.target]=\"icon.target || '_self'\"\n [attr.aria-label]=\"icon.label\"\n [attr.rel]=\"\n (icon.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n focusable=\"false\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a> -->\n }\n </div>\n @if (texts?.description ?? texts?.subtitle) {\n <div class=\"m-subtitle\">\n {{ texts?.description ?? texts?.subtitle }}\n </div>\n }\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-md001 .mdl-container{padding:8rem 0}.mdl-md001 .mdl-container .m-rrss{display:flex;flex-direction:row;gap:7rem;align-items:center;justify-content:center}.mdl-md001 .mdl-container .m-rrss .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}@media (max-width: 375px){.mdl-md001 .mdl-container .m-rrss .m-title{font-size:2rem}}.mdl-md001 .mdl-container .m-rrss .m-title{color:#515050b2;margin-right:10%}.mdl-md001 .mdl-container .m-rrss .m-icons{display:flex;flex-direction:row;gap:2rem;align-items:center;flex-wrap:wrap}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon{border-radius:100%;width:5rem;height:5rem;position:relative;transition:.3s ease;display:flex;justify-content:center;align-items:center}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:not(:hover){background-color:#fff}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon svg path{transition:.3s ease;fill:#515050b2}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon img{width:30px;height:30px;object-fit:contain;transition:.3s ease}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover{background:var(--cl_instagram)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.youtube{background:var(--cl_youtube)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.facebook{background:var(--cl_facebook)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.instagram{background:var(--cl_instagram)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.twitter{background:var(--cl_twitter)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.tiktok{background:var(--cl_tiktok)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.blue{background:var(--cl_blue)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover img{width:40px;height:40px;transition:.3s ease}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover svg path{fill:#fff}.mdl-md001 .mdl-container .m-rrss .m-subtitle{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}@media (max-width: 375px){.mdl-md001 .mdl-container .m-rrss .m-subtitle{font-size:2rem}}.mdl-md001 .mdl-container .m-rrss .m-subtitle{font-size:3.8rem;color:#515050}@media (max-width: 1366px){.mdl-md001 .mdl-container .m-rrss{gap:6rem}.mdl-md001 .mdl-container .m-rrss .m-title{margin-right:3%}}@media (max-width: 1080px){.mdl-md001 .mdl-container .m-rrss{gap:3.6rem}.mdl-md001 .mdl-container .m-rrss .m-title{margin-right:0}.mdl-md001 .mdl-container .m-rrss{flex-direction:column;align-items:center;text-align:center}}@media (max-width: 540px){.mdl-md001 .mdl-container .m-rrss{max-width:90%;margin:0 auto}.mdl-md001 .mdl-container .m-rrss .m-icons{justify-content:center;gap:1rem 2rem}}@media (max-width: 375px){.mdl-md001 .mdl-container{padding:5rem 0}.mdl-md001 .mdl-container .m-rrss{gap:2.5rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
21961
21995
|
}
|
|
21962
21996
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2TxtRrssComponent, decorators: [{
|
|
21963
21997
|
type: Component,
|
|
21964
|
-
args: [{ selector: 'c2-txt-rrss', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective], template: "@if (socials) {\n <section class=\"mdl-md001\">\n <div class=\"mdl-container\">\n <div class=\"m-rrss\">\n @if (texts) {\n <h2 class=\"m-title\">{{ texts.title }}</h2>\n }\n <div class=\"m-icons\">\n @for (item of socials; track $index) {\n @if (\n normalizeText(item.name) == 'youtube' ||\n normalizeText(item.label) == 'youtube'\n ) {\n <a\n background=\"#FF4338\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon youtube\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M23.5 6.2c-.3-1.1-1.2-2-2.3-2.3C19.2 3.4 12 3.4 12 3.4s-7.2 0-9.2.5C1.7 4.2.8 5.1.5 6.2.1 8.2.1 12 .1 12s0 3.8.4 5.8c.3 1.1 1.2 2 2.3 2.3 2 .5 9.2.5 9.2.5s7.2 0 9.2-.5c1.1-.3 2-1.2 2.3-2.3.4-2 .4-5.8.4-5.8s0-3.8-.4-5.8ZM10 8.5v7l6-3.5-6-3.5Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n normalizeText(item.name) == 'facebook' ||\n normalizeText(item.label) == 'facebook'\n ) {\n <a\n background=\"#5B87DA\"\n [href]=\"item?.url\"\n class=\"m-icon facebook\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M13.5 22V12.9h3.1l.5-3.5h-3.6V7.2c0-1 .3-1.7 1.8-1.7h1.9V2.4c-.3 0-1.6-.1-3-.1-3 0-5 1.8-5 5.1v2.9H6.2v3.5h3.1V22h4.2Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n normalizeText(item.name) == 'instagram' ||\n normalizeText(item.label) == 'instagram'\n ) {\n <a\n background=\"#515050\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon instagram\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n normalizeText(item.name) == 'twitter' ||\n normalizeText(item.label) == 'twitter'\n ) {\n <a\n background=\"#515050\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon twitter\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M18.9 2H22l-6.8 7.8L23 22h-6.6l-5.2-6.7L5.3 22H2l7.3-8.4L1 2h6.7l4.7 6 6.5-6ZM17.8 20h1.7L6.1 3.9H4.3L17.8 20Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n normalizeText(item.name) == 'tiktok' ||\n normalizeText(item.label) == 'tiktok'\n ) {\n <a\n background=\"#515050\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon tiktok\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14 2h2.3c.3 2.1 1.5 3.7 3.7 4.4V8.6c-1.7 0-3.1-.5-4.3-1.4v7.1c0 3-2.4 5.7-5.7 5.7S4.3 17.3 4.3 14.3c0-3 2.4-5.7 5.7-5.7.3 0 .6 0 .9.1v2.4c-.3-.1-.6-.2-.9-.2-1.7 0-3.1 1.4-3.1 3.1 0 1.7 1.4 3.1 3.1 3.1 1.8 0 3.1-1.3 3.1-3.6V2Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n normalizeText(item.name) == 'blue' ||\n normalizeText(item.label) == 'blue'\n ) {\n <a\n background=\"#66C3C9\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon blue\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n <!-- <a\n class=\"m-icon\"\n [style.background-color]=\"icon.background\"\n [href]=\"icon.url\"\n [attr.target]=\"icon.target || '_self'\"\n [attr.aria-label]=\"icon.label\"\n [attr.rel]=\"\n (icon.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n focusable=\"false\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a> -->\n }\n </div>\n @if (texts?.description ?? texts?.subtitle) {\n <div class=\"m-subtitle\">\n {{ texts?.description ?? texts?.subtitle }}\n </div>\n }\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-md001 .mdl-container{padding:8rem 0}.mdl-md001 .mdl-container .m-rrss{display:flex;flex-direction:row;gap:7rem;align-items:center;justify-content:center}.mdl-md001 .mdl-container .m-rrss .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}@media (max-width: 375px){.mdl-md001 .mdl-container .m-rrss .m-title{font-size:2rem}}.mdl-md001 .mdl-container .m-rrss .m-title{color:#515050b2;margin-right:10%}.mdl-md001 .mdl-container .m-rrss .m-icons{display:flex;flex-direction:row;gap:2rem;align-items:center;flex-wrap:wrap}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon{border-radius:100%;width:5rem;height:5rem;position:relative;transition:.3s ease;display:flex;justify-content:center;align-items:center}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:not(:hover){background-color:#fff}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon svg path{transition:.3s ease;fill:#515050b2}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon img{width:30px;height:30px;object-fit:contain;transition:.3s ease}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover{background-color:var(--cl_instagram)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.youtube{background-color:var(--cl_youtube)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.facebook{background-color:var(--cl_facebook)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.instagram{background-color:var(--cl_instagram)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.twitter{background-color:var(--cl_twitter)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.tiktok{background-color:var(--cl_tiktok)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.blue{background-color:var(--cl_blue)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover img{width:40px;height:40px;transition:.3s ease}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover svg path{fill:#fff}.mdl-md001 .mdl-container .m-rrss .m-subtitle{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}@media (max-width: 375px){.mdl-md001 .mdl-container .m-rrss .m-subtitle{font-size:2rem}}.mdl-md001 .mdl-container .m-rrss .m-subtitle{font-size:3.8rem;color:#515050}@media (max-width: 1366px){.mdl-md001 .mdl-container .m-rrss{gap:6rem}.mdl-md001 .mdl-container .m-rrss .m-title{margin-right:3%}}@media (max-width: 1080px){.mdl-md001 .mdl-container .m-rrss{gap:3.6rem}.mdl-md001 .mdl-container .m-rrss .m-title{margin-right:0}.mdl-md001 .mdl-container .m-rrss{flex-direction:column;align-items:center;text-align:center}}@media (max-width: 540px){.mdl-md001 .mdl-container .m-rrss{max-width:90%;margin:0 auto}.mdl-md001 .mdl-container .m-rrss .m-icons{justify-content:center;gap:1rem 2rem}}@media (max-width: 375px){.mdl-md001 .mdl-container{padding:5rem 0}.mdl-md001 .mdl-container .m-rrss{gap:2.5rem}}\n"] }]
|
|
21998
|
+
args: [{ selector: 'c2-txt-rrss', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective], template: "@if (socials) {\n <section class=\"mdl-md001\">\n <div class=\"mdl-container\">\n <div class=\"m-rrss\">\n @if (texts) {\n <h2 class=\"m-title\">{{ texts.title }}</h2>\n }\n <div class=\"m-icons\">\n @for (item of socials; track $index) {\n @if (\n normalizeText(item.name) == 'youtube' ||\n normalizeText(item.label) == 'youtube'\n ) {\n <a\n background=\"#FF4338\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon youtube\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M23.5 6.2c-.3-1.1-1.2-2-2.3-2.3C19.2 3.4 12 3.4 12 3.4s-7.2 0-9.2.5C1.7 4.2.8 5.1.5 6.2.1 8.2.1 12 .1 12s0 3.8.4 5.8c.3 1.1 1.2 2 2.3 2.3 2 .5 9.2.5 9.2.5s7.2 0 9.2-.5c1.1-.3 2-1.2 2.3-2.3.4-2 .4-5.8.4-5.8s0-3.8-.4-5.8ZM10 8.5v7l6-3.5-6-3.5Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n normalizeText(item.name) == 'facebook' ||\n normalizeText(item.label) == 'facebook'\n ) {\n <a\n background=\"#5B87DA\"\n [href]=\"item?.url\"\n class=\"m-icon facebook\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M13.5 22V12.9h3.1l.5-3.5h-3.6V7.2c0-1 .3-1.7 1.8-1.7h1.9V2.4c-.3 0-1.6-.1-3-.1-3 0-5 1.8-5 5.1v2.9H6.2v3.5h3.1V22h4.2Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n normalizeText(item.name) == 'instagram' ||\n normalizeText(item.label) == 'instagram'\n ) {\n <a\n background=\"#515050\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon instagram\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n normalizeText(item.name) == 'twitter' ||\n normalizeText(item.label) == 'twitter'\n ) {\n <a\n background=\"#515050\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon twitter\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M18.9 2H22l-6.8 7.8L23 22h-6.6l-5.2-6.7L5.3 22H2l7.3-8.4L1 2h6.7l4.7 6 6.5-6ZM17.8 20h1.7L6.1 3.9H4.3L17.8 20Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n normalizeText(item.name) == 'tiktok' ||\n normalizeText(item.label) == 'tiktok'\n ) {\n <a\n background=\"#515050\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon tiktok\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14 2h2.3c.3 2.1 1.5 3.7 3.7 4.4V8.6c-1.7 0-3.1-.5-4.3-1.4v7.1c0 3-2.4 5.7-5.7 5.7S4.3 17.3 4.3 14.3c0-3 2.4-5.7 5.7-5.7.3 0 .6 0 .9.1v2.4c-.3-.1-.6-.2-.9-.2-1.7 0-3.1 1.4-3.1 3.1 0 1.7 1.4 3.1 3.1 3.1 1.8 0 3.1-1.3 3.1-3.6V2Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n normalizeText(item.name) == 'blue' ||\n normalizeText(item.label) == 'blue'\n ) {\n <a\n background=\"#66C3C9\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon blue\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n <!-- <a\n class=\"m-icon\"\n [style.background-color]=\"icon.background\"\n [href]=\"icon.url\"\n [attr.target]=\"icon.target || '_self'\"\n [attr.aria-label]=\"icon.label\"\n [attr.rel]=\"\n (icon.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n focusable=\"false\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a> -->\n }\n </div>\n @if (texts?.description ?? texts?.subtitle) {\n <div class=\"m-subtitle\">\n {{ texts?.description ?? texts?.subtitle }}\n </div>\n }\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-md001 .mdl-container{padding:8rem 0}.mdl-md001 .mdl-container .m-rrss{display:flex;flex-direction:row;gap:7rem;align-items:center;justify-content:center}.mdl-md001 .mdl-container .m-rrss .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}@media (max-width: 375px){.mdl-md001 .mdl-container .m-rrss .m-title{font-size:2rem}}.mdl-md001 .mdl-container .m-rrss .m-title{color:#515050b2;margin-right:10%}.mdl-md001 .mdl-container .m-rrss .m-icons{display:flex;flex-direction:row;gap:2rem;align-items:center;flex-wrap:wrap}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon{border-radius:100%;width:5rem;height:5rem;position:relative;transition:.3s ease;display:flex;justify-content:center;align-items:center}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:not(:hover){background-color:#fff}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon svg path{transition:.3s ease;fill:#515050b2}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon img{width:30px;height:30px;object-fit:contain;transition:.3s ease}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover{background:var(--cl_instagram)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.youtube{background:var(--cl_youtube)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.facebook{background:var(--cl_facebook)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.instagram{background:var(--cl_instagram)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.twitter{background:var(--cl_twitter)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.tiktok{background:var(--cl_tiktok)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.blue{background:var(--cl_blue)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover img{width:40px;height:40px;transition:.3s ease}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover svg path{fill:#fff}.mdl-md001 .mdl-container .m-rrss .m-subtitle{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}@media (max-width: 375px){.mdl-md001 .mdl-container .m-rrss .m-subtitle{font-size:2rem}}.mdl-md001 .mdl-container .m-rrss .m-subtitle{font-size:3.8rem;color:#515050}@media (max-width: 1366px){.mdl-md001 .mdl-container .m-rrss{gap:6rem}.mdl-md001 .mdl-container .m-rrss .m-title{margin-right:3%}}@media (max-width: 1080px){.mdl-md001 .mdl-container .m-rrss{gap:3.6rem}.mdl-md001 .mdl-container .m-rrss .m-title{margin-right:0}.mdl-md001 .mdl-container .m-rrss{flex-direction:column;align-items:center;text-align:center}}@media (max-width: 540px){.mdl-md001 .mdl-container .m-rrss{max-width:90%;margin:0 auto}.mdl-md001 .mdl-container .m-rrss .m-icons{justify-content:center;gap:1rem 2rem}}@media (max-width: 375px){.mdl-md001 .mdl-container{padding:5rem 0}.mdl-md001 .mdl-container .m-rrss{gap:2.5rem}}\n"] }]
|
|
21965
21999
|
}], propDecorators: { texts: [{
|
|
21966
22000
|
type: Input
|
|
21967
22001
|
}], socials: [{
|