ctt-babylon 0.13.14 → 0.13.15
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-404/babylon-404.component.mjs +13 -3
- package/esm2022/lib/components/core/babylon-404/babylon-404.interface.mjs +1 -1
- package/esm2022/lib/services/mapper/mapper.service.mjs +11 -3
- package/fesm2022/ctt-babylon.mjs +148 -131
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/lib/components/core/babylon-404/babylon-404.component.d.ts +5 -1
- package/lib/components/core/babylon-404/babylon-404.interface.d.ts +4 -0
- package/package.json +1 -1
package/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i1$1 from '@angular/common';
|
|
2
2
|
import { isPlatformBrowser, CommonModule, DOCUMENT } from '@angular/common';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { InjectionToken, EventEmitter, inject, PLATFORM_ID, NgZone, HostListener, Output, Input, Directive, ChangeDetectionStrategy, Component,
|
|
4
|
+
import { InjectionToken, EventEmitter, inject, PLATFORM_ID, NgZone, HostListener, Output, Input, Directive, Inject, ChangeDetectionStrategy, Component, signal, Injectable, computed, Renderer2, effect, Pipe, afterNextRender, ViewChild, ViewEncapsulation, ChangeDetectorRef, HostBinding, ViewChildren, booleanAttribute, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
|
5
5
|
import * as i1 from '@angular/router';
|
|
6
6
|
import { RouterModule, Router, NavigationEnd, NavigationStart, ActivatedRoute } from '@angular/router';
|
|
7
7
|
import { Observable, timer, map, filter, take, timeout, defer, of, switchMap, catchError, forkJoin, tap, takeWhile, fromEvent, debounceTime, distinctUntilChanged, startWith, Subject, takeUntil, BehaviorSubject } from 'rxjs';
|
|
@@ -332,13 +332,144 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
332
332
|
args: ['click', ['$event']]
|
|
333
333
|
}] } });
|
|
334
334
|
|
|
335
|
+
class BabylonDynamicHeadingComponent {
|
|
336
|
+
static { this.allowedTags = [
|
|
337
|
+
'h1',
|
|
338
|
+
'h2',
|
|
339
|
+
'h3',
|
|
340
|
+
'h4',
|
|
341
|
+
'h5',
|
|
342
|
+
'h6',
|
|
343
|
+
'p',
|
|
344
|
+
]; }
|
|
345
|
+
static { this.allowedWrappers = [
|
|
346
|
+
'span',
|
|
347
|
+
'b',
|
|
348
|
+
'i',
|
|
349
|
+
'u',
|
|
350
|
+
'mark',
|
|
351
|
+
'strong',
|
|
352
|
+
'em',
|
|
353
|
+
'small',
|
|
354
|
+
'del',
|
|
355
|
+
'ins',
|
|
356
|
+
'sub',
|
|
357
|
+
'sup',
|
|
358
|
+
'code',
|
|
359
|
+
'abbr',
|
|
360
|
+
'cite',
|
|
361
|
+
'kbd',
|
|
362
|
+
's',
|
|
363
|
+
'q',
|
|
364
|
+
null,
|
|
365
|
+
]; }
|
|
366
|
+
/** Etiqueta HTML principal (h1-h6, p, span por defecto) */
|
|
367
|
+
set tag(value) {
|
|
368
|
+
this._tag = BabylonDynamicHeadingComponent.allowedTags.includes(value)
|
|
369
|
+
? value
|
|
370
|
+
: 'h1';
|
|
371
|
+
}
|
|
372
|
+
get tag() {
|
|
373
|
+
return this._tag;
|
|
374
|
+
}
|
|
375
|
+
/** Wrapper interior (span, strong, em, etc.) */
|
|
376
|
+
set wrapper(value) {
|
|
377
|
+
this._wrapper = BabylonDynamicHeadingComponent.allowedWrappers.includes(value)
|
|
378
|
+
? value
|
|
379
|
+
: null;
|
|
380
|
+
}
|
|
381
|
+
get wrapper() {
|
|
382
|
+
return this._wrapper;
|
|
383
|
+
}
|
|
384
|
+
constructor(platformId) {
|
|
385
|
+
this.platformId = platformId;
|
|
386
|
+
this._tag = 'h1';
|
|
387
|
+
this._wrapper = null;
|
|
388
|
+
/** Clases CSS opcionales */
|
|
389
|
+
this.cssClass = '';
|
|
390
|
+
this.renderedHtml = '';
|
|
391
|
+
this.blockRe = /<(table|thead|tbody|tfoot|tr|ul|ol|li|div|section|article|h[1-6]|blockquote)/i;
|
|
392
|
+
}
|
|
393
|
+
ngOnChanges() {
|
|
394
|
+
if (isPlatformBrowser(this.platformId)) {
|
|
395
|
+
const decoded = this.decodeEntities(this.content || '');
|
|
396
|
+
this.renderedHtml = this.cleanHtml(decoded);
|
|
397
|
+
}
|
|
398
|
+
}
|
|
399
|
+
/** Limpia <p> vacíos y <p> envolviendo bloques/tablas; desenvuelve <p> dentro de celdas. */
|
|
400
|
+
cleanHtml(html) {
|
|
401
|
+
const root = document.createElement('div');
|
|
402
|
+
root.innerHTML = html;
|
|
403
|
+
// 1) <td|th><p>...</p></td|th> -> <td|th>...</td|th>
|
|
404
|
+
root.querySelectorAll('td > p, th > p').forEach((p) => {
|
|
405
|
+
const parent = p.parentElement;
|
|
406
|
+
while (p.firstChild)
|
|
407
|
+
parent.insertBefore(p.firstChild, p);
|
|
408
|
+
parent.removeChild(p);
|
|
409
|
+
});
|
|
410
|
+
// 2) <p> que solo tiene espacios/nbsp/br -> eliminar
|
|
411
|
+
root.querySelectorAll('p').forEach((p) => {
|
|
412
|
+
const onlyBr = Array.from(p.childNodes).every((n) => (n.nodeType === Node.ELEMENT_NODE &&
|
|
413
|
+
n.tagName.toLowerCase() === 'br') ||
|
|
414
|
+
(n.nodeType === Node.TEXT_NODE &&
|
|
415
|
+
(n.textContent || '').replace(/\u00a0/g, ' ').trim() ===
|
|
416
|
+
''));
|
|
417
|
+
if (onlyBr)
|
|
418
|
+
p.remove();
|
|
419
|
+
});
|
|
420
|
+
// 3) <p> que envuelve un bloque (table, ul, ol, div, section, article, h1..h6, blockquote) -> desenvolver
|
|
421
|
+
const isBlock = (el) => /^(table|thead|tbody|tfoot|tr|th|td|ul|ol|div|section|article|h[1-6]|blockquote)$/i.test(el.tagName);
|
|
422
|
+
root.querySelectorAll('p').forEach((p) => {
|
|
423
|
+
// Si dentro hay algún bloque, desenvolver
|
|
424
|
+
if (Array.from(p.children).some(isBlock)) {
|
|
425
|
+
while (p.firstChild)
|
|
426
|
+
p.parentElement.insertBefore(p.firstChild, p);
|
|
427
|
+
p.remove();
|
|
428
|
+
}
|
|
429
|
+
});
|
|
430
|
+
return root.innerHTML;
|
|
431
|
+
}
|
|
432
|
+
containsBlockHtml(c) {
|
|
433
|
+
return this.blockRe.test(c);
|
|
434
|
+
}
|
|
435
|
+
decodeEntities(s) {
|
|
436
|
+
const ta = document.createElement('textarea');
|
|
437
|
+
ta.innerHTML = s;
|
|
438
|
+
return ta.value;
|
|
439
|
+
}
|
|
440
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonDynamicHeadingComponent, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
441
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonDynamicHeadingComponent, isStandalone: true, selector: "lib-babylon-dynamic-heading", inputs: { tag: "tag", wrapper: "wrapper", cssClass: "cssClass", content: "content", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"tag\">\n <!-- H1 -->\n <h1 *ngSwitchCase=\"'h1'\" [ngClass]=\"cssClass\" [style.color]=\"color\">\n <ng-container *ngIf=\"wrapper; else noWrapperH1\">\n <ng-container [ngSwitch]=\"wrapper\">\n <span *ngSwitchCase=\"'span'\">{{ content }}</span>\n <b *ngSwitchCase=\"'b'\">{{ content }}</b>\n <i *ngSwitchCase=\"'i'\">{{ content }}</i>\n <u *ngSwitchCase=\"'u'\">{{ content }}</u>\n <mark *ngSwitchCase=\"'mark'\">{{ content }}</mark>\n <strong *ngSwitchCase=\"'strong'\">{{ content }}</strong>\n <em *ngSwitchCase=\"'em'\">{{ content }}</em>\n <small *ngSwitchCase=\"'small'\">{{ content }}</small>\n <del *ngSwitchCase=\"'del'\">{{ content }}</del>\n <ins *ngSwitchCase=\"'ins'\">{{ content }}</ins>\n <sub *ngSwitchCase=\"'sub'\">{{ content }}</sub>\n <sup *ngSwitchCase=\"'sup'\">{{ content }}</sup>\n <code *ngSwitchCase=\"'code'\">{{ content }}</code>\n <abbr *ngSwitchCase=\"'abbr'\">{{ content }}</abbr>\n <cite *ngSwitchCase=\"'cite'\">{{ content }}</cite>\n <kbd *ngSwitchCase=\"'kbd'\">{{ content }}</kbd>\n <s *ngSwitchCase=\"'s'\">{{ content }}</s>\n <q *ngSwitchCase=\"'q'\">{{ content }}</q>\n </ng-container>\n </ng-container>\n <ng-template #noWrapperH1>{{ content }}</ng-template>\n </h1>\n\n <!-- H2 -->\n <h2 *ngSwitchCase=\"'h2'\" [ngClass]=\"cssClass\" [style.color]=\"color\">\n <ng-container *ngIf=\"wrapper; else noWrapperH2\">\n <ng-container [ngSwitch]=\"wrapper\">\n <span *ngSwitchCase=\"'span'\">{{ content }}</span>\n <b *ngSwitchCase=\"'b'\">{{ content }}</b>\n <i *ngSwitchCase=\"'i'\">{{ content }}</i>\n <u *ngSwitchCase=\"'u'\">{{ content }}</u>\n <mark *ngSwitchCase=\"'mark'\">{{ content }}</mark>\n <strong *ngSwitchCase=\"'strong'\">{{ content }}</strong>\n <em *ngSwitchCase=\"'em'\">{{ content }}</em>\n <small *ngSwitchCase=\"'small'\">{{ content }}</small>\n <del *ngSwitchCase=\"'del'\">{{ content }}</del>\n <ins *ngSwitchCase=\"'ins'\">{{ content }}</ins>\n <sub *ngSwitchCase=\"'sub'\">{{ content }}</sub>\n <sup *ngSwitchCase=\"'sup'\">{{ content }}</sup>\n <code *ngSwitchCase=\"'code'\">{{ content }}</code>\n <abbr *ngSwitchCase=\"'abbr'\">{{ content }}</abbr>\n <cite *ngSwitchCase=\"'cite'\">{{ content }}</cite>\n <kbd *ngSwitchCase=\"'kbd'\">{{ content }}</kbd>\n <s *ngSwitchCase=\"'s'\">{{ content }}</s>\n <q *ngSwitchCase=\"'q'\">{{ content }}</q>\n </ng-container>\n </ng-container>\n <ng-template #noWrapperH2>{{ content }}</ng-template>\n </h2>\n\n <!-- H3 -->\n <h3 *ngSwitchCase=\"'h3'\" [ngClass]=\"cssClass\" [style.color]=\"color\">\n <ng-container *ngIf=\"wrapper; else noWrapperH3\">\n <ng-container [ngSwitch]=\"wrapper\">\n <span *ngSwitchCase=\"'span'\">{{ content }}</span>\n <b *ngSwitchCase=\"'b'\">{{ content }}</b>\n <i *ngSwitchCase=\"'i'\">{{ content }}</i>\n <u *ngSwitchCase=\"'u'\">{{ content }}</u>\n <mark *ngSwitchCase=\"'mark'\">{{ content }}</mark>\n <strong *ngSwitchCase=\"'strong'\">{{ content }}</strong>\n <em *ngSwitchCase=\"'em'\">{{ content }}</em>\n <small *ngSwitchCase=\"'small'\">{{ content }}</small>\n <del *ngSwitchCase=\"'del'\">{{ content }}</del>\n <ins *ngSwitchCase=\"'ins'\">{{ content }}</ins>\n <sub *ngSwitchCase=\"'sub'\">{{ content }}</sub>\n <sup *ngSwitchCase=\"'sup'\">{{ content }}</sup>\n <code *ngSwitchCase=\"'code'\">{{ content }}</code>\n <abbr *ngSwitchCase=\"'abbr'\">{{ content }}</abbr>\n <cite *ngSwitchCase=\"'cite'\">{{ content }}</cite>\n <kbd *ngSwitchCase=\"'kbd'\">{{ content }}</kbd>\n <s *ngSwitchCase=\"'s'\">{{ content }}</s>\n <q *ngSwitchCase=\"'q'\">{{ content }}</q>\n </ng-container>\n </ng-container>\n <ng-template #noWrapperH3>{{ content }}</ng-template>\n </h3>\n\n <!-- H4 -->\n <h4 *ngSwitchCase=\"'h4'\" [ngClass]=\"cssClass\" [style.color]=\"color\">\n <ng-container *ngIf=\"wrapper; else noWrapperH4\">\n <ng-container [ngSwitch]=\"wrapper\">\n <span *ngSwitchCase=\"'span'\">{{ content }}</span>\n <b *ngSwitchCase=\"'b'\">{{ content }}</b>\n <i *ngSwitchCase=\"'i'\">{{ content }}</i>\n <u *ngSwitchCase=\"'u'\">{{ content }}</u>\n <mark *ngSwitchCase=\"'mark'\">{{ content }}</mark>\n <strong *ngSwitchCase=\"'strong'\">{{ content }}</strong>\n <em *ngSwitchCase=\"'em'\">{{ content }}</em>\n <small *ngSwitchCase=\"'small'\">{{ content }}</small>\n <del *ngSwitchCase=\"'del'\">{{ content }}</del>\n <ins *ngSwitchCase=\"'ins'\">{{ content }}</ins>\n <sub *ngSwitchCase=\"'sub'\">{{ content }}</sub>\n <sup *ngSwitchCase=\"'sup'\">{{ content }}</sup>\n <code *ngSwitchCase=\"'code'\">{{ content }}</code>\n <abbr *ngSwitchCase=\"'abbr'\">{{ content }}</abbr>\n <cite *ngSwitchCase=\"'cite'\">{{ content }}</cite>\n <kbd *ngSwitchCase=\"'kbd'\">{{ content }}</kbd>\n <s *ngSwitchCase=\"'s'\">{{ content }}</s>\n <q *ngSwitchCase=\"'q'\">{{ content }}</q>\n </ng-container>\n </ng-container>\n <ng-template #noWrapperH4>{{ content }}</ng-template>\n </h4>\n\n <!-- H5 -->\n <h5 *ngSwitchCase=\"'h5'\" [ngClass]=\"cssClass\" [style.color]=\"color\">\n <ng-container *ngIf=\"wrapper; else noWrapperH5\">\n <ng-container [ngSwitch]=\"wrapper\">\n <span *ngSwitchCase=\"'span'\">{{ content }}</span>\n <b *ngSwitchCase=\"'b'\">{{ content }}</b>\n <i *ngSwitchCase=\"'i'\">{{ content }}</i>\n <u *ngSwitchCase=\"'u'\">{{ content }}</u>\n <mark *ngSwitchCase=\"'mark'\">{{ content }}</mark>\n <strong *ngSwitchCase=\"'strong'\">{{ content }}</strong>\n <em *ngSwitchCase=\"'em'\">{{ content }}</em>\n <small *ngSwitchCase=\"'small'\">{{ content }}</small>\n <del *ngSwitchCase=\"'del'\">{{ content }}</del>\n <ins *ngSwitchCase=\"'ins'\">{{ content }}</ins>\n <sub *ngSwitchCase=\"'sub'\">{{ content }}</sub>\n <sup *ngSwitchCase=\"'sup'\">{{ content }}</sup>\n <code *ngSwitchCase=\"'code'\">{{ content }}</code>\n <abbr *ngSwitchCase=\"'abbr'\">{{ content }}</abbr>\n <cite *ngSwitchCase=\"'cite'\">{{ content }}</cite>\n <kbd *ngSwitchCase=\"'kbd'\">{{ content }}</kbd>\n <s *ngSwitchCase=\"'s'\">{{ content }}</s>\n <q *ngSwitchCase=\"'q'\">{{ content }}</q>\n </ng-container>\n </ng-container>\n <ng-template #noWrapperH5>{{ content }}</ng-template>\n </h5>\n\n <!-- H6 -->\n <h6 *ngSwitchCase=\"'h6'\" [ngClass]=\"cssClass\" [style.color]=\"color\">\n <ng-container *ngIf=\"wrapper; else noWrapperH6\">\n <ng-container [ngSwitch]=\"wrapper\">\n <span *ngSwitchCase=\"'span'\">{{ content }}</span>\n <b *ngSwitchCase=\"'b'\">{{ content }}</b>\n <i *ngSwitchCase=\"'i'\">{{ content }}</i>\n <u *ngSwitchCase=\"'u'\">{{ content }}</u>\n <mark *ngSwitchCase=\"'mark'\">{{ content }}</mark>\n <strong *ngSwitchCase=\"'strong'\">{{ content }}</strong>\n <em *ngSwitchCase=\"'em'\">{{ content }}</em>\n <small *ngSwitchCase=\"'small'\">{{ content }}</small>\n <del *ngSwitchCase=\"'del'\">{{ content }}</del>\n <ins *ngSwitchCase=\"'ins'\">{{ content }}</ins>\n <sub *ngSwitchCase=\"'sub'\">{{ content }}</sub>\n <sup *ngSwitchCase=\"'sup'\">{{ content }}</sup>\n <code *ngSwitchCase=\"'code'\">{{ content }}</code>\n <abbr *ngSwitchCase=\"'abbr'\">{{ content }}</abbr>\n <cite *ngSwitchCase=\"'cite'\">{{ content }}</cite>\n <kbd *ngSwitchCase=\"'kbd'\">{{ content }}</kbd>\n <s *ngSwitchCase=\"'s'\">{{ content }}</s>\n <q *ngSwitchCase=\"'q'\">{{ content }}</q>\n </ng-container>\n </ng-container>\n <ng-template #noWrapperH6>{{ content }}</ng-template>\n </h6>\n\n <!-- P -->\n <p *ngSwitchCase=\"'p'\" [ngClass]=\"cssClass\" [style.color]=\"color\">\n <ng-container *ngIf=\"wrapper; else noWrapperP\">\n <ng-container [ngSwitch]=\"wrapper\">\n <span *ngSwitchCase=\"'span'\" [innerHTML]=\"content\"></span>\n <b *ngSwitchCase=\"'b'\" [innerHTML]=\"content\"></b>\n <i *ngSwitchCase=\"'i'\" [innerHTML]=\"content\"></i>\n <u *ngSwitchCase=\"'u'\" [innerHTML]=\"content\"></u>\n <mark *ngSwitchCase=\"'mark'\" [innerHTML]=\"content\"></mark>\n <strong *ngSwitchCase=\"'strong'\" [innerHTML]=\"content\"></strong>\n <em *ngSwitchCase=\"'em'\" [innerHTML]=\"content\"></em>\n <small *ngSwitchCase=\"'small'\" [innerHTML]=\"content\"></small>\n <del *ngSwitchCase=\"'del'\" [innerHTML]=\"content\"></del>\n <ins *ngSwitchCase=\"'ins'\" [innerHTML]=\"content\"></ins>\n <sub *ngSwitchCase=\"'sub'\" [innerHTML]=\"content\"></sub>\n <sup *ngSwitchCase=\"'sup'\" [innerHTML]=\"content\"></sup>\n <code *ngSwitchCase=\"'code'\" [innerHTML]=\"content\"></code>\n <abbr *ngSwitchCase=\"'abbr'\" [innerHTML]=\"content\"></abbr>\n <cite *ngSwitchCase=\"'cite'\" [innerHTML]=\"content\"></cite>\n <kbd *ngSwitchCase=\"'kbd'\" [innerHTML]=\"content\"></kbd>\n <s *ngSwitchCase=\"'s'\" [innerHTML]=\"content\"></s>\n <q *ngSwitchCase=\"'q'\" [innerHTML]=\"content\"></q>\n </ng-container>\n </ng-container>\n <ng-template #noWrapperP>\n @if (content) {\n <p\n *ngIf=\"!containsBlockHtml(content)\"\n [ngClass]=\"cssClass\"\n [style.color]=\"color\"\n >\n <span [innerHTML]=\"content\"></span>\n </p>\n\n <div\n *ngIf=\"containsBlockHtml(content)\"\n class=\"rich-html\"\n [ngClass]=\"cssClass\"\n [style.color]=\"color\"\n [innerHTML]=\"renderedHtml\"\n ></div>\n }\n </ng-template>\n </p>\n\n <!-- DEFAULT -->\n <span *ngSwitchDefault [ngClass]=\"cssClass\" [innerHTML]=\"content\"></span>\n</ng-container>\n", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: #fff;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom: #0a1d31;--cl_footer-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--type-align: center;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom: #79582c;--cl_footer-scroll: #aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-width: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}@media (min-width: 1280px){.order-custom-xl-xxl-1{order:1}.order-custom-xl-xxl-2{order:2}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width: 540px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width: 768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width: 1025px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width: 1280px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}@media (min-width: 1366px){.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}}@media (min-width: 1680px){.flex-xxxl-row{flex-direction:row!important}.flex-xxxl-column{flex-direction:column!important}.flex-xxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxl-wrap{flex-wrap:wrap!important}.flex-xxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxl-fill{flex:1 1 auto!important}.flex-xxxl-grow-0{flex-grow:0!important}.flex-xxxl-grow-1{flex-grow:1!important}.flex-xxxl-shrink-0{flex-shrink:0!important}.flex-xxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxl-start{justify-content:flex-start!important}.justify-content-xxxl-end{justify-content:flex-end!important}.justify-content-xxxl-center{justify-content:center!important}.justify-content-xxxl-between{justify-content:space-between!important}.justify-content-xxxl-around{justify-content:space-around!important}.align-items-xxxl-start{align-items:flex-start!important}.align-items-xxxl-end{align-items:flex-end!important}.align-items-xxxl-center{align-items:center!important}.align-items-xxxl-baseline{align-items:baseline!important}.align-items-xxxl-stretch{align-items:stretch!important}.align-content-xxxl-start{align-content:flex-start!important}.align-content-xxxl-end{align-content:flex-end!important}.align-content-xxxl-center{align-content:center!important}.align-content-xxxl-between{align-content:space-between!important}.align-content-xxxl-around{align-content:space-around!important}.align-content-xxxl-stretch{align-content:stretch!important}.align-self-xxxl-auto{align-self:auto!important}.align-self-xxxl-start{align-self:flex-start!important}.align-self-xxxl-end{align-self:flex-end!important}.align-self-xxxl-center{align-self:center!important}.align-self-xxxl-baseline{align-self:baseline!important}.align-self-xxxl-stretch{align-self:stretch!important}.m-xxxl-auto{margin:auto!important}.mt-xxxl-auto,.my-xxxl-auto{margin-top:auto!important}.mr-xxxl-auto,.mx-xxxl-auto{margin-right:auto!important}.mb-xxxl-auto,.my-xxxl-auto{margin-bottom:auto!important}.ml-xxxl-auto,.mx-xxxl-auto{margin-left:auto!important}}@media (min-width: 1921px){.flex-xxxxl-row{flex-direction:row!important}.flex-xxxxl-column{flex-direction:column!important}.flex-xxxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxxl-wrap{flex-wrap:wrap!important}.flex-xxxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxxl-fill{flex:1 1 auto!important}.flex-xxxxl-grow-0{flex-grow:0!important}.flex-xxxxl-grow-1{flex-grow:1!important}.flex-xxxxl-shrink-0{flex-shrink:0!important}.flex-xxxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxxl-start{justify-content:flex-start!important}.justify-content-xxxxl-end{justify-content:flex-end!important}.justify-content-xxxxl-center{justify-content:center!important}.justify-content-xxxxl-between{justify-content:space-between!important}.justify-content-xxxxl-around{justify-content:space-around!important}.align-items-xxxxl-start{align-items:flex-start!important}.align-items-xxxxl-end{align-items:flex-end!important}.align-items-xxxxl-center{align-items:center!important}.align-items-xxxxl-baseline{align-items:baseline!important}.align-items-xxxxl-stretch{align-items:stretch!important}.align-content-xxxxl-start{align-content:flex-start!important}.align-content-xxxxl-end{align-content:flex-end!important}.align-content-xxxxl-center{align-content:center!important}.align-content-xxxxl-between{align-content:space-between!important}.align-content-xxxxl-around{align-content:space-around!important}.align-content-xxxxl-stretch{align-content:stretch!important}.align-self-xxxxl-auto{align-self:auto!important}.align-self-xxxxl-start{align-self:flex-start!important}.align-self-xxxxl-end{align-self:flex-end!important}.align-self-xxxxl-center{align-self:center!important}.align-self-xxxxl-baseline{align-self:baseline!important}.align-self-xxxxl-stretch{align-self:stretch!important}.m-xxxxl-auto{margin:auto!important}.mt-xxxxl-auto,.my-xxxxl-auto{margin-top:auto!important}.mr-xxxxl-auto,.mx-xxxxl-auto{margin-right:auto!important}.mb-xxxxl-auto,.my-xxxxl-auto{margin-bottom:auto!important}.ml-xxxxl-auto,.mx-xxxxl-auto{margin-left:auto!important}}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.mt--150{margin-top:150px!important}.mb--150{margin-bottom:150px!important}.pt--150{padding-top:150px}.pb--150{padding-bottom:150px}.mblock--150{margin-block:150px}.pblock--150{padding-block:150px}.mt--180{margin-top:180px!important}.mb--180{margin-bottom:180px!important}.pt--180{padding-top:180px}.pb--180{padding-bottom:180px}.mblock--180{margin-block:180px}.pblock--180{padding-block:180px}@keyframes move-right{0%{right:30px}50%{right:20px}to{right:30px}}.rich-html{overflow:hidden}.rich-html ::ng-deep .table-container{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}@media (max-width: 767px){.rich-html ::ng-deep .table-container{width:95vw}}.rich-html ::ng-deep table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--rh-border-color);border-radius:var(--rh-radius);background:#fff;color:var(--rh-text-color)}.rich-html ::ng-deep thead th{background:var(--rh-header-bg);font-weight:600;text-align:center;padding:.75rem 1rem;border-top:0;border-right:1px solid var(--rh-border-color);border-bottom:1px solid var(--rh-border-color)}.rich-html ::ng-deep thead th:first-child{border-top-left-radius:var(--rh-radius)}.rich-html ::ng-deep thead th:last-child{border-right:0;border-top-right-radius:var(--rh-radius)}.rich-html ::ng-deep tbody td{text-align:center;padding:.75rem 1rem;border-top:1px solid var(--rh-border-color);border-right:1px solid var(--rh-border-color)}.rich-html ::ng-deep tbody td:last-child{border-right:0}.rich-html ::ng-deep tbody tr:nth-child(odd){background:var(--rh-row-alt-bg)}.rich-html ::ng-deep tbody tr:hover{background:color-mix(in srgb,var(--rh-header-bg) 60%,#fff)}.rich-html ::ng-deep tbody tr:last-child td:first-child{border-bottom-left-radius:var(--rh-radius)}.rich-html ::ng-deep tbody tr:last-child td:last-child{border-bottom-right-radius:var(--rh-radius)}.rich-html ::ng-deep caption{caption-side:top;text-align:center;font-weight:600;padding:.5rem 0 1rem}@media (max-width: 640px){.rich-html ::ng-deep table{width:max-content}.rich-html ::ng-deep table thead th,.rich-html ::ng-deep table tbody td{padding:.5rem .75rem;font-size:.95rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
442
|
+
}
|
|
443
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonDynamicHeadingComponent, decorators: [{
|
|
444
|
+
type: Component,
|
|
445
|
+
args: [{ selector: 'lib-babylon-dynamic-heading', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngSwitch]=\"tag\">\n <!-- H1 -->\n <h1 *ngSwitchCase=\"'h1'\" [ngClass]=\"cssClass\" [style.color]=\"color\">\n <ng-container *ngIf=\"wrapper; else noWrapperH1\">\n <ng-container [ngSwitch]=\"wrapper\">\n <span *ngSwitchCase=\"'span'\">{{ content }}</span>\n <b *ngSwitchCase=\"'b'\">{{ content }}</b>\n <i *ngSwitchCase=\"'i'\">{{ content }}</i>\n <u *ngSwitchCase=\"'u'\">{{ content }}</u>\n <mark *ngSwitchCase=\"'mark'\">{{ content }}</mark>\n <strong *ngSwitchCase=\"'strong'\">{{ content }}</strong>\n <em *ngSwitchCase=\"'em'\">{{ content }}</em>\n <small *ngSwitchCase=\"'small'\">{{ content }}</small>\n <del *ngSwitchCase=\"'del'\">{{ content }}</del>\n <ins *ngSwitchCase=\"'ins'\">{{ content }}</ins>\n <sub *ngSwitchCase=\"'sub'\">{{ content }}</sub>\n <sup *ngSwitchCase=\"'sup'\">{{ content }}</sup>\n <code *ngSwitchCase=\"'code'\">{{ content }}</code>\n <abbr *ngSwitchCase=\"'abbr'\">{{ content }}</abbr>\n <cite *ngSwitchCase=\"'cite'\">{{ content }}</cite>\n <kbd *ngSwitchCase=\"'kbd'\">{{ content }}</kbd>\n <s *ngSwitchCase=\"'s'\">{{ content }}</s>\n <q *ngSwitchCase=\"'q'\">{{ content }}</q>\n </ng-container>\n </ng-container>\n <ng-template #noWrapperH1>{{ content }}</ng-template>\n </h1>\n\n <!-- H2 -->\n <h2 *ngSwitchCase=\"'h2'\" [ngClass]=\"cssClass\" [style.color]=\"color\">\n <ng-container *ngIf=\"wrapper; else noWrapperH2\">\n <ng-container [ngSwitch]=\"wrapper\">\n <span *ngSwitchCase=\"'span'\">{{ content }}</span>\n <b *ngSwitchCase=\"'b'\">{{ content }}</b>\n <i *ngSwitchCase=\"'i'\">{{ content }}</i>\n <u *ngSwitchCase=\"'u'\">{{ content }}</u>\n <mark *ngSwitchCase=\"'mark'\">{{ content }}</mark>\n <strong *ngSwitchCase=\"'strong'\">{{ content }}</strong>\n <em *ngSwitchCase=\"'em'\">{{ content }}</em>\n <small *ngSwitchCase=\"'small'\">{{ content }}</small>\n <del *ngSwitchCase=\"'del'\">{{ content }}</del>\n <ins *ngSwitchCase=\"'ins'\">{{ content }}</ins>\n <sub *ngSwitchCase=\"'sub'\">{{ content }}</sub>\n <sup *ngSwitchCase=\"'sup'\">{{ content }}</sup>\n <code *ngSwitchCase=\"'code'\">{{ content }}</code>\n <abbr *ngSwitchCase=\"'abbr'\">{{ content }}</abbr>\n <cite *ngSwitchCase=\"'cite'\">{{ content }}</cite>\n <kbd *ngSwitchCase=\"'kbd'\">{{ content }}</kbd>\n <s *ngSwitchCase=\"'s'\">{{ content }}</s>\n <q *ngSwitchCase=\"'q'\">{{ content }}</q>\n </ng-container>\n </ng-container>\n <ng-template #noWrapperH2>{{ content }}</ng-template>\n </h2>\n\n <!-- H3 -->\n <h3 *ngSwitchCase=\"'h3'\" [ngClass]=\"cssClass\" [style.color]=\"color\">\n <ng-container *ngIf=\"wrapper; else noWrapperH3\">\n <ng-container [ngSwitch]=\"wrapper\">\n <span *ngSwitchCase=\"'span'\">{{ content }}</span>\n <b *ngSwitchCase=\"'b'\">{{ content }}</b>\n <i *ngSwitchCase=\"'i'\">{{ content }}</i>\n <u *ngSwitchCase=\"'u'\">{{ content }}</u>\n <mark *ngSwitchCase=\"'mark'\">{{ content }}</mark>\n <strong *ngSwitchCase=\"'strong'\">{{ content }}</strong>\n <em *ngSwitchCase=\"'em'\">{{ content }}</em>\n <small *ngSwitchCase=\"'small'\">{{ content }}</small>\n <del *ngSwitchCase=\"'del'\">{{ content }}</del>\n <ins *ngSwitchCase=\"'ins'\">{{ content }}</ins>\n <sub *ngSwitchCase=\"'sub'\">{{ content }}</sub>\n <sup *ngSwitchCase=\"'sup'\">{{ content }}</sup>\n <code *ngSwitchCase=\"'code'\">{{ content }}</code>\n <abbr *ngSwitchCase=\"'abbr'\">{{ content }}</abbr>\n <cite *ngSwitchCase=\"'cite'\">{{ content }}</cite>\n <kbd *ngSwitchCase=\"'kbd'\">{{ content }}</kbd>\n <s *ngSwitchCase=\"'s'\">{{ content }}</s>\n <q *ngSwitchCase=\"'q'\">{{ content }}</q>\n </ng-container>\n </ng-container>\n <ng-template #noWrapperH3>{{ content }}</ng-template>\n </h3>\n\n <!-- H4 -->\n <h4 *ngSwitchCase=\"'h4'\" [ngClass]=\"cssClass\" [style.color]=\"color\">\n <ng-container *ngIf=\"wrapper; else noWrapperH4\">\n <ng-container [ngSwitch]=\"wrapper\">\n <span *ngSwitchCase=\"'span'\">{{ content }}</span>\n <b *ngSwitchCase=\"'b'\">{{ content }}</b>\n <i *ngSwitchCase=\"'i'\">{{ content }}</i>\n <u *ngSwitchCase=\"'u'\">{{ content }}</u>\n <mark *ngSwitchCase=\"'mark'\">{{ content }}</mark>\n <strong *ngSwitchCase=\"'strong'\">{{ content }}</strong>\n <em *ngSwitchCase=\"'em'\">{{ content }}</em>\n <small *ngSwitchCase=\"'small'\">{{ content }}</small>\n <del *ngSwitchCase=\"'del'\">{{ content }}</del>\n <ins *ngSwitchCase=\"'ins'\">{{ content }}</ins>\n <sub *ngSwitchCase=\"'sub'\">{{ content }}</sub>\n <sup *ngSwitchCase=\"'sup'\">{{ content }}</sup>\n <code *ngSwitchCase=\"'code'\">{{ content }}</code>\n <abbr *ngSwitchCase=\"'abbr'\">{{ content }}</abbr>\n <cite *ngSwitchCase=\"'cite'\">{{ content }}</cite>\n <kbd *ngSwitchCase=\"'kbd'\">{{ content }}</kbd>\n <s *ngSwitchCase=\"'s'\">{{ content }}</s>\n <q *ngSwitchCase=\"'q'\">{{ content }}</q>\n </ng-container>\n </ng-container>\n <ng-template #noWrapperH4>{{ content }}</ng-template>\n </h4>\n\n <!-- H5 -->\n <h5 *ngSwitchCase=\"'h5'\" [ngClass]=\"cssClass\" [style.color]=\"color\">\n <ng-container *ngIf=\"wrapper; else noWrapperH5\">\n <ng-container [ngSwitch]=\"wrapper\">\n <span *ngSwitchCase=\"'span'\">{{ content }}</span>\n <b *ngSwitchCase=\"'b'\">{{ content }}</b>\n <i *ngSwitchCase=\"'i'\">{{ content }}</i>\n <u *ngSwitchCase=\"'u'\">{{ content }}</u>\n <mark *ngSwitchCase=\"'mark'\">{{ content }}</mark>\n <strong *ngSwitchCase=\"'strong'\">{{ content }}</strong>\n <em *ngSwitchCase=\"'em'\">{{ content }}</em>\n <small *ngSwitchCase=\"'small'\">{{ content }}</small>\n <del *ngSwitchCase=\"'del'\">{{ content }}</del>\n <ins *ngSwitchCase=\"'ins'\">{{ content }}</ins>\n <sub *ngSwitchCase=\"'sub'\">{{ content }}</sub>\n <sup *ngSwitchCase=\"'sup'\">{{ content }}</sup>\n <code *ngSwitchCase=\"'code'\">{{ content }}</code>\n <abbr *ngSwitchCase=\"'abbr'\">{{ content }}</abbr>\n <cite *ngSwitchCase=\"'cite'\">{{ content }}</cite>\n <kbd *ngSwitchCase=\"'kbd'\">{{ content }}</kbd>\n <s *ngSwitchCase=\"'s'\">{{ content }}</s>\n <q *ngSwitchCase=\"'q'\">{{ content }}</q>\n </ng-container>\n </ng-container>\n <ng-template #noWrapperH5>{{ content }}</ng-template>\n </h5>\n\n <!-- H6 -->\n <h6 *ngSwitchCase=\"'h6'\" [ngClass]=\"cssClass\" [style.color]=\"color\">\n <ng-container *ngIf=\"wrapper; else noWrapperH6\">\n <ng-container [ngSwitch]=\"wrapper\">\n <span *ngSwitchCase=\"'span'\">{{ content }}</span>\n <b *ngSwitchCase=\"'b'\">{{ content }}</b>\n <i *ngSwitchCase=\"'i'\">{{ content }}</i>\n <u *ngSwitchCase=\"'u'\">{{ content }}</u>\n <mark *ngSwitchCase=\"'mark'\">{{ content }}</mark>\n <strong *ngSwitchCase=\"'strong'\">{{ content }}</strong>\n <em *ngSwitchCase=\"'em'\">{{ content }}</em>\n <small *ngSwitchCase=\"'small'\">{{ content }}</small>\n <del *ngSwitchCase=\"'del'\">{{ content }}</del>\n <ins *ngSwitchCase=\"'ins'\">{{ content }}</ins>\n <sub *ngSwitchCase=\"'sub'\">{{ content }}</sub>\n <sup *ngSwitchCase=\"'sup'\">{{ content }}</sup>\n <code *ngSwitchCase=\"'code'\">{{ content }}</code>\n <abbr *ngSwitchCase=\"'abbr'\">{{ content }}</abbr>\n <cite *ngSwitchCase=\"'cite'\">{{ content }}</cite>\n <kbd *ngSwitchCase=\"'kbd'\">{{ content }}</kbd>\n <s *ngSwitchCase=\"'s'\">{{ content }}</s>\n <q *ngSwitchCase=\"'q'\">{{ content }}</q>\n </ng-container>\n </ng-container>\n <ng-template #noWrapperH6>{{ content }}</ng-template>\n </h6>\n\n <!-- P -->\n <p *ngSwitchCase=\"'p'\" [ngClass]=\"cssClass\" [style.color]=\"color\">\n <ng-container *ngIf=\"wrapper; else noWrapperP\">\n <ng-container [ngSwitch]=\"wrapper\">\n <span *ngSwitchCase=\"'span'\" [innerHTML]=\"content\"></span>\n <b *ngSwitchCase=\"'b'\" [innerHTML]=\"content\"></b>\n <i *ngSwitchCase=\"'i'\" [innerHTML]=\"content\"></i>\n <u *ngSwitchCase=\"'u'\" [innerHTML]=\"content\"></u>\n <mark *ngSwitchCase=\"'mark'\" [innerHTML]=\"content\"></mark>\n <strong *ngSwitchCase=\"'strong'\" [innerHTML]=\"content\"></strong>\n <em *ngSwitchCase=\"'em'\" [innerHTML]=\"content\"></em>\n <small *ngSwitchCase=\"'small'\" [innerHTML]=\"content\"></small>\n <del *ngSwitchCase=\"'del'\" [innerHTML]=\"content\"></del>\n <ins *ngSwitchCase=\"'ins'\" [innerHTML]=\"content\"></ins>\n <sub *ngSwitchCase=\"'sub'\" [innerHTML]=\"content\"></sub>\n <sup *ngSwitchCase=\"'sup'\" [innerHTML]=\"content\"></sup>\n <code *ngSwitchCase=\"'code'\" [innerHTML]=\"content\"></code>\n <abbr *ngSwitchCase=\"'abbr'\" [innerHTML]=\"content\"></abbr>\n <cite *ngSwitchCase=\"'cite'\" [innerHTML]=\"content\"></cite>\n <kbd *ngSwitchCase=\"'kbd'\" [innerHTML]=\"content\"></kbd>\n <s *ngSwitchCase=\"'s'\" [innerHTML]=\"content\"></s>\n <q *ngSwitchCase=\"'q'\" [innerHTML]=\"content\"></q>\n </ng-container>\n </ng-container>\n <ng-template #noWrapperP>\n @if (content) {\n <p\n *ngIf=\"!containsBlockHtml(content)\"\n [ngClass]=\"cssClass\"\n [style.color]=\"color\"\n >\n <span [innerHTML]=\"content\"></span>\n </p>\n\n <div\n *ngIf=\"containsBlockHtml(content)\"\n class=\"rich-html\"\n [ngClass]=\"cssClass\"\n [style.color]=\"color\"\n [innerHTML]=\"renderedHtml\"\n ></div>\n }\n </ng-template>\n </p>\n\n <!-- DEFAULT -->\n <span *ngSwitchDefault [ngClass]=\"cssClass\" [innerHTML]=\"content\"></span>\n</ng-container>\n", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: #fff;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom: #0a1d31;--cl_footer-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--type-align: center;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom: #79582c;--cl_footer-scroll: #aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-width: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}@media (min-width: 1280px){.order-custom-xl-xxl-1{order:1}.order-custom-xl-xxl-2{order:2}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width: 540px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width: 768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width: 1025px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width: 1280px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}@media (min-width: 1366px){.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}}@media (min-width: 1680px){.flex-xxxl-row{flex-direction:row!important}.flex-xxxl-column{flex-direction:column!important}.flex-xxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxl-wrap{flex-wrap:wrap!important}.flex-xxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxl-fill{flex:1 1 auto!important}.flex-xxxl-grow-0{flex-grow:0!important}.flex-xxxl-grow-1{flex-grow:1!important}.flex-xxxl-shrink-0{flex-shrink:0!important}.flex-xxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxl-start{justify-content:flex-start!important}.justify-content-xxxl-end{justify-content:flex-end!important}.justify-content-xxxl-center{justify-content:center!important}.justify-content-xxxl-between{justify-content:space-between!important}.justify-content-xxxl-around{justify-content:space-around!important}.align-items-xxxl-start{align-items:flex-start!important}.align-items-xxxl-end{align-items:flex-end!important}.align-items-xxxl-center{align-items:center!important}.align-items-xxxl-baseline{align-items:baseline!important}.align-items-xxxl-stretch{align-items:stretch!important}.align-content-xxxl-start{align-content:flex-start!important}.align-content-xxxl-end{align-content:flex-end!important}.align-content-xxxl-center{align-content:center!important}.align-content-xxxl-between{align-content:space-between!important}.align-content-xxxl-around{align-content:space-around!important}.align-content-xxxl-stretch{align-content:stretch!important}.align-self-xxxl-auto{align-self:auto!important}.align-self-xxxl-start{align-self:flex-start!important}.align-self-xxxl-end{align-self:flex-end!important}.align-self-xxxl-center{align-self:center!important}.align-self-xxxl-baseline{align-self:baseline!important}.align-self-xxxl-stretch{align-self:stretch!important}.m-xxxl-auto{margin:auto!important}.mt-xxxl-auto,.my-xxxl-auto{margin-top:auto!important}.mr-xxxl-auto,.mx-xxxl-auto{margin-right:auto!important}.mb-xxxl-auto,.my-xxxl-auto{margin-bottom:auto!important}.ml-xxxl-auto,.mx-xxxl-auto{margin-left:auto!important}}@media (min-width: 1921px){.flex-xxxxl-row{flex-direction:row!important}.flex-xxxxl-column{flex-direction:column!important}.flex-xxxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxxl-wrap{flex-wrap:wrap!important}.flex-xxxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxxl-fill{flex:1 1 auto!important}.flex-xxxxl-grow-0{flex-grow:0!important}.flex-xxxxl-grow-1{flex-grow:1!important}.flex-xxxxl-shrink-0{flex-shrink:0!important}.flex-xxxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxxl-start{justify-content:flex-start!important}.justify-content-xxxxl-end{justify-content:flex-end!important}.justify-content-xxxxl-center{justify-content:center!important}.justify-content-xxxxl-between{justify-content:space-between!important}.justify-content-xxxxl-around{justify-content:space-around!important}.align-items-xxxxl-start{align-items:flex-start!important}.align-items-xxxxl-end{align-items:flex-end!important}.align-items-xxxxl-center{align-items:center!important}.align-items-xxxxl-baseline{align-items:baseline!important}.align-items-xxxxl-stretch{align-items:stretch!important}.align-content-xxxxl-start{align-content:flex-start!important}.align-content-xxxxl-end{align-content:flex-end!important}.align-content-xxxxl-center{align-content:center!important}.align-content-xxxxl-between{align-content:space-between!important}.align-content-xxxxl-around{align-content:space-around!important}.align-content-xxxxl-stretch{align-content:stretch!important}.align-self-xxxxl-auto{align-self:auto!important}.align-self-xxxxl-start{align-self:flex-start!important}.align-self-xxxxl-end{align-self:flex-end!important}.align-self-xxxxl-center{align-self:center!important}.align-self-xxxxl-baseline{align-self:baseline!important}.align-self-xxxxl-stretch{align-self:stretch!important}.m-xxxxl-auto{margin:auto!important}.mt-xxxxl-auto,.my-xxxxl-auto{margin-top:auto!important}.mr-xxxxl-auto,.mx-xxxxl-auto{margin-right:auto!important}.mb-xxxxl-auto,.my-xxxxl-auto{margin-bottom:auto!important}.ml-xxxxl-auto,.mx-xxxxl-auto{margin-left:auto!important}}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.mt--150{margin-top:150px!important}.mb--150{margin-bottom:150px!important}.pt--150{padding-top:150px}.pb--150{padding-bottom:150px}.mblock--150{margin-block:150px}.pblock--150{padding-block:150px}.mt--180{margin-top:180px!important}.mb--180{margin-bottom:180px!important}.pt--180{padding-top:180px}.pb--180{padding-bottom:180px}.mblock--180{margin-block:180px}.pblock--180{padding-block:180px}@keyframes move-right{0%{right:30px}50%{right:20px}to{right:30px}}.rich-html{overflow:hidden}.rich-html ::ng-deep .table-container{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}@media (max-width: 767px){.rich-html ::ng-deep .table-container{width:95vw}}.rich-html ::ng-deep table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--rh-border-color);border-radius:var(--rh-radius);background:#fff;color:var(--rh-text-color)}.rich-html ::ng-deep thead th{background:var(--rh-header-bg);font-weight:600;text-align:center;padding:.75rem 1rem;border-top:0;border-right:1px solid var(--rh-border-color);border-bottom:1px solid var(--rh-border-color)}.rich-html ::ng-deep thead th:first-child{border-top-left-radius:var(--rh-radius)}.rich-html ::ng-deep thead th:last-child{border-right:0;border-top-right-radius:var(--rh-radius)}.rich-html ::ng-deep tbody td{text-align:center;padding:.75rem 1rem;border-top:1px solid var(--rh-border-color);border-right:1px solid var(--rh-border-color)}.rich-html ::ng-deep tbody td:last-child{border-right:0}.rich-html ::ng-deep tbody tr:nth-child(odd){background:var(--rh-row-alt-bg)}.rich-html ::ng-deep tbody tr:hover{background:color-mix(in srgb,var(--rh-header-bg) 60%,#fff)}.rich-html ::ng-deep tbody tr:last-child td:first-child{border-bottom-left-radius:var(--rh-radius)}.rich-html ::ng-deep tbody tr:last-child td:last-child{border-bottom-right-radius:var(--rh-radius)}.rich-html ::ng-deep caption{caption-side:top;text-align:center;font-weight:600;padding:.5rem 0 1rem}@media (max-width: 640px){.rich-html ::ng-deep table{width:max-content}.rich-html ::ng-deep table thead th,.rich-html ::ng-deep table tbody td{padding:.5rem .75rem;font-size:.95rem}}\n"] }]
|
|
446
|
+
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
447
|
+
type: Inject,
|
|
448
|
+
args: [PLATFORM_ID]
|
|
449
|
+
}] }], propDecorators: { tag: [{
|
|
450
|
+
type: Input
|
|
451
|
+
}], wrapper: [{
|
|
452
|
+
type: Input
|
|
453
|
+
}], cssClass: [{
|
|
454
|
+
type: Input
|
|
455
|
+
}], content: [{
|
|
456
|
+
type: Input
|
|
457
|
+
}], color: [{
|
|
458
|
+
type: Input
|
|
459
|
+
}] } });
|
|
460
|
+
|
|
335
461
|
class Babylon404Component {
|
|
336
462
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: Babylon404Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
337
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: Babylon404Component, isStandalone: true, selector: "lib-babylon-404", inputs: { pretitle: "pretitle", title: "title", description: "description", img: "img", button: "button" }, ngImport: i0, template: "<section class=\"babylon__404 margin-main\">\n <div class=\"container\">\n <div class=\"intro_info align--center no-align\">\n @if (pretitle) {\n <h2
|
|
463
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: Babylon404Component, isStandalone: true, selector: "lib-babylon-404", inputs: { pretitle: "pretitle", title: "title", description: "description", img: "img", button: "button", tags: "tags", textColors: "textColors" }, ngImport: i0, template: "<section class=\"babylon__404 margin-main\">\n <div class=\"container\">\n <div class=\"intro_info align--center no-align\">\n @if (pretitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.pretitle || 'h2'\"\n cssClass=\"title\"\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 || 'h1'\"\n cssClass=\"title--small mb--10\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-babylon-dynamic-heading> \n }\n @if (description) {\n <p class=\"text mb--10\">\n {{ description }}\n </p>\n }\n @if (button?.label) {\n <div class=\"btns__box align--center\">\n <a role=\"button\"\n [attr.aria-label]=\"button?.label\"\n [href]=\"button?.url\"\n [linkType]=\"button?.linkType\"\n class=\"btn btn-primary\"\n >\n <b>{{ button?.label }}</b>\n <span class=\"babylon-arrow-right-big\"></span>\n </a>\n </div>\n }\n </div>\n </div>\n</section>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }, { kind: "component", type: BabylonDynamicHeadingComponent, selector: "lib-babylon-dynamic-heading", inputs: ["tag", "wrapper", "cssClass", "content", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
338
464
|
}
|
|
339
465
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: Babylon404Component, decorators: [{
|
|
340
466
|
type: Component,
|
|
341
|
-
args: [{ selector: 'lib-babylon-404', standalone: true, imports: [
|
|
467
|
+
args: [{ selector: 'lib-babylon-404', standalone: true, imports: [
|
|
468
|
+
CommonModule,
|
|
469
|
+
RouterModule,
|
|
470
|
+
BabylonLinkTypeDirective,
|
|
471
|
+
BabylonDynamicHeadingComponent,
|
|
472
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"babylon__404 margin-main\">\n <div class=\"container\">\n <div class=\"intro_info align--center no-align\">\n @if (pretitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.pretitle || 'h2'\"\n cssClass=\"title\"\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 || 'h1'\"\n cssClass=\"title--small mb--10\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-babylon-dynamic-heading> \n }\n @if (description) {\n <p class=\"text mb--10\">\n {{ description }}\n </p>\n }\n @if (button?.label) {\n <div class=\"btns__box align--center\">\n <a role=\"button\"\n [attr.aria-label]=\"button?.label\"\n [href]=\"button?.url\"\n [linkType]=\"button?.linkType\"\n class=\"btn btn-primary\"\n >\n <b>{{ button?.label }}</b>\n <span class=\"babylon-arrow-right-big\"></span>\n </a>\n </div>\n }\n </div>\n </div>\n</section>\n" }]
|
|
342
473
|
}], propDecorators: { pretitle: [{
|
|
343
474
|
type: Input
|
|
344
475
|
}], title: [{
|
|
@@ -349,6 +480,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
349
480
|
type: Input
|
|
350
481
|
}], button: [{
|
|
351
482
|
type: Input
|
|
483
|
+
}], tags: [{
|
|
484
|
+
type: Input
|
|
485
|
+
}], textColors: [{
|
|
486
|
+
type: Input
|
|
352
487
|
}] } });
|
|
353
488
|
|
|
354
489
|
class BabylonActionBannerComponent {
|
|
@@ -1029,132 +1164,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1029
1164
|
type: Input
|
|
1030
1165
|
}] } });
|
|
1031
1166
|
|
|
1032
|
-
class BabylonDynamicHeadingComponent {
|
|
1033
|
-
static { this.allowedTags = [
|
|
1034
|
-
'h1',
|
|
1035
|
-
'h2',
|
|
1036
|
-
'h3',
|
|
1037
|
-
'h4',
|
|
1038
|
-
'h5',
|
|
1039
|
-
'h6',
|
|
1040
|
-
'p',
|
|
1041
|
-
]; }
|
|
1042
|
-
static { this.allowedWrappers = [
|
|
1043
|
-
'span',
|
|
1044
|
-
'b',
|
|
1045
|
-
'i',
|
|
1046
|
-
'u',
|
|
1047
|
-
'mark',
|
|
1048
|
-
'strong',
|
|
1049
|
-
'em',
|
|
1050
|
-
'small',
|
|
1051
|
-
'del',
|
|
1052
|
-
'ins',
|
|
1053
|
-
'sub',
|
|
1054
|
-
'sup',
|
|
1055
|
-
'code',
|
|
1056
|
-
'abbr',
|
|
1057
|
-
'cite',
|
|
1058
|
-
'kbd',
|
|
1059
|
-
's',
|
|
1060
|
-
'q',
|
|
1061
|
-
null,
|
|
1062
|
-
]; }
|
|
1063
|
-
/** Etiqueta HTML principal (h1-h6, p, span por defecto) */
|
|
1064
|
-
set tag(value) {
|
|
1065
|
-
this._tag = BabylonDynamicHeadingComponent.allowedTags.includes(value)
|
|
1066
|
-
? value
|
|
1067
|
-
: 'h1';
|
|
1068
|
-
}
|
|
1069
|
-
get tag() {
|
|
1070
|
-
return this._tag;
|
|
1071
|
-
}
|
|
1072
|
-
/** Wrapper interior (span, strong, em, etc.) */
|
|
1073
|
-
set wrapper(value) {
|
|
1074
|
-
this._wrapper = BabylonDynamicHeadingComponent.allowedWrappers.includes(value)
|
|
1075
|
-
? value
|
|
1076
|
-
: null;
|
|
1077
|
-
}
|
|
1078
|
-
get wrapper() {
|
|
1079
|
-
return this._wrapper;
|
|
1080
|
-
}
|
|
1081
|
-
constructor(platformId) {
|
|
1082
|
-
this.platformId = platformId;
|
|
1083
|
-
this._tag = 'h1';
|
|
1084
|
-
this._wrapper = null;
|
|
1085
|
-
/** Clases CSS opcionales */
|
|
1086
|
-
this.cssClass = '';
|
|
1087
|
-
this.renderedHtml = '';
|
|
1088
|
-
this.blockRe = /<(table|thead|tbody|tfoot|tr|ul|ol|li|div|section|article|h[1-6]|blockquote)/i;
|
|
1089
|
-
}
|
|
1090
|
-
ngOnChanges() {
|
|
1091
|
-
if (isPlatformBrowser(this.platformId)) {
|
|
1092
|
-
const decoded = this.decodeEntities(this.content || '');
|
|
1093
|
-
this.renderedHtml = this.cleanHtml(decoded);
|
|
1094
|
-
}
|
|
1095
|
-
}
|
|
1096
|
-
/** Limpia <p> vacíos y <p> envolviendo bloques/tablas; desenvuelve <p> dentro de celdas. */
|
|
1097
|
-
cleanHtml(html) {
|
|
1098
|
-
const root = document.createElement('div');
|
|
1099
|
-
root.innerHTML = html;
|
|
1100
|
-
// 1) <td|th><p>...</p></td|th> -> <td|th>...</td|th>
|
|
1101
|
-
root.querySelectorAll('td > p, th > p').forEach((p) => {
|
|
1102
|
-
const parent = p.parentElement;
|
|
1103
|
-
while (p.firstChild)
|
|
1104
|
-
parent.insertBefore(p.firstChild, p);
|
|
1105
|
-
parent.removeChild(p);
|
|
1106
|
-
});
|
|
1107
|
-
// 2) <p> que solo tiene espacios/nbsp/br -> eliminar
|
|
1108
|
-
root.querySelectorAll('p').forEach((p) => {
|
|
1109
|
-
const onlyBr = Array.from(p.childNodes).every((n) => (n.nodeType === Node.ELEMENT_NODE &&
|
|
1110
|
-
n.tagName.toLowerCase() === 'br') ||
|
|
1111
|
-
(n.nodeType === Node.TEXT_NODE &&
|
|
1112
|
-
(n.textContent || '').replace(/\u00a0/g, ' ').trim() ===
|
|
1113
|
-
''));
|
|
1114
|
-
if (onlyBr)
|
|
1115
|
-
p.remove();
|
|
1116
|
-
});
|
|
1117
|
-
// 3) <p> que envuelve un bloque (table, ul, ol, div, section, article, h1..h6, blockquote) -> desenvolver
|
|
1118
|
-
const isBlock = (el) => /^(table|thead|tbody|tfoot|tr|th|td|ul|ol|div|section|article|h[1-6]|blockquote)$/i.test(el.tagName);
|
|
1119
|
-
root.querySelectorAll('p').forEach((p) => {
|
|
1120
|
-
// Si dentro hay algún bloque, desenvolver
|
|
1121
|
-
if (Array.from(p.children).some(isBlock)) {
|
|
1122
|
-
while (p.firstChild)
|
|
1123
|
-
p.parentElement.insertBefore(p.firstChild, p);
|
|
1124
|
-
p.remove();
|
|
1125
|
-
}
|
|
1126
|
-
});
|
|
1127
|
-
return root.innerHTML;
|
|
1128
|
-
}
|
|
1129
|
-
containsBlockHtml(c) {
|
|
1130
|
-
return this.blockRe.test(c);
|
|
1131
|
-
}
|
|
1132
|
-
decodeEntities(s) {
|
|
1133
|
-
const ta = document.createElement('textarea');
|
|
1134
|
-
ta.innerHTML = s;
|
|
1135
|
-
return ta.value;
|
|
1136
|
-
}
|
|
1137
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonDynamicHeadingComponent, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1138
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonDynamicHeadingComponent, isStandalone: true, selector: "lib-babylon-dynamic-heading", inputs: { tag: "tag", wrapper: "wrapper", cssClass: "cssClass", content: "content", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"tag\">\n <!-- H1 -->\n <h1 *ngSwitchCase=\"'h1'\" [ngClass]=\"cssClass\" [style.color]=\"color\">\n <ng-container *ngIf=\"wrapper; else noWrapperH1\">\n <ng-container [ngSwitch]=\"wrapper\">\n <span *ngSwitchCase=\"'span'\">{{ content }}</span>\n <b *ngSwitchCase=\"'b'\">{{ content }}</b>\n <i *ngSwitchCase=\"'i'\">{{ content }}</i>\n <u *ngSwitchCase=\"'u'\">{{ content }}</u>\n <mark *ngSwitchCase=\"'mark'\">{{ content }}</mark>\n <strong *ngSwitchCase=\"'strong'\">{{ content }}</strong>\n <em *ngSwitchCase=\"'em'\">{{ content }}</em>\n <small *ngSwitchCase=\"'small'\">{{ content }}</small>\n <del *ngSwitchCase=\"'del'\">{{ content }}</del>\n <ins *ngSwitchCase=\"'ins'\">{{ content }}</ins>\n <sub *ngSwitchCase=\"'sub'\">{{ content }}</sub>\n <sup *ngSwitchCase=\"'sup'\">{{ content }}</sup>\n <code *ngSwitchCase=\"'code'\">{{ content }}</code>\n <abbr *ngSwitchCase=\"'abbr'\">{{ content }}</abbr>\n <cite *ngSwitchCase=\"'cite'\">{{ content }}</cite>\n <kbd *ngSwitchCase=\"'kbd'\">{{ content }}</kbd>\n <s *ngSwitchCase=\"'s'\">{{ content }}</s>\n <q *ngSwitchCase=\"'q'\">{{ content }}</q>\n </ng-container>\n </ng-container>\n <ng-template #noWrapperH1>{{ content }}</ng-template>\n </h1>\n\n <!-- H2 -->\n <h2 *ngSwitchCase=\"'h2'\" [ngClass]=\"cssClass\" [style.color]=\"color\">\n <ng-container *ngIf=\"wrapper; else noWrapperH2\">\n <ng-container [ngSwitch]=\"wrapper\">\n <span *ngSwitchCase=\"'span'\">{{ content }}</span>\n <b *ngSwitchCase=\"'b'\">{{ content }}</b>\n <i *ngSwitchCase=\"'i'\">{{ content }}</i>\n <u *ngSwitchCase=\"'u'\">{{ content }}</u>\n <mark *ngSwitchCase=\"'mark'\">{{ content }}</mark>\n <strong *ngSwitchCase=\"'strong'\">{{ content }}</strong>\n <em *ngSwitchCase=\"'em'\">{{ content }}</em>\n <small *ngSwitchCase=\"'small'\">{{ content }}</small>\n <del *ngSwitchCase=\"'del'\">{{ content }}</del>\n <ins *ngSwitchCase=\"'ins'\">{{ content }}</ins>\n <sub *ngSwitchCase=\"'sub'\">{{ content }}</sub>\n <sup *ngSwitchCase=\"'sup'\">{{ content }}</sup>\n <code *ngSwitchCase=\"'code'\">{{ content }}</code>\n <abbr *ngSwitchCase=\"'abbr'\">{{ content }}</abbr>\n <cite *ngSwitchCase=\"'cite'\">{{ content }}</cite>\n <kbd *ngSwitchCase=\"'kbd'\">{{ content }}</kbd>\n <s *ngSwitchCase=\"'s'\">{{ content }}</s>\n <q *ngSwitchCase=\"'q'\">{{ content }}</q>\n </ng-container>\n </ng-container>\n <ng-template #noWrapperH2>{{ content }}</ng-template>\n </h2>\n\n <!-- H3 -->\n <h3 *ngSwitchCase=\"'h3'\" [ngClass]=\"cssClass\" [style.color]=\"color\">\n <ng-container *ngIf=\"wrapper; else noWrapperH3\">\n <ng-container [ngSwitch]=\"wrapper\">\n <span *ngSwitchCase=\"'span'\">{{ content }}</span>\n <b *ngSwitchCase=\"'b'\">{{ content }}</b>\n <i *ngSwitchCase=\"'i'\">{{ content }}</i>\n <u *ngSwitchCase=\"'u'\">{{ content }}</u>\n <mark *ngSwitchCase=\"'mark'\">{{ content }}</mark>\n <strong *ngSwitchCase=\"'strong'\">{{ content }}</strong>\n <em *ngSwitchCase=\"'em'\">{{ content }}</em>\n <small *ngSwitchCase=\"'small'\">{{ content }}</small>\n <del *ngSwitchCase=\"'del'\">{{ content }}</del>\n <ins *ngSwitchCase=\"'ins'\">{{ content }}</ins>\n <sub *ngSwitchCase=\"'sub'\">{{ content }}</sub>\n <sup *ngSwitchCase=\"'sup'\">{{ content }}</sup>\n <code *ngSwitchCase=\"'code'\">{{ content }}</code>\n <abbr *ngSwitchCase=\"'abbr'\">{{ content }}</abbr>\n <cite *ngSwitchCase=\"'cite'\">{{ content }}</cite>\n <kbd *ngSwitchCase=\"'kbd'\">{{ content }}</kbd>\n <s *ngSwitchCase=\"'s'\">{{ content }}</s>\n <q *ngSwitchCase=\"'q'\">{{ content }}</q>\n </ng-container>\n </ng-container>\n <ng-template #noWrapperH3>{{ content }}</ng-template>\n </h3>\n\n <!-- H4 -->\n <h4 *ngSwitchCase=\"'h4'\" [ngClass]=\"cssClass\" [style.color]=\"color\">\n <ng-container *ngIf=\"wrapper; else noWrapperH4\">\n <ng-container [ngSwitch]=\"wrapper\">\n <span *ngSwitchCase=\"'span'\">{{ content }}</span>\n <b *ngSwitchCase=\"'b'\">{{ content }}</b>\n <i *ngSwitchCase=\"'i'\">{{ content }}</i>\n <u *ngSwitchCase=\"'u'\">{{ content }}</u>\n <mark *ngSwitchCase=\"'mark'\">{{ content }}</mark>\n <strong *ngSwitchCase=\"'strong'\">{{ content }}</strong>\n <em *ngSwitchCase=\"'em'\">{{ content }}</em>\n <small *ngSwitchCase=\"'small'\">{{ content }}</small>\n <del *ngSwitchCase=\"'del'\">{{ content }}</del>\n <ins *ngSwitchCase=\"'ins'\">{{ content }}</ins>\n <sub *ngSwitchCase=\"'sub'\">{{ content }}</sub>\n <sup *ngSwitchCase=\"'sup'\">{{ content }}</sup>\n <code *ngSwitchCase=\"'code'\">{{ content }}</code>\n <abbr *ngSwitchCase=\"'abbr'\">{{ content }}</abbr>\n <cite *ngSwitchCase=\"'cite'\">{{ content }}</cite>\n <kbd *ngSwitchCase=\"'kbd'\">{{ content }}</kbd>\n <s *ngSwitchCase=\"'s'\">{{ content }}</s>\n <q *ngSwitchCase=\"'q'\">{{ content }}</q>\n </ng-container>\n </ng-container>\n <ng-template #noWrapperH4>{{ content }}</ng-template>\n </h4>\n\n <!-- H5 -->\n <h5 *ngSwitchCase=\"'h5'\" [ngClass]=\"cssClass\" [style.color]=\"color\">\n <ng-container *ngIf=\"wrapper; else noWrapperH5\">\n <ng-container [ngSwitch]=\"wrapper\">\n <span *ngSwitchCase=\"'span'\">{{ content }}</span>\n <b *ngSwitchCase=\"'b'\">{{ content }}</b>\n <i *ngSwitchCase=\"'i'\">{{ content }}</i>\n <u *ngSwitchCase=\"'u'\">{{ content }}</u>\n <mark *ngSwitchCase=\"'mark'\">{{ content }}</mark>\n <strong *ngSwitchCase=\"'strong'\">{{ content }}</strong>\n <em *ngSwitchCase=\"'em'\">{{ content }}</em>\n <small *ngSwitchCase=\"'small'\">{{ content }}</small>\n <del *ngSwitchCase=\"'del'\">{{ content }}</del>\n <ins *ngSwitchCase=\"'ins'\">{{ content }}</ins>\n <sub *ngSwitchCase=\"'sub'\">{{ content }}</sub>\n <sup *ngSwitchCase=\"'sup'\">{{ content }}</sup>\n <code *ngSwitchCase=\"'code'\">{{ content }}</code>\n <abbr *ngSwitchCase=\"'abbr'\">{{ content }}</abbr>\n <cite *ngSwitchCase=\"'cite'\">{{ content }}</cite>\n <kbd *ngSwitchCase=\"'kbd'\">{{ content }}</kbd>\n <s *ngSwitchCase=\"'s'\">{{ content }}</s>\n <q *ngSwitchCase=\"'q'\">{{ content }}</q>\n </ng-container>\n </ng-container>\n <ng-template #noWrapperH5>{{ content }}</ng-template>\n </h5>\n\n <!-- H6 -->\n <h6 *ngSwitchCase=\"'h6'\" [ngClass]=\"cssClass\" [style.color]=\"color\">\n <ng-container *ngIf=\"wrapper; else noWrapperH6\">\n <ng-container [ngSwitch]=\"wrapper\">\n <span *ngSwitchCase=\"'span'\">{{ content }}</span>\n <b *ngSwitchCase=\"'b'\">{{ content }}</b>\n <i *ngSwitchCase=\"'i'\">{{ content }}</i>\n <u *ngSwitchCase=\"'u'\">{{ content }}</u>\n <mark *ngSwitchCase=\"'mark'\">{{ content }}</mark>\n <strong *ngSwitchCase=\"'strong'\">{{ content }}</strong>\n <em *ngSwitchCase=\"'em'\">{{ content }}</em>\n <small *ngSwitchCase=\"'small'\">{{ content }}</small>\n <del *ngSwitchCase=\"'del'\">{{ content }}</del>\n <ins *ngSwitchCase=\"'ins'\">{{ content }}</ins>\n <sub *ngSwitchCase=\"'sub'\">{{ content }}</sub>\n <sup *ngSwitchCase=\"'sup'\">{{ content }}</sup>\n <code *ngSwitchCase=\"'code'\">{{ content }}</code>\n <abbr *ngSwitchCase=\"'abbr'\">{{ content }}</abbr>\n <cite *ngSwitchCase=\"'cite'\">{{ content }}</cite>\n <kbd *ngSwitchCase=\"'kbd'\">{{ content }}</kbd>\n <s *ngSwitchCase=\"'s'\">{{ content }}</s>\n <q *ngSwitchCase=\"'q'\">{{ content }}</q>\n </ng-container>\n </ng-container>\n <ng-template #noWrapperH6>{{ content }}</ng-template>\n </h6>\n\n <!-- P -->\n <p *ngSwitchCase=\"'p'\" [ngClass]=\"cssClass\" [style.color]=\"color\">\n <ng-container *ngIf=\"wrapper; else noWrapperP\">\n <ng-container [ngSwitch]=\"wrapper\">\n <span *ngSwitchCase=\"'span'\" [innerHTML]=\"content\"></span>\n <b *ngSwitchCase=\"'b'\" [innerHTML]=\"content\"></b>\n <i *ngSwitchCase=\"'i'\" [innerHTML]=\"content\"></i>\n <u *ngSwitchCase=\"'u'\" [innerHTML]=\"content\"></u>\n <mark *ngSwitchCase=\"'mark'\" [innerHTML]=\"content\"></mark>\n <strong *ngSwitchCase=\"'strong'\" [innerHTML]=\"content\"></strong>\n <em *ngSwitchCase=\"'em'\" [innerHTML]=\"content\"></em>\n <small *ngSwitchCase=\"'small'\" [innerHTML]=\"content\"></small>\n <del *ngSwitchCase=\"'del'\" [innerHTML]=\"content\"></del>\n <ins *ngSwitchCase=\"'ins'\" [innerHTML]=\"content\"></ins>\n <sub *ngSwitchCase=\"'sub'\" [innerHTML]=\"content\"></sub>\n <sup *ngSwitchCase=\"'sup'\" [innerHTML]=\"content\"></sup>\n <code *ngSwitchCase=\"'code'\" [innerHTML]=\"content\"></code>\n <abbr *ngSwitchCase=\"'abbr'\" [innerHTML]=\"content\"></abbr>\n <cite *ngSwitchCase=\"'cite'\" [innerHTML]=\"content\"></cite>\n <kbd *ngSwitchCase=\"'kbd'\" [innerHTML]=\"content\"></kbd>\n <s *ngSwitchCase=\"'s'\" [innerHTML]=\"content\"></s>\n <q *ngSwitchCase=\"'q'\" [innerHTML]=\"content\"></q>\n </ng-container>\n </ng-container>\n <ng-template #noWrapperP>\n @if (content) {\n <p\n *ngIf=\"!containsBlockHtml(content)\"\n [ngClass]=\"cssClass\"\n [style.color]=\"color\"\n >\n <span [innerHTML]=\"content\"></span>\n </p>\n\n <div\n *ngIf=\"containsBlockHtml(content)\"\n class=\"rich-html\"\n [ngClass]=\"cssClass\"\n [style.color]=\"color\"\n [innerHTML]=\"renderedHtml\"\n ></div>\n }\n </ng-template>\n </p>\n\n <!-- DEFAULT -->\n <span *ngSwitchDefault [ngClass]=\"cssClass\" [innerHTML]=\"content\"></span>\n</ng-container>\n", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: #fff;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom: #0a1d31;--cl_footer-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--type-align: center;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom: #79582c;--cl_footer-scroll: #aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-width: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}@media (min-width: 1280px){.order-custom-xl-xxl-1{order:1}.order-custom-xl-xxl-2{order:2}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width: 540px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width: 768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width: 1025px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width: 1280px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}@media (min-width: 1366px){.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}}@media (min-width: 1680px){.flex-xxxl-row{flex-direction:row!important}.flex-xxxl-column{flex-direction:column!important}.flex-xxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxl-wrap{flex-wrap:wrap!important}.flex-xxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxl-fill{flex:1 1 auto!important}.flex-xxxl-grow-0{flex-grow:0!important}.flex-xxxl-grow-1{flex-grow:1!important}.flex-xxxl-shrink-0{flex-shrink:0!important}.flex-xxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxl-start{justify-content:flex-start!important}.justify-content-xxxl-end{justify-content:flex-end!important}.justify-content-xxxl-center{justify-content:center!important}.justify-content-xxxl-between{justify-content:space-between!important}.justify-content-xxxl-around{justify-content:space-around!important}.align-items-xxxl-start{align-items:flex-start!important}.align-items-xxxl-end{align-items:flex-end!important}.align-items-xxxl-center{align-items:center!important}.align-items-xxxl-baseline{align-items:baseline!important}.align-items-xxxl-stretch{align-items:stretch!important}.align-content-xxxl-start{align-content:flex-start!important}.align-content-xxxl-end{align-content:flex-end!important}.align-content-xxxl-center{align-content:center!important}.align-content-xxxl-between{align-content:space-between!important}.align-content-xxxl-around{align-content:space-around!important}.align-content-xxxl-stretch{align-content:stretch!important}.align-self-xxxl-auto{align-self:auto!important}.align-self-xxxl-start{align-self:flex-start!important}.align-self-xxxl-end{align-self:flex-end!important}.align-self-xxxl-center{align-self:center!important}.align-self-xxxl-baseline{align-self:baseline!important}.align-self-xxxl-stretch{align-self:stretch!important}.m-xxxl-auto{margin:auto!important}.mt-xxxl-auto,.my-xxxl-auto{margin-top:auto!important}.mr-xxxl-auto,.mx-xxxl-auto{margin-right:auto!important}.mb-xxxl-auto,.my-xxxl-auto{margin-bottom:auto!important}.ml-xxxl-auto,.mx-xxxl-auto{margin-left:auto!important}}@media (min-width: 1921px){.flex-xxxxl-row{flex-direction:row!important}.flex-xxxxl-column{flex-direction:column!important}.flex-xxxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxxl-wrap{flex-wrap:wrap!important}.flex-xxxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxxl-fill{flex:1 1 auto!important}.flex-xxxxl-grow-0{flex-grow:0!important}.flex-xxxxl-grow-1{flex-grow:1!important}.flex-xxxxl-shrink-0{flex-shrink:0!important}.flex-xxxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxxl-start{justify-content:flex-start!important}.justify-content-xxxxl-end{justify-content:flex-end!important}.justify-content-xxxxl-center{justify-content:center!important}.justify-content-xxxxl-between{justify-content:space-between!important}.justify-content-xxxxl-around{justify-content:space-around!important}.align-items-xxxxl-start{align-items:flex-start!important}.align-items-xxxxl-end{align-items:flex-end!important}.align-items-xxxxl-center{align-items:center!important}.align-items-xxxxl-baseline{align-items:baseline!important}.align-items-xxxxl-stretch{align-items:stretch!important}.align-content-xxxxl-start{align-content:flex-start!important}.align-content-xxxxl-end{align-content:flex-end!important}.align-content-xxxxl-center{align-content:center!important}.align-content-xxxxl-between{align-content:space-between!important}.align-content-xxxxl-around{align-content:space-around!important}.align-content-xxxxl-stretch{align-content:stretch!important}.align-self-xxxxl-auto{align-self:auto!important}.align-self-xxxxl-start{align-self:flex-start!important}.align-self-xxxxl-end{align-self:flex-end!important}.align-self-xxxxl-center{align-self:center!important}.align-self-xxxxl-baseline{align-self:baseline!important}.align-self-xxxxl-stretch{align-self:stretch!important}.m-xxxxl-auto{margin:auto!important}.mt-xxxxl-auto,.my-xxxxl-auto{margin-top:auto!important}.mr-xxxxl-auto,.mx-xxxxl-auto{margin-right:auto!important}.mb-xxxxl-auto,.my-xxxxl-auto{margin-bottom:auto!important}.ml-xxxxl-auto,.mx-xxxxl-auto{margin-left:auto!important}}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.mt--150{margin-top:150px!important}.mb--150{margin-bottom:150px!important}.pt--150{padding-top:150px}.pb--150{padding-bottom:150px}.mblock--150{margin-block:150px}.pblock--150{padding-block:150px}.mt--180{margin-top:180px!important}.mb--180{margin-bottom:180px!important}.pt--180{padding-top:180px}.pb--180{padding-bottom:180px}.mblock--180{margin-block:180px}.pblock--180{padding-block:180px}@keyframes move-right{0%{right:30px}50%{right:20px}to{right:30px}}.rich-html{overflow:hidden}.rich-html ::ng-deep .table-container{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}@media (max-width: 767px){.rich-html ::ng-deep .table-container{width:95vw}}.rich-html ::ng-deep table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--rh-border-color);border-radius:var(--rh-radius);background:#fff;color:var(--rh-text-color)}.rich-html ::ng-deep thead th{background:var(--rh-header-bg);font-weight:600;text-align:center;padding:.75rem 1rem;border-top:0;border-right:1px solid var(--rh-border-color);border-bottom:1px solid var(--rh-border-color)}.rich-html ::ng-deep thead th:first-child{border-top-left-radius:var(--rh-radius)}.rich-html ::ng-deep thead th:last-child{border-right:0;border-top-right-radius:var(--rh-radius)}.rich-html ::ng-deep tbody td{text-align:center;padding:.75rem 1rem;border-top:1px solid var(--rh-border-color);border-right:1px solid var(--rh-border-color)}.rich-html ::ng-deep tbody td:last-child{border-right:0}.rich-html ::ng-deep tbody tr:nth-child(odd){background:var(--rh-row-alt-bg)}.rich-html ::ng-deep tbody tr:hover{background:color-mix(in srgb,var(--rh-header-bg) 60%,#fff)}.rich-html ::ng-deep tbody tr:last-child td:first-child{border-bottom-left-radius:var(--rh-radius)}.rich-html ::ng-deep tbody tr:last-child td:last-child{border-bottom-right-radius:var(--rh-radius)}.rich-html ::ng-deep caption{caption-side:top;text-align:center;font-weight:600;padding:.5rem 0 1rem}@media (max-width: 640px){.rich-html ::ng-deep table{width:max-content}.rich-html ::ng-deep table thead th,.rich-html ::ng-deep table tbody td{padding:.5rem .75rem;font-size:.95rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1139
|
-
}
|
|
1140
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonDynamicHeadingComponent, decorators: [{
|
|
1141
|
-
type: Component,
|
|
1142
|
-
args: [{ selector: 'lib-babylon-dynamic-heading', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngSwitch]=\"tag\">\n <!-- H1 -->\n <h1 *ngSwitchCase=\"'h1'\" [ngClass]=\"cssClass\" [style.color]=\"color\">\n <ng-container *ngIf=\"wrapper; else noWrapperH1\">\n <ng-container [ngSwitch]=\"wrapper\">\n <span *ngSwitchCase=\"'span'\">{{ content }}</span>\n <b *ngSwitchCase=\"'b'\">{{ content }}</b>\n <i *ngSwitchCase=\"'i'\">{{ content }}</i>\n <u *ngSwitchCase=\"'u'\">{{ content }}</u>\n <mark *ngSwitchCase=\"'mark'\">{{ content }}</mark>\n <strong *ngSwitchCase=\"'strong'\">{{ content }}</strong>\n <em *ngSwitchCase=\"'em'\">{{ content }}</em>\n <small *ngSwitchCase=\"'small'\">{{ content }}</small>\n <del *ngSwitchCase=\"'del'\">{{ content }}</del>\n <ins *ngSwitchCase=\"'ins'\">{{ content }}</ins>\n <sub *ngSwitchCase=\"'sub'\">{{ content }}</sub>\n <sup *ngSwitchCase=\"'sup'\">{{ content }}</sup>\n <code *ngSwitchCase=\"'code'\">{{ content }}</code>\n <abbr *ngSwitchCase=\"'abbr'\">{{ content }}</abbr>\n <cite *ngSwitchCase=\"'cite'\">{{ content }}</cite>\n <kbd *ngSwitchCase=\"'kbd'\">{{ content }}</kbd>\n <s *ngSwitchCase=\"'s'\">{{ content }}</s>\n <q *ngSwitchCase=\"'q'\">{{ content }}</q>\n </ng-container>\n </ng-container>\n <ng-template #noWrapperH1>{{ content }}</ng-template>\n </h1>\n\n <!-- H2 -->\n <h2 *ngSwitchCase=\"'h2'\" [ngClass]=\"cssClass\" [style.color]=\"color\">\n <ng-container *ngIf=\"wrapper; else noWrapperH2\">\n <ng-container [ngSwitch]=\"wrapper\">\n <span *ngSwitchCase=\"'span'\">{{ content }}</span>\n <b *ngSwitchCase=\"'b'\">{{ content }}</b>\n <i *ngSwitchCase=\"'i'\">{{ content }}</i>\n <u *ngSwitchCase=\"'u'\">{{ content }}</u>\n <mark *ngSwitchCase=\"'mark'\">{{ content }}</mark>\n <strong *ngSwitchCase=\"'strong'\">{{ content }}</strong>\n <em *ngSwitchCase=\"'em'\">{{ content }}</em>\n <small *ngSwitchCase=\"'small'\">{{ content }}</small>\n <del *ngSwitchCase=\"'del'\">{{ content }}</del>\n <ins *ngSwitchCase=\"'ins'\">{{ content }}</ins>\n <sub *ngSwitchCase=\"'sub'\">{{ content }}</sub>\n <sup *ngSwitchCase=\"'sup'\">{{ content }}</sup>\n <code *ngSwitchCase=\"'code'\">{{ content }}</code>\n <abbr *ngSwitchCase=\"'abbr'\">{{ content }}</abbr>\n <cite *ngSwitchCase=\"'cite'\">{{ content }}</cite>\n <kbd *ngSwitchCase=\"'kbd'\">{{ content }}</kbd>\n <s *ngSwitchCase=\"'s'\">{{ content }}</s>\n <q *ngSwitchCase=\"'q'\">{{ content }}</q>\n </ng-container>\n </ng-container>\n <ng-template #noWrapperH2>{{ content }}</ng-template>\n </h2>\n\n <!-- H3 -->\n <h3 *ngSwitchCase=\"'h3'\" [ngClass]=\"cssClass\" [style.color]=\"color\">\n <ng-container *ngIf=\"wrapper; else noWrapperH3\">\n <ng-container [ngSwitch]=\"wrapper\">\n <span *ngSwitchCase=\"'span'\">{{ content }}</span>\n <b *ngSwitchCase=\"'b'\">{{ content }}</b>\n <i *ngSwitchCase=\"'i'\">{{ content }}</i>\n <u *ngSwitchCase=\"'u'\">{{ content }}</u>\n <mark *ngSwitchCase=\"'mark'\">{{ content }}</mark>\n <strong *ngSwitchCase=\"'strong'\">{{ content }}</strong>\n <em *ngSwitchCase=\"'em'\">{{ content }}</em>\n <small *ngSwitchCase=\"'small'\">{{ content }}</small>\n <del *ngSwitchCase=\"'del'\">{{ content }}</del>\n <ins *ngSwitchCase=\"'ins'\">{{ content }}</ins>\n <sub *ngSwitchCase=\"'sub'\">{{ content }}</sub>\n <sup *ngSwitchCase=\"'sup'\">{{ content }}</sup>\n <code *ngSwitchCase=\"'code'\">{{ content }}</code>\n <abbr *ngSwitchCase=\"'abbr'\">{{ content }}</abbr>\n <cite *ngSwitchCase=\"'cite'\">{{ content }}</cite>\n <kbd *ngSwitchCase=\"'kbd'\">{{ content }}</kbd>\n <s *ngSwitchCase=\"'s'\">{{ content }}</s>\n <q *ngSwitchCase=\"'q'\">{{ content }}</q>\n </ng-container>\n </ng-container>\n <ng-template #noWrapperH3>{{ content }}</ng-template>\n </h3>\n\n <!-- H4 -->\n <h4 *ngSwitchCase=\"'h4'\" [ngClass]=\"cssClass\" [style.color]=\"color\">\n <ng-container *ngIf=\"wrapper; else noWrapperH4\">\n <ng-container [ngSwitch]=\"wrapper\">\n <span *ngSwitchCase=\"'span'\">{{ content }}</span>\n <b *ngSwitchCase=\"'b'\">{{ content }}</b>\n <i *ngSwitchCase=\"'i'\">{{ content }}</i>\n <u *ngSwitchCase=\"'u'\">{{ content }}</u>\n <mark *ngSwitchCase=\"'mark'\">{{ content }}</mark>\n <strong *ngSwitchCase=\"'strong'\">{{ content }}</strong>\n <em *ngSwitchCase=\"'em'\">{{ content }}</em>\n <small *ngSwitchCase=\"'small'\">{{ content }}</small>\n <del *ngSwitchCase=\"'del'\">{{ content }}</del>\n <ins *ngSwitchCase=\"'ins'\">{{ content }}</ins>\n <sub *ngSwitchCase=\"'sub'\">{{ content }}</sub>\n <sup *ngSwitchCase=\"'sup'\">{{ content }}</sup>\n <code *ngSwitchCase=\"'code'\">{{ content }}</code>\n <abbr *ngSwitchCase=\"'abbr'\">{{ content }}</abbr>\n <cite *ngSwitchCase=\"'cite'\">{{ content }}</cite>\n <kbd *ngSwitchCase=\"'kbd'\">{{ content }}</kbd>\n <s *ngSwitchCase=\"'s'\">{{ content }}</s>\n <q *ngSwitchCase=\"'q'\">{{ content }}</q>\n </ng-container>\n </ng-container>\n <ng-template #noWrapperH4>{{ content }}</ng-template>\n </h4>\n\n <!-- H5 -->\n <h5 *ngSwitchCase=\"'h5'\" [ngClass]=\"cssClass\" [style.color]=\"color\">\n <ng-container *ngIf=\"wrapper; else noWrapperH5\">\n <ng-container [ngSwitch]=\"wrapper\">\n <span *ngSwitchCase=\"'span'\">{{ content }}</span>\n <b *ngSwitchCase=\"'b'\">{{ content }}</b>\n <i *ngSwitchCase=\"'i'\">{{ content }}</i>\n <u *ngSwitchCase=\"'u'\">{{ content }}</u>\n <mark *ngSwitchCase=\"'mark'\">{{ content }}</mark>\n <strong *ngSwitchCase=\"'strong'\">{{ content }}</strong>\n <em *ngSwitchCase=\"'em'\">{{ content }}</em>\n <small *ngSwitchCase=\"'small'\">{{ content }}</small>\n <del *ngSwitchCase=\"'del'\">{{ content }}</del>\n <ins *ngSwitchCase=\"'ins'\">{{ content }}</ins>\n <sub *ngSwitchCase=\"'sub'\">{{ content }}</sub>\n <sup *ngSwitchCase=\"'sup'\">{{ content }}</sup>\n <code *ngSwitchCase=\"'code'\">{{ content }}</code>\n <abbr *ngSwitchCase=\"'abbr'\">{{ content }}</abbr>\n <cite *ngSwitchCase=\"'cite'\">{{ content }}</cite>\n <kbd *ngSwitchCase=\"'kbd'\">{{ content }}</kbd>\n <s *ngSwitchCase=\"'s'\">{{ content }}</s>\n <q *ngSwitchCase=\"'q'\">{{ content }}</q>\n </ng-container>\n </ng-container>\n <ng-template #noWrapperH5>{{ content }}</ng-template>\n </h5>\n\n <!-- H6 -->\n <h6 *ngSwitchCase=\"'h6'\" [ngClass]=\"cssClass\" [style.color]=\"color\">\n <ng-container *ngIf=\"wrapper; else noWrapperH6\">\n <ng-container [ngSwitch]=\"wrapper\">\n <span *ngSwitchCase=\"'span'\">{{ content }}</span>\n <b *ngSwitchCase=\"'b'\">{{ content }}</b>\n <i *ngSwitchCase=\"'i'\">{{ content }}</i>\n <u *ngSwitchCase=\"'u'\">{{ content }}</u>\n <mark *ngSwitchCase=\"'mark'\">{{ content }}</mark>\n <strong *ngSwitchCase=\"'strong'\">{{ content }}</strong>\n <em *ngSwitchCase=\"'em'\">{{ content }}</em>\n <small *ngSwitchCase=\"'small'\">{{ content }}</small>\n <del *ngSwitchCase=\"'del'\">{{ content }}</del>\n <ins *ngSwitchCase=\"'ins'\">{{ content }}</ins>\n <sub *ngSwitchCase=\"'sub'\">{{ content }}</sub>\n <sup *ngSwitchCase=\"'sup'\">{{ content }}</sup>\n <code *ngSwitchCase=\"'code'\">{{ content }}</code>\n <abbr *ngSwitchCase=\"'abbr'\">{{ content }}</abbr>\n <cite *ngSwitchCase=\"'cite'\">{{ content }}</cite>\n <kbd *ngSwitchCase=\"'kbd'\">{{ content }}</kbd>\n <s *ngSwitchCase=\"'s'\">{{ content }}</s>\n <q *ngSwitchCase=\"'q'\">{{ content }}</q>\n </ng-container>\n </ng-container>\n <ng-template #noWrapperH6>{{ content }}</ng-template>\n </h6>\n\n <!-- P -->\n <p *ngSwitchCase=\"'p'\" [ngClass]=\"cssClass\" [style.color]=\"color\">\n <ng-container *ngIf=\"wrapper; else noWrapperP\">\n <ng-container [ngSwitch]=\"wrapper\">\n <span *ngSwitchCase=\"'span'\" [innerHTML]=\"content\"></span>\n <b *ngSwitchCase=\"'b'\" [innerHTML]=\"content\"></b>\n <i *ngSwitchCase=\"'i'\" [innerHTML]=\"content\"></i>\n <u *ngSwitchCase=\"'u'\" [innerHTML]=\"content\"></u>\n <mark *ngSwitchCase=\"'mark'\" [innerHTML]=\"content\"></mark>\n <strong *ngSwitchCase=\"'strong'\" [innerHTML]=\"content\"></strong>\n <em *ngSwitchCase=\"'em'\" [innerHTML]=\"content\"></em>\n <small *ngSwitchCase=\"'small'\" [innerHTML]=\"content\"></small>\n <del *ngSwitchCase=\"'del'\" [innerHTML]=\"content\"></del>\n <ins *ngSwitchCase=\"'ins'\" [innerHTML]=\"content\"></ins>\n <sub *ngSwitchCase=\"'sub'\" [innerHTML]=\"content\"></sub>\n <sup *ngSwitchCase=\"'sup'\" [innerHTML]=\"content\"></sup>\n <code *ngSwitchCase=\"'code'\" [innerHTML]=\"content\"></code>\n <abbr *ngSwitchCase=\"'abbr'\" [innerHTML]=\"content\"></abbr>\n <cite *ngSwitchCase=\"'cite'\" [innerHTML]=\"content\"></cite>\n <kbd *ngSwitchCase=\"'kbd'\" [innerHTML]=\"content\"></kbd>\n <s *ngSwitchCase=\"'s'\" [innerHTML]=\"content\"></s>\n <q *ngSwitchCase=\"'q'\" [innerHTML]=\"content\"></q>\n </ng-container>\n </ng-container>\n <ng-template #noWrapperP>\n @if (content) {\n <p\n *ngIf=\"!containsBlockHtml(content)\"\n [ngClass]=\"cssClass\"\n [style.color]=\"color\"\n >\n <span [innerHTML]=\"content\"></span>\n </p>\n\n <div\n *ngIf=\"containsBlockHtml(content)\"\n class=\"rich-html\"\n [ngClass]=\"cssClass\"\n [style.color]=\"color\"\n [innerHTML]=\"renderedHtml\"\n ></div>\n }\n </ng-template>\n </p>\n\n <!-- DEFAULT -->\n <span *ngSwitchDefault [ngClass]=\"cssClass\" [innerHTML]=\"content\"></span>\n</ng-container>\n", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: #fff;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom: #0a1d31;--cl_footer-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--type-align: center;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom: #79582c;--cl_footer-scroll: #aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-width: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}@media (min-width: 1280px){.order-custom-xl-xxl-1{order:1}.order-custom-xl-xxl-2{order:2}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width: 540px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width: 768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width: 1025px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width: 1280px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}@media (min-width: 1366px){.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}}@media (min-width: 1680px){.flex-xxxl-row{flex-direction:row!important}.flex-xxxl-column{flex-direction:column!important}.flex-xxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxl-wrap{flex-wrap:wrap!important}.flex-xxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxl-fill{flex:1 1 auto!important}.flex-xxxl-grow-0{flex-grow:0!important}.flex-xxxl-grow-1{flex-grow:1!important}.flex-xxxl-shrink-0{flex-shrink:0!important}.flex-xxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxl-start{justify-content:flex-start!important}.justify-content-xxxl-end{justify-content:flex-end!important}.justify-content-xxxl-center{justify-content:center!important}.justify-content-xxxl-between{justify-content:space-between!important}.justify-content-xxxl-around{justify-content:space-around!important}.align-items-xxxl-start{align-items:flex-start!important}.align-items-xxxl-end{align-items:flex-end!important}.align-items-xxxl-center{align-items:center!important}.align-items-xxxl-baseline{align-items:baseline!important}.align-items-xxxl-stretch{align-items:stretch!important}.align-content-xxxl-start{align-content:flex-start!important}.align-content-xxxl-end{align-content:flex-end!important}.align-content-xxxl-center{align-content:center!important}.align-content-xxxl-between{align-content:space-between!important}.align-content-xxxl-around{align-content:space-around!important}.align-content-xxxl-stretch{align-content:stretch!important}.align-self-xxxl-auto{align-self:auto!important}.align-self-xxxl-start{align-self:flex-start!important}.align-self-xxxl-end{align-self:flex-end!important}.align-self-xxxl-center{align-self:center!important}.align-self-xxxl-baseline{align-self:baseline!important}.align-self-xxxl-stretch{align-self:stretch!important}.m-xxxl-auto{margin:auto!important}.mt-xxxl-auto,.my-xxxl-auto{margin-top:auto!important}.mr-xxxl-auto,.mx-xxxl-auto{margin-right:auto!important}.mb-xxxl-auto,.my-xxxl-auto{margin-bottom:auto!important}.ml-xxxl-auto,.mx-xxxl-auto{margin-left:auto!important}}@media (min-width: 1921px){.flex-xxxxl-row{flex-direction:row!important}.flex-xxxxl-column{flex-direction:column!important}.flex-xxxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxxl-wrap{flex-wrap:wrap!important}.flex-xxxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxxl-fill{flex:1 1 auto!important}.flex-xxxxl-grow-0{flex-grow:0!important}.flex-xxxxl-grow-1{flex-grow:1!important}.flex-xxxxl-shrink-0{flex-shrink:0!important}.flex-xxxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxxl-start{justify-content:flex-start!important}.justify-content-xxxxl-end{justify-content:flex-end!important}.justify-content-xxxxl-center{justify-content:center!important}.justify-content-xxxxl-between{justify-content:space-between!important}.justify-content-xxxxl-around{justify-content:space-around!important}.align-items-xxxxl-start{align-items:flex-start!important}.align-items-xxxxl-end{align-items:flex-end!important}.align-items-xxxxl-center{align-items:center!important}.align-items-xxxxl-baseline{align-items:baseline!important}.align-items-xxxxl-stretch{align-items:stretch!important}.align-content-xxxxl-start{align-content:flex-start!important}.align-content-xxxxl-end{align-content:flex-end!important}.align-content-xxxxl-center{align-content:center!important}.align-content-xxxxl-between{align-content:space-between!important}.align-content-xxxxl-around{align-content:space-around!important}.align-content-xxxxl-stretch{align-content:stretch!important}.align-self-xxxxl-auto{align-self:auto!important}.align-self-xxxxl-start{align-self:flex-start!important}.align-self-xxxxl-end{align-self:flex-end!important}.align-self-xxxxl-center{align-self:center!important}.align-self-xxxxl-baseline{align-self:baseline!important}.align-self-xxxxl-stretch{align-self:stretch!important}.m-xxxxl-auto{margin:auto!important}.mt-xxxxl-auto,.my-xxxxl-auto{margin-top:auto!important}.mr-xxxxl-auto,.mx-xxxxl-auto{margin-right:auto!important}.mb-xxxxl-auto,.my-xxxxl-auto{margin-bottom:auto!important}.ml-xxxxl-auto,.mx-xxxxl-auto{margin-left:auto!important}}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.mt--150{margin-top:150px!important}.mb--150{margin-bottom:150px!important}.pt--150{padding-top:150px}.pb--150{padding-bottom:150px}.mblock--150{margin-block:150px}.pblock--150{padding-block:150px}.mt--180{margin-top:180px!important}.mb--180{margin-bottom:180px!important}.pt--180{padding-top:180px}.pb--180{padding-bottom:180px}.mblock--180{margin-block:180px}.pblock--180{padding-block:180px}@keyframes move-right{0%{right:30px}50%{right:20px}to{right:30px}}.rich-html{overflow:hidden}.rich-html ::ng-deep .table-container{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}@media (max-width: 767px){.rich-html ::ng-deep .table-container{width:95vw}}.rich-html ::ng-deep table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--rh-border-color);border-radius:var(--rh-radius);background:#fff;color:var(--rh-text-color)}.rich-html ::ng-deep thead th{background:var(--rh-header-bg);font-weight:600;text-align:center;padding:.75rem 1rem;border-top:0;border-right:1px solid var(--rh-border-color);border-bottom:1px solid var(--rh-border-color)}.rich-html ::ng-deep thead th:first-child{border-top-left-radius:var(--rh-radius)}.rich-html ::ng-deep thead th:last-child{border-right:0;border-top-right-radius:var(--rh-radius)}.rich-html ::ng-deep tbody td{text-align:center;padding:.75rem 1rem;border-top:1px solid var(--rh-border-color);border-right:1px solid var(--rh-border-color)}.rich-html ::ng-deep tbody td:last-child{border-right:0}.rich-html ::ng-deep tbody tr:nth-child(odd){background:var(--rh-row-alt-bg)}.rich-html ::ng-deep tbody tr:hover{background:color-mix(in srgb,var(--rh-header-bg) 60%,#fff)}.rich-html ::ng-deep tbody tr:last-child td:first-child{border-bottom-left-radius:var(--rh-radius)}.rich-html ::ng-deep tbody tr:last-child td:last-child{border-bottom-right-radius:var(--rh-radius)}.rich-html ::ng-deep caption{caption-side:top;text-align:center;font-weight:600;padding:.5rem 0 1rem}@media (max-width: 640px){.rich-html ::ng-deep table{width:max-content}.rich-html ::ng-deep table thead th,.rich-html ::ng-deep table tbody td{padding:.5rem .75rem;font-size:.95rem}}\n"] }]
|
|
1143
|
-
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
1144
|
-
type: Inject,
|
|
1145
|
-
args: [PLATFORM_ID]
|
|
1146
|
-
}] }], propDecorators: { tag: [{
|
|
1147
|
-
type: Input
|
|
1148
|
-
}], wrapper: [{
|
|
1149
|
-
type: Input
|
|
1150
|
-
}], cssClass: [{
|
|
1151
|
-
type: Input
|
|
1152
|
-
}], content: [{
|
|
1153
|
-
type: Input
|
|
1154
|
-
}], color: [{
|
|
1155
|
-
type: Input
|
|
1156
|
-
}] } });
|
|
1157
|
-
|
|
1158
1167
|
class BabylonAdvantagesComponent {
|
|
1159
1168
|
constructor() {
|
|
1160
1169
|
this.showImage = false;
|
|
@@ -3658,10 +3667,18 @@ class MapperService {
|
|
|
3658
3667
|
}
|
|
3659
3668
|
map404(props) {
|
|
3660
3669
|
return {
|
|
3661
|
-
title: props?.texts?.title
|
|
3670
|
+
title: typeof props?.texts?.title === 'string'
|
|
3671
|
+
? props?.texts?.title
|
|
3672
|
+
: props?.texts?.title?.contain,
|
|
3662
3673
|
description: props?.texts?.description,
|
|
3663
|
-
subtitle: props?.texts?.subtitle
|
|
3674
|
+
subtitle: typeof props?.texts?.subtitle === 'string'
|
|
3675
|
+
? props?.texts?.subtitle
|
|
3676
|
+
: props?.texts?.subtitle?.contain,
|
|
3664
3677
|
button: Utils.mapButtons(props?.buttons)?.[0],
|
|
3678
|
+
tags: {
|
|
3679
|
+
pretitle: props?.texts?.subtitle?.tag,
|
|
3680
|
+
title: props?.texts?.title?.tag,
|
|
3681
|
+
},
|
|
3665
3682
|
};
|
|
3666
3683
|
}
|
|
3667
3684
|
//---- LAYOUT COMPONENTS ----//
|