import { CommonModule, DOCUMENT } from '@angular/common';
import { ChangeDetectionStrategy, Component, Inject, inject, Input, Pipe, } from '@angular/core';
import { BabylonLinkTypeDirective } from '../../../directives/link-type/link-type.directive';
import { organization_name } from '../../../utils/organization-name.token';
import { BabylonDynamicHeadingComponent } from '../../shared';
import * as i0 from "@angular/core";
import * as i1 from "@angular/platform-browser";
import * as i2 from "@angular/router";
import * as i3 from "@angular/common";
// --- PIPE para confiar en enlaces provenientes de contenido HTML ---
export class SafeHtmlPipe {
    constructor(sanitizer) {
        this.sanitizer = sanitizer;
    }
    transform(html) {
        return this.sanitizer.bypassSecurityTrustHtml(html);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: SafeHtmlPipe, isStandalone: true, name: "safeHtml" }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SafeHtmlPipe, decorators: [{
            type: Pipe,
            args: [{
                    name: 'safeHtml',
                    standalone: true,
                }]
        }], ctorParameters: () => [{ type: i1.DomSanitizer }] });
export class BabylonBlogDetailsComponent {
    constructor(document, route) {
        this.document = document;
        this.route = route;
        this.middleImg = false;
        this.topImg = false;
        this.relatedPosts = [];
        this.organizationName = inject(organization_name);
        this.scriptId = 'babylon-json-ld';
    }
    ngOnChanges(changes) {
        if (changes['title'] ||
            changes['description'] ||
            changes['date'] ||
            changes['img']) {
            this.updateJsonLd();
        }
    }
    ngOnDestroy() {
        this.removeJsonLd();
    }
    updateJsonLd() {
        if (!this.title)
            return;
        let lang;
        this.route.url.subscribe((segments) => {
            if (segments.length > 0) {
                lang = segments[0].path;
            }
            else {
                lang = 'es';
            }
        });
        let domain = window.location.origin + '/' + lang;
        const schema = {
            '@context': 'https://schema.org',
            '@graph': [
                {
                    '@type': 'BlogPosting',
                    headline: this.title,
                    description: this.htmlToText(this.additional1) || '',
                    image: this.img?.src ? [this.img.src] : [],
                    datePublished: this.date
                        ? new Date(this.date).toISOString()
                        : '',
                    dateModified: this.date
                        ? new Date(this.date).toISOString()
                        : '',
                    '@author': {
                        '@type': 'Organization',
                        name: this.organizationName ?? '',
                        url: domain,
                    },
                    mainEntityOfPage: {
                        '@type': 'WebPage',
                        '@id': this.currentUrl,
                    },
                },
                {
                    '@type': 'WebPage',
                    '@id': this.currentUrl,
                    url: this.currentUrl,
                    name: this.title,
                    inLanguage: lang,
                },
            ],
        };
        this.insertScript(schema);
    }
    insertScript(schema) {
        this.removeJsonLd();
        const script = this.document.createElement('script');
        script.type = 'application/ld+json';
        script.id = this.scriptId;
        script.text = JSON.stringify(schema);
        this.document.head.appendChild(script);
    }
    removeJsonLd() {
        const script = this.document.getElementById(this.scriptId);
        if (script) {
            script.remove();
        }
    }
    htmlToText(content) {
        if (!content || !content.length) {
            return;
        }
        const tempDiv = document.createElement('div');
        tempDiv.innerHTML = content;
        return tempDiv.textContent || tempDiv.innerText || '';
    }
    get currentUrl() {
        if (typeof window === 'undefined')
            return '';
        return window.location.href;
    }
    get shareText() {
        return this.title ?? '';
    }
    get facebookShareUrl() {
        const url = encodeURI(this.currentUrl);
        return `https://www.facebook.com/sharer/sharer.php?u=${url}`;
    }
    get twitterShareUrl() {
        const url = encodeURI(this.currentUrl);
        const text = encodeURIComponent(this.shareText);
        return `https://twitter.com/intent/tweet?url=${url}&text=${text}`;
    }
    get linkedinShareUrl() {
        const url = encodeURI(this.currentUrl);
        return `https://www.linkedin.com/sharing/share-offsite/?url=${url}`;
    }
    get hasSidebar() {
        return !!(this.categoriesTitle || this.relatedPostsTitle);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonBlogDetailsComponent, deps: [{ token: DOCUMENT }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonBlogDetailsComponent, isStandalone: true, selector: "lib-babylon-blog-details", inputs: { title: "title", subtitle: "subtitle", pretitle: "pretitle", description: "description", additional1: "additional1", additional2: "additional2", additional3: "additional3", additional4: "additional4", img: "img", middleImg: "middleImg", topImg: "topImg", tags: "tags", textColors: "textColors", button: "button", category: "category", date: "date", categories: "categories", relatedPostsTitle: "relatedPostsTitle", categoriesTitle: "categoriesTitle", relatedPosts: "relatedPosts", searchPlaceHolder: "searchPlaceHolder", share: "share" }, usesOnChanges: true, ngImport: i0, template: "<article class=\"babylon__blog-detail margin-main\">\n    @if (button && button.label) {\n        <div class=\"btns__box box-container col-lg-8 offset-lg-2\">\n            <a\n                [href]=\"button.url\"\n                [linkType]=\"button.linkType\"\n                class=\"btn-link\"\n                [attr.aria-label]=\"button.label\"\n            >\n                <span class=\"babylon-arrow-left-big\"></span>\n                <b>{{ button.label }}</b>\n            </a>\n        </div>\n    }\n    <header class=\"container-fluid cs_plr_100\">\n        <div class=\"intro_info title-container col-lg-8 offset-lg-2\">\n            @if (title) {\n                <h1 class=\"title cs_mb_13\">{{ title }}</h1>\n            }\n            <div class=\"cs_post_meta_4 cs_mb_13 pretitle\">\n                @if (category?.nameIdentifier || category) {\n                    <span>{{ category?.nameIdentifier || category }}</span>\n                }\n                @if (date) {\n                    <span>{{ date | date: 'dd/MM/yyyy' }}</span>\n                }\n            </div>\n        </div>\n    </header>\n    <div class=\"container-fluid cs_plr_100\">\n        <div class=\"row cs_gap_y_lg_80\">\n            <div ngClass=\"col-lg-8 offset-lg-2\">\n                <div class=\"cs_blog_details\">\n                    <div class=\"cs_image_layer cs_about_img\">\n                        @if (subtitle && topImg) {\n                            <h2 class=\"title--small top-img\">{{ subtitle }}</h2>\n                        }\n                        @if ((img && !middleImg) || ( img && topImg)) {\n                            <img\n                                [src]=\"img.src\"\n                                [alt]=\"img.alt\"\n                                [class]=\"'cs--radius' + (topImg ? ' top-img' : '')\"\n                                loading=\"lazy\"\n                            />\n                            @if (img.ndTitle) {\n                                {{ img.ndTitle }}\n                            }\n                        }\n                    </div>\n                    <div class=\"intro_info no-align\">\n                        @if (description) {\n                            <div\n                                class=\"text\"\n                                [innerHTML]=\"description | safeHtml\"\n                            ></div>\n                        }\n                        @if (subtitle && !topImg) {\n                            <h2 class=\"title--small\">{{ subtitle }}</h2>\n                        }\n\n                        <!--Additional1 is used on blog list for resume -->\n                        @if (additional2) {\n                            <div\n                                class=\"text\"\n                                [innerHTML]=\"additional2 | safeHtml\"\n                            ></div>\n                        }\n                        @if (img && middleImg && !topImg) {\n                            <img\n                                [src]=\"img.src\"\n                                [alt]=\"img.alt\"\n                                class=\"cs--radius\"\n                                loading=\"lazy\"\n                            />\n                            @if (img.ndTitle) {\n                                {{ img.ndTitle }}\n                            }\n                        }\n                        @if (additional3) {\n                            <div\n                                class=\"text\"\n                                [innerHTML]=\"additional3 | safeHtml\"\n                            ></div>\n                        }\n                        @if (additional4) {\n                            <div\n                                class=\"text\"\n                                [innerHTML]=\"additional4 | safeHtml\"\n                            ></div>\n                        }\n                    </div>\n                </div>\n                @if (!hasSidebar) {\n                    <footer class=\"cs_post_share d-lg-none\">\n                        <ng-container\n                            [ngTemplateOutlet]=\"shareButtons\"\n                        ></ng-container>\n                    </footer>\n                }\n                @if (button && button.label) {\n                    <div class=\"btns__box\">\n                        <a\n                            [href]=\"button.url\"\n                            [linkType]=\"button.linkType\"\n                            class=\"btn-link\"\n                            aria-label=\"volver\"\n                        >\n                            <span class=\"babylon-arrow-left-big\"></span>\n                            <b>{{ button.label }}</b>\n                        </a>\n                    </div>\n                }\n            </div>\n            @if (!hasSidebar) {\n                <aside class=\"col-lg-1 d-none d-lg-block\">\n                    <div class=\"share_sidebar\">\n                        <ng-container\n                            [ngTemplateOutlet]=\"shareButtons\"\n                        ></ng-container>\n                        @if (share) {\n                            <span class=\"share_label\">{{ share }}</span>\n                        }\n                    </div>\n                </aside>\n            }\n            @if (hasSidebar) {\n                <aside class=\"col-lg-4\">\n                    <div class=\"cs_sidebar cs_right_sidebar\">\n                        <div class=\"cs_sidebar_item widget_categories\">\n                            @if (categoriesTitle) {\n                                <lib-babylon-dynamic-heading\n                                    [tag]=\"tags?.categoriesTitle || 'h4'\"\n                                    cssClass=\"title--small mb--20\"\n                                    [color]=\"textColors?.categoriesTitle\"\n                                    [content]=\"categoriesTitle\"\n                                ></lib-babylon-dynamic-heading>\n                            }\n                            @if (categories?.length) {\n                                <ul>\n                                    @for (\n                                        category of categories;\n                                        track $index\n                                    ) {\n                                        <li class=\"cat-item\">\n                                            <a\n                                                aria-label=\"label\"\n                                                ?\n                                                [href]=\"\n                                                    button?.url +\n                                                    '?category=' +\n                                                    category?.title\n                                                \"\n                                                >{{ category?.title }} ({{\n                                                    category?.posts\n                                                }})</a\n                                            >\n                                        </li>\n                                    }\n                                </ul>\n                            }\n                        </div>\n                        <div class=\"cs_sidebar_item\">\n                            @if (relatedPostsTitle) {\n                                <lib-babylon-dynamic-heading\n                                    [tag]=\"tags?.latestPostsTitle || 'h4'\"\n                                    cssClass=\"title--small mb--20\"\n                                    [color]=\"textColors?.latestPostsTitle\"\n                                    [content]=\"relatedPostsTitle\"\n                                ></lib-babylon-dynamic-heading>\n                            }\n                            @if (relatedPosts?.length) {\n                                <ul class=\"cs_recent_posts\">\n                                    @for (post of relatedPosts; track $index) {\n                                        <li>\n                                            <div class=\"cs_recent_post\">\n                                                <h3\n                                                    class=\"title--smaller mb--10\"\n                                                >\n                                                    <a\n                                                        [attr.aria-label]=\"\n                                                            post.postUrl?.label\n                                                        \"\n                                                        [href]=\"\n                                                            post.postUrl?.url\n                                                        \"\n                                                        [linkType]=\"\n                                                            post.postUrl\n                                                                ?.linkType\n                                                        \"\n                                                        >{{ post?.title }}</a\n                                                    >\n                                                </h3>\n                                                @if (post?.date) {\n                                                    <em class=\"text--small\">{{\n                                                        post?.date\n                                                            | date: 'mediumDate'\n                                                    }}</em>\n                                                }\n                                            </div>\n                                        </li>\n                                    }\n                                </ul>\n                            }\n                        </div>\n                    </div>\n                </aside>\n            }\n            <ng-template #shareButtons>\n                <nav class=\"cs_social_share_btns\">\n                    <a\n                        [href]=\"facebookShareUrl\"\n                        target=\"_blank\"\n                        rel=\"noopener\"\n                        aria-label=\"Compartir en Facebook\"\n                        class=\"share-facebook\"\n                    >\n                        <span class=\"babylon-facebook\"></span>\n                    </a>\n                    <a\n                        [href]=\"twitterShareUrl\"\n                        target=\"_blank\"\n                        rel=\"noopener\"\n                        aria-label=\"Compartir en X\"\n                        class=\"share-twitter\"\n                    >\n                        <span class=\"babylon-twitter\"></span>\n                    </a>\n                    <a\n                        [href]=\"linkedinShareUrl\"\n                        target=\"_blank\"\n                        rel=\"noopener\"\n                        aria-label=\"Compartir en LinkedIn\"\n                        class=\"share-linkedin\"\n                    >\n                        <span class=\"babylon-linkedin\"></span>\n                    </a>\n                </nav>\n            </ng-template>\n        </div>\n    </div>\n</article>\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}}.cs_right_sidebar{padding-left:110px}@media (max-width: 1024px){.cs_right_sidebar{padding-left:55px}}@media (max-width: 1024px){.cs_right_sidebar{padding-left:0}}.cs_sidebar_item:not(:last-child){padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid var(--cl_border-dark)}.cs_sidebar_item.widget_search{border:none;padding-bottom:22px}@media (max-width: 1024px){.cs_sidebar_item{text-align:center}}.cs_sidebar_widget_title{font-size:28px;line-height:1.25em;margin-bottom:25px}.widget_categories li:not(:last-child){margin-bottom:6px}.cs_recent_posts,.widget_categories ul{list-style:none;padding:0;margin:0}.cs_recent_post_title{margin-bottom:10px;font-size:21px;line-height:1.28em}.cs_recent_posts li:not(:last-child){margin-bottom:20px}.cs_sidebar_search{position:relative}.cs_sidebar_search input{width:100%;border:1px solid var(--cl_border-dark);height:50px;padding:5px 20px 5px 50px;border-radius:20px;outline:none;background-color:var(--web-wash)}.cs_sidebar_search input:focus{border-color:var(--cl_accent)}.cs_sidebar_search .cs_sidebar_search_btn{position:absolute;left:0;height:50px;border:none;background-color:transparent;width:45px;padding:0 0 0 10px}.cs_sidebar_search .cs_sidebar_search_btn:hover{color:var(--cl_accent)}.cs_post_meta_4{display:flex;flex-wrap:wrap;gap:0px 35px}@media (max-width: 767px){.cs_post_meta_4{gap:0px 20px}}@media (max-width: 539px){.cs_post_meta_4{gap:0px 25px}}.cs_post_meta_4>span{position:relative;display:inline-block}.cs_post_meta_4>span:not(:last-child):before{content:\"\";height:5px;width:5px;border-radius:50%;background-color:var(--cl_accent);position:absolute;top:50%;right:-20px;margin-top:-2px}@media (max-width: 539px){.cs_post_meta_4>span:not(:last-child):before{right:-15px}}@media (max-width: 539px){.cs_post_meta_4>span:not(:last-child):before{right:-12px}}.cs_post_share{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px 20px;padding:14px 0}.cs_post_share>*{display:flex;align-items:center;gap:15px}.cs_post_share .cs_categories a{display:inline-block}.cs_post_share .cs_categories a:not(:last-child):after{content:\",\"}.cs_post_share .cs_social_share_btns{display:flex;gap:0 15px}.cs_post_share .cs_social_share_btns a{display:flex}@media (max-width: 767px){.cs_post_share .cs_social_share_btns{justify-content:center;width:100%}}.share_sidebar{position:sticky;display:flex;flex-direction:column;align-items:center;gap:20px;padding:10px 0;min-width:50px}.share_sidebar .share_label{position:relative;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.2em;font-size:12px;color:var(--cl_icon);text-transform:uppercase;top:0}.share_sidebar a{color:inherit}.share_sidebar a:hover{color:var(--cl_accent)}.share_sidebar .cs_social_share_btns{display:flex;flex-direction:column;align-items:center;gap:10px}.babylon__blog-detail .cs_image_layer{display:flex;flex-direction:column;gap:.5rem}.babylon__blog-detail .btns__box.box-container{padding:0 100px}@media (max-width: 1279px){.babylon__blog-detail .btns__box.box-container{justify-content:flex-start;padding:50px 20px}}@media (max-width: 992px){.babylon__blog-detail .btns__box.box-container{justify-content:center;padding:50px 20px}}.babylon__blog-detail .container-fluid .intro_info.title-container{padding:2rem 0}.intro_info{padding-top:2rem}.pretitle{margin-bottom:0!important}.top-img{margin-top:1rem;margin-bottom:1rem}.top-img-subtitle{margin-top:1rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }, { kind: "component", type: BabylonDynamicHeadingComponent, selector: "lib-babylon-dynamic-heading", inputs: ["useInnerHtml", "tag", "wrapper", "cssClass", "content", "color"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonBlogDetailsComponent, decorators: [{
            type: Component,
            args: [{ selector: 'lib-babylon-blog-details', standalone: true, imports: [
                        CommonModule,
                        BabylonDynamicHeadingComponent,
                        BabylonLinkTypeDirective,
                        SafeHtmlPipe,
                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<article class=\"babylon__blog-detail margin-main\">\n    @if (button && button.label) {\n        <div class=\"btns__box box-container col-lg-8 offset-lg-2\">\n            <a\n                [href]=\"button.url\"\n                [linkType]=\"button.linkType\"\n                class=\"btn-link\"\n                [attr.aria-label]=\"button.label\"\n            >\n                <span class=\"babylon-arrow-left-big\"></span>\n                <b>{{ button.label }}</b>\n            </a>\n        </div>\n    }\n    <header class=\"container-fluid cs_plr_100\">\n        <div class=\"intro_info title-container col-lg-8 offset-lg-2\">\n            @if (title) {\n                <h1 class=\"title cs_mb_13\">{{ title }}</h1>\n            }\n            <div class=\"cs_post_meta_4 cs_mb_13 pretitle\">\n                @if (category?.nameIdentifier || category) {\n                    <span>{{ category?.nameIdentifier || category }}</span>\n                }\n                @if (date) {\n                    <span>{{ date | date: 'dd/MM/yyyy' }}</span>\n                }\n            </div>\n        </div>\n    </header>\n    <div class=\"container-fluid cs_plr_100\">\n        <div class=\"row cs_gap_y_lg_80\">\n            <div ngClass=\"col-lg-8 offset-lg-2\">\n                <div class=\"cs_blog_details\">\n                    <div class=\"cs_image_layer cs_about_img\">\n                        @if (subtitle && topImg) {\n                            <h2 class=\"title--small top-img\">{{ subtitle }}</h2>\n                        }\n                        @if ((img && !middleImg) || ( img && topImg)) {\n                            <img\n                                [src]=\"img.src\"\n                                [alt]=\"img.alt\"\n                                [class]=\"'cs--radius' + (topImg ? ' top-img' : '')\"\n                                loading=\"lazy\"\n                            />\n                            @if (img.ndTitle) {\n                                {{ img.ndTitle }}\n                            }\n                        }\n                    </div>\n                    <div class=\"intro_info no-align\">\n                        @if (description) {\n                            <div\n                                class=\"text\"\n                                [innerHTML]=\"description | safeHtml\"\n                            ></div>\n                        }\n                        @if (subtitle && !topImg) {\n                            <h2 class=\"title--small\">{{ subtitle }}</h2>\n                        }\n\n                        <!--Additional1 is used on blog list for resume -->\n                        @if (additional2) {\n                            <div\n                                class=\"text\"\n                                [innerHTML]=\"additional2 | safeHtml\"\n                            ></div>\n                        }\n                        @if (img && middleImg && !topImg) {\n                            <img\n                                [src]=\"img.src\"\n                                [alt]=\"img.alt\"\n                                class=\"cs--radius\"\n                                loading=\"lazy\"\n                            />\n                            @if (img.ndTitle) {\n                                {{ img.ndTitle }}\n                            }\n                        }\n                        @if (additional3) {\n                            <div\n                                class=\"text\"\n                                [innerHTML]=\"additional3 | safeHtml\"\n                            ></div>\n                        }\n                        @if (additional4) {\n                            <div\n                                class=\"text\"\n                                [innerHTML]=\"additional4 | safeHtml\"\n                            ></div>\n                        }\n                    </div>\n                </div>\n                @if (!hasSidebar) {\n                    <footer class=\"cs_post_share d-lg-none\">\n                        <ng-container\n                            [ngTemplateOutlet]=\"shareButtons\"\n                        ></ng-container>\n                    </footer>\n                }\n                @if (button && button.label) {\n                    <div class=\"btns__box\">\n                        <a\n                            [href]=\"button.url\"\n                            [linkType]=\"button.linkType\"\n                            class=\"btn-link\"\n                            aria-label=\"volver\"\n                        >\n                            <span class=\"babylon-arrow-left-big\"></span>\n                            <b>{{ button.label }}</b>\n                        </a>\n                    </div>\n                }\n            </div>\n            @if (!hasSidebar) {\n                <aside class=\"col-lg-1 d-none d-lg-block\">\n                    <div class=\"share_sidebar\">\n                        <ng-container\n                            [ngTemplateOutlet]=\"shareButtons\"\n                        ></ng-container>\n                        @if (share) {\n                            <span class=\"share_label\">{{ share }}</span>\n                        }\n                    </div>\n                </aside>\n            }\n            @if (hasSidebar) {\n                <aside class=\"col-lg-4\">\n                    <div class=\"cs_sidebar cs_right_sidebar\">\n                        <div class=\"cs_sidebar_item widget_categories\">\n                            @if (categoriesTitle) {\n                                <lib-babylon-dynamic-heading\n                                    [tag]=\"tags?.categoriesTitle || 'h4'\"\n                                    cssClass=\"title--small mb--20\"\n                                    [color]=\"textColors?.categoriesTitle\"\n                                    [content]=\"categoriesTitle\"\n                                ></lib-babylon-dynamic-heading>\n                            }\n                            @if (categories?.length) {\n                                <ul>\n                                    @for (\n                                        category of categories;\n                                        track $index\n                                    ) {\n                                        <li class=\"cat-item\">\n                                            <a\n                                                aria-label=\"label\"\n                                                ?\n                                                [href]=\"\n                                                    button?.url +\n                                                    '?category=' +\n                                                    category?.title\n                                                \"\n                                                >{{ category?.title }} ({{\n                                                    category?.posts\n                                                }})</a\n                                            >\n                                        </li>\n                                    }\n                                </ul>\n                            }\n                        </div>\n                        <div class=\"cs_sidebar_item\">\n                            @if (relatedPostsTitle) {\n                                <lib-babylon-dynamic-heading\n                                    [tag]=\"tags?.latestPostsTitle || 'h4'\"\n                                    cssClass=\"title--small mb--20\"\n                                    [color]=\"textColors?.latestPostsTitle\"\n                                    [content]=\"relatedPostsTitle\"\n                                ></lib-babylon-dynamic-heading>\n                            }\n                            @if (relatedPosts?.length) {\n                                <ul class=\"cs_recent_posts\">\n                                    @for (post of relatedPosts; track $index) {\n                                        <li>\n                                            <div class=\"cs_recent_post\">\n                                                <h3\n                                                    class=\"title--smaller mb--10\"\n                                                >\n                                                    <a\n                                                        [attr.aria-label]=\"\n                                                            post.postUrl?.label\n                                                        \"\n                                                        [href]=\"\n                                                            post.postUrl?.url\n                                                        \"\n                                                        [linkType]=\"\n                                                            post.postUrl\n                                                                ?.linkType\n                                                        \"\n                                                        >{{ post?.title }}</a\n                                                    >\n                                                </h3>\n                                                @if (post?.date) {\n                                                    <em class=\"text--small\">{{\n                                                        post?.date\n                                                            | date: 'mediumDate'\n                                                    }}</em>\n                                                }\n                                            </div>\n                                        </li>\n                                    }\n                                </ul>\n                            }\n                        </div>\n                    </div>\n                </aside>\n            }\n            <ng-template #shareButtons>\n                <nav class=\"cs_social_share_btns\">\n                    <a\n                        [href]=\"facebookShareUrl\"\n                        target=\"_blank\"\n                        rel=\"noopener\"\n                        aria-label=\"Compartir en Facebook\"\n                        class=\"share-facebook\"\n                    >\n                        <span class=\"babylon-facebook\"></span>\n                    </a>\n                    <a\n                        [href]=\"twitterShareUrl\"\n                        target=\"_blank\"\n                        rel=\"noopener\"\n                        aria-label=\"Compartir en X\"\n                        class=\"share-twitter\"\n                    >\n                        <span class=\"babylon-twitter\"></span>\n                    </a>\n                    <a\n                        [href]=\"linkedinShareUrl\"\n                        target=\"_blank\"\n                        rel=\"noopener\"\n                        aria-label=\"Compartir en LinkedIn\"\n                        class=\"share-linkedin\"\n                    >\n                        <span class=\"babylon-linkedin\"></span>\n                    </a>\n                </nav>\n            </ng-template>\n        </div>\n    </div>\n</article>\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}}.cs_right_sidebar{padding-left:110px}@media (max-width: 1024px){.cs_right_sidebar{padding-left:55px}}@media (max-width: 1024px){.cs_right_sidebar{padding-left:0}}.cs_sidebar_item:not(:last-child){padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid var(--cl_border-dark)}.cs_sidebar_item.widget_search{border:none;padding-bottom:22px}@media (max-width: 1024px){.cs_sidebar_item{text-align:center}}.cs_sidebar_widget_title{font-size:28px;line-height:1.25em;margin-bottom:25px}.widget_categories li:not(:last-child){margin-bottom:6px}.cs_recent_posts,.widget_categories ul{list-style:none;padding:0;margin:0}.cs_recent_post_title{margin-bottom:10px;font-size:21px;line-height:1.28em}.cs_recent_posts li:not(:last-child){margin-bottom:20px}.cs_sidebar_search{position:relative}.cs_sidebar_search input{width:100%;border:1px solid var(--cl_border-dark);height:50px;padding:5px 20px 5px 50px;border-radius:20px;outline:none;background-color:var(--web-wash)}.cs_sidebar_search input:focus{border-color:var(--cl_accent)}.cs_sidebar_search .cs_sidebar_search_btn{position:absolute;left:0;height:50px;border:none;background-color:transparent;width:45px;padding:0 0 0 10px}.cs_sidebar_search .cs_sidebar_search_btn:hover{color:var(--cl_accent)}.cs_post_meta_4{display:flex;flex-wrap:wrap;gap:0px 35px}@media (max-width: 767px){.cs_post_meta_4{gap:0px 20px}}@media (max-width: 539px){.cs_post_meta_4{gap:0px 25px}}.cs_post_meta_4>span{position:relative;display:inline-block}.cs_post_meta_4>span:not(:last-child):before{content:\"\";height:5px;width:5px;border-radius:50%;background-color:var(--cl_accent);position:absolute;top:50%;right:-20px;margin-top:-2px}@media (max-width: 539px){.cs_post_meta_4>span:not(:last-child):before{right:-15px}}@media (max-width: 539px){.cs_post_meta_4>span:not(:last-child):before{right:-12px}}.cs_post_share{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px 20px;padding:14px 0}.cs_post_share>*{display:flex;align-items:center;gap:15px}.cs_post_share .cs_categories a{display:inline-block}.cs_post_share .cs_categories a:not(:last-child):after{content:\",\"}.cs_post_share .cs_social_share_btns{display:flex;gap:0 15px}.cs_post_share .cs_social_share_btns a{display:flex}@media (max-width: 767px){.cs_post_share .cs_social_share_btns{justify-content:center;width:100%}}.share_sidebar{position:sticky;display:flex;flex-direction:column;align-items:center;gap:20px;padding:10px 0;min-width:50px}.share_sidebar .share_label{position:relative;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.2em;font-size:12px;color:var(--cl_icon);text-transform:uppercase;top:0}.share_sidebar a{color:inherit}.share_sidebar a:hover{color:var(--cl_accent)}.share_sidebar .cs_social_share_btns{display:flex;flex-direction:column;align-items:center;gap:10px}.babylon__blog-detail .cs_image_layer{display:flex;flex-direction:column;gap:.5rem}.babylon__blog-detail .btns__box.box-container{padding:0 100px}@media (max-width: 1279px){.babylon__blog-detail .btns__box.box-container{justify-content:flex-start;padding:50px 20px}}@media (max-width: 992px){.babylon__blog-detail .btns__box.box-container{justify-content:center;padding:50px 20px}}.babylon__blog-detail .container-fluid .intro_info.title-container{padding:2rem 0}.intro_info{padding-top:2rem}.pretitle{margin-bottom:0!important}.top-img{margin-top:1rem;margin-bottom:1rem}.top-img-subtitle{margin-top:1rem}\n"] }]
        }], ctorParameters: () => [{ type: Document, decorators: [{
                    type: Inject,
                    args: [DOCUMENT]
                }] }, { type: i2.ActivatedRoute }], propDecorators: { title: [{
                type: Input
            }], subtitle: [{
                type: Input
            }], pretitle: [{
                type: Input
            }], description: [{
                type: Input
            }], additional1: [{
                type: Input
            }], additional2: [{
                type: Input
            }], additional3: [{
                type: Input
            }], additional4: [{
                type: Input
            }], img: [{
                type: Input
            }], middleImg: [{
                type: Input
            }], topImg: [{
                type: Input
            }], tags: [{
                type: Input
            }], textColors: [{
                type: Input
            }], button: [{
                type: Input
            }], category: [{
                type: Input
            }], date: [{
                type: Input
            }], categories: [{
                type: Input
            }], relatedPostsTitle: [{
                type: Input
            }], categoriesTitle: [{
                type: Input
            }], relatedPosts: [{
                type: Input
            }], searchPlaceHolder: [{
                type: Input
            }], share: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64, 