ctt-babylon 0.13.32 → 0.13.34
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-blog-list/babylon-blog-list.component.mjs +3 -3
- package/esm2022/lib/components/core/babylon-offer-detail/babylon-offer-detail.component.mjs +4 -2
- package/esm2022/lib/components/external/core/c2-img-txt-svg/c2-img-txt-svg.component.mjs +4 -3
- package/esm2022/lib/components/external/core/lis-c2-txt-img-svg-c/lis-c2-txt-img-svg-c.component.mjs +3 -3
- package/esm2022/lib/components/external/core/sli-c2-txt-img-svg-c/sli-c2-txt-img-svg-c.component.mjs +25 -10
- package/esm2022/lib/interfaces/babylon-offer-detail.interface.mjs +1 -1
- package/esm2022/lib/services/mapper/mapper.service.mjs +6 -3
- package/fesm2022/ctt-babylon.mjs +35 -16
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/lib/components/core/babylon-offer-detail/babylon-offer-detail.component.d.ts +3 -1
- package/lib/components/external/core/c2-img-txt-svg/c2-img-txt-svg.component.d.ts +1 -0
- package/lib/components/external/core/sli-c2-txt-img-svg-c/sli-c2-txt-img-svg-c.component.d.ts +10 -3
- package/lib/interfaces/babylon-offer-detail.interface.d.ts +1 -0
- package/package.json +1 -1
package/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -3338,7 +3338,8 @@ class MapperService {
|
|
|
3338
3338
|
}));
|
|
3339
3339
|
}
|
|
3340
3340
|
mapHotelsGlobal(hotels) {
|
|
3341
|
-
return hotels
|
|
3341
|
+
return hotels
|
|
3342
|
+
?.map((hotel) => ({
|
|
3342
3343
|
id: hotel?.id,
|
|
3343
3344
|
name: hotel?.name,
|
|
3344
3345
|
order: hotel?.order,
|
|
@@ -3383,7 +3384,8 @@ class MapperService {
|
|
|
3383
3384
|
hotelcategory: hotel?.hotelCategory ?? hotel?.hotelcategory,
|
|
3384
3385
|
hoteltype: hotel?.hotelType ?? hotel?.hoteltype,
|
|
3385
3386
|
marca: hotel?.marca,
|
|
3386
|
-
}))
|
|
3387
|
+
}))
|
|
3388
|
+
?.sort((a, b) => (a.order || 9999) - (b.order || 9999));
|
|
3387
3389
|
}
|
|
3388
3390
|
mapGlobalItems(props) {
|
|
3389
3391
|
// Fuente principal de items
|
|
@@ -5012,6 +5014,7 @@ class MapperService {
|
|
|
5012
5014
|
discount: props?.offer?.[0]?.discount,
|
|
5013
5015
|
conditions: props?.offer?.[0]?.texts?.conditions,
|
|
5014
5016
|
image: this.getImageResponsive(props?.offer?.[0]?.multimedia?.[0], false),
|
|
5017
|
+
multimedia: this.mapImages(props?.offer?.[0]?.multimedia),
|
|
5015
5018
|
link: Utils.mapButtons(props?.links)?.[0],
|
|
5016
5019
|
button: Utils.mapButtons(props?.offer?.[0]?.buttons)?.[0],
|
|
5017
5020
|
};
|
|
@@ -6804,7 +6807,7 @@ class BabylonBlogListComponent {
|
|
|
6804
6807
|
this.filteredPosts = $event.items;
|
|
6805
6808
|
}
|
|
6806
6809
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonBlogListComponent, deps: [{ token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6807
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonBlogListComponent, isStandalone: true, selector: "lib-babylon-blog-list", inputs: { pretitle: "pretitle", title: "title", posts: "posts", tags: "tags", textColors: "textColors", categoriesTitle: "categoriesTitle", categories: "categories", latestPostsTitle: "latestPostsTitle", latestPosts: "latestPosts", searchPlaceHolder: "searchPlaceHolder", notfoundText: "notfoundText", anterior: "anterior", siguiente: "siguiente", pageSize: "pageSize" }, ngImport: i0, template: "<section class=\"babylon__blog-list margin-main\">\n <div class=\"container\">\n <div class=\"intro_info align--center\">\n @if (pretitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.pretitle || 'h3'\"\n cssClass=\"pretitle\"\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\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-babylon-dynamic-heading>\n }\n </div>\n </div>\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"row cs_gap_y_lg_80\">\n @if (filteredPosts) {\n <div\n class=\"col-lg-8\"\n *libPaginate=\"\n filteredPosts;\n pageSize: pageSize;\n let paged = pagedItems;\n let page = currentPage;\n let total = totalPages;\n let next = next;\n let prev = prev\n \"\n >\n @for (post of paged; track $index) {\n <div class=\"cs_post cs_style_1 cs_size_5\">\n <a\n [attr.aria-label]=\"post.postUrl?.label\"\n [href]=\"post.postUrl?.url\"\n [linkType]=\"post.postUrl?.linkType\"\n class=\"cs_post_thumb cs--radius overflow-hidden d-block cs_mb_30 position-relative\"\n >\n @if (post.img) {\n <img\n [src]=\"post.img.src\"\n [alt]=\"post.img.alt\"\n loading=\"lazy\"\n />\n }\n <span\n class=\"cs_hover_icon cs_center position-absolute cs_white_color cs_zindex_2 cs--radius\"\n >\n <span class=\"babylon-arrow_btn\"></span>\n </span>\n </a>\n <div class=\"cs_post_info intro_info no-align\">\n <div class=\"cs_post_meta_4 cs_mb_13 pretitle\">\n @if (post.category) {\n <span>{{ post.category }}</span>\n }\n @if (post.date) {\n <span>{{\n post.date | date: 'dd/MM/yyyy'\n }}</span>\n }\n </div>\n @if (post.title) {\n <h2 class=\"cs_post_title title1\">\n <a\n [attr.aria-label]=\"\n post.postUrl?.label\n \"\n [href]=\"post.postUrl?.url\"\n [linkType]=\"post.postUrl?.linkType\"\n class=\"title--small\"\n >{{ post.title }}</a\n >\n </h2>\n }\n @if (post.additional1 || post.description) {\n <p\n class=\"cs_subtitle text\"\n [innerHTML]=\"\n post.additional1\n ? post.additional1\n : post.description\n \"\n ></p>\n }\n @if (post.buttons?.length) {\n <div class=\"btns__box\">\n @for (\n button of post.buttons;\n track $index;\n let odd = $odd\n ) {\n <a\n [attr.aria-label]=\"button.label\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n class=\"btn\"\n [ngClass]=\"{\n btn_primary: !odd,\n btn_call: odd,\n }\"\n >\n <b>{{ button.label }}</b>\n <span\n class=\"babylon-arrow-right-big\"\n ></span>\n </a>\n }\n </div>\n }\n </div>\n </div>\n }\n @if (total > 1 && anterior && siguiente) {\n <div class=\"pagination__controls align--center mt--20\">\n <div class=\"btns__box align--center\">\n <button\n class=\"btn btn_primary\"\n [disabled]=\"page === 1\"\n (click)=\"prev()\"\n [attr.aria-label]=\"anterior\"\n >\n <b>{{ anterior }}</b>\n </button>\n <span class=\"mx--10\"\n >{{ page }} / {{ total }}</span\n >\n <button\n class=\"btn btn_secondary\"\n [disabled]=\"page === total\"\n (click)=\"next()\"\n [attr.aria-label]=\"siguiente\"\n >\n <b>{{ siguiente }}</b>\n </button>\n </div>\n </div>\n }\n </div>\n }\n @if (!filteredPosts || filteredPosts.length == 0) {\n <div class=\"col-lg-8\">\n <div class=\"cs_no_results\">\n <lib-babylon-dynamic-heading\n [tag]=\"'h3'\"\n cssClass=\"title--small\"\n [color]=\"\"\n [content]=\"notfoundText || 'No results found'\"\n ></lib-babylon-dynamic-heading>\n </div>\n </div>\n }\n <div class=\"col-lg-4\">\n <div class=\"cs_sidebar cs_right_sidebar\">\n <lib-babylon-search\n [searchPlaceHolder]=\"searchPlaceHolder ?? 'search...'\"\n [elements]=\"posts\"\n [fields]=\"[\n 'title',\n 'subtitle',\n 'description',\n 'category',\n 'date',\n ]\"\n (results)=\"search($event)\"\n ></lib-babylon-search>\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 (category of categories; track $index) {\n <li class=\"cat-item\">\n <a\n aria-label=\"label\"\n href=\"#\"\n (click)=\"\n setCategoryFilter(\n category.title\n );\n $event.preventDefault()\n \"\n >{{ category.title }} ({{\n category.posts\n }})</a\n >\n @if (\n currentCategory ===\n category.title?.toLowerCase()\n ) {\n <div class=\"btn-category-container\">\n <button\n aria-label=\"Eliminar filtro\"\n class=\"remove-category\"\n (click)=\"\n setCategoryFilter();\n $event.preventDefault()\n \"\n >\n <span\n class=\"babylon-clear\"\n ></span>\n </button>\n </div>\n }\n </li>\n }\n </ul>\n }\n </div>\n <div class=\"cs_sidebar_item\">\n @if (latestPostsTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.latestPostsTitle || 'h4'\"\n cssClass=\"title--small mb--20\"\n [color]=\"textColors?.latestPostsTitle\"\n [content]=\"latestPostsTitle\"\n ></lib-babylon-dynamic-heading>\n }\n @if (latestPosts?.length) {\n <ul class=\"cs_recent_posts\">\n @for (post of latestPosts; track $index) {\n <li>\n <div class=\"cs_recent_post\">\n <h3 class=\"title--smaller mb--10\">\n <a\n [attr.aria-label]=\"\n post.postUrl?.label\n \"\n [href]=\"post.postUrl?.url\"\n [linkType]=\"\n post.postUrl?.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 </div>\n </div>\n </div>\n</section>\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_post.cs_style_1 .cs_post_title a,.cs_post.cs_style_2 .cs_post_title a{background-repeat:no-repeat;background-image:linear-gradient(90deg,currentColor 0,currentColor 100%);transition:background-size .6s cubic-bezier(.49,.49,.08,1),color .27s ease-out;background-position:100% calc(100% + -0px);background-size:0 2px}.cs_post.cs_style_1 .cs_post_title a:hover,.cs_post.cs_style_2 .cs_post_title a:hover{background-size:100% 2px;background-position:0 calc(100% + -0px)}.cs_post.cs_style_1 .cs_post_title{max-width:430px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cs_post.cs_style_1 .cs_hover_icon{top:20px;right:20px;height:40px;width:40px;background-color:#fff3;transition:transform .5s cubic-bezier(.5,2.2,.7,.7),all .3s ease;transform:scale(0);opacity:0}.cs_post.cs_style_1 .cs_hover_icon:hover{color:var(--accent);background-color:#ffffffbf}.cs_post.cs_style_1 .cs_post_thumb:before{content:\"\";position:absolute;left:0;top:0;height:100%;width:100%;background:#0003;opacity:0;z-index:1;transition:all .4s ease}.cs_post.cs_style_1 .cs_post_thumb img{transition:all .6s ease;height:100%;width:100%;object-fit:cover}.cs_post.cs_style_1 .cs_post_thumb:hover img{transform:scale(1.06)}.cs_post.cs_style_1 .cs_post_thumb:hover:before{opacity:1}.cs_post.cs_style_1 .cs_post_thumb:hover .cs_hover_icon{transform:scale(1);opacity:1}.cs_post.cs_style_1 .cs_post_meta{display:flex;justify-content:space-between;align-items:center;gap:5px 20px;padding-top:2px;width:100%}.cs_post.cs_style_1 .cs_post_meta+.cs_post_title{padding-bottom:10px}.cs_post.cs_style_1 .cs_post_meta_seperator{flex:1;height:1px;background-color:var(--cl_accent)}.cs_post.cs_style_1.cs_size_1 .cs_post_thumb{height:412px}@media (max-width: 1024px){.cs_post.cs_style_1.cs_size_1 .cs_post_thumb{height:370px}}.cs_post.cs_style_1.cs_size_2 .cs_post_thumb{height:282px}@media (max-width: 539px){.cs_post.cs_style_1.cs_size_2 .cs_post_thumb{height:initial}}.cs_post.cs_style_1.cs_size_3 .cs_post_thumb{height:350px}.cs_post.cs_style_1.cs_size_4 .cs_post_thumb,.cs_post.cs_style_1.cs_size_5 .cs_post_thumb{height:465px}@media (max-width: 539px){.cs_post.cs_style_1.cs_size_4 .cs_post_thumb,.cs_post.cs_style_1.cs_size_5 .cs_post_thumb{height:350px}}.cs_post.cs_style_1.cs_size_4 .cs_post_title,.cs_post.cs_style_1.cs_size_5 .cs_post_title{max-width:100%;padding-bottom:1rem}.cs_post.cs_style_1.cs_size_4:not(:last-child),.cs_post.cs_style_1.cs_size_5:not(:last-child){margin-bottom:80px}@media (max-width: 1024px){.cs_post.cs_style_1.cs_size_4:not(:last-child),.cs_post.cs_style_1.cs_size_5:not(:last-child){margin-bottom:60px}}.cs_post.cs_style_1.cs_size_4 .cs_subtitle,.cs_post.cs_style_1.cs_size_5 .cs_subtitle{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cs_post.cs_style_1.cs_size_4 .cs_video_block.cs_style_1{height:465px}@media (max-width: 539px){.cs_post.cs_style_1.cs_size_4 .cs_video_block.cs_style_1{height:350px}}.cs_post.cs_style_1.cs_size_4 .cs_video_block.cs_style_1 .cs_play_btn_2,.cs_post.cs_style_1.cs_size_5 .cs_video_block.cs_style_1 .cs_play_btn_2{scale:.7}@media (min-width: 1025px){.cs_post.cs_style_1.cs_size_5{display:flex;align-items:center;gap:24px}.cs_post.cs_style_1.cs_size_5 .cs_post_thumb{flex:none;width:50%;margin-bottom:0}.cs_post.cs_style_1.cs_size_5 .cs_subtitle{-webkit-line-clamp:4}.cs_post.cs_style_1.cs_size_5 .cs_video_block.cs_style_1{height:550px;margin-bottom:0}}.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_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}}.widget_categories li.cat-item{display:flex;gap:20px;justify-content:flex-start}@media (max-width: 991px){.widget_categories li.cat-item{justify-content:center}}.widget_categories li.cat-item button.remove-category{border:1px solid;background:var(--cl_background_body);border-radius:50px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }, { kind: "component", type: BabylonDynamicHeadingComponent, selector: "lib-babylon-dynamic-heading", inputs: ["tag", "wrapper", "cssClass", "content", "color"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }, { kind: "component", type: BabylonSearchComponent, selector: "lib-babylon-search", inputs: ["searchPlaceHolder", "elements", "liveSearch", "fields"], outputs: ["results"] }, { kind: "directive", type: BabylonPaginationDirective, selector: "[libPaginate]", inputs: ["libPaginate", "libPaginateItems", "libPaginatePageSize", "libPaginateCurrentPage"], outputs: ["libPaginatePageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6810
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonBlogListComponent, isStandalone: true, selector: "lib-babylon-blog-list", inputs: { pretitle: "pretitle", title: "title", posts: "posts", tags: "tags", textColors: "textColors", categoriesTitle: "categoriesTitle", categories: "categories", latestPostsTitle: "latestPostsTitle", latestPosts: "latestPosts", searchPlaceHolder: "searchPlaceHolder", notfoundText: "notfoundText", anterior: "anterior", siguiente: "siguiente", pageSize: "pageSize" }, ngImport: i0, template: "<section class=\"babylon__blog-list margin-main\">\n <div class=\"container\">\n <div class=\"intro_info align--center\">\n @if (pretitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.pretitle || 'h3'\"\n cssClass=\"pretitle\"\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\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-babylon-dynamic-heading>\n }\n </div>\n </div>\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"row cs_gap_y_lg_80\">\n @if (filteredPosts) {\n <div\n class=\"col-lg-8\"\n *libPaginate=\"\n filteredPosts;\n pageSize: pageSize;\n let paged = pagedItems;\n let page = currentPage;\n let total = totalPages;\n let next = next;\n let prev = prev\n \"\n >\n @for (post of paged; track $index) {\n <div class=\"cs_post cs_style_1 cs_size_5\">\n <a\n [attr.aria-label]=\"post.postUrl?.label\"\n [href]=\"post.postUrl?.url\"\n [linkType]=\"post.postUrl?.linkType\"\n class=\"cs_post_thumb cs--radius overflow-hidden d-block cs_mb_30 position-relative\"\n >\n @if (post.img) {\n <img\n [src]=\"post.img.src\"\n [alt]=\"post.img.alt\"\n loading=\"lazy\"\n />\n }\n <span\n class=\"cs_hover_icon cs_center position-absolute cs_white_color cs_zindex_2 cs--radius\"\n >\n <span class=\"babylon-arrow_btn\"></span>\n </span>\n </a>\n <div class=\"cs_post_info intro_info no-align\">\n <div class=\"cs_post_meta_4 cs_mb_13 pretitle\">\n @if (post.category) {\n <span>{{ post.category }}</span>\n }\n @if (post.date) {\n <span>{{\n post.date | date: 'dd/MM/yyyy'\n }}</span>\n }\n </div>\n @if (post.title) {\n <h2 class=\"cs_post_title title1\">\n <a\n [attr.aria-label]=\"\n post.postUrl?.label\n \"\n [href]=\"post.postUrl?.url\"\n [linkType]=\"post.postUrl?.linkType\"\n class=\"title--small\"\n >{{ post.title }}</a\n >\n </h2>\n }\n @if (post.additional1 || post.description) {\n <p\n class=\"cs_subtitle text\"\n [innerHTML]=\"\n post.additional1\n ? post.additional1\n : post.description\n \"\n ></p>\n }\n @if (post.buttons?.length) {\n <div class=\"btns__box\">\n @for (\n button of post.buttons;\n track $index;\n let odd = $odd\n ) {\n <a\n [attr.aria-label]=\"button.label\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n class=\"btn\"\n [ngClass]=\"{\n btn_primary: !odd,\n btn_call: odd,\n }\"\n >\n <b>{{ button.label }}</b>\n <span\n class=\"babylon-arrow-right-big\"\n ></span>\n </a>\n }\n </div>\n }\n </div>\n </div>\n }\n @if (total > 1 && anterior && siguiente) {\n <div class=\"pagination__controls align--center mt--20\">\n <div class=\"btns__box align--center\">\n <button\n class=\"btn btn_primary\"\n [disabled]=\"page === 1\"\n (click)=\"prev()\"\n [attr.aria-label]=\"anterior\"\n >\n <b>{{ anterior }}</b>\n </button>\n <span class=\"mx--10\"\n >{{ page }} / {{ total }}</span\n >\n <button\n class=\"btn btn_secondary\"\n [disabled]=\"page === total\"\n (click)=\"next()\"\n [attr.aria-label]=\"siguiente\"\n >\n <b>{{ siguiente }}</b>\n </button>\n </div>\n </div>\n }\n </div>\n }\n @if (!filteredPosts || filteredPosts.length == 0) {\n <div class=\"col-lg-8\">\n <div class=\"cs_no_results\">\n <lib-babylon-dynamic-heading\n [tag]=\"'h3'\"\n cssClass=\"title--small\"\n [color]=\"\"\n [content]=\"notfoundText || 'No results found'\"\n ></lib-babylon-dynamic-heading>\n </div>\n </div>\n }\n <div class=\"col-lg-4\">\n <div class=\"cs_sidebar cs_right_sidebar\">\n <lib-babylon-search\n [searchPlaceHolder]=\"searchPlaceHolder ?? 'search...'\"\n [elements]=\"posts\"\n [fields]=\"[\n 'title',\n 'subtitle',\n 'description',\n 'category',\n 'date',\n ]\"\n (results)=\"search($event)\"\n ></lib-babylon-search>\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 (category of categories; track $index) {\n <li class=\"cat-item\">\n <span\n aria-label=\"label\"\n (click)=\"\n setCategoryFilter(\n category.title\n );\n $event.preventDefault()\n \"\n >{{ category.title }} ({{\n category.posts\n }})</span\n >\n @if (\n currentCategory ===\n category.title?.toLowerCase()\n ) {\n <div class=\"btn-category-container\">\n <button\n aria-label=\"Eliminar filtro\"\n class=\"remove-category\"\n (click)=\"\n setCategoryFilter();\n $event.preventDefault()\n \"\n >\n <span\n class=\"babylon-clear\"\n ></span>\n </button>\n </div>\n }\n </li>\n }\n </ul>\n }\n </div>\n <div class=\"cs_sidebar_item\">\n @if (latestPostsTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.latestPostsTitle || 'h4'\"\n cssClass=\"title--small mb--20\"\n [color]=\"textColors?.latestPostsTitle\"\n [content]=\"latestPostsTitle\"\n ></lib-babylon-dynamic-heading>\n }\n @if (latestPosts?.length) {\n <ul class=\"cs_recent_posts\">\n @for (post of latestPosts; track $index) {\n <li>\n <div class=\"cs_recent_post\">\n <h3 class=\"title--smaller mb--10\">\n <a\n [attr.aria-label]=\"\n post.postUrl?.label\n \"\n [href]=\"post.postUrl?.url\"\n [linkType]=\"\n post.postUrl?.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 </div>\n </div>\n </div>\n</section>\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_post.cs_style_1 .cs_post_title a,.cs_post.cs_style_2 .cs_post_title a{background-repeat:no-repeat;background-image:linear-gradient(90deg,currentColor 0,currentColor 100%);transition:background-size .6s cubic-bezier(.49,.49,.08,1),color .27s ease-out;background-position:100% calc(100% + -0px);background-size:0 2px}.cs_post.cs_style_1 .cs_post_title a:hover,.cs_post.cs_style_2 .cs_post_title a:hover{background-size:100% 2px;background-position:0 calc(100% + -0px)}.cs_post.cs_style_1 .cs_post_title{max-width:430px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cs_post.cs_style_1 .cs_hover_icon{top:20px;right:20px;height:40px;width:40px;background-color:#fff3;transition:transform .5s cubic-bezier(.5,2.2,.7,.7),all .3s ease;transform:scale(0);opacity:0}.cs_post.cs_style_1 .cs_hover_icon:hover{color:var(--accent);background-color:#ffffffbf}.cs_post.cs_style_1 .cs_post_thumb:before{content:\"\";position:absolute;left:0;top:0;height:100%;width:100%;background:#0003;opacity:0;z-index:1;transition:all .4s ease}.cs_post.cs_style_1 .cs_post_thumb img{transition:all .6s ease;height:100%;width:100%;object-fit:cover}.cs_post.cs_style_1 .cs_post_thumb:hover img{transform:scale(1.06)}.cs_post.cs_style_1 .cs_post_thumb:hover:before{opacity:1}.cs_post.cs_style_1 .cs_post_thumb:hover .cs_hover_icon{transform:scale(1);opacity:1}.cs_post.cs_style_1 .cs_post_meta{display:flex;justify-content:space-between;align-items:center;gap:5px 20px;padding-top:2px;width:100%}.cs_post.cs_style_1 .cs_post_meta+.cs_post_title{padding-bottom:10px}.cs_post.cs_style_1 .cs_post_meta_seperator{flex:1;height:1px;background-color:var(--cl_accent)}.cs_post.cs_style_1.cs_size_1 .cs_post_thumb{height:412px}@media (max-width: 1024px){.cs_post.cs_style_1.cs_size_1 .cs_post_thumb{height:370px}}.cs_post.cs_style_1.cs_size_2 .cs_post_thumb{height:282px}@media (max-width: 539px){.cs_post.cs_style_1.cs_size_2 .cs_post_thumb{height:initial}}.cs_post.cs_style_1.cs_size_3 .cs_post_thumb{height:350px}.cs_post.cs_style_1.cs_size_4 .cs_post_thumb,.cs_post.cs_style_1.cs_size_5 .cs_post_thumb{height:465px}@media (max-width: 539px){.cs_post.cs_style_1.cs_size_4 .cs_post_thumb,.cs_post.cs_style_1.cs_size_5 .cs_post_thumb{height:350px}}.cs_post.cs_style_1.cs_size_4 .cs_post_title,.cs_post.cs_style_1.cs_size_5 .cs_post_title{max-width:100%;padding-bottom:1rem}.cs_post.cs_style_1.cs_size_4:not(:last-child),.cs_post.cs_style_1.cs_size_5:not(:last-child){margin-bottom:80px}@media (max-width: 1024px){.cs_post.cs_style_1.cs_size_4:not(:last-child),.cs_post.cs_style_1.cs_size_5:not(:last-child){margin-bottom:60px}}.cs_post.cs_style_1.cs_size_4 .cs_subtitle,.cs_post.cs_style_1.cs_size_5 .cs_subtitle{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cs_post.cs_style_1.cs_size_4 .cs_video_block.cs_style_1{height:465px}@media (max-width: 539px){.cs_post.cs_style_1.cs_size_4 .cs_video_block.cs_style_1{height:350px}}.cs_post.cs_style_1.cs_size_4 .cs_video_block.cs_style_1 .cs_play_btn_2,.cs_post.cs_style_1.cs_size_5 .cs_video_block.cs_style_1 .cs_play_btn_2{scale:.7}@media (min-width: 1025px){.cs_post.cs_style_1.cs_size_5{display:flex;align-items:center;gap:24px}.cs_post.cs_style_1.cs_size_5 .cs_post_thumb{flex:none;width:50%;margin-bottom:0}.cs_post.cs_style_1.cs_size_5 .cs_subtitle{-webkit-line-clamp:4}.cs_post.cs_style_1.cs_size_5 .cs_video_block.cs_style_1{height:550px;margin-bottom:0}}.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_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}}.widget_categories li.cat-item{display:flex;gap:20px;justify-content:flex-start}@media (max-width: 991px){.widget_categories li.cat-item{justify-content:center}}.widget_categories li.cat-item span:hover{cursor:pointer}.widget_categories li.cat-item button.remove-category{border:1px solid;background:var(--cl_background_body);border-radius:50px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }, { kind: "component", type: BabylonDynamicHeadingComponent, selector: "lib-babylon-dynamic-heading", inputs: ["tag", "wrapper", "cssClass", "content", "color"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }, { kind: "component", type: BabylonSearchComponent, selector: "lib-babylon-search", inputs: ["searchPlaceHolder", "elements", "liveSearch", "fields"], outputs: ["results"] }, { kind: "directive", type: BabylonPaginationDirective, selector: "[libPaginate]", inputs: ["libPaginate", "libPaginateItems", "libPaginatePageSize", "libPaginateCurrentPage"], outputs: ["libPaginatePageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6808
6811
|
}
|
|
6809
6812
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonBlogListComponent, decorators: [{
|
|
6810
6813
|
type: Component,
|
|
@@ -6814,7 +6817,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
6814
6817
|
BabylonLinkTypeDirective,
|
|
6815
6818
|
BabylonSearchComponent,
|
|
6816
6819
|
BabylonPaginationDirective,
|
|
6817
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"babylon__blog-list margin-main\">\n <div class=\"container\">\n <div class=\"intro_info align--center\">\n @if (pretitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.pretitle || 'h3'\"\n cssClass=\"pretitle\"\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\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-babylon-dynamic-heading>\n }\n </div>\n </div>\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"row cs_gap_y_lg_80\">\n @if (filteredPosts) {\n <div\n class=\"col-lg-8\"\n *libPaginate=\"\n filteredPosts;\n pageSize: pageSize;\n let paged = pagedItems;\n let page = currentPage;\n let total = totalPages;\n let next = next;\n let prev = prev\n \"\n >\n @for (post of paged; track $index) {\n <div class=\"cs_post cs_style_1 cs_size_5\">\n <a\n [attr.aria-label]=\"post.postUrl?.label\"\n [href]=\"post.postUrl?.url\"\n [linkType]=\"post.postUrl?.linkType\"\n class=\"cs_post_thumb cs--radius overflow-hidden d-block cs_mb_30 position-relative\"\n >\n @if (post.img) {\n <img\n [src]=\"post.img.src\"\n [alt]=\"post.img.alt\"\n loading=\"lazy\"\n />\n }\n <span\n class=\"cs_hover_icon cs_center position-absolute cs_white_color cs_zindex_2 cs--radius\"\n >\n <span class=\"babylon-arrow_btn\"></span>\n </span>\n </a>\n <div class=\"cs_post_info intro_info no-align\">\n <div class=\"cs_post_meta_4 cs_mb_13 pretitle\">\n @if (post.category) {\n <span>{{ post.category }}</span>\n }\n @if (post.date) {\n <span>{{\n post.date | date: 'dd/MM/yyyy'\n }}</span>\n }\n </div>\n @if (post.title) {\n <h2 class=\"cs_post_title title1\">\n <a\n [attr.aria-label]=\"\n post.postUrl?.label\n \"\n [href]=\"post.postUrl?.url\"\n [linkType]=\"post.postUrl?.linkType\"\n class=\"title--small\"\n >{{ post.title }}</a\n >\n </h2>\n }\n @if (post.additional1 || post.description) {\n <p\n class=\"cs_subtitle text\"\n [innerHTML]=\"\n post.additional1\n ? post.additional1\n : post.description\n \"\n ></p>\n }\n @if (post.buttons?.length) {\n <div class=\"btns__box\">\n @for (\n button of post.buttons;\n track $index;\n let odd = $odd\n ) {\n <a\n [attr.aria-label]=\"button.label\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n class=\"btn\"\n [ngClass]=\"{\n btn_primary: !odd,\n btn_call: odd,\n }\"\n >\n <b>{{ button.label }}</b>\n <span\n class=\"babylon-arrow-right-big\"\n ></span>\n </a>\n }\n </div>\n }\n </div>\n </div>\n }\n @if (total > 1 && anterior && siguiente) {\n <div class=\"pagination__controls align--center mt--20\">\n <div class=\"btns__box align--center\">\n <button\n class=\"btn btn_primary\"\n [disabled]=\"page === 1\"\n (click)=\"prev()\"\n [attr.aria-label]=\"anterior\"\n >\n <b>{{ anterior }}</b>\n </button>\n <span class=\"mx--10\"\n >{{ page }} / {{ total }}</span\n >\n <button\n class=\"btn btn_secondary\"\n [disabled]=\"page === total\"\n (click)=\"next()\"\n [attr.aria-label]=\"siguiente\"\n >\n <b>{{ siguiente }}</b>\n </button>\n </div>\n </div>\n }\n </div>\n }\n @if (!filteredPosts || filteredPosts.length == 0) {\n <div class=\"col-lg-8\">\n <div class=\"cs_no_results\">\n <lib-babylon-dynamic-heading\n [tag]=\"'h3'\"\n cssClass=\"title--small\"\n [color]=\"\"\n [content]=\"notfoundText || 'No results found'\"\n ></lib-babylon-dynamic-heading>\n </div>\n </div>\n }\n <div class=\"col-lg-4\">\n <div class=\"cs_sidebar cs_right_sidebar\">\n <lib-babylon-search\n [searchPlaceHolder]=\"searchPlaceHolder ?? 'search...'\"\n [elements]=\"posts\"\n [fields]=\"[\n 'title',\n 'subtitle',\n 'description',\n 'category',\n 'date',\n ]\"\n (results)=\"search($event)\"\n ></lib-babylon-search>\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 (category of categories; track $index) {\n <li class=\"cat-item\">\n <a\n aria-label=\"label\"\n href=\"#\"\n (click)=\"\n setCategoryFilter(\n category.title\n );\n $event.preventDefault()\n \"\n >{{ category.title }} ({{\n category.posts\n }})</a\n >\n @if (\n currentCategory ===\n category.title?.toLowerCase()\n ) {\n <div class=\"btn-category-container\">\n <button\n aria-label=\"Eliminar filtro\"\n class=\"remove-category\"\n (click)=\"\n setCategoryFilter();\n $event.preventDefault()\n \"\n >\n <span\n class=\"babylon-clear\"\n ></span>\n </button>\n </div>\n }\n </li>\n }\n </ul>\n }\n </div>\n <div class=\"cs_sidebar_item\">\n @if (latestPostsTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.latestPostsTitle || 'h4'\"\n cssClass=\"title--small mb--20\"\n [color]=\"textColors?.latestPostsTitle\"\n [content]=\"latestPostsTitle\"\n ></lib-babylon-dynamic-heading>\n }\n @if (latestPosts?.length) {\n <ul class=\"cs_recent_posts\">\n @for (post of latestPosts; track $index) {\n <li>\n <div class=\"cs_recent_post\">\n <h3 class=\"title--smaller mb--10\">\n <a\n [attr.aria-label]=\"\n post.postUrl?.label\n \"\n [href]=\"post.postUrl?.url\"\n [linkType]=\"\n post.postUrl?.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 </div>\n </div>\n </div>\n</section>\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_post.cs_style_1 .cs_post_title a,.cs_post.cs_style_2 .cs_post_title a{background-repeat:no-repeat;background-image:linear-gradient(90deg,currentColor 0,currentColor 100%);transition:background-size .6s cubic-bezier(.49,.49,.08,1),color .27s ease-out;background-position:100% calc(100% + -0px);background-size:0 2px}.cs_post.cs_style_1 .cs_post_title a:hover,.cs_post.cs_style_2 .cs_post_title a:hover{background-size:100% 2px;background-position:0 calc(100% + -0px)}.cs_post.cs_style_1 .cs_post_title{max-width:430px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cs_post.cs_style_1 .cs_hover_icon{top:20px;right:20px;height:40px;width:40px;background-color:#fff3;transition:transform .5s cubic-bezier(.5,2.2,.7,.7),all .3s ease;transform:scale(0);opacity:0}.cs_post.cs_style_1 .cs_hover_icon:hover{color:var(--accent);background-color:#ffffffbf}.cs_post.cs_style_1 .cs_post_thumb:before{content:\"\";position:absolute;left:0;top:0;height:100%;width:100%;background:#0003;opacity:0;z-index:1;transition:all .4s ease}.cs_post.cs_style_1 .cs_post_thumb img{transition:all .6s ease;height:100%;width:100%;object-fit:cover}.cs_post.cs_style_1 .cs_post_thumb:hover img{transform:scale(1.06)}.cs_post.cs_style_1 .cs_post_thumb:hover:before{opacity:1}.cs_post.cs_style_1 .cs_post_thumb:hover .cs_hover_icon{transform:scale(1);opacity:1}.cs_post.cs_style_1 .cs_post_meta{display:flex;justify-content:space-between;align-items:center;gap:5px 20px;padding-top:2px;width:100%}.cs_post.cs_style_1 .cs_post_meta+.cs_post_title{padding-bottom:10px}.cs_post.cs_style_1 .cs_post_meta_seperator{flex:1;height:1px;background-color:var(--cl_accent)}.cs_post.cs_style_1.cs_size_1 .cs_post_thumb{height:412px}@media (max-width: 1024px){.cs_post.cs_style_1.cs_size_1 .cs_post_thumb{height:370px}}.cs_post.cs_style_1.cs_size_2 .cs_post_thumb{height:282px}@media (max-width: 539px){.cs_post.cs_style_1.cs_size_2 .cs_post_thumb{height:initial}}.cs_post.cs_style_1.cs_size_3 .cs_post_thumb{height:350px}.cs_post.cs_style_1.cs_size_4 .cs_post_thumb,.cs_post.cs_style_1.cs_size_5 .cs_post_thumb{height:465px}@media (max-width: 539px){.cs_post.cs_style_1.cs_size_4 .cs_post_thumb,.cs_post.cs_style_1.cs_size_5 .cs_post_thumb{height:350px}}.cs_post.cs_style_1.cs_size_4 .cs_post_title,.cs_post.cs_style_1.cs_size_5 .cs_post_title{max-width:100%;padding-bottom:1rem}.cs_post.cs_style_1.cs_size_4:not(:last-child),.cs_post.cs_style_1.cs_size_5:not(:last-child){margin-bottom:80px}@media (max-width: 1024px){.cs_post.cs_style_1.cs_size_4:not(:last-child),.cs_post.cs_style_1.cs_size_5:not(:last-child){margin-bottom:60px}}.cs_post.cs_style_1.cs_size_4 .cs_subtitle,.cs_post.cs_style_1.cs_size_5 .cs_subtitle{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cs_post.cs_style_1.cs_size_4 .cs_video_block.cs_style_1{height:465px}@media (max-width: 539px){.cs_post.cs_style_1.cs_size_4 .cs_video_block.cs_style_1{height:350px}}.cs_post.cs_style_1.cs_size_4 .cs_video_block.cs_style_1 .cs_play_btn_2,.cs_post.cs_style_1.cs_size_5 .cs_video_block.cs_style_1 .cs_play_btn_2{scale:.7}@media (min-width: 1025px){.cs_post.cs_style_1.cs_size_5{display:flex;align-items:center;gap:24px}.cs_post.cs_style_1.cs_size_5 .cs_post_thumb{flex:none;width:50%;margin-bottom:0}.cs_post.cs_style_1.cs_size_5 .cs_subtitle{-webkit-line-clamp:4}.cs_post.cs_style_1.cs_size_5 .cs_video_block.cs_style_1{height:550px;margin-bottom:0}}.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_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}}.widget_categories li.cat-item{display:flex;gap:20px;justify-content:flex-start}@media (max-width: 991px){.widget_categories li.cat-item{justify-content:center}}.widget_categories li.cat-item button.remove-category{border:1px solid;background:var(--cl_background_body);border-radius:50px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}\n"] }]
|
|
6820
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"babylon__blog-list margin-main\">\n <div class=\"container\">\n <div class=\"intro_info align--center\">\n @if (pretitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.pretitle || 'h3'\"\n cssClass=\"pretitle\"\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\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-babylon-dynamic-heading>\n }\n </div>\n </div>\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"row cs_gap_y_lg_80\">\n @if (filteredPosts) {\n <div\n class=\"col-lg-8\"\n *libPaginate=\"\n filteredPosts;\n pageSize: pageSize;\n let paged = pagedItems;\n let page = currentPage;\n let total = totalPages;\n let next = next;\n let prev = prev\n \"\n >\n @for (post of paged; track $index) {\n <div class=\"cs_post cs_style_1 cs_size_5\">\n <a\n [attr.aria-label]=\"post.postUrl?.label\"\n [href]=\"post.postUrl?.url\"\n [linkType]=\"post.postUrl?.linkType\"\n class=\"cs_post_thumb cs--radius overflow-hidden d-block cs_mb_30 position-relative\"\n >\n @if (post.img) {\n <img\n [src]=\"post.img.src\"\n [alt]=\"post.img.alt\"\n loading=\"lazy\"\n />\n }\n <span\n class=\"cs_hover_icon cs_center position-absolute cs_white_color cs_zindex_2 cs--radius\"\n >\n <span class=\"babylon-arrow_btn\"></span>\n </span>\n </a>\n <div class=\"cs_post_info intro_info no-align\">\n <div class=\"cs_post_meta_4 cs_mb_13 pretitle\">\n @if (post.category) {\n <span>{{ post.category }}</span>\n }\n @if (post.date) {\n <span>{{\n post.date | date: 'dd/MM/yyyy'\n }}</span>\n }\n </div>\n @if (post.title) {\n <h2 class=\"cs_post_title title1\">\n <a\n [attr.aria-label]=\"\n post.postUrl?.label\n \"\n [href]=\"post.postUrl?.url\"\n [linkType]=\"post.postUrl?.linkType\"\n class=\"title--small\"\n >{{ post.title }}</a\n >\n </h2>\n }\n @if (post.additional1 || post.description) {\n <p\n class=\"cs_subtitle text\"\n [innerHTML]=\"\n post.additional1\n ? post.additional1\n : post.description\n \"\n ></p>\n }\n @if (post.buttons?.length) {\n <div class=\"btns__box\">\n @for (\n button of post.buttons;\n track $index;\n let odd = $odd\n ) {\n <a\n [attr.aria-label]=\"button.label\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n class=\"btn\"\n [ngClass]=\"{\n btn_primary: !odd,\n btn_call: odd,\n }\"\n >\n <b>{{ button.label }}</b>\n <span\n class=\"babylon-arrow-right-big\"\n ></span>\n </a>\n }\n </div>\n }\n </div>\n </div>\n }\n @if (total > 1 && anterior && siguiente) {\n <div class=\"pagination__controls align--center mt--20\">\n <div class=\"btns__box align--center\">\n <button\n class=\"btn btn_primary\"\n [disabled]=\"page === 1\"\n (click)=\"prev()\"\n [attr.aria-label]=\"anterior\"\n >\n <b>{{ anterior }}</b>\n </button>\n <span class=\"mx--10\"\n >{{ page }} / {{ total }}</span\n >\n <button\n class=\"btn btn_secondary\"\n [disabled]=\"page === total\"\n (click)=\"next()\"\n [attr.aria-label]=\"siguiente\"\n >\n <b>{{ siguiente }}</b>\n </button>\n </div>\n </div>\n }\n </div>\n }\n @if (!filteredPosts || filteredPosts.length == 0) {\n <div class=\"col-lg-8\">\n <div class=\"cs_no_results\">\n <lib-babylon-dynamic-heading\n [tag]=\"'h3'\"\n cssClass=\"title--small\"\n [color]=\"\"\n [content]=\"notfoundText || 'No results found'\"\n ></lib-babylon-dynamic-heading>\n </div>\n </div>\n }\n <div class=\"col-lg-4\">\n <div class=\"cs_sidebar cs_right_sidebar\">\n <lib-babylon-search\n [searchPlaceHolder]=\"searchPlaceHolder ?? 'search...'\"\n [elements]=\"posts\"\n [fields]=\"[\n 'title',\n 'subtitle',\n 'description',\n 'category',\n 'date',\n ]\"\n (results)=\"search($event)\"\n ></lib-babylon-search>\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 (category of categories; track $index) {\n <li class=\"cat-item\">\n <span\n aria-label=\"label\"\n (click)=\"\n setCategoryFilter(\n category.title\n );\n $event.preventDefault()\n \"\n >{{ category.title }} ({{\n category.posts\n }})</span\n >\n @if (\n currentCategory ===\n category.title?.toLowerCase()\n ) {\n <div class=\"btn-category-container\">\n <button\n aria-label=\"Eliminar filtro\"\n class=\"remove-category\"\n (click)=\"\n setCategoryFilter();\n $event.preventDefault()\n \"\n >\n <span\n class=\"babylon-clear\"\n ></span>\n </button>\n </div>\n }\n </li>\n }\n </ul>\n }\n </div>\n <div class=\"cs_sidebar_item\">\n @if (latestPostsTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.latestPostsTitle || 'h4'\"\n cssClass=\"title--small mb--20\"\n [color]=\"textColors?.latestPostsTitle\"\n [content]=\"latestPostsTitle\"\n ></lib-babylon-dynamic-heading>\n }\n @if (latestPosts?.length) {\n <ul class=\"cs_recent_posts\">\n @for (post of latestPosts; track $index) {\n <li>\n <div class=\"cs_recent_post\">\n <h3 class=\"title--smaller mb--10\">\n <a\n [attr.aria-label]=\"\n post.postUrl?.label\n \"\n [href]=\"post.postUrl?.url\"\n [linkType]=\"\n post.postUrl?.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 </div>\n </div>\n </div>\n</section>\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_post.cs_style_1 .cs_post_title a,.cs_post.cs_style_2 .cs_post_title a{background-repeat:no-repeat;background-image:linear-gradient(90deg,currentColor 0,currentColor 100%);transition:background-size .6s cubic-bezier(.49,.49,.08,1),color .27s ease-out;background-position:100% calc(100% + -0px);background-size:0 2px}.cs_post.cs_style_1 .cs_post_title a:hover,.cs_post.cs_style_2 .cs_post_title a:hover{background-size:100% 2px;background-position:0 calc(100% + -0px)}.cs_post.cs_style_1 .cs_post_title{max-width:430px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cs_post.cs_style_1 .cs_hover_icon{top:20px;right:20px;height:40px;width:40px;background-color:#fff3;transition:transform .5s cubic-bezier(.5,2.2,.7,.7),all .3s ease;transform:scale(0);opacity:0}.cs_post.cs_style_1 .cs_hover_icon:hover{color:var(--accent);background-color:#ffffffbf}.cs_post.cs_style_1 .cs_post_thumb:before{content:\"\";position:absolute;left:0;top:0;height:100%;width:100%;background:#0003;opacity:0;z-index:1;transition:all .4s ease}.cs_post.cs_style_1 .cs_post_thumb img{transition:all .6s ease;height:100%;width:100%;object-fit:cover}.cs_post.cs_style_1 .cs_post_thumb:hover img{transform:scale(1.06)}.cs_post.cs_style_1 .cs_post_thumb:hover:before{opacity:1}.cs_post.cs_style_1 .cs_post_thumb:hover .cs_hover_icon{transform:scale(1);opacity:1}.cs_post.cs_style_1 .cs_post_meta{display:flex;justify-content:space-between;align-items:center;gap:5px 20px;padding-top:2px;width:100%}.cs_post.cs_style_1 .cs_post_meta+.cs_post_title{padding-bottom:10px}.cs_post.cs_style_1 .cs_post_meta_seperator{flex:1;height:1px;background-color:var(--cl_accent)}.cs_post.cs_style_1.cs_size_1 .cs_post_thumb{height:412px}@media (max-width: 1024px){.cs_post.cs_style_1.cs_size_1 .cs_post_thumb{height:370px}}.cs_post.cs_style_1.cs_size_2 .cs_post_thumb{height:282px}@media (max-width: 539px){.cs_post.cs_style_1.cs_size_2 .cs_post_thumb{height:initial}}.cs_post.cs_style_1.cs_size_3 .cs_post_thumb{height:350px}.cs_post.cs_style_1.cs_size_4 .cs_post_thumb,.cs_post.cs_style_1.cs_size_5 .cs_post_thumb{height:465px}@media (max-width: 539px){.cs_post.cs_style_1.cs_size_4 .cs_post_thumb,.cs_post.cs_style_1.cs_size_5 .cs_post_thumb{height:350px}}.cs_post.cs_style_1.cs_size_4 .cs_post_title,.cs_post.cs_style_1.cs_size_5 .cs_post_title{max-width:100%;padding-bottom:1rem}.cs_post.cs_style_1.cs_size_4:not(:last-child),.cs_post.cs_style_1.cs_size_5:not(:last-child){margin-bottom:80px}@media (max-width: 1024px){.cs_post.cs_style_1.cs_size_4:not(:last-child),.cs_post.cs_style_1.cs_size_5:not(:last-child){margin-bottom:60px}}.cs_post.cs_style_1.cs_size_4 .cs_subtitle,.cs_post.cs_style_1.cs_size_5 .cs_subtitle{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cs_post.cs_style_1.cs_size_4 .cs_video_block.cs_style_1{height:465px}@media (max-width: 539px){.cs_post.cs_style_1.cs_size_4 .cs_video_block.cs_style_1{height:350px}}.cs_post.cs_style_1.cs_size_4 .cs_video_block.cs_style_1 .cs_play_btn_2,.cs_post.cs_style_1.cs_size_5 .cs_video_block.cs_style_1 .cs_play_btn_2{scale:.7}@media (min-width: 1025px){.cs_post.cs_style_1.cs_size_5{display:flex;align-items:center;gap:24px}.cs_post.cs_style_1.cs_size_5 .cs_post_thumb{flex:none;width:50%;margin-bottom:0}.cs_post.cs_style_1.cs_size_5 .cs_subtitle{-webkit-line-clamp:4}.cs_post.cs_style_1.cs_size_5 .cs_video_block.cs_style_1{height:550px;margin-bottom:0}}.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_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}}.widget_categories li.cat-item{display:flex;gap:20px;justify-content:flex-start}@media (max-width: 991px){.widget_categories li.cat-item{justify-content:center}}.widget_categories li.cat-item span:hover{cursor:pointer}.widget_categories li.cat-item button.remove-category{border:1px solid;background:var(--cl_background_body);border-radius:50px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}\n"] }]
|
|
6818
6821
|
}], ctorParameters: () => [{ type: i1.ActivatedRoute }], propDecorators: { pretitle: [{
|
|
6819
6822
|
type: Input
|
|
6820
6823
|
}], title: [{
|
|
@@ -14200,7 +14203,7 @@ class BabylonOfferDetailComponent {
|
|
|
14200
14203
|
this.currency = '';
|
|
14201
14204
|
}
|
|
14202
14205
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonOfferDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14203
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonOfferDetailComponent, isStandalone: true, selector: "lib-babylon-offer-detail", inputs: { pretitle: "pretitle", title: "title", description: "description", ndTitle: "ndTitle", labelFrom: "labelFrom", labelDiscount: "labelDiscount", currency: "currency", price: "price", discount: "discount", image: "image", button: "button", link: "link", conditions: "conditions" }, ngImport: i0, template: "<section class=\"babylon__offer-details margin-main\">\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"row justify-content-center\">\n <div class=\"col-lg-8\">\n <div class=\"box_contents_in\">\n <div class=\"intro_info no-align box-price\">\n @if (pretitle) {\n <h3 class=\"pretitle mb--0\">{{ pretitle }}</h3>\n }\n @if (title) {\n <h1 class=\"title mb--0\">{{ title }}</h1>\n }\n <div class=\"price\">\n @if (price && labelFrom) {\n {{ labelFrom }}\n }\n @if (discount && labelDiscount) {\n {{ labelDiscount }}\n }\n <span>\n @if (price) {\n {{ price }}\n @if (currency) {\n {{ currency | currencySymbol }}\n }\n }\n @if (discount) {\n {{ discount }}%\n }\n </span>\n </div>\n @if (button) {\n <div class=\"btns__box\">\n <a\n [attr.aria-label]=\"button.label\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n class=\"btn btn_primary btn_call\"\n >\n <b>{{ button.label }}</b>\n <span\n class=\"babylon-arrow-right-big\"\n ></span>\n </a>\n </div>\n }\n </div>\n @if (description) {\n <div class=\"intro_info no-align\">\n <p class=\"text\" [innerHTML]=\"description\"></p>\n </div>\n }\n </div>\n </div>\n @if (image) {\n <div class=\"col-lg-10 my-4\">\n <div class=\"cs_image_layer cs_about_img\">\n <figure>\n <img\n [src]=\"image?.src\"\n [alt]=\"image?.alt\"\n class=\"cs--radius\"\n loading=\"lazy\"\n />\n </figure>\n </div>\n </div>\n }\n @if (ndTitle || conditions) {\n <div class=\"col-lg-8\">\n <div class=\"box_contents_in\">\n <div class=\"intro_info no-align\">\n @if (ndTitle) {\n <h3 class=\"title--small\">{{ ndTitle }}</h3>\n }\n @if (conditions) {\n <p class=\"text\" [innerHTML]=\"conditions\"></p>\n }\n </div>\n </div>\n @if (link) {\n <div class=\"btns__box\">\n <a\n [attr.aria-label]=\"link.label\"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n class=\"btn-link\"\n >\n <span class=\"babylon-arrow-left-big\"></span>\n <b>{{ link.label }}</b>\n </a>\n </div>\n }\n </div>\n }\n </div>\n </div>\n</section>\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}}.babylon__offer-details p{padding-bottom:1rem}.babylon__offer-details .intro_info.box-price{position:relative;padding-right:160px}@media (max-width: 1024px){.babylon__offer-details .intro_info.box-price{padding-right:0}}.babylon__offer-details .price{position:absolute;z-index:4;top:0;right:0;padding:10px 15px;line-height:1;font-style:normal;color:var(--cl_subtitle)}.babylon__offer-details .price span{font-size:60px;display:block}@media (max-width: 1024px){.babylon__offer-details .price{position:relative;right:auto}.babylon__offer-details .price em{font-size:40px}}.babylon__offer-details .title--small{margin-bottom:20px}.babylon__offer-details .cs_about_img{display:flex;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }, { kind: "pipe", type: BabylonCurrencyPipe, name: "currencySymbol" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
14206
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonOfferDetailComponent, isStandalone: true, selector: "lib-babylon-offer-detail", inputs: { pretitle: "pretitle", title: "title", description: "description", ndTitle: "ndTitle", labelFrom: "labelFrom", labelDiscount: "labelDiscount", currency: "currency", price: "price", discount: "discount", image: "image", multimedia: "multimedia", button: "button", link: "link", conditions: "conditions" }, ngImport: i0, template: "<section class=\"babylon__offer-details margin-main\">\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"row justify-content-center\">\n <div class=\"col-lg-8\">\n <div class=\"box_contents_in\">\n <div class=\"intro_info no-align box-price\">\n @if (pretitle) {\n <h3 class=\"pretitle mb--0\">{{ pretitle }}</h3>\n }\n @if (title) {\n <h1 class=\"title mb--0\">{{ title }}</h1>\n }\n <div class=\"price\">\n @if (price && labelFrom) {\n {{ labelFrom }}\n }\n @if (discount && labelDiscount) {\n {{ labelDiscount }}\n }\n <span>\n @if (price) {\n {{ price }}\n @if (currency) {\n {{ currency | currencySymbol }}\n }\n }\n @if (discount) {\n {{ discount }}%\n }\n </span>\n </div>\n @if (button) {\n <div class=\"btns__box\">\n <a\n [attr.aria-label]=\"button.label\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n class=\"btn btn_primary btn_call\"\n >\n <b>{{ button.label }}</b>\n <span\n class=\"babylon-arrow-right-big\"\n ></span>\n </a>\n </div>\n }\n </div>\n @if (description) {\n <div class=\"intro_info no-align\">\n <p class=\"text\" [innerHTML]=\"description\"></p>\n </div>\n }\n </div>\n </div>\n @if (image) {\n <div class=\"col-lg-10 my-4\">\n <div class=\"cs_image_layer cs_about_img\">\n <figure>\n <img\n [src]=\"image?.src\"\n [alt]=\"image?.alt\"\n class=\"cs--radius\"\n loading=\"lazy\"\n />\n </figure>\n </div>\n </div>\n }\n @if (ndTitle || conditions) {\n <div class=\"col-lg-8\">\n <div class=\"box_contents_in\">\n <div class=\"intro_info no-align\">\n @if (ndTitle) {\n <h3 class=\"title--small\">{{ ndTitle }}</h3>\n }\n @if (conditions) {\n <p class=\"text\" [innerHTML]=\"conditions\"></p>\n }\n </div>\n </div>\n @if (link) {\n <div class=\"btns__box\">\n <a\n [attr.aria-label]=\"link.label\"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n class=\"btn-link\"\n >\n <span class=\"babylon-arrow-left-big\"></span>\n <b>{{ link.label }}</b>\n </a>\n </div>\n }\n </div>\n }\n </div>\n </div>\n</section>\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}}.babylon__offer-details p{padding-bottom:1rem}.babylon__offer-details .intro_info.box-price{position:relative;padding-right:160px}@media (max-width: 1024px){.babylon__offer-details .intro_info.box-price{padding-right:0}}.babylon__offer-details .price{position:absolute;z-index:4;top:0;right:0;padding:10px 15px;line-height:1;font-style:normal;color:var(--cl_subtitle)}.babylon__offer-details .price span{font-size:60px;display:block}@media (max-width: 1024px){.babylon__offer-details .price{position:relative;right:auto}.babylon__offer-details .price em{font-size:40px}}.babylon__offer-details .title--small{margin-bottom:20px}.babylon__offer-details .cs_about_img{display:flex;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }, { kind: "pipe", type: BabylonCurrencyPipe, name: "currencySymbol" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
14204
14207
|
}
|
|
14205
14208
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonOfferDetailComponent, decorators: [{
|
|
14206
14209
|
type: Component,
|
|
@@ -14225,6 +14228,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
14225
14228
|
type: Input
|
|
14226
14229
|
}], image: [{
|
|
14227
14230
|
type: Input
|
|
14231
|
+
}], multimedia: [{
|
|
14232
|
+
type: Input
|
|
14228
14233
|
}], button: [{
|
|
14229
14234
|
type: Input
|
|
14230
14235
|
}], link: [{
|
|
@@ -16681,6 +16686,7 @@ class C2ImgTxtSvgComponent {
|
|
|
16681
16686
|
this.content = DEFAULT_CONTENT$8;
|
|
16682
16687
|
this.reverse = false;
|
|
16683
16688
|
this.tagNameMap = 'C2ImgTxtSvgMap';
|
|
16689
|
+
this.tagNameMapPNG = 'C2ImgTxtSvg-icon-svg';
|
|
16684
16690
|
}
|
|
16685
16691
|
trackByTitle(index, section) {
|
|
16686
16692
|
return section.title ?? `${index}`;
|
|
@@ -16692,11 +16698,11 @@ class C2ImgTxtSvgComponent {
|
|
|
16692
16698
|
return getFirstImageByTagFromMultimedia(this.multimedia, tagName);
|
|
16693
16699
|
}
|
|
16694
16700
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2ImgTxtSvgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16695
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C2ImgTxtSvgComponent, isStandalone: true, selector: "c2-img-txt-svg", inputs: { content: "content", reverse: "reverse", texts: "texts", multimedia: "multimedia", buttons: "buttons", links: "links", styles: "styles" }, ngImport: i0, template: "<section class=\"mdl-mdh022\" [ngClass]=\"{ reverse: reverse }\">\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n @if (multimedia?.imagenes?.[0]; as img) {\n <img [src]=\"img.img?.src\" [alt]=\"img.img?.alt\" />\n }\n\n @if (links) {\n <div class=\"text-container\">\n <div class=\"m-item\">\n @if (texts?.addresstitle) {\n <div\n class=\"m-title\"\n [innerHTML]=\"texts?.addresstitle\"\n ></div>\n }\n @if (links?.[0]; as link) {\n <div class=\"m-subitle\">\n <ng-container>\n <a\n class=\"m-subitle\"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [attr.target]=\"link.target || '_self'\"\n [attr.aria-label]=\"link.label\"\n [attr.rel]=\"\n (link.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <p [innerHTML]=\"link.label\"></p>\n </a>\n </ng-container>\n </div>\n }\n </div>\n <div class=\"m-item\">\n @if (texts?.contacttitle) {\n <div\n class=\"m-title\"\n [innerHTML]=\"texts?.contacttitle\"\n ></div>\n }\n @if (links?.[1]; as link) {\n <div class=\"m-subitle\">\n <ng-container>\n <a\n class=\"m-subitle\"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [attr.target]=\"link.target || '_self'\"\n [attr.aria-label]=\"link.label\"\n [attr.rel]=\"\n (link.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n {{ link.label }}\n </a>\n </ng-container>\n </div>\n }\n </div>\n </div>\n }\n </div>\n @if (getFirstImageByTag(tagNameMap); as mapImage) {\n <a\n class=\"m-right\"\n [href]=\"texts?.mapUrl\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <img [src]=\"mapImage.img?.src\" alt=\"map\" />\n <svg\n width=\"79\"\n height=\"89\"\n viewBox=\"0 0 79 89\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n >\n <path\n opacity=\"0.2\"\n d=\"M39 89C42.866 89 46 88.1046 46 87C46 85.8954 42.866 85 39 85C35.134 85 32 85.8954 32 87C32 88.1046 35.134 89 39 89Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#515050'\n \"\n />\n <path\n opacity=\"0.2\"\n d=\"M39 88C41.2091 88 43 87.5523 43 87C43 86.4477 41.2091 86 39 86C36.7909 86 35 86.4477 35 87C35 87.5523 36.7909 88 39 88Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#515050'\n \"\n />\n <path\n d=\"M39.462 78.924C61.2563 78.924 78.924 61.2563 78.924 39.462C78.924 17.6677 61.2563 0 39.462 0C17.6677 0 0 17.6677 0 39.462C0 61.2563 17.6677 78.924 39.462 78.924Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#FF4338'\n \"\n />\n <path\n d=\"M39.8647 85.9677C39.7768 86.1195 39.6506 86.2455 39.4987 86.3331C39.3468 86.4207 39.1745 86.4668 38.9992 86.4668C38.8238 86.4668 38.6515 86.4207 38.4996 86.3331C38.3477 86.2455 38.2215 86.1195 38.1337 85.9677L28.8677 69.9677C28.7799 69.8158 28.7337 69.6434 28.7337 69.468C28.7337 69.2925 28.7798 69.1201 28.8674 68.9681C28.9551 68.8162 29.0812 68.6899 29.233 68.6021C29.3849 68.5142 29.5572 68.4679 29.7327 68.4677H48.2657C48.4411 68.4679 48.6134 68.5142 48.7653 68.6021C48.9172 68.6899 49.0433 68.8162 49.1309 68.9681C49.2186 69.1201 49.2647 69.2925 49.2646 69.468C49.2646 69.6434 49.2184 69.8158 49.1307 69.9677L39.8647 85.9677Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#FF4338'\n \"\n />\n <path\n d=\"M38.9996 49.1102L24.9029 35.0105C21.2427 31.3533 21.2427 25.4024 24.9029 21.7452C28.5601 18.0849 34.5109 18.0849 38.1682 21.7452L38.9996 22.5765L39.8338 21.7452C43.4911 18.0849 49.442 18.0849 53.0992 21.7452C56.7564 25.4024 56.7564 31.3533 53.0992 35.0105L38.9996 49.1102ZM31.5356 22.8187C30.1121 22.8187 28.6887 23.36 27.6032 24.4455C25.4352 26.6135 25.4352 30.1422 27.6032 32.3102L38.9996 43.7095L50.3988 32.3102C52.5669 30.1422 52.5669 26.6135 50.3988 24.4455C48.2308 22.2775 44.7022 22.2775 42.5342 24.4455L38.9996 27.9771L35.4679 24.4455C34.3854 23.36 32.959 22.8187 31.5356 22.8187Z\"\n fill=\"white\"\n />\n <path\n d=\"M38.9986 58.9953C32.037 58.9953 25.6196 55.1348 22.2524 48.9178L25.6106 47.0996C28.311 52.0816 33.4395 55.1766 38.9986 55.1766C44.5577 55.1766 49.6862 52.0816 52.3865 47.0996L55.7447 48.9178C52.3776 55.1348 45.9602 58.9953 38.9986 58.9953Z\"\n fill=\"white\"\n />\n </svg>\n @if (buttons?.[0]; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.aria-label]=\"button.label\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [style.--primary-color]=\"styles?.primary\"\n [style.--hover-color]=\"styles?.primaryHover\"\n >\n <span>{{ button.label }}</span>\n </a>\n </ng-container>\n }\n </a>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:var(--primary-color, #ff4338);border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:var(--hover-color, #ed3b37)}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-mdh022.reverse .mdl-container{flex-direction:row-reverse}.mdl-mdh022.reverse .mdl-container .m-right .m-button-sm{right:auto;left:0;border-top-left-radius:0;border-top-right-radius:2.4rem;border-bottom-left-radius:0;border-bottom-right-radius:2.4rem}.mdl-mdh022 .mdl-container{display:flex;flex-direction:row;gap:6rem}.mdl-mdh022 .mdl-container .m-left{display:flex;flex-direction:column;width:30%}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:100%;object-fit:cover;height:auto}.mdl-mdh022 .mdl-container .m-left .text-container{display:flex;flex-direction:column;padding:7.5rem 7rem 7.2rem;border:1px solid #e4e4e4;border-top:none;gap:6rem;box-sizing:border-box}.mdl-mdh022 .mdl-container .m-left .text-container .m-item{display:flex;flex-direction:column;text-align:start}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-size:1.5rem}}@media (max-width: 1080px){.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-size:1.1rem}}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{color:#515050;font-weight:500;margin-bottom:2.4rem;text-transform:capitalize}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle{color:#515050b2;font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:4rem;font-weight:400;line-height:2.8rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:not(:last-child){margin-bottom:.5rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:after{bottom:-.4rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:hover{color:#ed3b37;transition:.3s}.mdl-mdh022 .mdl-container .m-right{position:relative;width:70%}.mdl-mdh022 .mdl-container .m-right img{width:100%;height:100%;object-fit:cover}.mdl-mdh022 .mdl-container .m-right svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh022 .mdl-container .m-right .m-button-sm{position:absolute;bottom:4rem;right:0;border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem;max-width:20rem}@media (max-width: 1366px){.mdl-mdh022 .mdl-container .m-left{width:35%}.mdl-mdh022 .mdl-container .m-left .text-container{padding:3rem;gap:3rem;border-left:1px solid #e4e4e4}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{margin-bottom:1.5rem;font-size:2rem}}@media (max-width: 1280px){.mdl-mdh022 .mdl-container .m-left .text-container{gap:2rem;padding:2rem}}@media (max-width: 1080px){.mdl-mdh022.reverse .mdl-container{flex-direction:column-reverse}.mdl-mdh022.reverse .mdl-container .m-left{flex-direction:row-reverse}.mdl-mdh022.reverse .mdl-container .m-left .text-container{border-left:1px solid #e4e4e4}.mdl-mdh022 .mdl-container{gap:4rem;flex-direction:column-reverse}.mdl-mdh022 .mdl-container .m-left{width:100%;flex-direction:row}.mdl-mdh022 .mdl-container .m-left img{width:45%}.mdl-mdh022 .mdl-container .m-left .text-container{width:55%;padding:6rem 2rem 6rem 8rem;border-top:1px solid #e4e4e4;border-left:none}.mdl-mdh022 .mdl-container .m-right{width:100%}}@media (max-width: 768px){.mdl-mdh022.reverse .mdl-container .m-left{flex-direction:column}.mdl-mdh022.reverse .mdl-container .m-left .text-container{border-right:1px solid #e4e4e4}.mdl-mdh022 .mdl-container{gap:4rem}.mdl-mdh022 .mdl-container .m-right svg{width:4.9rem}.mdl-mdh022 .mdl-container .m-right .m-button-sm{width:18rem}.mdl-mdh022 .mdl-container .m-left{flex-direction:column}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:57vw}.mdl-mdh022 .mdl-container .m-left .text-container{gap:6rem;padding:5rem 2rem 5rem 7rem;width:100%;border-left:1px solid #e4e4e4;border-top:none}}@media (max-width: 540px){.mdl-mdh022 .mdl-container{gap:3.2rem}.mdl-mdh022 .mdl-container .m-right svg{width:3.3rem}.mdl-mdh022 .mdl-container .m-right .m-button-sm{position:relative;right:auto;top:0;border-radius:2.4rem!important;margin-top:2.9rem;margin:2.9rem auto auto}.mdl-mdh022 .mdl-container .m-left{flex-direction:column}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:57vw}.mdl-mdh022 .mdl-container .m-left .text-container{gap:6rem;padding:4rem 2rem 4rem 6rem}}@media (max-width: 375px){.mdl-mdh022 .mdl-container .m-left .text-container{gap:3rem;padding:3rem 1rem 3rem 2.1rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
16701
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C2ImgTxtSvgComponent, isStandalone: true, selector: "c2-img-txt-svg", inputs: { content: "content", reverse: "reverse", texts: "texts", multimedia: "multimedia", buttons: "buttons", links: "links", styles: "styles" }, ngImport: i0, template: "<section class=\"mdl-mdh022\" [ngClass]=\"{ reverse: reverse }\">\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n @if (multimedia?.imagenes?.[0]; as img) {\n <img [src]=\"img.img?.src\" [alt]=\"img.img?.alt\" />\n }\n\n @if (links) {\n <div class=\"text-container\">\n <div class=\"m-item\">\n @if (texts?.addresstitle) {\n <div\n class=\"m-title\"\n [innerHTML]=\"texts?.addresstitle\"\n ></div>\n }\n @if (links?.[0]; as link) {\n <div class=\"m-subitle\">\n <ng-container>\n <a\n class=\"m-subitle\"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [attr.target]=\"link.target || '_self'\"\n [attr.aria-label]=\"link.label\"\n [attr.rel]=\"\n (link.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <p [innerHTML]=\"link.label\"></p>\n </a>\n </ng-container>\n </div>\n }\n </div>\n <div class=\"m-item\">\n @if (texts?.contacttitle) {\n <div\n class=\"m-title\"\n [innerHTML]=\"texts?.contacttitle\"\n ></div>\n }\n @if (links?.[1]; as link) {\n <div class=\"m-subitle\">\n <ng-container>\n <a\n class=\"m-subitle\"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [attr.target]=\"link.target || '_self'\"\n [attr.aria-label]=\"link.label\"\n [attr.rel]=\"\n (link.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n {{ link.label }}\n </a>\n </ng-container>\n </div>\n }\n </div>\n </div>\n }\n </div>\n @if (getFirstImageByTag(tagNameMap); as mapImage) {\n <a\n class=\"m-right\"\n [href]=\"texts?.mapUrl\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <img [src]=\"mapImage.img?.src\" alt=\"map\" />\n @if (getFirstImageByTag(tagNameMapPNG); as pngImage) {\n <img class=\"iconmap\" [src]=\"pngImage.img?.src\" alt=\"icon\" />\n }\n <!-- <svg\n width=\"79\"\n height=\"89\"\n viewBox=\"0 0 79 89\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n >\n <path\n opacity=\"0.2\"\n d=\"M39 89C42.866 89 46 88.1046 46 87C46 85.8954 42.866 85 39 85C35.134 85 32 85.8954 32 87C32 88.1046 35.134 89 39 89Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#515050'\n \"\n />\n <path\n opacity=\"0.2\"\n d=\"M39 88C41.2091 88 43 87.5523 43 87C43 86.4477 41.2091 86 39 86C36.7909 86 35 86.4477 35 87C35 87.5523 36.7909 88 39 88Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#515050'\n \"\n />\n <path\n d=\"M39.462 78.924C61.2563 78.924 78.924 61.2563 78.924 39.462C78.924 17.6677 61.2563 0 39.462 0C17.6677 0 0 17.6677 0 39.462C0 61.2563 17.6677 78.924 39.462 78.924Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#FF4338'\n \"\n />\n <path\n d=\"M39.8647 85.9677C39.7768 86.1195 39.6506 86.2455 39.4987 86.3331C39.3468 86.4207 39.1745 86.4668 38.9992 86.4668C38.8238 86.4668 38.6515 86.4207 38.4996 86.3331C38.3477 86.2455 38.2215 86.1195 38.1337 85.9677L28.8677 69.9677C28.7799 69.8158 28.7337 69.6434 28.7337 69.468C28.7337 69.2925 28.7798 69.1201 28.8674 68.9681C28.9551 68.8162 29.0812 68.6899 29.233 68.6021C29.3849 68.5142 29.5572 68.4679 29.7327 68.4677H48.2657C48.4411 68.4679 48.6134 68.5142 48.7653 68.6021C48.9172 68.6899 49.0433 68.8162 49.1309 68.9681C49.2186 69.1201 49.2647 69.2925 49.2646 69.468C49.2646 69.6434 49.2184 69.8158 49.1307 69.9677L39.8647 85.9677Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#FF4338'\n \"\n />\n <path\n d=\"M38.9996 49.1102L24.9029 35.0105C21.2427 31.3533 21.2427 25.4024 24.9029 21.7452C28.5601 18.0849 34.5109 18.0849 38.1682 21.7452L38.9996 22.5765L39.8338 21.7452C43.4911 18.0849 49.442 18.0849 53.0992 21.7452C56.7564 25.4024 56.7564 31.3533 53.0992 35.0105L38.9996 49.1102ZM31.5356 22.8187C30.1121 22.8187 28.6887 23.36 27.6032 24.4455C25.4352 26.6135 25.4352 30.1422 27.6032 32.3102L38.9996 43.7095L50.3988 32.3102C52.5669 30.1422 52.5669 26.6135 50.3988 24.4455C48.2308 22.2775 44.7022 22.2775 42.5342 24.4455L38.9996 27.9771L35.4679 24.4455C34.3854 23.36 32.959 22.8187 31.5356 22.8187Z\"\n fill=\"white\"\n />\n <path\n d=\"M38.9986 58.9953C32.037 58.9953 25.6196 55.1348 22.2524 48.9178L25.6106 47.0996C28.311 52.0816 33.4395 55.1766 38.9986 55.1766C44.5577 55.1766 49.6862 52.0816 52.3865 47.0996L55.7447 48.9178C52.3776 55.1348 45.9602 58.9953 38.9986 58.9953Z\"\n fill=\"white\"\n />\n </svg> -->\n @if (buttons?.[0]; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.aria-label]=\"button.label\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [style.--primary-color]=\"styles?.primary\"\n [style.--hover-color]=\"styles?.primaryHover\"\n >\n <span>{{ button.label }}</span>\n </a>\n </ng-container>\n }\n </a>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:var(--primary-color, #ff4338);border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:var(--hover-color, #ed3b37)}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-mdh022.reverse .mdl-container{flex-direction:row-reverse}.mdl-mdh022.reverse .mdl-container .m-right .m-button-sm{right:auto;left:0;border-top-left-radius:0;border-top-right-radius:2.4rem;border-bottom-left-radius:0;border-bottom-right-radius:2.4rem}.mdl-mdh022 .mdl-container{display:flex;flex-direction:row;gap:6rem}.mdl-mdh022 .mdl-container .m-left{display:flex;flex-direction:column;width:30%}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:100%;object-fit:cover;height:auto}.mdl-mdh022 .mdl-container .m-left .text-container{display:flex;flex-direction:column;padding:7.5rem 7rem 7.2rem;border:1px solid #e4e4e4;border-top:none;gap:6rem;box-sizing:border-box}.mdl-mdh022 .mdl-container .m-left .text-container .m-item{display:flex;flex-direction:column;text-align:start}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-size:1.5rem}}@media (max-width: 1080px){.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-size:1.1rem}}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{color:#515050;font-weight:500;margin-bottom:2.4rem;text-transform:capitalize}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle{color:#515050b2;font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:4rem;font-weight:400;line-height:2.8rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:not(:last-child){margin-bottom:.5rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:after{bottom:-.4rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:hover{color:#ed3b37;transition:.3s}.mdl-mdh022 .mdl-container .m-right{position:relative;width:70%}.mdl-mdh022 .mdl-container .m-right img{width:100%;height:100%;object-fit:cover}.mdl-mdh022 .mdl-container .m-right svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh022 .mdl-container .m-right img.iconmap{position:absolute;width:79px!important;height:89px!important;right:50%;top:50%;transform:translate(50px,-50px)}@media (max-width: 540px){.mdl-mdh022 .mdl-container .m-right img.iconmap{width:62px!important;height:69px!important;right:55%;top:45%}}.mdl-mdh022 .mdl-container .m-right .m-button-sm{position:absolute;bottom:4rem;right:0;border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem;max-width:20rem}@media (max-width: 1366px){.mdl-mdh022 .mdl-container .m-left{width:35%}.mdl-mdh022 .mdl-container .m-left .text-container{padding:3rem;gap:3rem;border-left:1px solid #e4e4e4}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{margin-bottom:1.5rem;font-size:2rem}}@media (max-width: 1280px){.mdl-mdh022 .mdl-container .m-left .text-container{gap:2rem;padding:2rem}}@media (max-width: 1080px){.mdl-mdh022.reverse .mdl-container{flex-direction:column-reverse}.mdl-mdh022.reverse .mdl-container .m-left{flex-direction:row-reverse}.mdl-mdh022.reverse .mdl-container .m-left .text-container{border-left:1px solid #e4e4e4}.mdl-mdh022 .mdl-container{gap:4rem;flex-direction:column-reverse}.mdl-mdh022 .mdl-container .m-left{width:100%;flex-direction:row}.mdl-mdh022 .mdl-container .m-left img{width:45%}.mdl-mdh022 .mdl-container .m-left .text-container{width:55%;padding:6rem 2rem 6rem 8rem;border-top:1px solid #e4e4e4;border-left:none}.mdl-mdh022 .mdl-container .m-right{width:100%}}@media (max-width: 768px){.mdl-mdh022.reverse .mdl-container .m-left{flex-direction:column}.mdl-mdh022.reverse .mdl-container .m-left .text-container{border-right:1px solid #e4e4e4}.mdl-mdh022 .mdl-container{gap:4rem}.mdl-mdh022 .mdl-container .m-right svg{width:4.9rem}.mdl-mdh022 .mdl-container .m-right .m-button-sm{width:18rem}.mdl-mdh022 .mdl-container .m-left{flex-direction:column}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:57vw}.mdl-mdh022 .mdl-container .m-left .text-container{gap:6rem;padding:5rem 2rem 5rem 7rem;width:100%;border-left:1px solid #e4e4e4;border-top:none}}@media (max-width: 540px){.mdl-mdh022 .mdl-container{gap:3.2rem}.mdl-mdh022 .mdl-container .m-right svg{width:3.3rem}.mdl-mdh022 .mdl-container .m-right .m-button-sm{position:relative;right:auto;top:0;border-radius:2.4rem!important;margin-top:2.9rem;margin:2.9rem auto auto}.mdl-mdh022 .mdl-container .m-left{flex-direction:column}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:57vw}.mdl-mdh022 .mdl-container .m-left .text-container{gap:6rem;padding:4rem 2rem 4rem 6rem}}@media (max-width: 375px){.mdl-mdh022 .mdl-container .m-left .text-container{gap:3rem;padding:3rem 1rem 3rem 2.1rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
16696
16702
|
}
|
|
16697
16703
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2ImgTxtSvgComponent, decorators: [{
|
|
16698
16704
|
type: Component,
|
|
16699
|
-
args: [{ selector: 'c2-img-txt-svg', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective], template: "<section class=\"mdl-mdh022\" [ngClass]=\"{ reverse: reverse }\">\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n @if (multimedia?.imagenes?.[0]; as img) {\n <img [src]=\"img.img?.src\" [alt]=\"img.img?.alt\" />\n }\n\n @if (links) {\n <div class=\"text-container\">\n <div class=\"m-item\">\n @if (texts?.addresstitle) {\n <div\n class=\"m-title\"\n [innerHTML]=\"texts?.addresstitle\"\n ></div>\n }\n @if (links?.[0]; as link) {\n <div class=\"m-subitle\">\n <ng-container>\n <a\n class=\"m-subitle\"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [attr.target]=\"link.target || '_self'\"\n [attr.aria-label]=\"link.label\"\n [attr.rel]=\"\n (link.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <p [innerHTML]=\"link.label\"></p>\n </a>\n </ng-container>\n </div>\n }\n </div>\n <div class=\"m-item\">\n @if (texts?.contacttitle) {\n <div\n class=\"m-title\"\n [innerHTML]=\"texts?.contacttitle\"\n ></div>\n }\n @if (links?.[1]; as link) {\n <div class=\"m-subitle\">\n <ng-container>\n <a\n class=\"m-subitle\"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [attr.target]=\"link.target || '_self'\"\n [attr.aria-label]=\"link.label\"\n [attr.rel]=\"\n (link.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n {{ link.label }}\n </a>\n </ng-container>\n </div>\n }\n </div>\n </div>\n }\n </div>\n @if (getFirstImageByTag(tagNameMap); as mapImage) {\n <a\n class=\"m-right\"\n [href]=\"texts?.mapUrl\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <img [src]=\"mapImage.img?.src\" alt=\"map\" />\n <svg\n width=\"79\"\n height=\"89\"\n viewBox=\"0 0 79 89\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n >\n <path\n opacity=\"0.2\"\n d=\"M39 89C42.866 89 46 88.1046 46 87C46 85.8954 42.866 85 39 85C35.134 85 32 85.8954 32 87C32 88.1046 35.134 89 39 89Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#515050'\n \"\n />\n <path\n opacity=\"0.2\"\n d=\"M39 88C41.2091 88 43 87.5523 43 87C43 86.4477 41.2091 86 39 86C36.7909 86 35 86.4477 35 87C35 87.5523 36.7909 88 39 88Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#515050'\n \"\n />\n <path\n d=\"M39.462 78.924C61.2563 78.924 78.924 61.2563 78.924 39.462C78.924 17.6677 61.2563 0 39.462 0C17.6677 0 0 17.6677 0 39.462C0 61.2563 17.6677 78.924 39.462 78.924Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#FF4338'\n \"\n />\n <path\n d=\"M39.8647 85.9677C39.7768 86.1195 39.6506 86.2455 39.4987 86.3331C39.3468 86.4207 39.1745 86.4668 38.9992 86.4668C38.8238 86.4668 38.6515 86.4207 38.4996 86.3331C38.3477 86.2455 38.2215 86.1195 38.1337 85.9677L28.8677 69.9677C28.7799 69.8158 28.7337 69.6434 28.7337 69.468C28.7337 69.2925 28.7798 69.1201 28.8674 68.9681C28.9551 68.8162 29.0812 68.6899 29.233 68.6021C29.3849 68.5142 29.5572 68.4679 29.7327 68.4677H48.2657C48.4411 68.4679 48.6134 68.5142 48.7653 68.6021C48.9172 68.6899 49.0433 68.8162 49.1309 68.9681C49.2186 69.1201 49.2647 69.2925 49.2646 69.468C49.2646 69.6434 49.2184 69.8158 49.1307 69.9677L39.8647 85.9677Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#FF4338'\n \"\n />\n <path\n d=\"M38.9996 49.1102L24.9029 35.0105C21.2427 31.3533 21.2427 25.4024 24.9029 21.7452C28.5601 18.0849 34.5109 18.0849 38.1682 21.7452L38.9996 22.5765L39.8338 21.7452C43.4911 18.0849 49.442 18.0849 53.0992 21.7452C56.7564 25.4024 56.7564 31.3533 53.0992 35.0105L38.9996 49.1102ZM31.5356 22.8187C30.1121 22.8187 28.6887 23.36 27.6032 24.4455C25.4352 26.6135 25.4352 30.1422 27.6032 32.3102L38.9996 43.7095L50.3988 32.3102C52.5669 30.1422 52.5669 26.6135 50.3988 24.4455C48.2308 22.2775 44.7022 22.2775 42.5342 24.4455L38.9996 27.9771L35.4679 24.4455C34.3854 23.36 32.959 22.8187 31.5356 22.8187Z\"\n fill=\"white\"\n />\n <path\n d=\"M38.9986 58.9953C32.037 58.9953 25.6196 55.1348 22.2524 48.9178L25.6106 47.0996C28.311 52.0816 33.4395 55.1766 38.9986 55.1766C44.5577 55.1766 49.6862 52.0816 52.3865 47.0996L55.7447 48.9178C52.3776 55.1348 45.9602 58.9953 38.9986 58.9953Z\"\n fill=\"white\"\n />\n </svg>\n @if (buttons?.[0]; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.aria-label]=\"button.label\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [style.--primary-color]=\"styles?.primary\"\n [style.--hover-color]=\"styles?.primaryHover\"\n >\n <span>{{ button.label }}</span>\n </a>\n </ng-container>\n }\n </a>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:var(--primary-color, #ff4338);border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:var(--hover-color, #ed3b37)}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-mdh022.reverse .mdl-container{flex-direction:row-reverse}.mdl-mdh022.reverse .mdl-container .m-right .m-button-sm{right:auto;left:0;border-top-left-radius:0;border-top-right-radius:2.4rem;border-bottom-left-radius:0;border-bottom-right-radius:2.4rem}.mdl-mdh022 .mdl-container{display:flex;flex-direction:row;gap:6rem}.mdl-mdh022 .mdl-container .m-left{display:flex;flex-direction:column;width:30%}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:100%;object-fit:cover;height:auto}.mdl-mdh022 .mdl-container .m-left .text-container{display:flex;flex-direction:column;padding:7.5rem 7rem 7.2rem;border:1px solid #e4e4e4;border-top:none;gap:6rem;box-sizing:border-box}.mdl-mdh022 .mdl-container .m-left .text-container .m-item{display:flex;flex-direction:column;text-align:start}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-size:1.5rem}}@media (max-width: 1080px){.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-size:1.1rem}}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{color:#515050;font-weight:500;margin-bottom:2.4rem;text-transform:capitalize}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle{color:#515050b2;font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:4rem;font-weight:400;line-height:2.8rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:not(:last-child){margin-bottom:.5rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:after{bottom:-.4rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:hover{color:#ed3b37;transition:.3s}.mdl-mdh022 .mdl-container .m-right{position:relative;width:70%}.mdl-mdh022 .mdl-container .m-right img{width:100%;height:100%;object-fit:cover}.mdl-mdh022 .mdl-container .m-right svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh022 .mdl-container .m-right .m-button-sm{position:absolute;bottom:4rem;right:0;border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem;max-width:20rem}@media (max-width: 1366px){.mdl-mdh022 .mdl-container .m-left{width:35%}.mdl-mdh022 .mdl-container .m-left .text-container{padding:3rem;gap:3rem;border-left:1px solid #e4e4e4}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{margin-bottom:1.5rem;font-size:2rem}}@media (max-width: 1280px){.mdl-mdh022 .mdl-container .m-left .text-container{gap:2rem;padding:2rem}}@media (max-width: 1080px){.mdl-mdh022.reverse .mdl-container{flex-direction:column-reverse}.mdl-mdh022.reverse .mdl-container .m-left{flex-direction:row-reverse}.mdl-mdh022.reverse .mdl-container .m-left .text-container{border-left:1px solid #e4e4e4}.mdl-mdh022 .mdl-container{gap:4rem;flex-direction:column-reverse}.mdl-mdh022 .mdl-container .m-left{width:100%;flex-direction:row}.mdl-mdh022 .mdl-container .m-left img{width:45%}.mdl-mdh022 .mdl-container .m-left .text-container{width:55%;padding:6rem 2rem 6rem 8rem;border-top:1px solid #e4e4e4;border-left:none}.mdl-mdh022 .mdl-container .m-right{width:100%}}@media (max-width: 768px){.mdl-mdh022.reverse .mdl-container .m-left{flex-direction:column}.mdl-mdh022.reverse .mdl-container .m-left .text-container{border-right:1px solid #e4e4e4}.mdl-mdh022 .mdl-container{gap:4rem}.mdl-mdh022 .mdl-container .m-right svg{width:4.9rem}.mdl-mdh022 .mdl-container .m-right .m-button-sm{width:18rem}.mdl-mdh022 .mdl-container .m-left{flex-direction:column}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:57vw}.mdl-mdh022 .mdl-container .m-left .text-container{gap:6rem;padding:5rem 2rem 5rem 7rem;width:100%;border-left:1px solid #e4e4e4;border-top:none}}@media (max-width: 540px){.mdl-mdh022 .mdl-container{gap:3.2rem}.mdl-mdh022 .mdl-container .m-right svg{width:3.3rem}.mdl-mdh022 .mdl-container .m-right .m-button-sm{position:relative;right:auto;top:0;border-radius:2.4rem!important;margin-top:2.9rem;margin:2.9rem auto auto}.mdl-mdh022 .mdl-container .m-left{flex-direction:column}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:57vw}.mdl-mdh022 .mdl-container .m-left .text-container{gap:6rem;padding:4rem 2rem 4rem 6rem}}@media (max-width: 375px){.mdl-mdh022 .mdl-container .m-left .text-container{gap:3rem;padding:3rem 1rem 3rem 2.1rem}}\n"] }]
|
|
16705
|
+
args: [{ selector: 'c2-img-txt-svg', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective], template: "<section class=\"mdl-mdh022\" [ngClass]=\"{ reverse: reverse }\">\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n @if (multimedia?.imagenes?.[0]; as img) {\n <img [src]=\"img.img?.src\" [alt]=\"img.img?.alt\" />\n }\n\n @if (links) {\n <div class=\"text-container\">\n <div class=\"m-item\">\n @if (texts?.addresstitle) {\n <div\n class=\"m-title\"\n [innerHTML]=\"texts?.addresstitle\"\n ></div>\n }\n @if (links?.[0]; as link) {\n <div class=\"m-subitle\">\n <ng-container>\n <a\n class=\"m-subitle\"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [attr.target]=\"link.target || '_self'\"\n [attr.aria-label]=\"link.label\"\n [attr.rel]=\"\n (link.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <p [innerHTML]=\"link.label\"></p>\n </a>\n </ng-container>\n </div>\n }\n </div>\n <div class=\"m-item\">\n @if (texts?.contacttitle) {\n <div\n class=\"m-title\"\n [innerHTML]=\"texts?.contacttitle\"\n ></div>\n }\n @if (links?.[1]; as link) {\n <div class=\"m-subitle\">\n <ng-container>\n <a\n class=\"m-subitle\"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [attr.target]=\"link.target || '_self'\"\n [attr.aria-label]=\"link.label\"\n [attr.rel]=\"\n (link.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n {{ link.label }}\n </a>\n </ng-container>\n </div>\n }\n </div>\n </div>\n }\n </div>\n @if (getFirstImageByTag(tagNameMap); as mapImage) {\n <a\n class=\"m-right\"\n [href]=\"texts?.mapUrl\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <img [src]=\"mapImage.img?.src\" alt=\"map\" />\n @if (getFirstImageByTag(tagNameMapPNG); as pngImage) {\n <img class=\"iconmap\" [src]=\"pngImage.img?.src\" alt=\"icon\" />\n }\n <!-- <svg\n width=\"79\"\n height=\"89\"\n viewBox=\"0 0 79 89\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n >\n <path\n opacity=\"0.2\"\n d=\"M39 89C42.866 89 46 88.1046 46 87C46 85.8954 42.866 85 39 85C35.134 85 32 85.8954 32 87C32 88.1046 35.134 89 39 89Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#515050'\n \"\n />\n <path\n opacity=\"0.2\"\n d=\"M39 88C41.2091 88 43 87.5523 43 87C43 86.4477 41.2091 86 39 86C36.7909 86 35 86.4477 35 87C35 87.5523 36.7909 88 39 88Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#515050'\n \"\n />\n <path\n d=\"M39.462 78.924C61.2563 78.924 78.924 61.2563 78.924 39.462C78.924 17.6677 61.2563 0 39.462 0C17.6677 0 0 17.6677 0 39.462C0 61.2563 17.6677 78.924 39.462 78.924Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#FF4338'\n \"\n />\n <path\n d=\"M39.8647 85.9677C39.7768 86.1195 39.6506 86.2455 39.4987 86.3331C39.3468 86.4207 39.1745 86.4668 38.9992 86.4668C38.8238 86.4668 38.6515 86.4207 38.4996 86.3331C38.3477 86.2455 38.2215 86.1195 38.1337 85.9677L28.8677 69.9677C28.7799 69.8158 28.7337 69.6434 28.7337 69.468C28.7337 69.2925 28.7798 69.1201 28.8674 68.9681C28.9551 68.8162 29.0812 68.6899 29.233 68.6021C29.3849 68.5142 29.5572 68.4679 29.7327 68.4677H48.2657C48.4411 68.4679 48.6134 68.5142 48.7653 68.6021C48.9172 68.6899 49.0433 68.8162 49.1309 68.9681C49.2186 69.1201 49.2647 69.2925 49.2646 69.468C49.2646 69.6434 49.2184 69.8158 49.1307 69.9677L39.8647 85.9677Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#FF4338'\n \"\n />\n <path\n d=\"M38.9996 49.1102L24.9029 35.0105C21.2427 31.3533 21.2427 25.4024 24.9029 21.7452C28.5601 18.0849 34.5109 18.0849 38.1682 21.7452L38.9996 22.5765L39.8338 21.7452C43.4911 18.0849 49.442 18.0849 53.0992 21.7452C56.7564 25.4024 56.7564 31.3533 53.0992 35.0105L38.9996 49.1102ZM31.5356 22.8187C30.1121 22.8187 28.6887 23.36 27.6032 24.4455C25.4352 26.6135 25.4352 30.1422 27.6032 32.3102L38.9996 43.7095L50.3988 32.3102C52.5669 30.1422 52.5669 26.6135 50.3988 24.4455C48.2308 22.2775 44.7022 22.2775 42.5342 24.4455L38.9996 27.9771L35.4679 24.4455C34.3854 23.36 32.959 22.8187 31.5356 22.8187Z\"\n fill=\"white\"\n />\n <path\n d=\"M38.9986 58.9953C32.037 58.9953 25.6196 55.1348 22.2524 48.9178L25.6106 47.0996C28.311 52.0816 33.4395 55.1766 38.9986 55.1766C44.5577 55.1766 49.6862 52.0816 52.3865 47.0996L55.7447 48.9178C52.3776 55.1348 45.9602 58.9953 38.9986 58.9953Z\"\n fill=\"white\"\n />\n </svg> -->\n @if (buttons?.[0]; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.aria-label]=\"button.label\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [style.--primary-color]=\"styles?.primary\"\n [style.--hover-color]=\"styles?.primaryHover\"\n >\n <span>{{ button.label }}</span>\n </a>\n </ng-container>\n }\n </a>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:var(--primary-color, #ff4338);border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:var(--hover-color, #ed3b37)}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-mdh022.reverse .mdl-container{flex-direction:row-reverse}.mdl-mdh022.reverse .mdl-container .m-right .m-button-sm{right:auto;left:0;border-top-left-radius:0;border-top-right-radius:2.4rem;border-bottom-left-radius:0;border-bottom-right-radius:2.4rem}.mdl-mdh022 .mdl-container{display:flex;flex-direction:row;gap:6rem}.mdl-mdh022 .mdl-container .m-left{display:flex;flex-direction:column;width:30%}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:100%;object-fit:cover;height:auto}.mdl-mdh022 .mdl-container .m-left .text-container{display:flex;flex-direction:column;padding:7.5rem 7rem 7.2rem;border:1px solid #e4e4e4;border-top:none;gap:6rem;box-sizing:border-box}.mdl-mdh022 .mdl-container .m-left .text-container .m-item{display:flex;flex-direction:column;text-align:start}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-size:1.5rem}}@media (max-width: 1080px){.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-size:1.1rem}}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{color:#515050;font-weight:500;margin-bottom:2.4rem;text-transform:capitalize}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle{color:#515050b2;font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:4rem;font-weight:400;line-height:2.8rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:not(:last-child){margin-bottom:.5rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:after{bottom:-.4rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:hover{color:#ed3b37;transition:.3s}.mdl-mdh022 .mdl-container .m-right{position:relative;width:70%}.mdl-mdh022 .mdl-container .m-right img{width:100%;height:100%;object-fit:cover}.mdl-mdh022 .mdl-container .m-right svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh022 .mdl-container .m-right img.iconmap{position:absolute;width:79px!important;height:89px!important;right:50%;top:50%;transform:translate(50px,-50px)}@media (max-width: 540px){.mdl-mdh022 .mdl-container .m-right img.iconmap{width:62px!important;height:69px!important;right:55%;top:45%}}.mdl-mdh022 .mdl-container .m-right .m-button-sm{position:absolute;bottom:4rem;right:0;border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem;max-width:20rem}@media (max-width: 1366px){.mdl-mdh022 .mdl-container .m-left{width:35%}.mdl-mdh022 .mdl-container .m-left .text-container{padding:3rem;gap:3rem;border-left:1px solid #e4e4e4}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{margin-bottom:1.5rem;font-size:2rem}}@media (max-width: 1280px){.mdl-mdh022 .mdl-container .m-left .text-container{gap:2rem;padding:2rem}}@media (max-width: 1080px){.mdl-mdh022.reverse .mdl-container{flex-direction:column-reverse}.mdl-mdh022.reverse .mdl-container .m-left{flex-direction:row-reverse}.mdl-mdh022.reverse .mdl-container .m-left .text-container{border-left:1px solid #e4e4e4}.mdl-mdh022 .mdl-container{gap:4rem;flex-direction:column-reverse}.mdl-mdh022 .mdl-container .m-left{width:100%;flex-direction:row}.mdl-mdh022 .mdl-container .m-left img{width:45%}.mdl-mdh022 .mdl-container .m-left .text-container{width:55%;padding:6rem 2rem 6rem 8rem;border-top:1px solid #e4e4e4;border-left:none}.mdl-mdh022 .mdl-container .m-right{width:100%}}@media (max-width: 768px){.mdl-mdh022.reverse .mdl-container .m-left{flex-direction:column}.mdl-mdh022.reverse .mdl-container .m-left .text-container{border-right:1px solid #e4e4e4}.mdl-mdh022 .mdl-container{gap:4rem}.mdl-mdh022 .mdl-container .m-right svg{width:4.9rem}.mdl-mdh022 .mdl-container .m-right .m-button-sm{width:18rem}.mdl-mdh022 .mdl-container .m-left{flex-direction:column}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:57vw}.mdl-mdh022 .mdl-container .m-left .text-container{gap:6rem;padding:5rem 2rem 5rem 7rem;width:100%;border-left:1px solid #e4e4e4;border-top:none}}@media (max-width: 540px){.mdl-mdh022 .mdl-container{gap:3.2rem}.mdl-mdh022 .mdl-container .m-right svg{width:3.3rem}.mdl-mdh022 .mdl-container .m-right .m-button-sm{position:relative;right:auto;top:0;border-radius:2.4rem!important;margin-top:2.9rem;margin:2.9rem auto auto}.mdl-mdh022 .mdl-container .m-left{flex-direction:column}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:57vw}.mdl-mdh022 .mdl-container .m-left .text-container{gap:6rem;padding:4rem 2rem 4rem 6rem}}@media (max-width: 375px){.mdl-mdh022 .mdl-container .m-left .text-container{gap:3rem;padding:3rem 1rem 3rem 2.1rem}}\n"] }]
|
|
16700
16706
|
}], propDecorators: { content: [{
|
|
16701
16707
|
type: Input
|
|
16702
16708
|
}], reverse: [{
|
|
@@ -18579,11 +18585,11 @@ class LisC2TxtImgSvgCComponent {
|
|
|
18579
18585
|
return getFirstImageByTagFromImages(imagenes, tagName);
|
|
18580
18586
|
}
|
|
18581
18587
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC2TxtImgSvgCComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18582
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LisC2TxtImgSvgCComponent, isStandalone: true, selector: "lis-c2-txt-img-svg-c", inputs: { offers: "offers", startReverse: "startReverse" }, ngImport: i0, template: "<section class=\"mdl-md005\">\n <div class=\"mdl-container\">\n <!-- <div class=\"m-content-top\">\n <h2 class=\"m-title\">{{ content.title }}</h2>\n <div class=\"m-text\">\n {{ content.description }}\n </div>\n </div> -->\n\n @if (offers) {\n @for (item of offers; track $index) {\n <div\n class=\"m-oferta-item\"\n [class.reverse]=\"$index % 2 !== 0\"\n [ngClass]=\"{ 'no-margin-top': $index === 0 }\"\n >\n <div class=\"mdl-content\">\n <div class=\"m-left\">\n <div class=\"m-content\">\n <div class=\"m-top\">\n @if (item.texts?.title ?? item.name) {\n <div class=\"m-title\">\n {{ item.texts?.title ?? item.name }}\n </div>\n }\n @if (item.texts?.subtitle) {\n <div class=\"m-texto\">\n {{ item.texts?.subtitle }}\n </div>\n }\n </div>\n <div class=\"m-bottom\">\n <div class=\"m-left\">\n @if (item.texts?.additional2) {\n <div class=\"m-texto\">\n {{ item.texts?.additional2 }}\n </div>\n }\n <div class=\"m-precio\">\n @if (item.price) {\n {{ item.price\n }}{{\n item?.currency ?? 'EUR'\n | currencySymbol\n }}\n } @else if (item.discount) {\n {{ item.discount }} %\n }\n </div>\n </div>\n @if (item.buttons) {\n <div class=\"m-right\">\n @for (\n btn of item.buttons;\n track $index\n ) {\n <a\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 === 0,\n 'm-underline':\n $index % 2 !== 0,\n }\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"\n btn.label\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n </div>\n }\n </div>\n </div>\n </div>\n @if (\n item.multimedia &&\n getFirstImageByTag(tagName, item.multimedia);\n as img\n ) {\n <div class=\"m-right\">\n @if (img.title) {\n <div class=\"m-tag\">\n {{ img.title }}\n </div>\n }\n <img\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n <!-- <img\n *ngIf=\"offer.floatIcon\"\n class=\"m-floatimg\"\n [src]=\"offer.floatIcon.url\"\n [alt]=\"offer.floatIcon.alt\"\n loading=\"lazy\"\n /> -->\n </div>\n }\n </div>\n @if (\n item.multimedia &&\n getFirstImageByTag(tagNamePNG, item.multimedia);\n as img\n ) {\n <img\n class=\"m-floatimg\"\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n }\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-md005{padding:13.1rem 0}.mdl-md005 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:-14rem}.mdl-md005 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-title{width:40rem;color:#515050}.mdl-md005 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-text{width:62rem;color:#51505099;text-align:right}.mdl-md005 .mdl-container .m-oferta-item{width:100%;max-width:140rem;height:auto;padding:0!important;position:relative;background-color:#fff9f9;margin:20rem auto 0}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content{flex-direction:row-reverse}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content .m-right .m-tag{right:auto;left:2rem}.mdl-md005 .mdl-container .m-oferta-item.no-margin-top{margin:0rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:100%;display:flex}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:40rem;padding:7rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{width:100%;border-bottom:1px solid #e4e4e4;padding-bottom:6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:100%}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.4rem;line-height:2.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;line-height:2.6rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{color:#515050;max-width:40rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-texto{margin-top:2.5rem;font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{width:100%;display:flex;padding-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-size:3.8rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline{color:#515050}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline:hover{color:#ed3b37}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:50%;position:relative}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.1rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{color:#fff;position:absolute;top:2rem;right:2rem;background-color:#ff4338;padding:.4rem 1.5rem;border-radius:20rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right img{width:100%;height:100%;object-fit:cover;display:block;max-height:500px}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{display:none;position:absolute}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{position:absolute;left:50%;transform:translate(-50%);bottom:-17%;width:67%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close svg{display:none}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{gap:5.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:34rem;padding:4rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-oferta-item{margin:14rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:35.6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:125%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem;min-height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{padding-bottom:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{padding-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:100%}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-oferta-item{margin:5rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{width:65vw;display:block;height:auto;bottom:-5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem 3rem 6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{margin-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{flex-direction:column-reverse!important;max-height:auto}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{display:none}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item{max-width:42rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.2rem;right:-3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{padding:3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}}@media (max-width: 540px) and (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-size:1.6rem;line-height:2.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{flex-direction:column;align-items:center;gap:3.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{display:flex;flex-direction:row;gap:.9rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{display:flex;align-items:center}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin:0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.3rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item{max-width:31rem}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.5rem;right:-1.2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{bottom:-4rem!important}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:2.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{margin-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;margin-top:2rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-11rem}.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:0 2rem;width:calc(100% - 4rem)}.mdl-md005 .mdl-container .m-content-top .m-text{text-align:left;margin-top:1rem;width:100%;font-size:2.2rem;line-height:2.6rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: BabylonCurrencyPipe, name: "currencySymbol" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }] }); }
|
|
18588
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LisC2TxtImgSvgCComponent, isStandalone: true, selector: "lis-c2-txt-img-svg-c", inputs: { offers: "offers", startReverse: "startReverse" }, ngImport: i0, template: "<section class=\"mdl-md005\">\n <div class=\"mdl-container\">\n <!-- <div class=\"m-content-top\">\n <h2 class=\"m-title\">{{ content.title }}</h2>\n <div class=\"m-text\">\n {{ content.description }}\n </div>\n </div> -->\n\n @if (offers) {\n @for (item of offers; track $index) {\n <div\n class=\"m-oferta-item\"\n [class.reverse]=\"$index % 2 !== 0\"\n [ngClass]=\"{ 'no-margin-top': $index === 0 }\"\n >\n <div class=\"mdl-content\">\n <div class=\"m-left\">\n <div class=\"m-content\">\n <div class=\"m-top\">\n @if (item.texts?.title ?? item.name) {\n <div class=\"m-title\">\n {{ item.texts?.title ?? item.name }}\n </div>\n }\n @if (item.texts?.subtitle) {\n <div class=\"m-texto\">\n {{ item.texts?.subtitle }}\n </div>\n }\n </div>\n <div class=\"m-bottom\">\n <div class=\"m-left\">\n @if (item.texts?.additional2) {\n <div class=\"m-texto\">\n {{ item.texts?.additional2 }}\n </div>\n }\n <div class=\"m-precio\">\n @if (item.price) {\n {{ item.price\n }}{{\n item?.currency ?? 'EUR'\n | currencySymbol\n }}\n } @else if (item.discount) {\n {{ item.discount }} %\n }\n </div>\n </div>\n @if (item.buttons || item.links) {\n <div class=\"m-right\">\n @for (\n btn of item?.buttons;\n track $index\n ) {\n <a\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 === 0,\n 'm-underline':\n $index % 2 !== 0,\n }\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"\n btn.label\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n @for (\n btn of item?.links;\n track $index\n ) {\n <a\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 !== 0,\n 'm-underline':\n $index % 2 === 0,\n }\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"\n btn.label\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n </div>\n }\n </div>\n </div>\n </div>\n @if (\n item.multimedia &&\n getFirstImageByTag(tagName, item.multimedia);\n as img\n ) {\n <div class=\"m-right\">\n @if (img.title) {\n <div class=\"m-tag\">\n {{ img.title }}\n </div>\n }\n <img\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n <!-- <img\n *ngIf=\"offer.floatIcon\"\n class=\"m-floatimg\"\n [src]=\"offer.floatIcon.url\"\n [alt]=\"offer.floatIcon.alt\"\n loading=\"lazy\"\n /> -->\n </div>\n }\n </div>\n @if (\n item.multimedia &&\n getFirstImageByTag(tagNamePNG, item.multimedia);\n as img\n ) {\n <img\n class=\"m-floatimg\"\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n }\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-md005{padding:13.1rem 0}.mdl-md005 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:-14rem}.mdl-md005 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-title{width:40rem;color:#515050}.mdl-md005 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-text{width:62rem;color:#51505099;text-align:right}.mdl-md005 .mdl-container .m-oferta-item{width:100%;max-width:140rem;height:auto;padding:0!important;position:relative;background-color:#fff9f9;margin:20rem auto 0}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content{flex-direction:row-reverse}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content .m-right .m-tag{right:auto;left:2rem}.mdl-md005 .mdl-container .m-oferta-item.no-margin-top{margin:0rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:100%;display:flex}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:40rem;padding:7rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{width:100%;border-bottom:1px solid #e4e4e4;padding-bottom:6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:100%}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.4rem;line-height:2.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;line-height:2.6rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{color:#515050;max-width:40rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-texto{margin-top:2.5rem;font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{width:100%;display:flex;padding-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-size:3.8rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-button-sm,.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-button-sm:hover{color:#fff}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline{color:#515050}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline:hover{color:#ed3b37}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:50%;position:relative}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.1rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{color:#fff;position:absolute;top:2rem;right:2rem;background-color:#ff4338;padding:.4rem 1.5rem;border-radius:20rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right img{width:100%;height:100%;object-fit:cover;display:block;max-height:500px}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{display:none;position:absolute}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{position:absolute;left:50%;transform:translate(-50%);bottom:-17%;width:67%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close svg{display:none}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{gap:5.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:34rem;padding:4rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-oferta-item{margin:14rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:35.6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:125%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem;min-height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{padding-bottom:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{padding-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:100%}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-oferta-item{margin:5rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{width:65vw;display:block;height:auto;bottom:-5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem 3rem 6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{margin-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{flex-direction:column-reverse!important;max-height:auto}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{display:none}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item{max-width:42rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.2rem;right:-3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{padding:3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}}@media (max-width: 540px) and (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-size:1.6rem;line-height:2.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{flex-direction:column;align-items:center;gap:3.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{display:flex;flex-direction:row;gap:.9rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{display:flex;align-items:center}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin:0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.3rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item{max-width:31rem}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.5rem;right:-1.2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{bottom:-4rem!important}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:2.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{margin-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;margin-top:2rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-11rem}.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:0 2rem;width:calc(100% - 4rem)}.mdl-md005 .mdl-container .m-content-top .m-text{text-align:left;margin-top:1rem;width:100%;font-size:2.2rem;line-height:2.6rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: BabylonCurrencyPipe, name: "currencySymbol" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }] }); }
|
|
18583
18589
|
}
|
|
18584
18590
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC2TxtImgSvgCComponent, decorators: [{
|
|
18585
18591
|
type: Component,
|
|
18586
|
-
args: [{ selector: 'lis-c2-txt-img-svg-c', standalone: true, imports: [CommonModule, BabylonCurrencyPipe, BabylonLinkTypeDirective], template: "<section class=\"mdl-md005\">\n <div class=\"mdl-container\">\n <!-- <div class=\"m-content-top\">\n <h2 class=\"m-title\">{{ content.title }}</h2>\n <div class=\"m-text\">\n {{ content.description }}\n </div>\n </div> -->\n\n @if (offers) {\n @for (item of offers; track $index) {\n <div\n class=\"m-oferta-item\"\n [class.reverse]=\"$index % 2 !== 0\"\n [ngClass]=\"{ 'no-margin-top': $index === 0 }\"\n >\n <div class=\"mdl-content\">\n <div class=\"m-left\">\n <div class=\"m-content\">\n <div class=\"m-top\">\n @if (item.texts?.title ?? item.name) {\n <div class=\"m-title\">\n {{ item.texts?.title ?? item.name }}\n </div>\n }\n @if (item.texts?.subtitle) {\n <div class=\"m-texto\">\n {{ item.texts?.subtitle }}\n </div>\n }\n </div>\n <div class=\"m-bottom\">\n <div class=\"m-left\">\n @if (item.texts?.additional2) {\n <div class=\"m-texto\">\n {{ item.texts?.additional2 }}\n </div>\n }\n <div class=\"m-precio\">\n @if (item.price) {\n {{ item.price\n }}{{\n item?.currency ?? 'EUR'\n | currencySymbol\n }}\n } @else if (item.discount) {\n {{ item.discount }} %\n }\n </div>\n </div>\n @if (item.buttons) {\n <div class=\"m-right\">\n @for (\n btn of item.buttons;\n track $index\n ) {\n <a\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 === 0,\n 'm-underline':\n $index % 2 !== 0,\n }\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"\n btn.label\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n </div>\n }\n </div>\n </div>\n </div>\n @if (\n item.multimedia &&\n getFirstImageByTag(tagName, item.multimedia);\n as img\n ) {\n <div class=\"m-right\">\n @if (img.title) {\n <div class=\"m-tag\">\n {{ img.title }}\n </div>\n }\n <img\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n <!-- <img\n *ngIf=\"offer.floatIcon\"\n class=\"m-floatimg\"\n [src]=\"offer.floatIcon.url\"\n [alt]=\"offer.floatIcon.alt\"\n loading=\"lazy\"\n /> -->\n </div>\n }\n </div>\n @if (\n item.multimedia &&\n getFirstImageByTag(tagNamePNG, item.multimedia);\n as img\n ) {\n <img\n class=\"m-floatimg\"\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n }\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-md005{padding:13.1rem 0}.mdl-md005 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:-14rem}.mdl-md005 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-title{width:40rem;color:#515050}.mdl-md005 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-text{width:62rem;color:#51505099;text-align:right}.mdl-md005 .mdl-container .m-oferta-item{width:100%;max-width:140rem;height:auto;padding:0!important;position:relative;background-color:#fff9f9;margin:20rem auto 0}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content{flex-direction:row-reverse}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content .m-right .m-tag{right:auto;left:2rem}.mdl-md005 .mdl-container .m-oferta-item.no-margin-top{margin:0rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:100%;display:flex}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:40rem;padding:7rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{width:100%;border-bottom:1px solid #e4e4e4;padding-bottom:6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:100%}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.4rem;line-height:2.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;line-height:2.6rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{color:#515050;max-width:40rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-texto{margin-top:2.5rem;font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{width:100%;display:flex;padding-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-size:3.8rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline{color:#515050}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline:hover{color:#ed3b37}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:50%;position:relative}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.1rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{color:#fff;position:absolute;top:2rem;right:2rem;background-color:#ff4338;padding:.4rem 1.5rem;border-radius:20rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right img{width:100%;height:100%;object-fit:cover;display:block;max-height:500px}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{display:none;position:absolute}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{position:absolute;left:50%;transform:translate(-50%);bottom:-17%;width:67%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close svg{display:none}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{gap:5.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:34rem;padding:4rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-oferta-item{margin:14rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:35.6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:125%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem;min-height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{padding-bottom:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{padding-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:100%}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-oferta-item{margin:5rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{width:65vw;display:block;height:auto;bottom:-5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem 3rem 6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{margin-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{flex-direction:column-reverse!important;max-height:auto}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{display:none}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item{max-width:42rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.2rem;right:-3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{padding:3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}}@media (max-width: 540px) and (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-size:1.6rem;line-height:2.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{flex-direction:column;align-items:center;gap:3.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{display:flex;flex-direction:row;gap:.9rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{display:flex;align-items:center}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin:0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.3rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item{max-width:31rem}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.5rem;right:-1.2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{bottom:-4rem!important}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:2.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{margin-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;margin-top:2rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-11rem}.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:0 2rem;width:calc(100% - 4rem)}.mdl-md005 .mdl-container .m-content-top .m-text{text-align:left;margin-top:1rem;width:100%;font-size:2.2rem;line-height:2.6rem}}\n"] }]
|
|
18592
|
+
args: [{ selector: 'lis-c2-txt-img-svg-c', standalone: true, imports: [CommonModule, BabylonCurrencyPipe, BabylonLinkTypeDirective], template: "<section class=\"mdl-md005\">\n <div class=\"mdl-container\">\n <!-- <div class=\"m-content-top\">\n <h2 class=\"m-title\">{{ content.title }}</h2>\n <div class=\"m-text\">\n {{ content.description }}\n </div>\n </div> -->\n\n @if (offers) {\n @for (item of offers; track $index) {\n <div\n class=\"m-oferta-item\"\n [class.reverse]=\"$index % 2 !== 0\"\n [ngClass]=\"{ 'no-margin-top': $index === 0 }\"\n >\n <div class=\"mdl-content\">\n <div class=\"m-left\">\n <div class=\"m-content\">\n <div class=\"m-top\">\n @if (item.texts?.title ?? item.name) {\n <div class=\"m-title\">\n {{ item.texts?.title ?? item.name }}\n </div>\n }\n @if (item.texts?.subtitle) {\n <div class=\"m-texto\">\n {{ item.texts?.subtitle }}\n </div>\n }\n </div>\n <div class=\"m-bottom\">\n <div class=\"m-left\">\n @if (item.texts?.additional2) {\n <div class=\"m-texto\">\n {{ item.texts?.additional2 }}\n </div>\n }\n <div class=\"m-precio\">\n @if (item.price) {\n {{ item.price\n }}{{\n item?.currency ?? 'EUR'\n | currencySymbol\n }}\n } @else if (item.discount) {\n {{ item.discount }} %\n }\n </div>\n </div>\n @if (item.buttons || item.links) {\n <div class=\"m-right\">\n @for (\n btn of item?.buttons;\n track $index\n ) {\n <a\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 === 0,\n 'm-underline':\n $index % 2 !== 0,\n }\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"\n btn.label\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n @for (\n btn of item?.links;\n track $index\n ) {\n <a\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 !== 0,\n 'm-underline':\n $index % 2 === 0,\n }\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"\n btn.label\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n </div>\n }\n </div>\n </div>\n </div>\n @if (\n item.multimedia &&\n getFirstImageByTag(tagName, item.multimedia);\n as img\n ) {\n <div class=\"m-right\">\n @if (img.title) {\n <div class=\"m-tag\">\n {{ img.title }}\n </div>\n }\n <img\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n <!-- <img\n *ngIf=\"offer.floatIcon\"\n class=\"m-floatimg\"\n [src]=\"offer.floatIcon.url\"\n [alt]=\"offer.floatIcon.alt\"\n loading=\"lazy\"\n /> -->\n </div>\n }\n </div>\n @if (\n item.multimedia &&\n getFirstImageByTag(tagNamePNG, item.multimedia);\n as img\n ) {\n <img\n class=\"m-floatimg\"\n [src]=\"img.img?.src\"\n [alt]=\"img.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n }\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-md005{padding:13.1rem 0}.mdl-md005 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:-14rem}.mdl-md005 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-title{width:40rem;color:#515050}.mdl-md005 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-text{width:62rem;color:#51505099;text-align:right}.mdl-md005 .mdl-container .m-oferta-item{width:100%;max-width:140rem;height:auto;padding:0!important;position:relative;background-color:#fff9f9;margin:20rem auto 0}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content{flex-direction:row-reverse}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content .m-right .m-tag{right:auto;left:2rem}.mdl-md005 .mdl-container .m-oferta-item.no-margin-top{margin:0rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:100%;display:flex}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:40rem;padding:7rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{width:100%;border-bottom:1px solid #e4e4e4;padding-bottom:6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:100%}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.4rem;line-height:2.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;line-height:2.6rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{color:#515050;max-width:40rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-texto{margin-top:2.5rem;font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{width:100%;display:flex;padding-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-size:3.8rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-button-sm,.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-button-sm:hover{color:#fff}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline{color:#515050}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline:hover{color:#ed3b37}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:50%;position:relative}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.1rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{color:#fff;position:absolute;top:2rem;right:2rem;background-color:#ff4338;padding:.4rem 1.5rem;border-radius:20rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right img{width:100%;height:100%;object-fit:cover;display:block;max-height:500px}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{display:none;position:absolute}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{position:absolute;left:50%;transform:translate(-50%);bottom:-17%;width:67%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close svg{display:none}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{gap:5.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:34rem;padding:4rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-oferta-item{margin:14rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:35.6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:125%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem;min-height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{padding-bottom:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{padding-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:100%}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-oferta-item{margin:5rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{width:65vw;display:block;height:auto;bottom:-5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem 3rem 6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{margin-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{flex-direction:column-reverse!important;max-height:auto}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{display:none}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item{max-width:42rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.2rem;right:-3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{padding:3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}}@media (max-width: 540px) and (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-size:1.6rem;line-height:2.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{flex-direction:column;align-items:center;gap:3.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{display:flex;flex-direction:row;gap:.9rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{display:flex;align-items:center}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin:0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.3rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item{max-width:31rem}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.5rem;right:-1.2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{bottom:-4rem!important}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:2.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{margin-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;margin-top:2rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-11rem}.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:0 2rem;width:calc(100% - 4rem)}.mdl-md005 .mdl-container .m-content-top .m-text{text-align:left;margin-top:1rem;width:100%;font-size:2.2rem;line-height:2.6rem}}\n"] }]
|
|
18587
18593
|
}], propDecorators: { offers: [{
|
|
18588
18594
|
type: Input
|
|
18589
18595
|
}], startReverse: [{
|
|
@@ -19693,9 +19699,12 @@ class SliC2TxtImgSvgCComponent {
|
|
|
19693
19699
|
constructor(platformId) {
|
|
19694
19700
|
this.platformId = platformId;
|
|
19695
19701
|
this.fallbackContent = defaultContent;
|
|
19696
|
-
this.content = this.fallbackContent;
|
|
19697
19702
|
this.stickyInitialTop = 0;
|
|
19698
19703
|
this.viewportHandler = () => this.handleViewportChange();
|
|
19704
|
+
this.tagImage = 'LisC2TxtImgSvgC';
|
|
19705
|
+
this.tagImageVertical = 'SliC2TxtImgSvgCVertical';
|
|
19706
|
+
this.tagImageLogo = 'SliC2TxtImgSvgCLogo';
|
|
19707
|
+
this.tagImageSVG = 'SliC2TxtImgSvgCSVG';
|
|
19699
19708
|
}
|
|
19700
19709
|
get isBrowser() {
|
|
19701
19710
|
return isPlatformBrowser(this.platformId);
|
|
@@ -19724,18 +19733,23 @@ class SliC2TxtImgSvgCComponent {
|
|
|
19724
19733
|
if (!this.isBrowser) {
|
|
19725
19734
|
return;
|
|
19726
19735
|
}
|
|
19727
|
-
window.addEventListener('scroll', this.viewportHandler, {
|
|
19736
|
+
window.addEventListener('scroll', this.viewportHandler, {
|
|
19737
|
+
passive: true,
|
|
19738
|
+
});
|
|
19728
19739
|
window.addEventListener('resize', this.viewportHandler);
|
|
19729
19740
|
}
|
|
19730
19741
|
computeStickyDefaults() {
|
|
19742
|
+
if (!this.isBrowser) {
|
|
19743
|
+
return;
|
|
19744
|
+
}
|
|
19731
19745
|
const sticky = this.stickyContainer?.nativeElement;
|
|
19732
19746
|
if (!sticky) {
|
|
19733
19747
|
return;
|
|
19734
19748
|
}
|
|
19735
|
-
const computedTop = getComputedStyle(sticky)
|
|
19749
|
+
const computedTop = getComputedStyle(sticky)?.top || '0';
|
|
19736
19750
|
this.stickyInitialTop = parseFloat(computedTop) || 0;
|
|
19737
19751
|
const container = sticky.closest('.m-left');
|
|
19738
|
-
if (container && getComputedStyle(container)
|
|
19752
|
+
if (container && getComputedStyle(container)?.position === 'static') {
|
|
19739
19753
|
container.style.position = 'relative';
|
|
19740
19754
|
}
|
|
19741
19755
|
}
|
|
@@ -19759,16 +19773,21 @@ class SliC2TxtImgSvgCComponent {
|
|
|
19759
19773
|
sticky.style.top = `${this.stickyInitialTop}px`;
|
|
19760
19774
|
}
|
|
19761
19775
|
}
|
|
19776
|
+
getFirstImageByTag(tagName) {
|
|
19777
|
+
return getFirstImageByTagFromImages(this.offer?.multimedia?.imagenes ?? [], tagName);
|
|
19778
|
+
}
|
|
19762
19779
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliC2TxtImgSvgCComponent, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19763
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SliC2TxtImgSvgCComponent, isStandalone: true, selector: "sli-c2-txt-img-svg-c", inputs: { content: "content" }, viewQueries: [{ propertyName: "stickyContainer", first: true, predicate: ["stickyContainer"], descendants: true }, { propertyName: "logoStopper", first: true, predicate: ["logoStopper"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section class=\"mdl-md006\">\n <div class=\"mdl-container\">\n <div class=\"m-head\" *ngIf=\"content.header as header\">\n <div class=\"m-left-head\">\n <div class=\"m-pretitulo\">{{ header.pretitle }}</div>\n <h2 class=\"m-titulo\">{{ header.title }}</h2>\n <div class=\"m-subtitulo\">{{ header.subtitle }}</div>\n </div>\n <div class=\"m-right-head\">\n <div class=\"m-content\">\n <div class=\"m-preciotitulo\">{{ header.priceTitle }}</div>\n <div class=\"m-precio\">{{ header.price }}</div>\n <ng-container *ngIf=\"header.button as button\">\n <a\n *ngIf=\"button.url; else headerButton\"\n class=\"m-button-sm\"\n [ngClass]=\"button.variant\"\n [href]=\"button.url\"\n [attr.target]=\"button.target || '_self'\"\n [attr.rel]=\"(button.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"button.ariaLabel || button.label\"\n >\n {{ button.label }}\n </a>\n <ng-template #headerButton>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"button.variant\"\n [attr.aria-label]=\"button.ariaLabel || button.label\"\n >\n {{ button.label }}\n </button>\n </ng-template>\n </ng-container>\n </div>\n </div>\n </div>\n\n <div class=\"m-contenido\" *ngIf=\"content.left as left\">\n <div class=\"m-left\">\n <div class=\"m-imagesticky\" #stickyContainer>\n <img\n class=\"m-sticky\"\n [src]=\"left.stickyImage.url\"\n [alt]=\"left.stickyImage.alt\"\n loading=\"lazy\"\n />\n <img\n *ngIf=\"left.badgeImage\"\n class=\"m-offer\"\n [src]=\"left.badgeImage.url\"\n [alt]=\"left.badgeImage.alt\"\n loading=\"lazy\"\n />\n </div>\n <div class=\"m-logo\" #logoStopper>\n <img\n [src]=\"left.logo.url\"\n [alt]=\"left.logo.alt\"\n loading=\"lazy\"\n />\n </div>\n </div>\n\n <div class=\"m-right\" *ngIf=\"content.right as right\">\n <div class=\"m-image\">\n <img\n [src]=\"right.heroImage.url\"\n [alt]=\"right.heroImage.alt\"\n loading=\"lazy\"\n />\n </div>\n <div class=\"m-texto\">\n {{ right.description }}\n </div>\n <div class=\"m-imagenmobile\">\n <img\n class=\"m-imgmb\"\n [src]=\"right.mobileImage.url\"\n [alt]=\"right.mobileImage.alt\"\n loading=\"lazy\"\n />\n <img\n class=\"m-logo\"\n [src]=\"right.mobileLogo.url\"\n [alt]=\"right.mobileLogo.alt\"\n loading=\"lazy\"\n />\n </div>\n\n <div class=\"m-listadofaqs\">\n <div\n class=\"faq-item\"\n *ngFor=\"let highlight of right.highlights; let highlightIndex = index\"\n [class.active]=\"highlightIndex === 0\"\n >\n <div class=\"faq-question\">\n {{ highlight }}\n </div>\n </div>\n\n <div class=\"m-extra-info\" *ngIf=\"right.extraButton as extraButton\">\n <div class=\"m-row2\">\n <div class=\"m-content-row2\">\n <a\n *ngIf=\"extraButton.url; else extraButtonFallback\"\n class=\"m-button-sm\"\n [ngClass]=\"extraButton.variant\"\n [href]=\"extraButton.url\"\n [attr.target]=\"extraButton.target || '_self'\"\n [attr.rel]=\"(extraButton.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"extraButton.ariaLabel || extraButton.label\"\n >\n {{ extraButton.label }}\n </a>\n <ng-template #extraButtonFallback>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"extraButton.variant\"\n [attr.aria-label]=\"extraButton.ariaLabel || extraButton.label\"\n >\n {{ extraButton.label }}\n </button>\n </ng-template>\n </div>\n </div>\n </div>\n\n <div class=\"m-foot\" *ngIf=\"right.footerLink as footer\">\n <a\n *ngIf=\"footer.url; else footerFallback\"\n class=\"m-but m-underline-red\"\n [href]=\"footer.url\"\n [attr.target]=\"footer.target || '_self'\"\n [attr.rel]=\"(footer.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"footer.ariaLabel || footer.label\"\n >\n {{ footer.label }}\n </a>\n <ng-template #footerFallback>\n <button\n type=\"button\"\n class=\"m-but m-underline-red\"\n [attr.aria-label]=\"footer.ariaLabel || footer.label\"\n >\n {{ footer.label }}\n </button>\n </ng-template>\n <svg width=\"16\" height=\"12\" viewBox=\"0 0 16 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n opacity=\"0.7\"\n d=\"M0.0457363 6.829C-0.0152636 6.683 -0.0152636 6.516 0.0457363 6.37C0.0767365 6.297 0.120737 6.229 0.176737 6.175L4.17574 2.175C4.40974 1.941 4.78874 1.941 5.02374 2.175C5.25874 2.409 5.25774 2.789 5.02374 3.024L2.04774 6H12.0997C14.4097 6 14.4997 5.798 14.4997 0.6C14.4997 0.268 14.7687 0 15.0997 0C15.4307 0 15.6997 0.268 15.6997 0.6C15.6997 5.537 15.6997 7.2 12.0987 7.2H2.04674L5.02374 10.177C5.25774 10.41 5.25774 10.791 5.02374 11.025C4.90674 11.142 4.75274 11.201 4.59974 11.201C4.44674 11.201 4.29274 11.142 4.17574 11.025L0.176737 7.026C0.120737 6.969 0.0777359 6.903 0.0457363 6.829Z\"\n fill=\"#515050\"\n />\n </svg>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";html{overflow-x:unset!important}.mdl-md006{margin-top:15rem;margin-bottom:15rem;position:relative}.mdl-md006:before{content:\"\";position:absolute;background-color:#fff9f9;height:68rem;width:100%;z-index:-1;left:0;top:-10rem}.mdl-md006 .mdl-container{max-width:125rem}.mdl-md006 .mdl-container .m-head{display:flex}.mdl-md006 .mdl-container .m-head .m-left-head{height:20rem;width:60%;display:flex;flex-direction:column;align-items:flex-start;gap:1.4rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.2rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.1rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{background-color:#ff4338;color:#fff;font-weight:500;padding:.5rem 2.2rem;border-radius:2rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{color:#515050;width:100%;max-width:70rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-subtitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}.mdl-md006 .mdl-container .m-head .m-right-head{height:20rem;width:40%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.mdl-md006 .mdl-container .m-head .m-right-head .m-content{gap:3rem;display:flex;flex-direction:column;align-items:center}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-preciotitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#51505099}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-size:3.8rem}}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{color:#515050}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-button-sm{width:100vw}.mdl-md006 .mdl-container .m-contenido{display:flex;gap:6rem;margin-top:6rem;position:relative;height:100%}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(27% - 3rem);height:100%;display:flex;align-content:space-between;flex-direction:column;justify-content:space-between;align-items:flex-end;align-items:center;gap:15rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky{height:100%;width:100%;position:relative}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{bottom:21rem;top:9rem;height:54rem;width:100%;object-fit:cover;position:sticky}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:15rem;margin-left:-20rem;margin-top:-7rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-logo{height:21.7rem}.mdl-md006 .mdl-container .m-contenido .m-right{width:calc(73% - 3rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:54rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-image img{height:100%;width:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{color:#515050;padding:6rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:54rem;width:100%;max-width:39rem;margin:0 auto;position:relative;display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-imgmb{width:100%;height:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-logo{position:absolute;bottom:-5rem;left:0;width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:100%;margin-bottom:3rem;gap:3rem;align-items:center;border-bottom:.1rem solid #e4e4e4;padding:0 0 5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:3rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.8rem;line-height:2.6rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.9rem;line-height:2.6rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.6rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.4rem;line-height:2.2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content-row2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content-row2{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;width:26rem;margin-top:4.5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item{border-bottom:.1rem solid #e4e4e4;padding:2.2rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item:first-child{border-top:.1rem solid #e4e4e4;padding:4.2rem 0 2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color .3s ease;position:relative;color:#515050b2;margin-left:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question:before{content:\"\\2022\";position:absolute;left:0;color:#e4e4e4;font-size:4rem;line-height:1;top:45%;transform:translateY(-50%);margin-left:-3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{color:#515050;font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.5rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.1rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-weight:500;margin-bottom:2rem;margin-left:0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active:before{display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-foot{width:100%;justify-content:flex-end;display:flex;align-items:center;gap:1.5rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido{gap:5rem}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(32% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:10rem;margin-left:-9rem;margin-top:-5rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:auto;width:calc(68% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:46rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido{gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-left{height:37rem;width:calc(37% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:37rem;width:calc(63% - 2.5rem);height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto,.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:auto}}@media (max-width: 1000px){.mdl-md006 .mdl-container .m-left{width:100%;border-bottom:1px solid #e4e4e4}.mdl-md006 .mdl-container .m-head{flex-direction:column}.mdl-md006 .mdl-container .m-head .m-right-head{width:100%;align-items:center}.mdl-md006 .mdl-container .m-head .m-left-head{width:100%}.mdl-md006 .mdl-container .m-contenido .m-left{display:none}.mdl-md006 .mdl-container .m-contenido .m-right{width:100%;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{padding:2rem 0;border:0;height:auto;font-size:2rem;line-height:3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{display:block;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{margin-top:7rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:2rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
19780
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SliC2TxtImgSvgCComponent, isStandalone: true, selector: "sli-c2-txt-img-svg-c", inputs: { offer: "offer", buttons: "buttons" }, viewQueries: [{ propertyName: "stickyContainer", first: true, predicate: ["stickyContainer"], descendants: true }, { propertyName: "logoStopper", first: true, predicate: ["logoStopper"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section class=\"mdl-md006\">\n <div class=\"mdl-container\">\n <div class=\"m-head\">\n <div class=\"m-left-head\">\n @if (\n getFirstImageByTag(tagImage) ??\n offer?.multimedia?.imagenes?.[0];\n as img\n ) {\n <div class=\"m-pretitulo\">{{ img?.title }}</div>\n }\n @if (offer?.title) {\n <h2 class=\"m-titulo\">{{ offer?.title }}</h2>\n }\n @if (offer?.pretitle) {\n <div class=\"m-subtitulo\">{{ offer?.pretitle }}</div>\n }\n </div>\n <div class=\"m-right-head\">\n <div class=\"m-content\">\n @if (offer?.labelDiscount) {\n <div class=\"m-preciotitulo\">\n {{ offer?.labelDiscount }}\n </div>\n }\n <div class=\"m-precio\">\n @if (offer?.price) {\n {{ offer?.price\n }}{{ offer?.currency ?? 'EUR' | currencySymbol }}\n } @else if (offer?.discount) {\n {{ offer?.discount }} %\n }\n </div>\n @if (offer?.button; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"button.label\"\n >\n {{ button.label }}\n </a>\n </ng-container>\n }\n </div>\n </div>\n </div>\n\n <div class=\"m-contenido\">\n <div class=\"m-left\">\n <div class=\"m-imagesticky\" #stickyContainer>\n @if (getFirstImageByTag(tagImageVertical); as imgV) {\n <img\n class=\"m-sticky\"\n [src]=\"imgV?.img?.src\"\n [alt]=\"imgV?.img?.alt\"\n loading=\"lazy\"\n />\n }\n @if (getFirstImageByTag(tagImageLogo); as imgLogo) {\n <img\n class=\"m-offer\"\n [src]=\"imgLogo?.img?.src\"\n [alt]=\"imgLogo?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n @if (getFirstImageByTag(tagImageSVG); as imgSVG) {\n <div class=\"m-logo\" #logoStopper>\n <img\n [src]=\"imgSVG?.img?.src\"\n [alt]=\"imgSVG?.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n }\n </div>\n\n <div class=\"m-right\">\n <div class=\"m-image\">\n @if (\n getFirstImageByTag(tagImage) ??\n offer?.multimedia?.imagenes?.[0];\n as img\n ) {\n <img\n [src]=\"img?.img?.src\"\n [alt]=\"img?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n @if (offer?.description) {\n <div class=\"m-texto\" [innerHTML]=\"offer?.description\"></div>\n }\n <div class=\"m-imagenmobile\">\n @if (getFirstImageByTag(tagImageVertical); as img) {\n <img\n class=\"m-imgmb\"\n [src]=\"img?.img?.src\"\n [alt]=\"img?.img?.alt\"\n loading=\"lazy\"\n />\n }\n @if (getFirstImageByTag(tagImageLogo); as imgLogo) {\n <img\n class=\"m-logo\"\n [src]=\"imgLogo?.img?.src\"\n [alt]=\"imgLogo?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n\n <div class=\"m-listadofaqs\">\n <!-- <div\n class=\"faq-item\"\n *ngFor=\"\n let highlight of right.highlights;\n let highlightIndex = index\n \"\n [class.active]=\"highlightIndex === 0\"\n >\n <div class=\"faq-question\">\n {{ highlight }}\n </div>\n </div> -->\n\n @if (offer?.button; as button) {\n <div class=\"m-extra-info\">\n <div class=\"m-row2\">\n <div class=\"m-content-row2\">\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.rel]=\"\n (button.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"button.label\"\n >\n {{ button.label }}\n </a>\n </div>\n </div>\n </div>\n }\n\n @if (buttons?.[0]; as btn) {\n <div class=\"m-foot\">\n <a\n class=\"m-but m-underline-red\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"btn.target || '_self'\"\n [attr.rel]=\"\n (btn.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"btn.label\"\n >\n {{ btn.label }}\n </a>\n <svg\n width=\"16\"\n height=\"12\"\n viewBox=\"0 0 16 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n opacity=\"0.7\"\n d=\"M0.0457363 6.829C-0.0152636 6.683 -0.0152636 6.516 0.0457363 6.37C0.0767365 6.297 0.120737 6.229 0.176737 6.175L4.17574 2.175C4.40974 1.941 4.78874 1.941 5.02374 2.175C5.25874 2.409 5.25774 2.789 5.02374 3.024L2.04774 6H12.0997C14.4097 6 14.4997 5.798 14.4997 0.6C14.4997 0.268 14.7687 0 15.0997 0C15.4307 0 15.6997 0.268 15.6997 0.6C15.6997 5.537 15.6997 7.2 12.0987 7.2H2.04674L5.02374 10.177C5.25774 10.41 5.25774 10.791 5.02374 11.025C4.90674 11.142 4.75274 11.201 4.59974 11.201C4.44674 11.201 4.29274 11.142 4.17574 11.025L0.176737 7.026C0.120737 6.969 0.0777359 6.903 0.0457363 6.829Z\"\n fill=\"#515050\"\n />\n </svg>\n </div>\n }\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";html{overflow-x:unset!important}.mdl-md006{margin-top:15rem;margin-bottom:15rem;position:relative}.mdl-md006:before{content:\"\";position:absolute;background-color:#fff9f9;height:68rem;width:100%;z-index:-1;left:0;top:-10rem}.mdl-md006 .mdl-container{max-width:125rem}.mdl-md006 .mdl-container .m-head{display:flex}.mdl-md006 .mdl-container .m-head .m-left-head{height:20rem;width:60%;display:flex;flex-direction:column;align-items:flex-start;gap:1.4rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.2rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.1rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{background-color:#ff4338;color:#fff;font-weight:500;padding:.5rem 2.2rem;border-radius:2rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{color:#515050;width:100%;max-width:70rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-subtitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}.mdl-md006 .mdl-container .m-head .m-right-head{height:20rem;width:40%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.mdl-md006 .mdl-container .m-head .m-right-head .m-content{gap:3rem;display:flex;flex-direction:column;align-items:center}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-preciotitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#51505099}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-size:3.8rem}}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{color:#515050}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-button-sm{width:100vw}.mdl-md006 .mdl-container .m-contenido{display:flex;gap:6rem;margin-top:6rem;position:relative;height:100%}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(27% - 3rem);height:100%;display:flex;align-content:space-between;flex-direction:column;justify-content:space-between;align-items:flex-end;align-items:center;gap:15rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky{height:100%;width:100%;position:relative}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{bottom:21rem;top:9rem;height:54rem;width:100%;object-fit:cover;position:sticky}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:15rem;margin-left:-20rem;margin-top:-7rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-logo{height:21.7rem}.mdl-md006 .mdl-container .m-contenido .m-right{width:calc(73% - 3rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:54rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-image img{height:100%;width:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{color:#515050;padding:6rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:54rem;width:100%;max-width:39rem;margin:0 auto;position:relative;display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-imgmb{width:100%;height:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-logo{position:absolute;bottom:-5rem;left:0;width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:100%;margin-bottom:3rem;gap:3rem;align-items:center;border-bottom:.1rem solid #e4e4e4;padding:0 0 5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:3rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.8rem;line-height:2.6rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.9rem;line-height:2.6rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.6rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.4rem;line-height:2.2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content-row2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content-row2{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;width:26rem;margin-top:4.5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item{border-bottom:.1rem solid #e4e4e4;padding:2.2rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item:first-child{border-top:.1rem solid #e4e4e4;padding:4.2rem 0 2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color .3s ease;position:relative;color:#515050b2;margin-left:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question:before{content:\"\\2022\";position:absolute;left:0;color:#e4e4e4;font-size:4rem;line-height:1;top:45%;transform:translateY(-50%);margin-left:-3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{color:#515050;font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.5rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.1rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-weight:500;margin-bottom:2rem;margin-left:0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active:before{display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-foot{width:100%;justify-content:flex-end;display:flex;align-items:center;gap:1.5rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido{gap:5rem}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(32% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:10rem;margin-left:-9rem;margin-top:-5rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:auto;width:calc(68% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:46rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido{gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-left{height:37rem;width:calc(37% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:37rem;width:calc(63% - 2.5rem);height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto,.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:auto}}@media (max-width: 1000px){.mdl-md006 .mdl-container .m-left{width:100%;border-bottom:1px solid #e4e4e4}.mdl-md006 .mdl-container .m-head{flex-direction:column}.mdl-md006 .mdl-container .m-head .m-right-head{width:100%;align-items:center}.mdl-md006 .mdl-container .m-head .m-left-head{width:100%}.mdl-md006 .mdl-container .m-contenido .m-left{display:none}.mdl-md006 .mdl-container .m-contenido .m-right{width:100%;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{padding:2rem 0;border:0;height:auto;font-size:2rem;line-height:3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{display:block;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{margin-top:7rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:2rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: BabylonCurrencyPipe, name: "currencySymbol" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
19764
19781
|
}
|
|
19765
19782
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliC2TxtImgSvgCComponent, decorators: [{
|
|
19766
19783
|
type: Component,
|
|
19767
|
-
args: [{ selector: 'sli-c2-txt-img-svg-c', standalone: true, imports: [CommonModule], template: "<section class=\"mdl-md006\">\n <div class=\"mdl-container\">\n <div class=\"m-head\" *ngIf=\"content.header as header\">\n <div class=\"m-left-head\">\n <div class=\"m-pretitulo\">{{ header.pretitle }}</div>\n <h2 class=\"m-titulo\">{{ header.title }}</h2>\n <div class=\"m-subtitulo\">{{ header.subtitle }}</div>\n </div>\n <div class=\"m-right-head\">\n <div class=\"m-content\">\n <div class=\"m-preciotitulo\">{{ header.priceTitle }}</div>\n <div class=\"m-precio\">{{ header.price }}</div>\n <ng-container *ngIf=\"header.button as button\">\n <a\n *ngIf=\"button.url; else headerButton\"\n class=\"m-button-sm\"\n [ngClass]=\"button.variant\"\n [href]=\"button.url\"\n [attr.target]=\"button.target || '_self'\"\n [attr.rel]=\"(button.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"button.ariaLabel || button.label\"\n >\n {{ button.label }}\n </a>\n <ng-template #headerButton>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"button.variant\"\n [attr.aria-label]=\"button.ariaLabel || button.label\"\n >\n {{ button.label }}\n </button>\n </ng-template>\n </ng-container>\n </div>\n </div>\n </div>\n\n <div class=\"m-contenido\" *ngIf=\"content.left as left\">\n <div class=\"m-left\">\n <div class=\"m-imagesticky\" #stickyContainer>\n <img\n class=\"m-sticky\"\n [src]=\"left.stickyImage.url\"\n [alt]=\"left.stickyImage.alt\"\n loading=\"lazy\"\n />\n <img\n *ngIf=\"left.badgeImage\"\n class=\"m-offer\"\n [src]=\"left.badgeImage.url\"\n [alt]=\"left.badgeImage.alt\"\n loading=\"lazy\"\n />\n </div>\n <div class=\"m-logo\" #logoStopper>\n <img\n [src]=\"left.logo.url\"\n [alt]=\"left.logo.alt\"\n loading=\"lazy\"\n />\n </div>\n </div>\n\n <div class=\"m-right\" *ngIf=\"content.right as right\">\n <div class=\"m-image\">\n <img\n [src]=\"right.heroImage.url\"\n [alt]=\"right.heroImage.alt\"\n loading=\"lazy\"\n />\n </div>\n <div class=\"m-texto\">\n {{ right.description }}\n </div>\n <div class=\"m-imagenmobile\">\n <img\n class=\"m-imgmb\"\n [src]=\"right.mobileImage.url\"\n [alt]=\"right.mobileImage.alt\"\n loading=\"lazy\"\n />\n <img\n class=\"m-logo\"\n [src]=\"right.mobileLogo.url\"\n [alt]=\"right.mobileLogo.alt\"\n loading=\"lazy\"\n />\n </div>\n\n <div class=\"m-listadofaqs\">\n <div\n class=\"faq-item\"\n *ngFor=\"let highlight of right.highlights; let highlightIndex = index\"\n [class.active]=\"highlightIndex === 0\"\n >\n <div class=\"faq-question\">\n {{ highlight }}\n </div>\n </div>\n\n <div class=\"m-extra-info\" *ngIf=\"right.extraButton as extraButton\">\n <div class=\"m-row2\">\n <div class=\"m-content-row2\">\n <a\n *ngIf=\"extraButton.url; else extraButtonFallback\"\n class=\"m-button-sm\"\n [ngClass]=\"extraButton.variant\"\n [href]=\"extraButton.url\"\n [attr.target]=\"extraButton.target || '_self'\"\n [attr.rel]=\"(extraButton.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"extraButton.ariaLabel || extraButton.label\"\n >\n {{ extraButton.label }}\n </a>\n <ng-template #extraButtonFallback>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"extraButton.variant\"\n [attr.aria-label]=\"extraButton.ariaLabel || extraButton.label\"\n >\n {{ extraButton.label }}\n </button>\n </ng-template>\n </div>\n </div>\n </div>\n\n <div class=\"m-foot\" *ngIf=\"right.footerLink as footer\">\n <a\n *ngIf=\"footer.url; else footerFallback\"\n class=\"m-but m-underline-red\"\n [href]=\"footer.url\"\n [attr.target]=\"footer.target || '_self'\"\n [attr.rel]=\"(footer.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"footer.ariaLabel || footer.label\"\n >\n {{ footer.label }}\n </a>\n <ng-template #footerFallback>\n <button\n type=\"button\"\n class=\"m-but m-underline-red\"\n [attr.aria-label]=\"footer.ariaLabel || footer.label\"\n >\n {{ footer.label }}\n </button>\n </ng-template>\n <svg width=\"16\" height=\"12\" viewBox=\"0 0 16 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n opacity=\"0.7\"\n d=\"M0.0457363 6.829C-0.0152636 6.683 -0.0152636 6.516 0.0457363 6.37C0.0767365 6.297 0.120737 6.229 0.176737 6.175L4.17574 2.175C4.40974 1.941 4.78874 1.941 5.02374 2.175C5.25874 2.409 5.25774 2.789 5.02374 3.024L2.04774 6H12.0997C14.4097 6 14.4997 5.798 14.4997 0.6C14.4997 0.268 14.7687 0 15.0997 0C15.4307 0 15.6997 0.268 15.6997 0.6C15.6997 5.537 15.6997 7.2 12.0987 7.2H2.04674L5.02374 10.177C5.25774 10.41 5.25774 10.791 5.02374 11.025C4.90674 11.142 4.75274 11.201 4.59974 11.201C4.44674 11.201 4.29274 11.142 4.17574 11.025L0.176737 7.026C0.120737 6.969 0.0777359 6.903 0.0457363 6.829Z\"\n fill=\"#515050\"\n />\n </svg>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";html{overflow-x:unset!important}.mdl-md006{margin-top:15rem;margin-bottom:15rem;position:relative}.mdl-md006:before{content:\"\";position:absolute;background-color:#fff9f9;height:68rem;width:100%;z-index:-1;left:0;top:-10rem}.mdl-md006 .mdl-container{max-width:125rem}.mdl-md006 .mdl-container .m-head{display:flex}.mdl-md006 .mdl-container .m-head .m-left-head{height:20rem;width:60%;display:flex;flex-direction:column;align-items:flex-start;gap:1.4rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.2rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.1rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{background-color:#ff4338;color:#fff;font-weight:500;padding:.5rem 2.2rem;border-radius:2rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{color:#515050;width:100%;max-width:70rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-subtitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}.mdl-md006 .mdl-container .m-head .m-right-head{height:20rem;width:40%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.mdl-md006 .mdl-container .m-head .m-right-head .m-content{gap:3rem;display:flex;flex-direction:column;align-items:center}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-preciotitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#51505099}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-size:3.8rem}}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{color:#515050}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-button-sm{width:100vw}.mdl-md006 .mdl-container .m-contenido{display:flex;gap:6rem;margin-top:6rem;position:relative;height:100%}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(27% - 3rem);height:100%;display:flex;align-content:space-between;flex-direction:column;justify-content:space-between;align-items:flex-end;align-items:center;gap:15rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky{height:100%;width:100%;position:relative}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{bottom:21rem;top:9rem;height:54rem;width:100%;object-fit:cover;position:sticky}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:15rem;margin-left:-20rem;margin-top:-7rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-logo{height:21.7rem}.mdl-md006 .mdl-container .m-contenido .m-right{width:calc(73% - 3rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:54rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-image img{height:100%;width:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{color:#515050;padding:6rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:54rem;width:100%;max-width:39rem;margin:0 auto;position:relative;display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-imgmb{width:100%;height:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-logo{position:absolute;bottom:-5rem;left:0;width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:100%;margin-bottom:3rem;gap:3rem;align-items:center;border-bottom:.1rem solid #e4e4e4;padding:0 0 5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:3rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.8rem;line-height:2.6rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.9rem;line-height:2.6rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.6rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.4rem;line-height:2.2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content-row2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content-row2{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;width:26rem;margin-top:4.5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item{border-bottom:.1rem solid #e4e4e4;padding:2.2rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item:first-child{border-top:.1rem solid #e4e4e4;padding:4.2rem 0 2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color .3s ease;position:relative;color:#515050b2;margin-left:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question:before{content:\"\\2022\";position:absolute;left:0;color:#e4e4e4;font-size:4rem;line-height:1;top:45%;transform:translateY(-50%);margin-left:-3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{color:#515050;font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.5rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.1rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-weight:500;margin-bottom:2rem;margin-left:0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active:before{display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-foot{width:100%;justify-content:flex-end;display:flex;align-items:center;gap:1.5rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido{gap:5rem}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(32% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:10rem;margin-left:-9rem;margin-top:-5rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:auto;width:calc(68% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:46rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido{gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-left{height:37rem;width:calc(37% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:37rem;width:calc(63% - 2.5rem);height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto,.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:auto}}@media (max-width: 1000px){.mdl-md006 .mdl-container .m-left{width:100%;border-bottom:1px solid #e4e4e4}.mdl-md006 .mdl-container .m-head{flex-direction:column}.mdl-md006 .mdl-container .m-head .m-right-head{width:100%;align-items:center}.mdl-md006 .mdl-container .m-head .m-left-head{width:100%}.mdl-md006 .mdl-container .m-contenido .m-left{display:none}.mdl-md006 .mdl-container .m-contenido .m-right{width:100%;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{padding:2rem 0;border:0;height:auto;font-size:2rem;line-height:3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{display:block;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{margin-top:7rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:2rem}}\n"] }]
|
|
19784
|
+
args: [{ selector: 'sli-c2-txt-img-svg-c', standalone: true, imports: [CommonModule, BabylonCurrencyPipe, BabylonLinkTypeDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"mdl-md006\">\n <div class=\"mdl-container\">\n <div class=\"m-head\">\n <div class=\"m-left-head\">\n @if (\n getFirstImageByTag(tagImage) ??\n offer?.multimedia?.imagenes?.[0];\n as img\n ) {\n <div class=\"m-pretitulo\">{{ img?.title }}</div>\n }\n @if (offer?.title) {\n <h2 class=\"m-titulo\">{{ offer?.title }}</h2>\n }\n @if (offer?.pretitle) {\n <div class=\"m-subtitulo\">{{ offer?.pretitle }}</div>\n }\n </div>\n <div class=\"m-right-head\">\n <div class=\"m-content\">\n @if (offer?.labelDiscount) {\n <div class=\"m-preciotitulo\">\n {{ offer?.labelDiscount }}\n </div>\n }\n <div class=\"m-precio\">\n @if (offer?.price) {\n {{ offer?.price\n }}{{ offer?.currency ?? 'EUR' | currencySymbol }}\n } @else if (offer?.discount) {\n {{ offer?.discount }} %\n }\n </div>\n @if (offer?.button; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"button.label\"\n >\n {{ button.label }}\n </a>\n </ng-container>\n }\n </div>\n </div>\n </div>\n\n <div class=\"m-contenido\">\n <div class=\"m-left\">\n <div class=\"m-imagesticky\" #stickyContainer>\n @if (getFirstImageByTag(tagImageVertical); as imgV) {\n <img\n class=\"m-sticky\"\n [src]=\"imgV?.img?.src\"\n [alt]=\"imgV?.img?.alt\"\n loading=\"lazy\"\n />\n }\n @if (getFirstImageByTag(tagImageLogo); as imgLogo) {\n <img\n class=\"m-offer\"\n [src]=\"imgLogo?.img?.src\"\n [alt]=\"imgLogo?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n @if (getFirstImageByTag(tagImageSVG); as imgSVG) {\n <div class=\"m-logo\" #logoStopper>\n <img\n [src]=\"imgSVG?.img?.src\"\n [alt]=\"imgSVG?.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n }\n </div>\n\n <div class=\"m-right\">\n <div class=\"m-image\">\n @if (\n getFirstImageByTag(tagImage) ??\n offer?.multimedia?.imagenes?.[0];\n as img\n ) {\n <img\n [src]=\"img?.img?.src\"\n [alt]=\"img?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n @if (offer?.description) {\n <div class=\"m-texto\" [innerHTML]=\"offer?.description\"></div>\n }\n <div class=\"m-imagenmobile\">\n @if (getFirstImageByTag(tagImageVertical); as img) {\n <img\n class=\"m-imgmb\"\n [src]=\"img?.img?.src\"\n [alt]=\"img?.img?.alt\"\n loading=\"lazy\"\n />\n }\n @if (getFirstImageByTag(tagImageLogo); as imgLogo) {\n <img\n class=\"m-logo\"\n [src]=\"imgLogo?.img?.src\"\n [alt]=\"imgLogo?.img?.alt\"\n loading=\"lazy\"\n />\n }\n </div>\n\n <div class=\"m-listadofaqs\">\n <!-- <div\n class=\"faq-item\"\n *ngFor=\"\n let highlight of right.highlights;\n let highlightIndex = index\n \"\n [class.active]=\"highlightIndex === 0\"\n >\n <div class=\"faq-question\">\n {{ highlight }}\n </div>\n </div> -->\n\n @if (offer?.button; as button) {\n <div class=\"m-extra-info\">\n <div class=\"m-row2\">\n <div class=\"m-content-row2\">\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.rel]=\"\n (button.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"button.label\"\n >\n {{ button.label }}\n </a>\n </div>\n </div>\n </div>\n }\n\n @if (buttons?.[0]; as btn) {\n <div class=\"m-foot\">\n <a\n class=\"m-but m-underline-red\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"btn.target || '_self'\"\n [attr.rel]=\"\n (btn.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"btn.label\"\n >\n {{ btn.label }}\n </a>\n <svg\n width=\"16\"\n height=\"12\"\n viewBox=\"0 0 16 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n opacity=\"0.7\"\n d=\"M0.0457363 6.829C-0.0152636 6.683 -0.0152636 6.516 0.0457363 6.37C0.0767365 6.297 0.120737 6.229 0.176737 6.175L4.17574 2.175C4.40974 1.941 4.78874 1.941 5.02374 2.175C5.25874 2.409 5.25774 2.789 5.02374 3.024L2.04774 6H12.0997C14.4097 6 14.4997 5.798 14.4997 0.6C14.4997 0.268 14.7687 0 15.0997 0C15.4307 0 15.6997 0.268 15.6997 0.6C15.6997 5.537 15.6997 7.2 12.0987 7.2H2.04674L5.02374 10.177C5.25774 10.41 5.25774 10.791 5.02374 11.025C4.90674 11.142 4.75274 11.201 4.59974 11.201C4.44674 11.201 4.29274 11.142 4.17574 11.025L0.176737 7.026C0.120737 6.969 0.0777359 6.903 0.0457363 6.829Z\"\n fill=\"#515050\"\n />\n </svg>\n </div>\n }\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";html{overflow-x:unset!important}.mdl-md006{margin-top:15rem;margin-bottom:15rem;position:relative}.mdl-md006:before{content:\"\";position:absolute;background-color:#fff9f9;height:68rem;width:100%;z-index:-1;left:0;top:-10rem}.mdl-md006 .mdl-container{max-width:125rem}.mdl-md006 .mdl-container .m-head{display:flex}.mdl-md006 .mdl-container .m-head .m-left-head{height:20rem;width:60%;display:flex;flex-direction:column;align-items:flex-start;gap:1.4rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.2rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.1rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{background-color:#ff4338;color:#fff;font-weight:500;padding:.5rem 2.2rem;border-radius:2rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{color:#515050;width:100%;max-width:70rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-subtitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}.mdl-md006 .mdl-container .m-head .m-right-head{height:20rem;width:40%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.mdl-md006 .mdl-container .m-head .m-right-head .m-content{gap:3rem;display:flex;flex-direction:column;align-items:center}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-preciotitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#51505099}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-size:3.8rem}}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{color:#515050}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-button-sm{width:100vw}.mdl-md006 .mdl-container .m-contenido{display:flex;gap:6rem;margin-top:6rem;position:relative;height:100%}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(27% - 3rem);height:100%;display:flex;align-content:space-between;flex-direction:column;justify-content:space-between;align-items:flex-end;align-items:center;gap:15rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky{height:100%;width:100%;position:relative}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{bottom:21rem;top:9rem;height:54rem;width:100%;object-fit:cover;position:sticky}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:15rem;margin-left:-20rem;margin-top:-7rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-logo{height:21.7rem}.mdl-md006 .mdl-container .m-contenido .m-right{width:calc(73% - 3rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:54rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-image img{height:100%;width:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{color:#515050;padding:6rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:54rem;width:100%;max-width:39rem;margin:0 auto;position:relative;display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-imgmb{width:100%;height:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-logo{position:absolute;bottom:-5rem;left:0;width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:100%;margin-bottom:3rem;gap:3rem;align-items:center;border-bottom:.1rem solid #e4e4e4;padding:0 0 5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:3rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.8rem;line-height:2.6rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.9rem;line-height:2.6rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.6rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.4rem;line-height:2.2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content-row2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content-row2{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;width:26rem;margin-top:4.5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item{border-bottom:.1rem solid #e4e4e4;padding:2.2rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item:first-child{border-top:.1rem solid #e4e4e4;padding:4.2rem 0 2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color .3s ease;position:relative;color:#515050b2;margin-left:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question:before{content:\"\\2022\";position:absolute;left:0;color:#e4e4e4;font-size:4rem;line-height:1;top:45%;transform:translateY(-50%);margin-left:-3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{color:#515050;font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.5rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.1rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-weight:500;margin-bottom:2rem;margin-left:0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active:before{display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-foot{width:100%;justify-content:flex-end;display:flex;align-items:center;gap:1.5rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido{gap:5rem}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(32% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:10rem;margin-left:-9rem;margin-top:-5rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:auto;width:calc(68% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:46rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido{gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-left{height:37rem;width:calc(37% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:37rem;width:calc(63% - 2.5rem);height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto,.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:auto}}@media (max-width: 1000px){.mdl-md006 .mdl-container .m-left{width:100%;border-bottom:1px solid #e4e4e4}.mdl-md006 .mdl-container .m-head{flex-direction:column}.mdl-md006 .mdl-container .m-head .m-right-head{width:100%;align-items:center}.mdl-md006 .mdl-container .m-head .m-left-head{width:100%}.mdl-md006 .mdl-container .m-contenido .m-left{display:none}.mdl-md006 .mdl-container .m-contenido .m-right{width:100%;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{padding:2rem 0;border:0;height:auto;font-size:2rem;line-height:3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{display:block;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{margin-top:7rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:2rem}}\n"] }]
|
|
19768
19785
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
19769
19786
|
type: Inject,
|
|
19770
19787
|
args: [PLATFORM_ID]
|
|
19771
|
-
}] }], propDecorators: {
|
|
19788
|
+
}] }], propDecorators: { offer: [{
|
|
19789
|
+
type: Input
|
|
19790
|
+
}], buttons: [{
|
|
19772
19791
|
type: Input
|
|
19773
19792
|
}], stickyContainer: [{
|
|
19774
19793
|
type: ViewChild,
|