ctt-babylon 0.22.78 → 0.22.80

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.
Files changed (6) hide show
  1. package/esm2022/lib/components/core/babylon-rooms-list-v3/babylon-rooms-list-v3.component.mjs +14 -4
  2. package/esm2022/lib/components/external/core/lis-c4-txt-des-cta/lis-c4-txt-des-cta.component.mjs +3 -3
  3. package/fesm2022/ctt-babylon.mjs +15 -5
  4. package/fesm2022/ctt-babylon.mjs.map +1 -1
  5. package/lib/components/core/babylon-rooms-list-v3/babylon-rooms-list-v3.component.d.ts +1 -0
  6. package/package.json +1 -1
package/fesm2022/ctt-babylon.mjs CHANGED
@@ -17956,7 +17956,8 @@ class BabylonRoomsListV3Component {
17956
17956
  this.activeGalleryImageIndex = signal(0);
17957
17957
  this.currentImageMap = signal({});
17958
17958
  this.rooms = computed(() => this.roomsInfo());
17959
- this.tagsToExclude = ['MapaInterna'];
17959
+ this.tagsToInclude = ['RoomsListV3'];
17960
+ this.tagsToExclude = ['MapaInterna', 'portadaHotelV1'];
17960
17961
  }
17961
17962
  shouldReverse(index) {
17962
17963
  return this.isLeftAlign() ? index % 2 === 0 : index % 2 !== 0;
@@ -18000,6 +18001,15 @@ class BabylonRoomsListV3Component {
18000
18001
  if (!multimedia?.imagenes) {
18001
18002
  return undefined;
18002
18003
  }
18004
+ const imagesWithIncludedTags = multimedia.imagenes.filter((item) => {
18005
+ if (!item.tag || item.tag.length === 0) {
18006
+ return false;
18007
+ }
18008
+ return item.tag.some((tage) => this.tagsToInclude.includes(tage?.name));
18009
+ });
18010
+ if (imagesWithIncludedTags.length > 0) {
18011
+ return imagesWithIncludedTags;
18012
+ }
18003
18013
  return multimedia.imagenes.filter((item) => {
18004
18014
  if (!item.tag || item.tag.length === 0) {
18005
18015
  return true;
@@ -18009,7 +18019,7 @@ class BabylonRoomsListV3Component {
18009
18019
  });
18010
18020
  }
18011
18021
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonRoomsListV3Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
18012
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonRoomsListV3Component, isStandalone: true, selector: "lib-babylon-rooms-list-v3", inputs: { isLeftAlign: { classPropertyName: "isLeftAlign", publicName: "left", isSignal: true, isRequired: false, transformFunction: null }, texts: { classPropertyName: "texts", publicName: "texts", isSignal: false, isRequired: false, transformFunction: null }, roomsInfo: { classPropertyName: "roomsInfo", publicName: "roomsInfo", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"babylon-room-list\">\n @if (headingTagUtils.hasHeadingContent(texts, 'title', texts?.title)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'title', 'h2')\"\n cssClass=\"main-title corp-title\"\n [useInnerHtml]=\"true\"\n [content]=\"\n headingTagUtils.getHeadingContent(texts, 'title', texts?.title)\n \"\n ></lib-babylon-dynamic-heading>\n }\n\n <div class=\"rooms-container\">\n @for (room of rooms(); track $index) {\n <div class=\"room-card\" [class.reverse]=\"shouldReverse($index)\">\n <div class=\"room-details\">\n <h2 class=\"room-name corp-title\">\n {{ room.texts?.title || room.texts?.name }}\n </h2>\n <p class=\"room-subtitle corp-pretitle\">\n {{ room.texts?.pretitle }}\n </p>\n\n <div class=\"room-features\">\n @if (room.characteristics) {\n @for (\n feature of room.characteristics;\n track feature.name\n ) {\n <span class=\"feature-item corp-text\">\n <div\n class=\"info--icon icon--light icon--big\"\n >\n <i\n class=\"icon--svg\"\n [ngClass]=\"feature.icon\"\n ></i>\n </div>\n {{ feature.name }}\n </span>\n }\n }\n </div>\n\n <p class=\"room-description corp-text\">\n {{ room.texts?.description }}\n </p>\n\n @if (room.price) {\n <div class=\"room-price-box\">\n <span class=\"room-price corp-text\">\n {{ texts?.additional }}\n {{ room.price }} \u20AC\n </span>\n <span class=\"room-price-night corp-text\">\n {{ texts?.additional1 }}\n </span>\n </div>\n }\n\n <div class=\"room-actions\">\n @if (room.buttons && room.buttons.length > 0) {\n <a\n class=\"btn-corp corp-text\"\n [href]=\"room.buttons[0]?.url\"\n [linkType]=\"room.buttons[0]?.linkType\"\n >\n <span class=\"btn-corp-text\">{{\n room.buttons[0]?.label\n }}</span>\n </a>\n }\n @if (room.buttons && room.buttons.length > 1) {\n <a\n class=\"btn-primary corp-text\"\n [href]=\"room.buttons[1]?.url\"\n [linkType]=\"room.buttons[1]?.linkType\"\n >\n {{ room.buttons[1]?.label }}\n </a>\n }\n </div>\n </div>\n\n <div class=\"room-image-wrapper\">\n @if (\n getImagesExcludingTags(room.multimedia);\n as filteredImages\n ) {\n <img\n [src]=\"\n filteredImages?.[getVisibleImageIndex($index)]\n ?.img?.src\n \"\n [alt]=\"room.title\"\n class=\"room-image\"\n />\n\n <div BabylonLightGallery>\n <a\n [href]=\"\n filteredImages?.[\n getVisibleImageIndex($index)\n ]?.img?.src\n \"\n class=\"btn-gallery-lupa cs_lightbox_item\"\n >\n <svg\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\"\n ></path>\n </svg>\n <img\n [src]=\"\n filteredImages?.[\n getVisibleImageIndex($index)\n ]?.img?.src\n \"\n style=\"display: none\"\n alt=\"Thumb\"\n />\n </a>\n\n @for (\n img of filteredImages;\n track img.img?.src;\n let i = $index\n ) {\n @if (i > 0) {\n <a\n [href]=\"img.img?.src\"\n class=\"cs_lightbox_item\"\n style=\"display: none\"\n >\n <img\n [src]=\"img.img?.src\"\n alt=\"Thumbnail\"\n />\n </a>\n }\n }\n </div>\n }\n\n <button\n class=\"btn-nav-arrow left\"\n (click)=\"prevImage($index)\"\n >\n <svg\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n d=\"M15 19l-7-7 7-7\"\n ></path>\n </svg>\n </button>\n <button\n class=\"btn-nav-arrow right\"\n (click)=\"nextImage($index)\"\n >\n <svg\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n d=\"M9 5l7 7-7 7\"\n ></path>\n </svg>\n </button>\n\n @if (showServicesForRoom() !== $index) {\n <button\n (click)=\"toggleServices($index)\"\n class=\"btn-services corp-text\"\n >\n {{ texts?.showservices || 'Ver equipamiento' }}\n </button>\n }\n\n <div\n class=\"services-overlay\"\n [class.active]=\"showServicesForRoom() === $index\"\n >\n <div class=\"services-box\">\n @if (texts?.servicestitle) {\n <h3 class=\"services-title corp-title\">\n {{ texts?.servicestitle }}\n {{\n room.title ||\n room.texts?.title ||\n room.texts?.name\n }}\n </h3>\n }\n\n <div class=\"services-list\">\n @if (room.equipments) {\n @for (\n service of room.equipments;\n track service.name\n ) {\n <div class=\"service-item\">\n <div\n class=\"info--icon icon--light icon--big\"\n >\n <i\n class=\"icon--svg\"\n [ngClass]=\"service.icon\"\n ></i>\n </div>\n <div>\n <p\n class=\"service-name corp-text\"\n >\n {{ service.name }}\n </p>\n @if (service.description) {\n <p class=\"service-type\">\n {{\n service.description\n }}\n </p>\n }\n </div>\n </div>\n }\n }\n </div>\n\n <button\n (click)=\"toggleServices($index)\"\n class=\"btn-hide-services corp-text\"\n >\n {{\n texts?.hideservices ||\n 'Ocultar equipamiento'\n }}\n </button>\n </div>\n </div>\n </div>\n </div>\n }\n </div>\n</div>\n", styles: ["@charset \"UTF-8\";@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}}: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}.babylon-room-list{padding:5rem 1rem;max-width:1280px;margin:0 auto}@media (max-width: 1024px){.babylon-room-list{padding:10rem 1rem}}.babylon-room-list ::ng-deep lib-babylon-dynamic-heading .main-title{text-align:start;font-size:6rem;margin-bottom:3rem;color:var(--cl_text, #3c3b3b);font-family:var(--font-title);margin-left:2rem}@media (max-width: 768px){.babylon-room-list ::ng-deep lib-babylon-dynamic-heading .main-title{font-size:4rem;margin-left:1rem}}.info--icon.icon--big{padding:5px}.info--icon.icon--big .icon--svg{width:40px;height:40px;-webkit-mask-size:30px;mask-size:30px;background-color:var(--cl_icon)}.rooms-container{display:flex;flex-direction:column;gap:3rem}.room-card{display:flex;flex-direction:column;background-color:var(--rh-row-alt-bg, #fdfbf8);box-shadow:0 4px 20px #0000000d;overflow:hidden}@media (min-width: 1024px){.room-card{flex-direction:row}.room-card.reverse{flex-direction:row-reverse}}.room-details{width:100%;padding:2rem;display:flex;flex-direction:column;justify-content:center}@media (min-width: 1024px){.room-details{width:50%;padding:3rem}}.room-name{font-size:4rem;margin-bottom:.5rem;color:var(--cl_text, #3c3b3b)}.room-subtitle{font-size:1.4rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem;opacity:.7;color:var(--cl_pretitle, #19314b)}.room-features{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-bottom:1.5rem;border-top:1px solid var(--cl_border-dark, #d9e1e6);border-bottom:1px solid var(--cl_border-dark, #d9e1e6);padding:1.25rem 0}.feature-item{display:flex;align-items:center;font-size:1.8rem;font-weight:500;color:var(--cl_text, #3c3b3b)}.feature-item svg{width:1.25rem;height:1.25rem;margin-right:.5rem;fill:var(--cl_icon, #fd8700)}.room-description{font-size:1.8rem;line-height:1.6;color:#4b5563;margin-bottom:2rem}.room-price-box{margin-bottom:2rem}.room-price{display:block;font-size:2.6rem;font-weight:700;color:var(--cl_text, #3c3b3b)}.room-price-night{font-size:1.4rem;color:#6b7280}.room-actions{display:flex;flex-direction:column;gap:1rem;margin-top:auto}@media (min-width: 640px){.room-actions{flex-direction:row}}.room-image-wrapper{width:100%;position:relative;background-color:#e5e7eb;height:350px;overflow:hidden}@media (min-width: 1024px){.room-image-wrapper{width:50%;height:auto}}.room-image{width:100%;height:100%;object-fit:cover;transition:transform .7s}.room-card:hover .room-image{transform:scale(1.05)}.btn-gallery-lupa{position:absolute;top:1rem;right:1rem;width:3rem;height:3rem;background:#ffffffe6;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px #0000001a;z-index:10;transition:all .3s;color:var(--cl_text, #3c3b3b)}.btn-gallery-lupa svg{width:1.7rem;height:1.7rem}@media (max-width: 768px){.btn-gallery-lupa{display:none}}.btn-gallery-lupa:hover{background:#fff;transform:scale(1.1)}.btn-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;background:#fffc;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;color:#374151;box-shadow:0 1px 3px #0000001a}.btn-nav-arrow:hover{background:#fff}.btn-nav-arrow.left{left:1rem}.btn-nav-arrow.right{right:1rem}.btn-services{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);background:#fffffff2;border:1px solid #e5e7eb;padding:.5rem 1.5rem;font-size:1.6rem;font-weight:500;cursor:pointer;z-index:10;box-shadow:0 4px 6px #0000001a;color:var(--cl_text, #3c3b3b);transition:background .3s}.btn-services:hover{background:#fff}.services-overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;padding:1.5rem;transition:all .3s;opacity:0;pointer-events:none}.services-overlay.active{opacity:1;pointer-events:auto}.services-box{background:#ffffffe6;box-shadow:0 10px 25px #0000001a;border:1px solid var(--cl_border-dark, #d9e1e6);width:100%;max-width:600px;margin:auto;padding:1.5rem 4rem;border-radius:10px}@media (max-width: 1024px){.services-box{padding:1.5rem 1rem}.services-box .services-title{line-height:1.4;font-size:1.8rem;margin-bottom:1rem;padding-bottom:.5rem}.services-box .services-list{max-height:160px;overflow-x:hidden}}@media (max-width: 1024px) and (max-width: 600px){.services-box .services-list{grid-template-columns:1fr}}@media (max-width: 1024px){.services-box .service-item{padding:1rem .5rem}}.services-title{text-align:start;font-size:2rem;font-weight:400;line-height:3.8;color:var(--cl_text, #3c3b3b)}.services-list{display:grid;grid-template-columns:1fr 1fr;max-height:300px;overflow-y:auto;margin-bottom:2rem}.service-item{display:flex;align-items:center;padding:1.5rem 5rem;border-bottom:1px solid var(--cl_border-dark, #d9e1e6)}.service-item:nth-child(1),.service-item:nth-child(2){border-top:1px solid var(--cl_border-dark, #d9e1e6)}.service-item svg{width:1.25rem;height:1.25rem;margin-right:.5rem;fill:var(--cl_text, #3c3b3b);opacity:.7}.service-name{font-size:1.8rem;font-weight:400;color:var(--cl_text, #3c3b3b);font-family:var(--font-title)}.service-type{font-size:1.3rem;color:#6b7280;margin-top:.125rem;font-family:var(--font-text)}.btn-hide-services{display:block;margin:0 auto;padding:.5rem 1.5rem;background:transparent;border:1px solid var(--cl_text, #3c3b3b);color:var(--cl_text, #3c3b3b);font-size:1.6rem;cursor:pointer;transition:background .3s}.btn-hide-services:hover{background:#f9fafb}.gallery-modal-overlay{position:fixed;inset:0;background:#3c3b3bf2;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease-in-out}.gallery-modal-content{background:var(--cl_background_body, #ffffff);width:100%;max-width:1152px;height:85vh;display:flex;flex-direction:column;position:relative;border-radius:4px}.btn-close-gallery{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;background:transparent;border:1px solid var(--cl_border-dark, #d9e1e6);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;color:var(--cl_text, #3c3b3b)}.btn-close-gallery:hover{background:#f3f4f6}.gallery-header{text-align:center;padding:1.5rem;border-bottom:1px solid #f3f4f6;flex-shrink:0}.gallery-title{font-size:1.25rem;color:var(--cl_text, #3c3b3b)}.gallery-counter{font-size:.75rem;color:#6b7280;margin-top:.25rem}.gallery-image-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:var(--cl_background_gray, #eee);padding:1rem;overflow:hidden}.btn-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;background:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px #0000001a;z-index:10;color:var(--cl_text, #3c3b3b)}.btn-gallery-nav:hover{background:#f9fafb}.btn-gallery-nav.left{left:1.5rem}.btn-gallery-nav.right{right:1.5rem}.gallery-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 10px 15px #0000001a;animation:fadeIn .3s ease-in-out}.corp-title{font-family:var(--font-title, \"Georgia\", serif)}.corp-pretitle{font-family:var(--font-pretitle, \"Arial\", sans-serif)}.corp-text{font-family:var(--font-text, \"Arial\", sans-serif)}.btn-corp{padding:.75rem 1.5rem;border:1px solid var(--cl_text, #3c3b3b);background:transparent;color:var(--cl_text, #3c3b3b);font-weight:700;font-size:1.6rem;text-transform:uppercase;cursor:pointer;transition:all .3s}.btn-corp:hover{background:var(--cl_btn-box, #fd8700);color:#fff;border-color:var(--cl_btn-box, #fd8700)}.btn-primary{padding:.75rem 1.5rem;border:1px solid var(--cl_btn-box, #fd8700);background:var(--cl_btn-box, #fd8700);color:#fff;font-weight:700;font-size:1.6rem;text-transform:uppercase;cursor:pointer;transition:all .3s}.btn-primary:hover{background:#e07500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLightGalleryDirective, selector: "[BabylonLightGallery]" }, { kind: "component", type: BabylonDynamicHeadingComponent, selector: "lib-babylon-dynamic-heading", inputs: ["useInnerHtml", "tag", "wrapper", "cssClass", "content", "color"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }] }); }
18022
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonRoomsListV3Component, isStandalone: true, selector: "lib-babylon-rooms-list-v3", inputs: { isLeftAlign: { classPropertyName: "isLeftAlign", publicName: "left", isSignal: true, isRequired: false, transformFunction: null }, texts: { classPropertyName: "texts", publicName: "texts", isSignal: false, isRequired: false, transformFunction: null }, roomsInfo: { classPropertyName: "roomsInfo", publicName: "roomsInfo", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"babylon-room-list\">\n @if (headingTagUtils.hasHeadingContent(texts, 'title', texts?.title)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'title', 'h2')\"\n cssClass=\"main-title corp-title\"\n [useInnerHtml]=\"true\"\n [content]=\"\n headingTagUtils.getHeadingContent(texts, 'title', texts?.title)\n \"\n ></lib-babylon-dynamic-heading>\n }\n\n <div class=\"rooms-container\">\n @for (room of rooms(); track $index) {\n <div class=\"room-card\" [class.reverse]=\"shouldReverse($index)\">\n <div class=\"room-details\">\n <h2 class=\"room-name corp-title\">\n {{ room.texts?.title || room.texts?.name }}\n </h2>\n <p class=\"room-subtitle corp-pretitle\">\n {{ room.texts?.pretitle }}\n </p>\n\n <div class=\"room-features\">\n @if (room.characteristics) {\n @for (\n feature of room.characteristics;\n track feature.name\n ) {\n <span class=\"feature-item corp-text\">\n <div\n class=\"info--icon icon--light icon--big\"\n >\n <i\n class=\"icon--svg\"\n [ngClass]=\"feature.icon\"\n ></i>\n </div>\n {{ feature.name }}\n </span>\n }\n }\n </div>\n\n <p class=\"room-description corp-text\">\n {{ room.texts?.description }}\n </p>\n\n @if (room.price) {\n <div class=\"room-price-box\">\n <span class=\"room-price corp-text\">\n {{ texts?.additional }}\n {{ room.price }} \u20AC\n </span>\n <span class=\"room-price-night corp-text\">\n {{ texts?.additional1 }}\n </span>\n </div>\n }\n\n <div class=\"room-actions\">\n @if (room.buttons && room.buttons.length > 0) {\n <a\n class=\"btn-corp corp-text\"\n [href]=\"room.buttons[0]?.url\"\n [linkType]=\"room.buttons[0]?.linkType\"\n >\n <span class=\"btn-corp-text\">{{\n room.buttons[0]?.label\n }}</span>\n </a>\n }\n @if (room.buttons && room.buttons.length > 1) {\n <a\n class=\"btn-primary corp-text\"\n [href]=\"room.buttons[1]?.url\"\n [linkType]=\"room.buttons[1]?.linkType\"\n >\n {{ room.buttons[1]?.label }}\n </a>\n }\n </div>\n </div>\n\n <div class=\"room-image-wrapper\">\n @if (\n getImagesExcludingTags(room.multimedia);\n as filteredImages\n ) {\n <img\n [src]=\"\n filteredImages?.[getVisibleImageIndex($index)]\n ?.img?.src\n \"\n [alt]=\"room.title\"\n class=\"room-image\"\n />\n\n <div BabylonLightGallery>\n <a\n [href]=\"\n filteredImages?.[\n getVisibleImageIndex($index)\n ]?.img?.src\n \"\n class=\"btn-gallery-lupa cs_lightbox_item\"\n >\n <svg\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\"\n ></path>\n </svg>\n <img\n [src]=\"\n filteredImages?.[\n getVisibleImageIndex($index)\n ]?.img?.src\n \"\n style=\"display: none\"\n alt=\"Thumb\"\n />\n </a>\n\n @for (\n img of filteredImages;\n track img.img?.src;\n let i = $index\n ) {\n @if (i > 0) {\n <a\n [href]=\"img.img?.src\"\n class=\"cs_lightbox_item\"\n style=\"display: none\"\n >\n <img\n [src]=\"img.img?.src\"\n alt=\"Thumbnail\"\n />\n </a>\n }\n }\n </div>\n }\n\n @if (\n (getImagesExcludingTags(room.multimedia)?.length ?? 0) >\n 1\n ) {\n <button\n class=\"btn-nav-arrow left\"\n (click)=\"prevImage($index)\"\n >\n <svg\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n d=\"M15 19l-7-7 7-7\"\n ></path>\n </svg>\n </button>\n <button\n class=\"btn-nav-arrow right\"\n (click)=\"nextImage($index)\"\n >\n <svg\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n d=\"M9 5l7 7-7 7\"\n ></path>\n </svg>\n </button>\n }\n\n @if (showServicesForRoom() !== $index) {\n <button\n (click)=\"toggleServices($index)\"\n class=\"btn-services corp-text\"\n >\n {{ texts?.showservices || 'Ver equipamiento' }}\n </button>\n }\n\n <div\n class=\"services-overlay\"\n [class.active]=\"showServicesForRoom() === $index\"\n >\n <div class=\"services-box\">\n @if (texts?.servicestitle) {\n <h3 class=\"services-title corp-title\">\n {{ texts?.servicestitle }}\n {{\n room.title ||\n room.texts?.title ||\n room.texts?.name\n }}\n </h3>\n }\n\n <div class=\"services-list\">\n @if (room.equipments) {\n @for (\n service of room.equipments;\n track service.name\n ) {\n <div class=\"service-item\">\n <div\n class=\"info--icon icon--light icon--big\"\n >\n <i\n class=\"icon--svg\"\n [ngClass]=\"service.icon\"\n ></i>\n </div>\n <div>\n <p\n class=\"service-name corp-text\"\n >\n {{ service.name }}\n </p>\n @if (service.description) {\n <p class=\"service-type\">\n {{\n service.description\n }}\n </p>\n }\n </div>\n </div>\n }\n }\n </div>\n\n <button\n (click)=\"toggleServices($index)\"\n class=\"btn-hide-services corp-text\"\n >\n {{\n texts?.hideservices ||\n 'Ocultar equipamiento'\n }}\n </button>\n </div>\n </div>\n </div>\n </div>\n }\n </div>\n</div>\n", styles: ["@charset \"UTF-8\";@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}}: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}.babylon-room-list{padding:5rem 1rem;max-width:1280px;margin:0 auto}@media (max-width: 1024px){.babylon-room-list{padding:10rem 1rem}}.babylon-room-list ::ng-deep lib-babylon-dynamic-heading .main-title{text-align:start;font-size:6rem;margin-bottom:3rem;color:var(--cl_text, #3c3b3b);font-family:var(--font-title);margin-left:2rem}@media (max-width: 768px){.babylon-room-list ::ng-deep lib-babylon-dynamic-heading .main-title{font-size:4rem;margin-left:1rem}}.info--icon.icon--big{padding:5px}.info--icon.icon--big .icon--svg{width:40px;height:40px;-webkit-mask-size:30px;mask-size:30px;background-color:var(--cl_icon)}.rooms-container{display:flex;flex-direction:column;gap:3rem}.room-card{display:flex;flex-direction:column;background-color:var(--rh-row-alt-bg, #fdfbf8);box-shadow:0 4px 20px #0000000d;overflow:hidden}@media (min-width: 1024px){.room-card{flex-direction:row}.room-card.reverse{flex-direction:row-reverse}}.room-details{width:100%;padding:2rem;display:flex;flex-direction:column;justify-content:center}@media (min-width: 1024px){.room-details{width:50%;padding:3rem}}.room-name{font-size:4rem;margin-bottom:.5rem;color:var(--cl_text, #3c3b3b)}.room-subtitle{font-size:1.4rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem;opacity:.7;color:var(--cl_pretitle, #19314b)}.room-features{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-bottom:1.5rem;border-top:1px solid var(--cl_border-dark, #d9e1e6);border-bottom:1px solid var(--cl_border-dark, #d9e1e6);padding:1.25rem 0}.feature-item{display:flex;align-items:center;font-size:1.8rem;font-weight:500;color:var(--cl_text, #3c3b3b)}.feature-item svg{width:1.25rem;height:1.25rem;margin-right:.5rem;fill:var(--cl_icon, #fd8700)}.room-description{font-size:1.8rem;line-height:1.6;color:#4b5563;margin-bottom:2rem}.room-price-box{margin-bottom:2rem}.room-price{display:block;font-size:2.6rem;font-weight:700;color:var(--cl_text, #3c3b3b)}.room-price-night{font-size:1.4rem;color:#6b7280}.room-actions{display:flex;flex-direction:column;gap:1rem;margin-top:auto}@media (min-width: 640px){.room-actions{flex-direction:row}}.room-image-wrapper{width:100%;position:relative;background-color:#e5e7eb;height:350px;overflow:hidden}@media (min-width: 1024px){.room-image-wrapper{width:50%;height:auto}}.room-image{width:100%;height:100%;object-fit:cover;transition:transform .7s}.room-card:hover .room-image{transform:scale(1.05)}.btn-gallery-lupa{position:absolute;top:1rem;right:1rem;width:3rem;height:3rem;background:#ffffffe6;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px #0000001a;z-index:10;transition:all .3s;color:var(--cl_text, #3c3b3b)}.btn-gallery-lupa svg{width:1.7rem;height:1.7rem}@media (max-width: 768px){.btn-gallery-lupa{display:none}}.btn-gallery-lupa:hover{background:#fff;transform:scale(1.1)}.btn-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;background:#fffc;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;color:#374151;box-shadow:0 1px 3px #0000001a}.btn-nav-arrow:hover{background:#fff}.btn-nav-arrow.left{left:1rem}.btn-nav-arrow.right{right:1rem}.btn-services{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);background:#fffffff2;border:1px solid #e5e7eb;padding:.5rem 1.5rem;font-size:1.6rem;font-weight:500;cursor:pointer;z-index:10;box-shadow:0 4px 6px #0000001a;color:var(--cl_text, #3c3b3b);transition:background .3s}.btn-services:hover{background:#fff}.services-overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;padding:1.5rem;transition:all .3s;opacity:0;pointer-events:none}.services-overlay.active{opacity:1;pointer-events:auto}.services-box{background:#ffffffe6;box-shadow:0 10px 25px #0000001a;border:1px solid var(--cl_border-dark, #d9e1e6);width:100%;max-width:600px;margin:auto;padding:1.5rem 4rem;border-radius:10px}@media (max-width: 1024px){.services-box{padding:1.5rem 1rem}.services-box .services-title{line-height:1.4;font-size:1.8rem;margin-bottom:1rem;padding-bottom:.5rem}.services-box .services-list{max-height:160px;overflow-x:hidden}}@media (max-width: 1024px) and (max-width: 600px){.services-box .services-list{grid-template-columns:1fr}}@media (max-width: 1024px){.services-box .service-item{padding:1rem .5rem}}.services-title{text-align:start;font-size:2rem;font-weight:400;line-height:3.8;color:var(--cl_text, #3c3b3b)}.services-list{display:grid;grid-template-columns:1fr 1fr;max-height:300px;overflow-y:auto;margin-bottom:2rem}.service-item{display:flex;align-items:center;padding:1.5rem 5rem;border-bottom:1px solid var(--cl_border-dark, #d9e1e6)}.service-item:nth-child(1),.service-item:nth-child(2){border-top:1px solid var(--cl_border-dark, #d9e1e6)}.service-item svg{width:1.25rem;height:1.25rem;margin-right:.5rem;fill:var(--cl_text, #3c3b3b);opacity:.7}.service-name{font-size:1.8rem;font-weight:400;color:var(--cl_text, #3c3b3b);font-family:var(--font-title)}.service-type{font-size:1.3rem;color:#6b7280;margin-top:.125rem;font-family:var(--font-text)}.btn-hide-services{display:block;margin:0 auto;padding:.5rem 1.5rem;background:transparent;border:1px solid var(--cl_text, #3c3b3b);color:var(--cl_text, #3c3b3b);font-size:1.6rem;cursor:pointer;transition:background .3s}.btn-hide-services:hover{background:#f9fafb}.gallery-modal-overlay{position:fixed;inset:0;background:#3c3b3bf2;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease-in-out}.gallery-modal-content{background:var(--cl_background_body, #ffffff);width:100%;max-width:1152px;height:85vh;display:flex;flex-direction:column;position:relative;border-radius:4px}.btn-close-gallery{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;background:transparent;border:1px solid var(--cl_border-dark, #d9e1e6);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;color:var(--cl_text, #3c3b3b)}.btn-close-gallery:hover{background:#f3f4f6}.gallery-header{text-align:center;padding:1.5rem;border-bottom:1px solid #f3f4f6;flex-shrink:0}.gallery-title{font-size:1.25rem;color:var(--cl_text, #3c3b3b)}.gallery-counter{font-size:.75rem;color:#6b7280;margin-top:.25rem}.gallery-image-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:var(--cl_background_gray, #eee);padding:1rem;overflow:hidden}.btn-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;background:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px #0000001a;z-index:10;color:var(--cl_text, #3c3b3b)}.btn-gallery-nav:hover{background:#f9fafb}.btn-gallery-nav.left{left:1.5rem}.btn-gallery-nav.right{right:1.5rem}.gallery-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 10px 15px #0000001a;animation:fadeIn .3s ease-in-out}.corp-title{font-family:var(--font-title, \"Georgia\", serif)}.corp-pretitle{font-family:var(--font-pretitle, \"Arial\", sans-serif)}.corp-text{font-family:var(--font-text, \"Arial\", sans-serif)}.btn-corp{padding:.75rem 1.5rem;border:1px solid var(--cl_text, #3c3b3b);background:transparent;color:var(--cl_text, #3c3b3b);font-weight:700;font-size:1.6rem;text-transform:uppercase;cursor:pointer;transition:all .3s}.btn-corp:hover{background:var(--cl_btn-box, #fd8700);color:#fff;border-color:var(--cl_btn-box, #fd8700)}.btn-primary{padding:.75rem 1.5rem;border:1px solid var(--cl_btn-box, #fd8700);background:var(--cl_btn-box, #fd8700);color:#fff;font-weight:700;font-size:1.6rem;text-transform:uppercase;cursor:pointer;transition:all .3s}.btn-primary:hover{background:#e07500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLightGalleryDirective, selector: "[BabylonLightGallery]" }, { kind: "component", type: BabylonDynamicHeadingComponent, selector: "lib-babylon-dynamic-heading", inputs: ["useInnerHtml", "tag", "wrapper", "cssClass", "content", "color"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }] }); }
18013
18023
  }
18014
18024
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonRoomsListV3Component, decorators: [{
18015
18025
  type: Component,
@@ -18018,7 +18028,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
18018
18028
  BabylonLightGalleryDirective,
18019
18029
  BabylonDynamicHeadingComponent,
18020
18030
  BabylonLinkTypeDirective,
18021
- ], template: "<div class=\"babylon-room-list\">\n @if (headingTagUtils.hasHeadingContent(texts, 'title', texts?.title)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'title', 'h2')\"\n cssClass=\"main-title corp-title\"\n [useInnerHtml]=\"true\"\n [content]=\"\n headingTagUtils.getHeadingContent(texts, 'title', texts?.title)\n \"\n ></lib-babylon-dynamic-heading>\n }\n\n <div class=\"rooms-container\">\n @for (room of rooms(); track $index) {\n <div class=\"room-card\" [class.reverse]=\"shouldReverse($index)\">\n <div class=\"room-details\">\n <h2 class=\"room-name corp-title\">\n {{ room.texts?.title || room.texts?.name }}\n </h2>\n <p class=\"room-subtitle corp-pretitle\">\n {{ room.texts?.pretitle }}\n </p>\n\n <div class=\"room-features\">\n @if (room.characteristics) {\n @for (\n feature of room.characteristics;\n track feature.name\n ) {\n <span class=\"feature-item corp-text\">\n <div\n class=\"info--icon icon--light icon--big\"\n >\n <i\n class=\"icon--svg\"\n [ngClass]=\"feature.icon\"\n ></i>\n </div>\n {{ feature.name }}\n </span>\n }\n }\n </div>\n\n <p class=\"room-description corp-text\">\n {{ room.texts?.description }}\n </p>\n\n @if (room.price) {\n <div class=\"room-price-box\">\n <span class=\"room-price corp-text\">\n {{ texts?.additional }}\n {{ room.price }} \u20AC\n </span>\n <span class=\"room-price-night corp-text\">\n {{ texts?.additional1 }}\n </span>\n </div>\n }\n\n <div class=\"room-actions\">\n @if (room.buttons && room.buttons.length > 0) {\n <a\n class=\"btn-corp corp-text\"\n [href]=\"room.buttons[0]?.url\"\n [linkType]=\"room.buttons[0]?.linkType\"\n >\n <span class=\"btn-corp-text\">{{\n room.buttons[0]?.label\n }}</span>\n </a>\n }\n @if (room.buttons && room.buttons.length > 1) {\n <a\n class=\"btn-primary corp-text\"\n [href]=\"room.buttons[1]?.url\"\n [linkType]=\"room.buttons[1]?.linkType\"\n >\n {{ room.buttons[1]?.label }}\n </a>\n }\n </div>\n </div>\n\n <div class=\"room-image-wrapper\">\n @if (\n getImagesExcludingTags(room.multimedia);\n as filteredImages\n ) {\n <img\n [src]=\"\n filteredImages?.[getVisibleImageIndex($index)]\n ?.img?.src\n \"\n [alt]=\"room.title\"\n class=\"room-image\"\n />\n\n <div BabylonLightGallery>\n <a\n [href]=\"\n filteredImages?.[\n getVisibleImageIndex($index)\n ]?.img?.src\n \"\n class=\"btn-gallery-lupa cs_lightbox_item\"\n >\n <svg\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\"\n ></path>\n </svg>\n <img\n [src]=\"\n filteredImages?.[\n getVisibleImageIndex($index)\n ]?.img?.src\n \"\n style=\"display: none\"\n alt=\"Thumb\"\n />\n </a>\n\n @for (\n img of filteredImages;\n track img.img?.src;\n let i = $index\n ) {\n @if (i > 0) {\n <a\n [href]=\"img.img?.src\"\n class=\"cs_lightbox_item\"\n style=\"display: none\"\n >\n <img\n [src]=\"img.img?.src\"\n alt=\"Thumbnail\"\n />\n </a>\n }\n }\n </div>\n }\n\n <button\n class=\"btn-nav-arrow left\"\n (click)=\"prevImage($index)\"\n >\n <svg\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n d=\"M15 19l-7-7 7-7\"\n ></path>\n </svg>\n </button>\n <button\n class=\"btn-nav-arrow right\"\n (click)=\"nextImage($index)\"\n >\n <svg\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n d=\"M9 5l7 7-7 7\"\n ></path>\n </svg>\n </button>\n\n @if (showServicesForRoom() !== $index) {\n <button\n (click)=\"toggleServices($index)\"\n class=\"btn-services corp-text\"\n >\n {{ texts?.showservices || 'Ver equipamiento' }}\n </button>\n }\n\n <div\n class=\"services-overlay\"\n [class.active]=\"showServicesForRoom() === $index\"\n >\n <div class=\"services-box\">\n @if (texts?.servicestitle) {\n <h3 class=\"services-title corp-title\">\n {{ texts?.servicestitle }}\n {{\n room.title ||\n room.texts?.title ||\n room.texts?.name\n }}\n </h3>\n }\n\n <div class=\"services-list\">\n @if (room.equipments) {\n @for (\n service of room.equipments;\n track service.name\n ) {\n <div class=\"service-item\">\n <div\n class=\"info--icon icon--light icon--big\"\n >\n <i\n class=\"icon--svg\"\n [ngClass]=\"service.icon\"\n ></i>\n </div>\n <div>\n <p\n class=\"service-name corp-text\"\n >\n {{ service.name }}\n </p>\n @if (service.description) {\n <p class=\"service-type\">\n {{\n service.description\n }}\n </p>\n }\n </div>\n </div>\n }\n }\n </div>\n\n <button\n (click)=\"toggleServices($index)\"\n class=\"btn-hide-services corp-text\"\n >\n {{\n texts?.hideservices ||\n 'Ocultar equipamiento'\n }}\n </button>\n </div>\n </div>\n </div>\n </div>\n }\n </div>\n</div>\n", styles: ["@charset \"UTF-8\";@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}}: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}.babylon-room-list{padding:5rem 1rem;max-width:1280px;margin:0 auto}@media (max-width: 1024px){.babylon-room-list{padding:10rem 1rem}}.babylon-room-list ::ng-deep lib-babylon-dynamic-heading .main-title{text-align:start;font-size:6rem;margin-bottom:3rem;color:var(--cl_text, #3c3b3b);font-family:var(--font-title);margin-left:2rem}@media (max-width: 768px){.babylon-room-list ::ng-deep lib-babylon-dynamic-heading .main-title{font-size:4rem;margin-left:1rem}}.info--icon.icon--big{padding:5px}.info--icon.icon--big .icon--svg{width:40px;height:40px;-webkit-mask-size:30px;mask-size:30px;background-color:var(--cl_icon)}.rooms-container{display:flex;flex-direction:column;gap:3rem}.room-card{display:flex;flex-direction:column;background-color:var(--rh-row-alt-bg, #fdfbf8);box-shadow:0 4px 20px #0000000d;overflow:hidden}@media (min-width: 1024px){.room-card{flex-direction:row}.room-card.reverse{flex-direction:row-reverse}}.room-details{width:100%;padding:2rem;display:flex;flex-direction:column;justify-content:center}@media (min-width: 1024px){.room-details{width:50%;padding:3rem}}.room-name{font-size:4rem;margin-bottom:.5rem;color:var(--cl_text, #3c3b3b)}.room-subtitle{font-size:1.4rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem;opacity:.7;color:var(--cl_pretitle, #19314b)}.room-features{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-bottom:1.5rem;border-top:1px solid var(--cl_border-dark, #d9e1e6);border-bottom:1px solid var(--cl_border-dark, #d9e1e6);padding:1.25rem 0}.feature-item{display:flex;align-items:center;font-size:1.8rem;font-weight:500;color:var(--cl_text, #3c3b3b)}.feature-item svg{width:1.25rem;height:1.25rem;margin-right:.5rem;fill:var(--cl_icon, #fd8700)}.room-description{font-size:1.8rem;line-height:1.6;color:#4b5563;margin-bottom:2rem}.room-price-box{margin-bottom:2rem}.room-price{display:block;font-size:2.6rem;font-weight:700;color:var(--cl_text, #3c3b3b)}.room-price-night{font-size:1.4rem;color:#6b7280}.room-actions{display:flex;flex-direction:column;gap:1rem;margin-top:auto}@media (min-width: 640px){.room-actions{flex-direction:row}}.room-image-wrapper{width:100%;position:relative;background-color:#e5e7eb;height:350px;overflow:hidden}@media (min-width: 1024px){.room-image-wrapper{width:50%;height:auto}}.room-image{width:100%;height:100%;object-fit:cover;transition:transform .7s}.room-card:hover .room-image{transform:scale(1.05)}.btn-gallery-lupa{position:absolute;top:1rem;right:1rem;width:3rem;height:3rem;background:#ffffffe6;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px #0000001a;z-index:10;transition:all .3s;color:var(--cl_text, #3c3b3b)}.btn-gallery-lupa svg{width:1.7rem;height:1.7rem}@media (max-width: 768px){.btn-gallery-lupa{display:none}}.btn-gallery-lupa:hover{background:#fff;transform:scale(1.1)}.btn-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;background:#fffc;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;color:#374151;box-shadow:0 1px 3px #0000001a}.btn-nav-arrow:hover{background:#fff}.btn-nav-arrow.left{left:1rem}.btn-nav-arrow.right{right:1rem}.btn-services{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);background:#fffffff2;border:1px solid #e5e7eb;padding:.5rem 1.5rem;font-size:1.6rem;font-weight:500;cursor:pointer;z-index:10;box-shadow:0 4px 6px #0000001a;color:var(--cl_text, #3c3b3b);transition:background .3s}.btn-services:hover{background:#fff}.services-overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;padding:1.5rem;transition:all .3s;opacity:0;pointer-events:none}.services-overlay.active{opacity:1;pointer-events:auto}.services-box{background:#ffffffe6;box-shadow:0 10px 25px #0000001a;border:1px solid var(--cl_border-dark, #d9e1e6);width:100%;max-width:600px;margin:auto;padding:1.5rem 4rem;border-radius:10px}@media (max-width: 1024px){.services-box{padding:1.5rem 1rem}.services-box .services-title{line-height:1.4;font-size:1.8rem;margin-bottom:1rem;padding-bottom:.5rem}.services-box .services-list{max-height:160px;overflow-x:hidden}}@media (max-width: 1024px) and (max-width: 600px){.services-box .services-list{grid-template-columns:1fr}}@media (max-width: 1024px){.services-box .service-item{padding:1rem .5rem}}.services-title{text-align:start;font-size:2rem;font-weight:400;line-height:3.8;color:var(--cl_text, #3c3b3b)}.services-list{display:grid;grid-template-columns:1fr 1fr;max-height:300px;overflow-y:auto;margin-bottom:2rem}.service-item{display:flex;align-items:center;padding:1.5rem 5rem;border-bottom:1px solid var(--cl_border-dark, #d9e1e6)}.service-item:nth-child(1),.service-item:nth-child(2){border-top:1px solid var(--cl_border-dark, #d9e1e6)}.service-item svg{width:1.25rem;height:1.25rem;margin-right:.5rem;fill:var(--cl_text, #3c3b3b);opacity:.7}.service-name{font-size:1.8rem;font-weight:400;color:var(--cl_text, #3c3b3b);font-family:var(--font-title)}.service-type{font-size:1.3rem;color:#6b7280;margin-top:.125rem;font-family:var(--font-text)}.btn-hide-services{display:block;margin:0 auto;padding:.5rem 1.5rem;background:transparent;border:1px solid var(--cl_text, #3c3b3b);color:var(--cl_text, #3c3b3b);font-size:1.6rem;cursor:pointer;transition:background .3s}.btn-hide-services:hover{background:#f9fafb}.gallery-modal-overlay{position:fixed;inset:0;background:#3c3b3bf2;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease-in-out}.gallery-modal-content{background:var(--cl_background_body, #ffffff);width:100%;max-width:1152px;height:85vh;display:flex;flex-direction:column;position:relative;border-radius:4px}.btn-close-gallery{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;background:transparent;border:1px solid var(--cl_border-dark, #d9e1e6);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;color:var(--cl_text, #3c3b3b)}.btn-close-gallery:hover{background:#f3f4f6}.gallery-header{text-align:center;padding:1.5rem;border-bottom:1px solid #f3f4f6;flex-shrink:0}.gallery-title{font-size:1.25rem;color:var(--cl_text, #3c3b3b)}.gallery-counter{font-size:.75rem;color:#6b7280;margin-top:.25rem}.gallery-image-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:var(--cl_background_gray, #eee);padding:1rem;overflow:hidden}.btn-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;background:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px #0000001a;z-index:10;color:var(--cl_text, #3c3b3b)}.btn-gallery-nav:hover{background:#f9fafb}.btn-gallery-nav.left{left:1.5rem}.btn-gallery-nav.right{right:1.5rem}.gallery-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 10px 15px #0000001a;animation:fadeIn .3s ease-in-out}.corp-title{font-family:var(--font-title, \"Georgia\", serif)}.corp-pretitle{font-family:var(--font-pretitle, \"Arial\", sans-serif)}.corp-text{font-family:var(--font-text, \"Arial\", sans-serif)}.btn-corp{padding:.75rem 1.5rem;border:1px solid var(--cl_text, #3c3b3b);background:transparent;color:var(--cl_text, #3c3b3b);font-weight:700;font-size:1.6rem;text-transform:uppercase;cursor:pointer;transition:all .3s}.btn-corp:hover{background:var(--cl_btn-box, #fd8700);color:#fff;border-color:var(--cl_btn-box, #fd8700)}.btn-primary{padding:.75rem 1.5rem;border:1px solid var(--cl_btn-box, #fd8700);background:var(--cl_btn-box, #fd8700);color:#fff;font-weight:700;font-size:1.6rem;text-transform:uppercase;cursor:pointer;transition:all .3s}.btn-primary:hover{background:#e07500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"] }]
18031
+ ], template: "<div class=\"babylon-room-list\">\n @if (headingTagUtils.hasHeadingContent(texts, 'title', texts?.title)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'title', 'h2')\"\n cssClass=\"main-title corp-title\"\n [useInnerHtml]=\"true\"\n [content]=\"\n headingTagUtils.getHeadingContent(texts, 'title', texts?.title)\n \"\n ></lib-babylon-dynamic-heading>\n }\n\n <div class=\"rooms-container\">\n @for (room of rooms(); track $index) {\n <div class=\"room-card\" [class.reverse]=\"shouldReverse($index)\">\n <div class=\"room-details\">\n <h2 class=\"room-name corp-title\">\n {{ room.texts?.title || room.texts?.name }}\n </h2>\n <p class=\"room-subtitle corp-pretitle\">\n {{ room.texts?.pretitle }}\n </p>\n\n <div class=\"room-features\">\n @if (room.characteristics) {\n @for (\n feature of room.characteristics;\n track feature.name\n ) {\n <span class=\"feature-item corp-text\">\n <div\n class=\"info--icon icon--light icon--big\"\n >\n <i\n class=\"icon--svg\"\n [ngClass]=\"feature.icon\"\n ></i>\n </div>\n {{ feature.name }}\n </span>\n }\n }\n </div>\n\n <p class=\"room-description corp-text\">\n {{ room.texts?.description }}\n </p>\n\n @if (room.price) {\n <div class=\"room-price-box\">\n <span class=\"room-price corp-text\">\n {{ texts?.additional }}\n {{ room.price }} \u20AC\n </span>\n <span class=\"room-price-night corp-text\">\n {{ texts?.additional1 }}\n </span>\n </div>\n }\n\n <div class=\"room-actions\">\n @if (room.buttons && room.buttons.length > 0) {\n <a\n class=\"btn-corp corp-text\"\n [href]=\"room.buttons[0]?.url\"\n [linkType]=\"room.buttons[0]?.linkType\"\n >\n <span class=\"btn-corp-text\">{{\n room.buttons[0]?.label\n }}</span>\n </a>\n }\n @if (room.buttons && room.buttons.length > 1) {\n <a\n class=\"btn-primary corp-text\"\n [href]=\"room.buttons[1]?.url\"\n [linkType]=\"room.buttons[1]?.linkType\"\n >\n {{ room.buttons[1]?.label }}\n </a>\n }\n </div>\n </div>\n\n <div class=\"room-image-wrapper\">\n @if (\n getImagesExcludingTags(room.multimedia);\n as filteredImages\n ) {\n <img\n [src]=\"\n filteredImages?.[getVisibleImageIndex($index)]\n ?.img?.src\n \"\n [alt]=\"room.title\"\n class=\"room-image\"\n />\n\n <div BabylonLightGallery>\n <a\n [href]=\"\n filteredImages?.[\n getVisibleImageIndex($index)\n ]?.img?.src\n \"\n class=\"btn-gallery-lupa cs_lightbox_item\"\n >\n <svg\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\"\n ></path>\n </svg>\n <img\n [src]=\"\n filteredImages?.[\n getVisibleImageIndex($index)\n ]?.img?.src\n \"\n style=\"display: none\"\n alt=\"Thumb\"\n />\n </a>\n\n @for (\n img of filteredImages;\n track img.img?.src;\n let i = $index\n ) {\n @if (i > 0) {\n <a\n [href]=\"img.img?.src\"\n class=\"cs_lightbox_item\"\n style=\"display: none\"\n >\n <img\n [src]=\"img.img?.src\"\n alt=\"Thumbnail\"\n />\n </a>\n }\n }\n </div>\n }\n\n @if (\n (getImagesExcludingTags(room.multimedia)?.length ?? 0) >\n 1\n ) {\n <button\n class=\"btn-nav-arrow left\"\n (click)=\"prevImage($index)\"\n >\n <svg\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n d=\"M15 19l-7-7 7-7\"\n ></path>\n </svg>\n </button>\n <button\n class=\"btn-nav-arrow right\"\n (click)=\"nextImage($index)\"\n >\n <svg\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n d=\"M9 5l7 7-7 7\"\n ></path>\n </svg>\n </button>\n }\n\n @if (showServicesForRoom() !== $index) {\n <button\n (click)=\"toggleServices($index)\"\n class=\"btn-services corp-text\"\n >\n {{ texts?.showservices || 'Ver equipamiento' }}\n </button>\n }\n\n <div\n class=\"services-overlay\"\n [class.active]=\"showServicesForRoom() === $index\"\n >\n <div class=\"services-box\">\n @if (texts?.servicestitle) {\n <h3 class=\"services-title corp-title\">\n {{ texts?.servicestitle }}\n {{\n room.title ||\n room.texts?.title ||\n room.texts?.name\n }}\n </h3>\n }\n\n <div class=\"services-list\">\n @if (room.equipments) {\n @for (\n service of room.equipments;\n track service.name\n ) {\n <div class=\"service-item\">\n <div\n class=\"info--icon icon--light icon--big\"\n >\n <i\n class=\"icon--svg\"\n [ngClass]=\"service.icon\"\n ></i>\n </div>\n <div>\n <p\n class=\"service-name corp-text\"\n >\n {{ service.name }}\n </p>\n @if (service.description) {\n <p class=\"service-type\">\n {{\n service.description\n }}\n </p>\n }\n </div>\n </div>\n }\n }\n </div>\n\n <button\n (click)=\"toggleServices($index)\"\n class=\"btn-hide-services corp-text\"\n >\n {{\n texts?.hideservices ||\n 'Ocultar equipamiento'\n }}\n </button>\n </div>\n </div>\n </div>\n </div>\n }\n </div>\n</div>\n", styles: ["@charset \"UTF-8\";@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}}: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}.babylon-room-list{padding:5rem 1rem;max-width:1280px;margin:0 auto}@media (max-width: 1024px){.babylon-room-list{padding:10rem 1rem}}.babylon-room-list ::ng-deep lib-babylon-dynamic-heading .main-title{text-align:start;font-size:6rem;margin-bottom:3rem;color:var(--cl_text, #3c3b3b);font-family:var(--font-title);margin-left:2rem}@media (max-width: 768px){.babylon-room-list ::ng-deep lib-babylon-dynamic-heading .main-title{font-size:4rem;margin-left:1rem}}.info--icon.icon--big{padding:5px}.info--icon.icon--big .icon--svg{width:40px;height:40px;-webkit-mask-size:30px;mask-size:30px;background-color:var(--cl_icon)}.rooms-container{display:flex;flex-direction:column;gap:3rem}.room-card{display:flex;flex-direction:column;background-color:var(--rh-row-alt-bg, #fdfbf8);box-shadow:0 4px 20px #0000000d;overflow:hidden}@media (min-width: 1024px){.room-card{flex-direction:row}.room-card.reverse{flex-direction:row-reverse}}.room-details{width:100%;padding:2rem;display:flex;flex-direction:column;justify-content:center}@media (min-width: 1024px){.room-details{width:50%;padding:3rem}}.room-name{font-size:4rem;margin-bottom:.5rem;color:var(--cl_text, #3c3b3b)}.room-subtitle{font-size:1.4rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem;opacity:.7;color:var(--cl_pretitle, #19314b)}.room-features{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-bottom:1.5rem;border-top:1px solid var(--cl_border-dark, #d9e1e6);border-bottom:1px solid var(--cl_border-dark, #d9e1e6);padding:1.25rem 0}.feature-item{display:flex;align-items:center;font-size:1.8rem;font-weight:500;color:var(--cl_text, #3c3b3b)}.feature-item svg{width:1.25rem;height:1.25rem;margin-right:.5rem;fill:var(--cl_icon, #fd8700)}.room-description{font-size:1.8rem;line-height:1.6;color:#4b5563;margin-bottom:2rem}.room-price-box{margin-bottom:2rem}.room-price{display:block;font-size:2.6rem;font-weight:700;color:var(--cl_text, #3c3b3b)}.room-price-night{font-size:1.4rem;color:#6b7280}.room-actions{display:flex;flex-direction:column;gap:1rem;margin-top:auto}@media (min-width: 640px){.room-actions{flex-direction:row}}.room-image-wrapper{width:100%;position:relative;background-color:#e5e7eb;height:350px;overflow:hidden}@media (min-width: 1024px){.room-image-wrapper{width:50%;height:auto}}.room-image{width:100%;height:100%;object-fit:cover;transition:transform .7s}.room-card:hover .room-image{transform:scale(1.05)}.btn-gallery-lupa{position:absolute;top:1rem;right:1rem;width:3rem;height:3rem;background:#ffffffe6;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px #0000001a;z-index:10;transition:all .3s;color:var(--cl_text, #3c3b3b)}.btn-gallery-lupa svg{width:1.7rem;height:1.7rem}@media (max-width: 768px){.btn-gallery-lupa{display:none}}.btn-gallery-lupa:hover{background:#fff;transform:scale(1.1)}.btn-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;background:#fffc;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;color:#374151;box-shadow:0 1px 3px #0000001a}.btn-nav-arrow:hover{background:#fff}.btn-nav-arrow.left{left:1rem}.btn-nav-arrow.right{right:1rem}.btn-services{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);background:#fffffff2;border:1px solid #e5e7eb;padding:.5rem 1.5rem;font-size:1.6rem;font-weight:500;cursor:pointer;z-index:10;box-shadow:0 4px 6px #0000001a;color:var(--cl_text, #3c3b3b);transition:background .3s}.btn-services:hover{background:#fff}.services-overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;padding:1.5rem;transition:all .3s;opacity:0;pointer-events:none}.services-overlay.active{opacity:1;pointer-events:auto}.services-box{background:#ffffffe6;box-shadow:0 10px 25px #0000001a;border:1px solid var(--cl_border-dark, #d9e1e6);width:100%;max-width:600px;margin:auto;padding:1.5rem 4rem;border-radius:10px}@media (max-width: 1024px){.services-box{padding:1.5rem 1rem}.services-box .services-title{line-height:1.4;font-size:1.8rem;margin-bottom:1rem;padding-bottom:.5rem}.services-box .services-list{max-height:160px;overflow-x:hidden}}@media (max-width: 1024px) and (max-width: 600px){.services-box .services-list{grid-template-columns:1fr}}@media (max-width: 1024px){.services-box .service-item{padding:1rem .5rem}}.services-title{text-align:start;font-size:2rem;font-weight:400;line-height:3.8;color:var(--cl_text, #3c3b3b)}.services-list{display:grid;grid-template-columns:1fr 1fr;max-height:300px;overflow-y:auto;margin-bottom:2rem}.service-item{display:flex;align-items:center;padding:1.5rem 5rem;border-bottom:1px solid var(--cl_border-dark, #d9e1e6)}.service-item:nth-child(1),.service-item:nth-child(2){border-top:1px solid var(--cl_border-dark, #d9e1e6)}.service-item svg{width:1.25rem;height:1.25rem;margin-right:.5rem;fill:var(--cl_text, #3c3b3b);opacity:.7}.service-name{font-size:1.8rem;font-weight:400;color:var(--cl_text, #3c3b3b);font-family:var(--font-title)}.service-type{font-size:1.3rem;color:#6b7280;margin-top:.125rem;font-family:var(--font-text)}.btn-hide-services{display:block;margin:0 auto;padding:.5rem 1.5rem;background:transparent;border:1px solid var(--cl_text, #3c3b3b);color:var(--cl_text, #3c3b3b);font-size:1.6rem;cursor:pointer;transition:background .3s}.btn-hide-services:hover{background:#f9fafb}.gallery-modal-overlay{position:fixed;inset:0;background:#3c3b3bf2;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease-in-out}.gallery-modal-content{background:var(--cl_background_body, #ffffff);width:100%;max-width:1152px;height:85vh;display:flex;flex-direction:column;position:relative;border-radius:4px}.btn-close-gallery{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;background:transparent;border:1px solid var(--cl_border-dark, #d9e1e6);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;color:var(--cl_text, #3c3b3b)}.btn-close-gallery:hover{background:#f3f4f6}.gallery-header{text-align:center;padding:1.5rem;border-bottom:1px solid #f3f4f6;flex-shrink:0}.gallery-title{font-size:1.25rem;color:var(--cl_text, #3c3b3b)}.gallery-counter{font-size:.75rem;color:#6b7280;margin-top:.25rem}.gallery-image-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:var(--cl_background_gray, #eee);padding:1rem;overflow:hidden}.btn-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;background:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px #0000001a;z-index:10;color:var(--cl_text, #3c3b3b)}.btn-gallery-nav:hover{background:#f9fafb}.btn-gallery-nav.left{left:1.5rem}.btn-gallery-nav.right{right:1.5rem}.gallery-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 10px 15px #0000001a;animation:fadeIn .3s ease-in-out}.corp-title{font-family:var(--font-title, \"Georgia\", serif)}.corp-pretitle{font-family:var(--font-pretitle, \"Arial\", sans-serif)}.corp-text{font-family:var(--font-text, \"Arial\", sans-serif)}.btn-corp{padding:.75rem 1.5rem;border:1px solid var(--cl_text, #3c3b3b);background:transparent;color:var(--cl_text, #3c3b3b);font-weight:700;font-size:1.6rem;text-transform:uppercase;cursor:pointer;transition:all .3s}.btn-corp:hover{background:var(--cl_btn-box, #fd8700);color:#fff;border-color:var(--cl_btn-box, #fd8700)}.btn-primary{padding:.75rem 1.5rem;border:1px solid var(--cl_btn-box, #fd8700);background:var(--cl_btn-box, #fd8700);color:#fff;font-weight:700;font-size:1.6rem;text-transform:uppercase;cursor:pointer;transition:all .3s}.btn-primary:hover{background:#e07500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"] }]
18022
18032
  }], propDecorators: { texts: [{
18023
18033
  type: Input
18024
18034
  }] } });
@@ -23791,11 +23801,11 @@ class LisC4TxtDesCtaComponent {
23791
23801
  return urlBase;
23792
23802
  }
23793
23803
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC4TxtDesCtaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
23794
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LisC4TxtDesCtaComponent, isStandalone: true, selector: "lis-c4-txt-des-cta", inputs: { texts: "texts", items: "items", links: "links", additional1LikeMarca: "additional1LikeMarca", showCleanFilters: "showCleanFilters", experiences: "experiences", destinations: "destinations", showDestinations: "showDestinations", showFilters: "showFilters", maxColumns: "maxColumns", hideServicesFilter: "hideServicesFilter" }, usesOnChanges: true, ngImport: i0, template: "@if (items?.length) {\n <section class=\"mdl-md002\">\n <div class=\"mdl-container\">\n <div class=\"m-content-top\">\n @if (texts?.title) {\n <h2 class=\"m-title\" [innerHTML]=\"texts?.title\"></h2>\n }\n @if (showFilters) {\n <div class=\"m-selects\">\n @if (hasActiveFilters && showCleanFilters) {\n <button\n type=\"button\"\n class=\"m-clear\"\n (click)=\"clearFilters()\"\n >\n {{ texts?.cleanFilters ?? 'Limpiar filtros' }}\n </button>\n }\n @if (\n !hideServicesFilter && availableServices.length > 0\n ) {\n @if (availableServices.length === 1) {\n <div class=\"m-services-single\">\n <div class=\"m-checkbox-group\">\n <input\n type=\"checkbox\"\n id=\"single-srv-0\"\n [checked]=\"\n selectedServices.has(\n availableServices[0]\n )\n \"\n (change)=\"\n toggleService(\n availableServices[0]\n )\n \"\n />\n <label for=\"single-srv-0\">{{\n availableServices[0]\n }}</label>\n </div>\n </div>\n } @else {\n <div class=\"m-services-filter m-select\">\n <button\n type=\"button\"\n class=\"m-services-btn\"\n (click)=\"toggleServicesMenu()\"\n >\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M4 6H20M7 12H17M10 18H14\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n @if (\n texts?.servicestitle ||\n selectedServices.size > 0\n ) {\n <span>\n @if (texts?.servicestitle) {\n {{ texts?.servicestitle }}\n }\n @if (\n selectedServices.size > 0\n ) {\n ({{\n selectedServices.size\n }})\n }\n </span>\n }\n </button>\n\n @if (isServicesMenuOpen) {\n <div\n class=\"m-services-overlay\"\n (click)=\"toggleServicesMenu()\"\n ></div>\n\n <div class=\"m-services-dropdown\">\n <div class=\"m-dropdown-header\">\n <span\n class=\"m-close\"\n (click)=\"\n toggleServicesMenu()\n \"\n >\u2715</span\n >\n </div>\n <div class=\"m-dropdown-content\">\n @for (\n srv of availableServices;\n track $index\n ) {\n <div\n class=\"m-checkbox-group\"\n >\n <input\n type=\"checkbox\"\n [id]=\"\n 'srv-' + $index\n \"\n [checked]=\"\n selectedServices.has(\n srv\n )\n \"\n (change)=\"\n toggleService(\n srv\n )\n \"\n />\n <label\n [for]=\"\n 'srv-' + $index\n \"\n >{{ srv }}</label\n >\n </div>\n }\n </div>\n </div>\n }\n </div>\n }\n }\n <div class=\"m-select\">\n <select\n #BrandSel\n [attr.aria-label]=\"texts?.marca ?? 'marca'\"\n [(ngModel)]=\"selectedBrand\"\n (ngModelChange)=\"onBrandChange($event)\"\n >\n <option value=\"\">\n {{ texts?.marca ?? 'All' }}\n </option>\n @for (opt of brandOptions; track $index) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n @if (experienceOptions.length > 0) {\n <div class=\"m-select\">\n <select\n #ExperienceSel\n aria-label=\"Experiencias\"\n [(ngModel)]=\"selectedExperience\"\n (ngModelChange)=\"onExperienceChange($event)\"\n >\n <option value=\"\">Experiencias</option>\n @for (\n opt of experienceOptions;\n track $index\n ) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n }\n @if (texts?.hotelType) {\n <div class=\"m-select\">\n <select\n #hotelTypeSel\n [attr.aria-label]=\"\n texts?.hotelType ?? 'hoteles'\n \"\n [(ngModel)]=\"selectedHotelType\"\n (ngModelChange)=\"onHotelTypeChange($event)\"\n >\n <option value=\"\">\n {{ texts?.hotelType }}\n </option>\n @for (\n opt of hotelTypeOptions;\n track $index\n ) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n }\n\n <div class=\"m-select\">\n <select\n #Destination\n [attr.aria-label]=\"\n texts?.destinations ?? 'destinos'\n \"\n [(ngModel)]=\"selectedDestination\"\n (ngModelChange)=\"onDestinationChange($event)\"\n >\n <option value=\"\">\n {{ texts?.destinations }}\n </option>\n @for (opt of destinationOptions; track $index) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n </div>\n }\n </div>\n\n <div\n class=\"m-cards-container\"\n [style.--maxColumns]=\"maxColumns ?? 4\"\n >\n @if (filteredItems?.length) {\n @for (item of filteredItems; track $index) {\n <div\n class=\"m-card\"\n [ngClass]=\"{\n cardempty:\n !getFirstImageByTag(\n tagName,\n item?.images ??\n item?.multimedia?.imagenes ??\n []\n ) &&\n !(\n item.images?.[0] ??\n item?.multimedia?.imagenes?.[0]\n ),\n }\"\n >\n @if (\n getFirstImageByTag(\n tagName,\n item.images ??\n item?.multimedia?.imagenes ??\n []\n ) ??\n item.images?.[0] ??\n item?.multimedia?.imagenes?.[0];\n as img\n ) {\n <a\n class=\"link-container\"\n [href]=\"item.links?.[0]?.url\"\n [linkType]=\"item.links?.[0]?.linkType\"\n [disablePointerNone]=\"true\"\n >\n <div\n class=\"m-card-top\"\n [style.background-image]=\"\n 'url(' + img.img?.src + ')'\n \"\n >\n <div class=\"m-tag-left\">\n @if (item.hoteltype) {\n {{ item.hoteltype }}\n }\n <div class=\"m-keys\">\n @if (\n (item?.hoteltype ===\n 'Hotel' ||\n item?.hoteltype ===\n 'H\u00F4tel') &&\n item?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n item?.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n >\n <g\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <g>\n <g>\n <g\n transform=\"translate(-1404.000000, -5922.000000) translate(191.000000, 5865.000000) translate(1109.000000, 57.000000)\"\n >\n <g>\n <path\n fill=\"#fff\"\n fill-opacity=\"1\"\n fill-rule=\"nonzero\"\n d=\"M10 0l2.294 7.104c.034.106.133.178.245.178L20 7.267l-6.046 4.374v.001c-.09.066-.128.182-.093.289l2.322 7.095-6.032-4.4c-.09-.065-.213-.065-.303 0l-6.029 4.4 2.322-7.095H6.14c.035-.107-.003-.223-.094-.289L0 7.268l7.461.015.001-.001c.112 0 .211-.072.245-.178L10 0z\"\n transform=\"translate(104.000000, 0.000000)\"\n />\n </g>\n </g>\n </g>\n </g>\n </g>\n </svg>\n }\n </div>\n }\n\n @if (\n (item?.hoteltype ===\n 'Apartamento' ||\n item?.hoteltype ===\n 'Appartement') &&\n item?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n item?.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n width=\"13\"\n height=\"13\"\n viewBox=\"0 0 13 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n fill=\"#fff\"\n fill-opacity=\"1\"\n />\n </svg>\n }\n </div>\n }\n </div>\n {{ showIfSup(item?.hotelcategory) }}\n </div>\n @if (item?.texts?.additional2) {\n <div\n class=\"m-tag-right\"\n [ngClass]=\"{\n 'left-mode':\n !item.hoteltype,\n }\"\n [style.backgroundColor]=\"\n item?.styles?.primary ??\n '#ff4338'\n \"\n >\n {{ item?.texts?.additional2 }}\n </div>\n }\n </div>\n </a>\n <div class=\"m-content\">\n @if (\n item.texts?.title || item.texts?.name\n ) {\n <div class=\"m-title\">\n {{\n item.texts?.title ??\n item.texts?.name\n }}\n </div>\n }\n\n <div class=\"m-subtitle\">\n @if (item.locality) {\n {{ item.locality }}\n }\n @if (item.locality && item.province) {\n -\n }\n @if (item.province) {\n {{ item.province }}\n }\n </div>\n\n @if (item.buttons?.length) {\n @for (\n btn of item.buttons;\n track $index\n ) {\n <a\n class=\"m-btn\"\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 === 0,\n 'm-but m-underline':\n $index % 2 !== 0,\n }\"\n [style.--btn-primary-dynamic]=\"\n item.styles?.primary\n \"\n [style.--btn-hover-dynamic]=\"\n item.styles?.primaryHover\n \"\n [href]=\"\n getButtonUrl(\n btn,\n item,\n $index\n )\n \"\n [attr.target]=\"\n btn.target || '_self'\n \"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"btn.label\"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n }\n </div>\n }\n </div>\n }\n } @else {\n <div class=\"m-empty\">\n {{\n texts?.notFound ??\n 'No se encontraron resultados con esos filtros.'\n }}\n </div>\n }\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);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;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;color:var(--cl_btn-call-text-hover)}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}.m-button-sm:hover span{color:var(--cl_btn-call-text-hover)}}.m-button-sm:focus{background-color:#ed3b37}.m-button-sm:focus span{color:var(--cl_btn-call-text-hover)}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:var(--cl_title);font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.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:0rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);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:var(--cl_btn-link);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:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);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:var(--cl_btn-link);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:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);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:var(--cl_btn-link);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:var(--font-text);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:var(--font-text);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/img/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/img/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/img/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:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:var(--font-text);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:var(--font-text);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:var(--font-text);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 var(--cl_background_gray) 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/img/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:var(--font-text);font-size:1.4rem;font-weight:var(--w_text);color:var(--cl_dropdown-text)}.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/img/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:var(--font-text);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:var(--cl_radio);transform:translate(-50%,-50%)}.m-radio-group label{font-family:var(--font-text);font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/img/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:var(--font-text);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:var(--cl_btn-link);text-align:center;font-family:var(--font-text);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/img/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-md002{background-color:var(--cl_background_body)}.mdl-md002.p-top{margin-top:10rem}.mdl-md002 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-md002 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-md002 .mdl-container .m-content-top .m-title{font-family:var(--font-text);font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md002 .mdl-container .m-content-top .m-title{width:100%;max-width:54.4rem;color:var(--cl_btn-link);font-weight:400}.mdl-md002 .mdl-container .m-content-top .m-selects{display:inline-block;display:flex;gap:2.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-single{display:flex;align-items:center;height:4.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-single .m-checkbox-group{margin:0;align-items:center}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-single .m-checkbox-group input[type=checkbox]{margin-right:1rem;width:2rem;height:2rem;flex-shrink:0;border:.1rem solid #d2d2d2;border-radius:.4rem!important;cursor:pointer}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-single .m-checkbox-group input[type=checkbox]:checked{background-color:var(--cl_btn-link, #ff4338);border-color:var(--cl_btn-link, #ff4338);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\")!important;background-size:1.2rem;background-position:center;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-single .m-checkbox-group label{margin:0;font-size:1.4rem;cursor:pointer;font-weight:500;color:var(--cl_btn-link);max-width:none}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter{position:relative}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-btn{display:flex;align-items:center;gap:.8rem;padding:.5rem 4rem .5rem 1rem;font-size:1.4rem;color:var(--cl_btn-link);border:.1rem solid var(--cl_btn-link);border-radius:.5rem;background-color:#fff;cursor:pointer;min-height:4.4rem;font-family:var(--font-text);font-weight:500;width:100%}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-btn svg{width:2rem;height:2rem;stroke:#ff4338}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:90;cursor:default}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown{position:absolute;top:110%;left:0;background:#fff;border:1px solid #e4e4e4;border-radius:.8rem;box-shadow:0 4px 12px #0000001a;z-index:100;min-width:25rem;max-height:35rem;display:flex;flex-direction:column}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown .m-dropdown-header{display:flex;justify-content:flex-end;padding:1rem 1.5rem;border-bottom:1px solid #e4e4e4}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown .m-dropdown-header .m-close{cursor:pointer;font-weight:700;font-size:1.6rem;color:#4a4a49}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown .m-dropdown-content{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.2rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown .m-dropdown-content .m-checkbox-group{display:flex;align-items:center;margin-bottom:0}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown .m-dropdown-content .m-checkbox-group input[type=checkbox]{margin-right:1rem;width:2rem;height:2rem;flex-shrink:0;border:.1rem solid #d2d2d2;border-radius:.4rem!important;cursor:pointer}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown .m-dropdown-content .m-checkbox-group input[type=checkbox]:checked{background-color:var(--cl_btn-link, #ff4338);border-color:var(--cl_btn-link, #ff4338);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\")!important;background-size:1.2rem;background-position:center;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown .m-dropdown-content .m-checkbox-group label{margin:0;font-size:1.4rem;cursor:pointer;font-weight:400;color:var(--cl_btn-link);max-width:none}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select{position:relative}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:20rem;padding:.5rem 2rem .5rem 1rem;font-size:1rem;color:var(--cl_btn-link);border:.1rem solid var(--cl_btn-link);border-radius:.5rem;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:var(--font-text);font-weight:500;font-size:1.5rem;line-height:100%;cursor:pointer;min-height:4.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select:after{content:\"\\276e\";position:absolute;right:2rem;top:1.5rem;transform:rotate(270deg);pointer-events:none;color:var(--cl_btn-link);font-weight:700;font-size:1.3rem}.mdl-md002 .mdl-container .m-cards-container{display:flex;align-items:start;flex-direction:row;gap:0 3rem;max-width:100%;display:grid;grid-template-columns:repeat(var(--maxColumns),1fr);width:100%}.mdl-md002 .mdl-container .m-cards-container .link-container{width:100%;height:100%}.mdl-md002 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;cursor:pointer;aspect-ratio:378/486;max-width:38rem;padding-bottom:2rem;margin-inline:auto}@media (min-width: 1024px){.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content{transform:translateY(-20%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none;width:100%;max-width:26rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-but{opacity:1;transform:none}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;position:absolute;background-color:#ed3b37;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-left{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.5rem;left:1.5rem;white-space:nowrap;display:flex;gap:.8rem;align-items:center}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:3rem;right:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right.left-mode{left:3rem;right:auto}@media (max-width: 540px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right{left:3rem;right:auto!important;top:6rem!important}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem;background-color:#fff9f9;position:relative}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-family:var(--font-text);font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{padding:6rem 5rem;color:var(--cl_btn-link)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;width:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;justify-self:anchor-center;align-self:anchor-center;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:1.6rem;opacity:0;transform:translateY(-118%);transition:all .3s ease;width:100%;max-width:26rem;min-width:20rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{margin:2rem 0 4rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:var(--font-text);font-weight:500;font-size:2.3rem;color:var(--cl_title)}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{margin-bottom:1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:var(--font-text);font-weight:400;font-size:1.6rem;line-height:2.8rem;color:var(--cl_btn-link)}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(3,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-card-icon{height:34vw}.mdl-md002 .mdl-container .m-title{max-width:66rem}.mdl-md002 .mdl-container .m-content-top{display:flex;flex-direction:column;align-items:flex-start}.mdl-md002 .mdl-container .m-content-top .m-selects{margin:3rem auto 0;flex-wrap:wrap;justify-content:center}}@media (max-width: 1280px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:17.1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-md002{padding-top:7.5rem}.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(2,1fr)}.mdl-md002 .mdl-container .m-cards-container .cardempty{display:none}.mdl-md002 .mdl-container .m-cards-container .m-card{aspect-ratio:378/582}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-text{font-size:2.8rem;line-height:3.8rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{left:50%;transform:translate(-50%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm,.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:1;transform:none}}@media (max-width: 768px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(1,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-title{width:100%;max-width:none}.mdl-md002 .mdl-container .m-cards-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}.mdl-md002 .mdl-container .m-content-top .m-selects{flex-direction:column}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-selects{margin:0;flex-wrap:nowrap;flex-direction:column;width:100%;margin-top:2rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select,.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:100%}}.mdl-md002 .m-btn{--btn-primary: var(--cl_btn-box);--btn-hover: var(--cl_btn-box-hover);background:var(--btn-primary);border:1px solid var(--btn-primary);color:var(--cl_btn-call-text);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.mdl-md002 .m-btn:hover{background:var(--btn-hover);border-color:var(--btn-hover)}.mdl-md002 .m-button-sm{border:0;background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-button-sm:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.mdl-md002 .m-but.m-underline{background:transparent;border:0}.mdl-md002 .m-but.m-underline span{color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-but.m-underline:after{background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-empty{font-family:var(--font-text);font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .m-empty{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .m-empty{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .m-empty{font-size:2.4rem;line-height:3rem}}.mdl-md002 .m-empty{width:100%;max-width:54.4rem;color:var(--cl_btn-link);font-weight:400}\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"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
23804
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LisC4TxtDesCtaComponent, isStandalone: true, selector: "lis-c4-txt-des-cta", inputs: { texts: "texts", items: "items", links: "links", additional1LikeMarca: "additional1LikeMarca", showCleanFilters: "showCleanFilters", experiences: "experiences", destinations: "destinations", showDestinations: "showDestinations", showFilters: "showFilters", maxColumns: "maxColumns", hideServicesFilter: "hideServicesFilter" }, usesOnChanges: true, ngImport: i0, template: "@if (items?.length) {\n <section class=\"mdl-md002\">\n <div class=\"mdl-container\">\n <div class=\"m-content-top\">\n @if (texts?.title) {\n <h2 class=\"m-title\" [innerHTML]=\"texts?.title\"></h2>\n }\n @if (showFilters) {\n <div class=\"m-selects\">\n @if (hasActiveFilters && showCleanFilters) {\n <button\n type=\"button\"\n class=\"m-clear\"\n (click)=\"clearFilters()\"\n >\n {{ texts?.cleanFilters ?? 'Limpiar filtros' }}\n </button>\n }\n @if (\n !hideServicesFilter && availableServices.length > 0\n ) {\n @if (availableServices.length === 1) {\n <div\n class=\"m-services-single services-filter services-filter__single\"\n >\n <div class=\"m-checkbox-group\">\n <input\n type=\"checkbox\"\n id=\"single-srv-0\"\n [checked]=\"\n selectedServices.has(\n availableServices[0]\n )\n \"\n (change)=\"\n toggleService(\n availableServices[0]\n )\n \"\n />\n <label for=\"single-srv-0\">{{\n availableServices[0]\n }}</label>\n </div>\n </div>\n } @else {\n <div\n class=\"m-services-filter m-select services-filter services-filter__multi\"\n >\n <button\n type=\"button\"\n class=\"m-services-btn\"\n (click)=\"toggleServicesMenu()\"\n >\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M4 6H20M7 12H17M10 18H14\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n @if (\n texts?.servicestitle ||\n selectedServices.size > 0\n ) {\n <span>\n @if (texts?.servicestitle) {\n {{ texts?.servicestitle }}\n }\n @if (\n selectedServices.size > 0\n ) {\n ({{\n selectedServices.size\n }})\n }\n </span>\n }\n </button>\n\n @if (isServicesMenuOpen) {\n <div\n class=\"m-services-overlay\"\n (click)=\"toggleServicesMenu()\"\n ></div>\n\n <div class=\"m-services-dropdown\">\n <div class=\"m-dropdown-header\">\n <span\n class=\"m-close\"\n (click)=\"\n toggleServicesMenu()\n \"\n >\u2715</span\n >\n </div>\n <div class=\"m-dropdown-content\">\n @for (\n srv of availableServices;\n track $index\n ) {\n <div\n class=\"m-checkbox-group\"\n >\n <input\n type=\"checkbox\"\n [id]=\"\n 'srv-' + $index\n \"\n [checked]=\"\n selectedServices.has(\n srv\n )\n \"\n (change)=\"\n toggleService(\n srv\n )\n \"\n />\n <label\n [for]=\"\n 'srv-' + $index\n \"\n >{{ srv }}</label\n >\n </div>\n }\n </div>\n </div>\n }\n </div>\n }\n }\n <div class=\"m-select brand-filter\">\n <select\n #BrandSel\n [attr.aria-label]=\"texts?.marca ?? 'marca'\"\n [(ngModel)]=\"selectedBrand\"\n (ngModelChange)=\"onBrandChange($event)\"\n >\n <option value=\"\">\n {{ texts?.marca ?? 'All' }}\n </option>\n @for (opt of brandOptions; track $index) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n @if (experienceOptions.length > 0) {\n <div class=\"m-select experience-filter\">\n <select\n #ExperienceSel\n aria-label=\"Experiencias\"\n [(ngModel)]=\"selectedExperience\"\n (ngModelChange)=\"onExperienceChange($event)\"\n >\n <option value=\"\">Experiencias</option>\n @for (\n opt of experienceOptions;\n track $index\n ) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n }\n @if (texts?.hotelType) {\n <div class=\"m-select hoteltype-filter\">\n <select\n #hotelTypeSel\n [attr.aria-label]=\"\n texts?.hotelType ?? 'hoteles'\n \"\n [(ngModel)]=\"selectedHotelType\"\n (ngModelChange)=\"onHotelTypeChange($event)\"\n >\n <option value=\"\">\n {{ texts?.hotelType }}\n </option>\n @for (\n opt of hotelTypeOptions;\n track $index\n ) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n }\n\n <div class=\"m-select destination-filter\">\n <select\n #Destination\n [attr.aria-label]=\"\n texts?.destinations ?? 'destinos'\n \"\n [(ngModel)]=\"selectedDestination\"\n (ngModelChange)=\"onDestinationChange($event)\"\n >\n <option value=\"\">\n {{ texts?.destinations }}\n </option>\n @for (opt of destinationOptions; track $index) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n </div>\n }\n </div>\n\n <div\n class=\"m-cards-container\"\n [style.--maxColumns]=\"maxColumns ?? 4\"\n >\n @if (filteredItems?.length) {\n @for (item of filteredItems; track $index) {\n <div\n class=\"m-card\"\n [ngClass]=\"{\n cardempty:\n !getFirstImageByTag(\n tagName,\n item?.images ??\n item?.multimedia?.imagenes ??\n []\n ) &&\n !(\n item.images?.[0] ??\n item?.multimedia?.imagenes?.[0]\n ),\n }\"\n >\n @if (\n getFirstImageByTag(\n tagName,\n item.images ??\n item?.multimedia?.imagenes ??\n []\n ) ??\n item.images?.[0] ??\n item?.multimedia?.imagenes?.[0];\n as img\n ) {\n <a\n class=\"link-container\"\n [href]=\"item.links?.[0]?.url\"\n [linkType]=\"item.links?.[0]?.linkType\"\n [disablePointerNone]=\"true\"\n >\n <div\n class=\"m-card-top\"\n [style.background-image]=\"\n 'url(' + img.img?.src + ')'\n \"\n >\n <div class=\"m-tag-left\">\n @if (item.hoteltype) {\n {{ item.hoteltype }}\n }\n <div class=\"m-keys\">\n @if (\n (item?.hoteltype ===\n 'Hotel' ||\n item?.hoteltype ===\n 'H\u00F4tel') &&\n item?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n item?.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n >\n <g\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <g>\n <g>\n <g\n transform=\"translate(-1404.000000, -5922.000000) translate(191.000000, 5865.000000) translate(1109.000000, 57.000000)\"\n >\n <g>\n <path\n fill=\"#fff\"\n fill-opacity=\"1\"\n fill-rule=\"nonzero\"\n d=\"M10 0l2.294 7.104c.034.106.133.178.245.178L20 7.267l-6.046 4.374v.001c-.09.066-.128.182-.093.289l2.322 7.095-6.032-4.4c-.09-.065-.213-.065-.303 0l-6.029 4.4 2.322-7.095H6.14c.035-.107-.003-.223-.094-.289L0 7.268l7.461.015.001-.001c.112 0 .211-.072.245-.178L10 0z\"\n transform=\"translate(104.000000, 0.000000)\"\n />\n </g>\n </g>\n </g>\n </g>\n </g>\n </svg>\n }\n </div>\n }\n\n @if (\n (item?.hoteltype ===\n 'Apartamento' ||\n item?.hoteltype ===\n 'Appartement') &&\n item?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n item?.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n width=\"13\"\n height=\"13\"\n viewBox=\"0 0 13 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n fill=\"#fff\"\n fill-opacity=\"1\"\n />\n </svg>\n }\n </div>\n }\n </div>\n {{ showIfSup(item?.hotelcategory) }}\n </div>\n @if (item?.texts?.additional2) {\n <div\n class=\"m-tag-right\"\n [ngClass]=\"{\n 'left-mode':\n !item.hoteltype,\n }\"\n [style.backgroundColor]=\"\n item?.styles?.primary ??\n '#ff4338'\n \"\n >\n {{ item?.texts?.additional2 }}\n </div>\n }\n </div>\n </a>\n <div class=\"m-content\">\n @if (\n item.texts?.title || item.texts?.name\n ) {\n <div class=\"m-title\">\n {{\n item.texts?.title ??\n item.texts?.name\n }}\n </div>\n }\n\n <div class=\"m-subtitle\">\n @if (item.locality) {\n {{ item.locality }}\n }\n @if (item.locality && item.province) {\n -\n }\n @if (item.province) {\n {{ item.province }}\n }\n </div>\n\n @if (item.buttons?.length) {\n @for (\n btn of item.buttons;\n track $index\n ) {\n <a\n class=\"m-btn\"\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 === 0,\n 'm-but m-underline':\n $index % 2 !== 0,\n }\"\n [style.--btn-primary-dynamic]=\"\n item.styles?.primary\n \"\n [style.--btn-hover-dynamic]=\"\n item.styles?.primaryHover\n \"\n [href]=\"\n getButtonUrl(\n btn,\n item,\n $index\n )\n \"\n [attr.target]=\"\n btn.target || '_self'\n \"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"btn.label\"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n }\n </div>\n }\n </div>\n }\n } @else {\n <div class=\"m-empty\">\n {{\n texts?.notFound ??\n 'No se encontraron resultados con esos filtros.'\n }}\n </div>\n }\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);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;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;color:var(--cl_btn-call-text-hover)}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}.m-button-sm:hover span{color:var(--cl_btn-call-text-hover)}}.m-button-sm:focus{background-color:#ed3b37}.m-button-sm:focus span{color:var(--cl_btn-call-text-hover)}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:var(--cl_title);font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.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:0rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);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:var(--cl_btn-link);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:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);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:var(--cl_btn-link);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:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);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:var(--cl_btn-link);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:var(--font-text);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:var(--font-text);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/img/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/img/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/img/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:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:var(--font-text);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:var(--font-text);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:var(--font-text);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 var(--cl_background_gray) 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/img/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:var(--font-text);font-size:1.4rem;font-weight:var(--w_text);color:var(--cl_dropdown-text)}.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/img/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:var(--font-text);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:var(--cl_radio);transform:translate(-50%,-50%)}.m-radio-group label{font-family:var(--font-text);font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/img/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:var(--font-text);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:var(--cl_btn-link);text-align:center;font-family:var(--font-text);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/img/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-md002{background-color:var(--cl_background_body)}.mdl-md002.p-top{margin-top:10rem}.mdl-md002 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-md002 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-md002 .mdl-container .m-content-top .m-title{font-family:var(--font-text);font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md002 .mdl-container .m-content-top .m-title{width:100%;max-width:54.4rem;color:var(--cl_btn-link);font-weight:400}.mdl-md002 .mdl-container .m-content-top .m-selects{display:inline-block;display:flex;gap:2.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-single{display:flex;align-items:center;height:4.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-single .m-checkbox-group{margin:0;align-items:center}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-single .m-checkbox-group input[type=checkbox]{margin-right:1rem;width:2rem;height:2rem;flex-shrink:0;border:.1rem solid #d2d2d2;border-radius:.4rem!important;cursor:pointer}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-single .m-checkbox-group input[type=checkbox]:checked{background-color:var(--cl_btn-link, #ff4338);border-color:var(--cl_btn-link, #ff4338);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\")!important;background-size:1.2rem;background-position:center;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-single .m-checkbox-group label{margin:0;font-size:1.4rem;cursor:pointer;font-weight:500;color:var(--cl_btn-link);max-width:none}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter{position:relative}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-btn{display:flex;align-items:center;gap:.8rem;padding:.5rem 4rem .5rem 1rem;font-size:1.4rem;color:var(--cl_btn-link);border:.1rem solid var(--cl_btn-link);border-radius:.5rem;background-color:#fff;cursor:pointer;min-height:4.4rem;font-family:var(--font-text);font-weight:500;width:100%}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-btn svg{width:2rem;height:2rem;stroke:#ff4338}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:90;cursor:default}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown{position:absolute;top:110%;left:0;background:#fff;border:1px solid #e4e4e4;border-radius:.8rem;box-shadow:0 4px 12px #0000001a;z-index:100;min-width:25rem;max-height:35rem;display:flex;flex-direction:column}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown .m-dropdown-header{display:flex;justify-content:flex-end;padding:1rem 1.5rem;border-bottom:1px solid #e4e4e4}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown .m-dropdown-header .m-close{cursor:pointer;font-weight:700;font-size:1.6rem;color:#4a4a49}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown .m-dropdown-content{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.2rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown .m-dropdown-content .m-checkbox-group{display:flex;align-items:center;margin-bottom:0}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown .m-dropdown-content .m-checkbox-group input[type=checkbox]{margin-right:1rem;width:2rem;height:2rem;flex-shrink:0;border:.1rem solid #d2d2d2;border-radius:.4rem!important;cursor:pointer}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown .m-dropdown-content .m-checkbox-group input[type=checkbox]:checked{background-color:var(--cl_btn-link, #ff4338);border-color:var(--cl_btn-link, #ff4338);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\")!important;background-size:1.2rem;background-position:center;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown .m-dropdown-content .m-checkbox-group label{margin:0;font-size:1.4rem;cursor:pointer;font-weight:400;color:var(--cl_btn-link);max-width:none}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select{position:relative}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:20rem;padding:.5rem 2rem .5rem 1rem;font-size:1rem;color:var(--cl_btn-link);border:.1rem solid var(--cl_btn-link);border-radius:.5rem;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:var(--font-text);font-weight:500;font-size:1.5rem;line-height:100%;cursor:pointer;min-height:4.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select:after{content:\"\\276e\";position:absolute;right:2rem;top:1.5rem;transform:rotate(270deg);pointer-events:none;color:var(--cl_btn-link);font-weight:700;font-size:1.3rem}.mdl-md002 .mdl-container .m-cards-container{display:flex;align-items:start;flex-direction:row;gap:0 3rem;max-width:100%;display:grid;grid-template-columns:repeat(var(--maxColumns),1fr);width:100%}.mdl-md002 .mdl-container .m-cards-container .link-container{width:100%;height:100%}.mdl-md002 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;cursor:pointer;aspect-ratio:378/486;max-width:38rem;padding-bottom:2rem;margin-inline:auto}@media (min-width: 1024px){.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content{transform:translateY(-20%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none;width:100%;max-width:26rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-but{opacity:1;transform:none}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;position:absolute;background-color:#ed3b37;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-left{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.5rem;left:1.5rem;white-space:nowrap;display:flex;gap:.8rem;align-items:center}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:3rem;right:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right.left-mode{left:3rem;right:auto}@media (max-width: 540px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right{left:3rem;right:auto!important;top:6rem!important}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem;background-color:#fff9f9;position:relative}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-family:var(--font-text);font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{padding:6rem 5rem;color:var(--cl_btn-link)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;width:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;justify-self:anchor-center;align-self:anchor-center;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:1.6rem;opacity:0;transform:translateY(-118%);transition:all .3s ease;width:100%;max-width:26rem;min-width:20rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{margin:2rem 0 4rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:var(--font-text);font-weight:500;font-size:2.3rem;color:var(--cl_title)}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{margin-bottom:1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:var(--font-text);font-weight:400;font-size:1.6rem;line-height:2.8rem;color:var(--cl_btn-link)}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(3,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-card-icon{height:34vw}.mdl-md002 .mdl-container .m-title{max-width:66rem}.mdl-md002 .mdl-container .m-content-top{display:flex;flex-direction:column;align-items:flex-start}.mdl-md002 .mdl-container .m-content-top .m-selects{margin:3rem auto 0;flex-wrap:wrap;justify-content:center}}@media (max-width: 1280px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:17.1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-md002{padding-top:7.5rem}.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(2,1fr)}.mdl-md002 .mdl-container .m-cards-container .cardempty{display:none}.mdl-md002 .mdl-container .m-cards-container .m-card{aspect-ratio:378/582}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-text{font-size:2.8rem;line-height:3.8rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{left:50%;transform:translate(-50%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm,.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:1;transform:none}}@media (max-width: 768px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(1,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-title{width:100%;max-width:none}.mdl-md002 .mdl-container .m-cards-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}.mdl-md002 .mdl-container .m-content-top .m-selects{flex-direction:column}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-selects{margin:0;flex-wrap:nowrap;flex-direction:column;width:100%;margin-top:2rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select,.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:100%}}.mdl-md002 .m-btn{--btn-primary: var(--cl_btn-box);--btn-hover: var(--cl_btn-box-hover);background:var(--btn-primary);border:1px solid var(--btn-primary);color:var(--cl_btn-call-text);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.mdl-md002 .m-btn:hover{background:var(--btn-hover);border-color:var(--btn-hover)}.mdl-md002 .m-button-sm{border:0;background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-button-sm:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.mdl-md002 .m-but.m-underline{background:transparent;border:0}.mdl-md002 .m-but.m-underline span{color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-but.m-underline:after{background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-empty{font-family:var(--font-text);font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .m-empty{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .m-empty{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .m-empty{font-size:2.4rem;line-height:3rem}}.mdl-md002 .m-empty{width:100%;max-width:54.4rem;color:var(--cl_btn-link);font-weight:400}\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"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
23795
23805
  }
23796
23806
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC4TxtDesCtaComponent, decorators: [{
23797
23807
  type: Component,
23798
- args: [{ selector: 'lis-c4-txt-des-cta', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective, FormsModule], template: "@if (items?.length) {\n <section class=\"mdl-md002\">\n <div class=\"mdl-container\">\n <div class=\"m-content-top\">\n @if (texts?.title) {\n <h2 class=\"m-title\" [innerHTML]=\"texts?.title\"></h2>\n }\n @if (showFilters) {\n <div class=\"m-selects\">\n @if (hasActiveFilters && showCleanFilters) {\n <button\n type=\"button\"\n class=\"m-clear\"\n (click)=\"clearFilters()\"\n >\n {{ texts?.cleanFilters ?? 'Limpiar filtros' }}\n </button>\n }\n @if (\n !hideServicesFilter && availableServices.length > 0\n ) {\n @if (availableServices.length === 1) {\n <div class=\"m-services-single\">\n <div class=\"m-checkbox-group\">\n <input\n type=\"checkbox\"\n id=\"single-srv-0\"\n [checked]=\"\n selectedServices.has(\n availableServices[0]\n )\n \"\n (change)=\"\n toggleService(\n availableServices[0]\n )\n \"\n />\n <label for=\"single-srv-0\">{{\n availableServices[0]\n }}</label>\n </div>\n </div>\n } @else {\n <div class=\"m-services-filter m-select\">\n <button\n type=\"button\"\n class=\"m-services-btn\"\n (click)=\"toggleServicesMenu()\"\n >\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M4 6H20M7 12H17M10 18H14\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n @if (\n texts?.servicestitle ||\n selectedServices.size > 0\n ) {\n <span>\n @if (texts?.servicestitle) {\n {{ texts?.servicestitle }}\n }\n @if (\n selectedServices.size > 0\n ) {\n ({{\n selectedServices.size\n }})\n }\n </span>\n }\n </button>\n\n @if (isServicesMenuOpen) {\n <div\n class=\"m-services-overlay\"\n (click)=\"toggleServicesMenu()\"\n ></div>\n\n <div class=\"m-services-dropdown\">\n <div class=\"m-dropdown-header\">\n <span\n class=\"m-close\"\n (click)=\"\n toggleServicesMenu()\n \"\n >\u2715</span\n >\n </div>\n <div class=\"m-dropdown-content\">\n @for (\n srv of availableServices;\n track $index\n ) {\n <div\n class=\"m-checkbox-group\"\n >\n <input\n type=\"checkbox\"\n [id]=\"\n 'srv-' + $index\n \"\n [checked]=\"\n selectedServices.has(\n srv\n )\n \"\n (change)=\"\n toggleService(\n srv\n )\n \"\n />\n <label\n [for]=\"\n 'srv-' + $index\n \"\n >{{ srv }}</label\n >\n </div>\n }\n </div>\n </div>\n }\n </div>\n }\n }\n <div class=\"m-select\">\n <select\n #BrandSel\n [attr.aria-label]=\"texts?.marca ?? 'marca'\"\n [(ngModel)]=\"selectedBrand\"\n (ngModelChange)=\"onBrandChange($event)\"\n >\n <option value=\"\">\n {{ texts?.marca ?? 'All' }}\n </option>\n @for (opt of brandOptions; track $index) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n @if (experienceOptions.length > 0) {\n <div class=\"m-select\">\n <select\n #ExperienceSel\n aria-label=\"Experiencias\"\n [(ngModel)]=\"selectedExperience\"\n (ngModelChange)=\"onExperienceChange($event)\"\n >\n <option value=\"\">Experiencias</option>\n @for (\n opt of experienceOptions;\n track $index\n ) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n }\n @if (texts?.hotelType) {\n <div class=\"m-select\">\n <select\n #hotelTypeSel\n [attr.aria-label]=\"\n texts?.hotelType ?? 'hoteles'\n \"\n [(ngModel)]=\"selectedHotelType\"\n (ngModelChange)=\"onHotelTypeChange($event)\"\n >\n <option value=\"\">\n {{ texts?.hotelType }}\n </option>\n @for (\n opt of hotelTypeOptions;\n track $index\n ) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n }\n\n <div class=\"m-select\">\n <select\n #Destination\n [attr.aria-label]=\"\n texts?.destinations ?? 'destinos'\n \"\n [(ngModel)]=\"selectedDestination\"\n (ngModelChange)=\"onDestinationChange($event)\"\n >\n <option value=\"\">\n {{ texts?.destinations }}\n </option>\n @for (opt of destinationOptions; track $index) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n </div>\n }\n </div>\n\n <div\n class=\"m-cards-container\"\n [style.--maxColumns]=\"maxColumns ?? 4\"\n >\n @if (filteredItems?.length) {\n @for (item of filteredItems; track $index) {\n <div\n class=\"m-card\"\n [ngClass]=\"{\n cardempty:\n !getFirstImageByTag(\n tagName,\n item?.images ??\n item?.multimedia?.imagenes ??\n []\n ) &&\n !(\n item.images?.[0] ??\n item?.multimedia?.imagenes?.[0]\n ),\n }\"\n >\n @if (\n getFirstImageByTag(\n tagName,\n item.images ??\n item?.multimedia?.imagenes ??\n []\n ) ??\n item.images?.[0] ??\n item?.multimedia?.imagenes?.[0];\n as img\n ) {\n <a\n class=\"link-container\"\n [href]=\"item.links?.[0]?.url\"\n [linkType]=\"item.links?.[0]?.linkType\"\n [disablePointerNone]=\"true\"\n >\n <div\n class=\"m-card-top\"\n [style.background-image]=\"\n 'url(' + img.img?.src + ')'\n \"\n >\n <div class=\"m-tag-left\">\n @if (item.hoteltype) {\n {{ item.hoteltype }}\n }\n <div class=\"m-keys\">\n @if (\n (item?.hoteltype ===\n 'Hotel' ||\n item?.hoteltype ===\n 'H\u00F4tel') &&\n item?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n item?.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n >\n <g\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <g>\n <g>\n <g\n transform=\"translate(-1404.000000, -5922.000000) translate(191.000000, 5865.000000) translate(1109.000000, 57.000000)\"\n >\n <g>\n <path\n fill=\"#fff\"\n fill-opacity=\"1\"\n fill-rule=\"nonzero\"\n d=\"M10 0l2.294 7.104c.034.106.133.178.245.178L20 7.267l-6.046 4.374v.001c-.09.066-.128.182-.093.289l2.322 7.095-6.032-4.4c-.09-.065-.213-.065-.303 0l-6.029 4.4 2.322-7.095H6.14c.035-.107-.003-.223-.094-.289L0 7.268l7.461.015.001-.001c.112 0 .211-.072.245-.178L10 0z\"\n transform=\"translate(104.000000, 0.000000)\"\n />\n </g>\n </g>\n </g>\n </g>\n </g>\n </svg>\n }\n </div>\n }\n\n @if (\n (item?.hoteltype ===\n 'Apartamento' ||\n item?.hoteltype ===\n 'Appartement') &&\n item?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n item?.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n width=\"13\"\n height=\"13\"\n viewBox=\"0 0 13 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n fill=\"#fff\"\n fill-opacity=\"1\"\n />\n </svg>\n }\n </div>\n }\n </div>\n {{ showIfSup(item?.hotelcategory) }}\n </div>\n @if (item?.texts?.additional2) {\n <div\n class=\"m-tag-right\"\n [ngClass]=\"{\n 'left-mode':\n !item.hoteltype,\n }\"\n [style.backgroundColor]=\"\n item?.styles?.primary ??\n '#ff4338'\n \"\n >\n {{ item?.texts?.additional2 }}\n </div>\n }\n </div>\n </a>\n <div class=\"m-content\">\n @if (\n item.texts?.title || item.texts?.name\n ) {\n <div class=\"m-title\">\n {{\n item.texts?.title ??\n item.texts?.name\n }}\n </div>\n }\n\n <div class=\"m-subtitle\">\n @if (item.locality) {\n {{ item.locality }}\n }\n @if (item.locality && item.province) {\n -\n }\n @if (item.province) {\n {{ item.province }}\n }\n </div>\n\n @if (item.buttons?.length) {\n @for (\n btn of item.buttons;\n track $index\n ) {\n <a\n class=\"m-btn\"\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 === 0,\n 'm-but m-underline':\n $index % 2 !== 0,\n }\"\n [style.--btn-primary-dynamic]=\"\n item.styles?.primary\n \"\n [style.--btn-hover-dynamic]=\"\n item.styles?.primaryHover\n \"\n [href]=\"\n getButtonUrl(\n btn,\n item,\n $index\n )\n \"\n [attr.target]=\"\n btn.target || '_self'\n \"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"btn.label\"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n }\n </div>\n }\n </div>\n }\n } @else {\n <div class=\"m-empty\">\n {{\n texts?.notFound ??\n 'No se encontraron resultados con esos filtros.'\n }}\n </div>\n }\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);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;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;color:var(--cl_btn-call-text-hover)}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}.m-button-sm:hover span{color:var(--cl_btn-call-text-hover)}}.m-button-sm:focus{background-color:#ed3b37}.m-button-sm:focus span{color:var(--cl_btn-call-text-hover)}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:var(--cl_title);font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.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:0rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);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:var(--cl_btn-link);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:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);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:var(--cl_btn-link);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:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);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:var(--cl_btn-link);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:var(--font-text);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:var(--font-text);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/img/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/img/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/img/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:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:var(--font-text);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:var(--font-text);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:var(--font-text);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 var(--cl_background_gray) 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/img/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:var(--font-text);font-size:1.4rem;font-weight:var(--w_text);color:var(--cl_dropdown-text)}.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/img/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:var(--font-text);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:var(--cl_radio);transform:translate(-50%,-50%)}.m-radio-group label{font-family:var(--font-text);font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/img/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:var(--font-text);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:var(--cl_btn-link);text-align:center;font-family:var(--font-text);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/img/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-md002{background-color:var(--cl_background_body)}.mdl-md002.p-top{margin-top:10rem}.mdl-md002 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-md002 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-md002 .mdl-container .m-content-top .m-title{font-family:var(--font-text);font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md002 .mdl-container .m-content-top .m-title{width:100%;max-width:54.4rem;color:var(--cl_btn-link);font-weight:400}.mdl-md002 .mdl-container .m-content-top .m-selects{display:inline-block;display:flex;gap:2.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-single{display:flex;align-items:center;height:4.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-single .m-checkbox-group{margin:0;align-items:center}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-single .m-checkbox-group input[type=checkbox]{margin-right:1rem;width:2rem;height:2rem;flex-shrink:0;border:.1rem solid #d2d2d2;border-radius:.4rem!important;cursor:pointer}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-single .m-checkbox-group input[type=checkbox]:checked{background-color:var(--cl_btn-link, #ff4338);border-color:var(--cl_btn-link, #ff4338);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\")!important;background-size:1.2rem;background-position:center;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-single .m-checkbox-group label{margin:0;font-size:1.4rem;cursor:pointer;font-weight:500;color:var(--cl_btn-link);max-width:none}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter{position:relative}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-btn{display:flex;align-items:center;gap:.8rem;padding:.5rem 4rem .5rem 1rem;font-size:1.4rem;color:var(--cl_btn-link);border:.1rem solid var(--cl_btn-link);border-radius:.5rem;background-color:#fff;cursor:pointer;min-height:4.4rem;font-family:var(--font-text);font-weight:500;width:100%}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-btn svg{width:2rem;height:2rem;stroke:#ff4338}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:90;cursor:default}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown{position:absolute;top:110%;left:0;background:#fff;border:1px solid #e4e4e4;border-radius:.8rem;box-shadow:0 4px 12px #0000001a;z-index:100;min-width:25rem;max-height:35rem;display:flex;flex-direction:column}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown .m-dropdown-header{display:flex;justify-content:flex-end;padding:1rem 1.5rem;border-bottom:1px solid #e4e4e4}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown .m-dropdown-header .m-close{cursor:pointer;font-weight:700;font-size:1.6rem;color:#4a4a49}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown .m-dropdown-content{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.2rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown .m-dropdown-content .m-checkbox-group{display:flex;align-items:center;margin-bottom:0}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown .m-dropdown-content .m-checkbox-group input[type=checkbox]{margin-right:1rem;width:2rem;height:2rem;flex-shrink:0;border:.1rem solid #d2d2d2;border-radius:.4rem!important;cursor:pointer}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown .m-dropdown-content .m-checkbox-group input[type=checkbox]:checked{background-color:var(--cl_btn-link, #ff4338);border-color:var(--cl_btn-link, #ff4338);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\")!important;background-size:1.2rem;background-position:center;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown .m-dropdown-content .m-checkbox-group label{margin:0;font-size:1.4rem;cursor:pointer;font-weight:400;color:var(--cl_btn-link);max-width:none}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select{position:relative}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:20rem;padding:.5rem 2rem .5rem 1rem;font-size:1rem;color:var(--cl_btn-link);border:.1rem solid var(--cl_btn-link);border-radius:.5rem;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:var(--font-text);font-weight:500;font-size:1.5rem;line-height:100%;cursor:pointer;min-height:4.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select:after{content:\"\\276e\";position:absolute;right:2rem;top:1.5rem;transform:rotate(270deg);pointer-events:none;color:var(--cl_btn-link);font-weight:700;font-size:1.3rem}.mdl-md002 .mdl-container .m-cards-container{display:flex;align-items:start;flex-direction:row;gap:0 3rem;max-width:100%;display:grid;grid-template-columns:repeat(var(--maxColumns),1fr);width:100%}.mdl-md002 .mdl-container .m-cards-container .link-container{width:100%;height:100%}.mdl-md002 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;cursor:pointer;aspect-ratio:378/486;max-width:38rem;padding-bottom:2rem;margin-inline:auto}@media (min-width: 1024px){.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content{transform:translateY(-20%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none;width:100%;max-width:26rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-but{opacity:1;transform:none}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;position:absolute;background-color:#ed3b37;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-left{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.5rem;left:1.5rem;white-space:nowrap;display:flex;gap:.8rem;align-items:center}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:3rem;right:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right.left-mode{left:3rem;right:auto}@media (max-width: 540px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right{left:3rem;right:auto!important;top:6rem!important}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem;background-color:#fff9f9;position:relative}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-family:var(--font-text);font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{padding:6rem 5rem;color:var(--cl_btn-link)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;width:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;justify-self:anchor-center;align-self:anchor-center;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:1.6rem;opacity:0;transform:translateY(-118%);transition:all .3s ease;width:100%;max-width:26rem;min-width:20rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{margin:2rem 0 4rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:var(--font-text);font-weight:500;font-size:2.3rem;color:var(--cl_title)}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{margin-bottom:1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:var(--font-text);font-weight:400;font-size:1.6rem;line-height:2.8rem;color:var(--cl_btn-link)}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(3,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-card-icon{height:34vw}.mdl-md002 .mdl-container .m-title{max-width:66rem}.mdl-md002 .mdl-container .m-content-top{display:flex;flex-direction:column;align-items:flex-start}.mdl-md002 .mdl-container .m-content-top .m-selects{margin:3rem auto 0;flex-wrap:wrap;justify-content:center}}@media (max-width: 1280px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:17.1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-md002{padding-top:7.5rem}.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(2,1fr)}.mdl-md002 .mdl-container .m-cards-container .cardempty{display:none}.mdl-md002 .mdl-container .m-cards-container .m-card{aspect-ratio:378/582}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-text{font-size:2.8rem;line-height:3.8rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{left:50%;transform:translate(-50%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm,.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:1;transform:none}}@media (max-width: 768px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(1,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-title{width:100%;max-width:none}.mdl-md002 .mdl-container .m-cards-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}.mdl-md002 .mdl-container .m-content-top .m-selects{flex-direction:column}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-selects{margin:0;flex-wrap:nowrap;flex-direction:column;width:100%;margin-top:2rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select,.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:100%}}.mdl-md002 .m-btn{--btn-primary: var(--cl_btn-box);--btn-hover: var(--cl_btn-box-hover);background:var(--btn-primary);border:1px solid var(--btn-primary);color:var(--cl_btn-call-text);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.mdl-md002 .m-btn:hover{background:var(--btn-hover);border-color:var(--btn-hover)}.mdl-md002 .m-button-sm{border:0;background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-button-sm:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.mdl-md002 .m-but.m-underline{background:transparent;border:0}.mdl-md002 .m-but.m-underline span{color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-but.m-underline:after{background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-empty{font-family:var(--font-text);font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .m-empty{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .m-empty{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .m-empty{font-size:2.4rem;line-height:3rem}}.mdl-md002 .m-empty{width:100%;max-width:54.4rem;color:var(--cl_btn-link);font-weight:400}\n"] }]
23808
+ args: [{ selector: 'lis-c4-txt-des-cta', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective, FormsModule], template: "@if (items?.length) {\n <section class=\"mdl-md002\">\n <div class=\"mdl-container\">\n <div class=\"m-content-top\">\n @if (texts?.title) {\n <h2 class=\"m-title\" [innerHTML]=\"texts?.title\"></h2>\n }\n @if (showFilters) {\n <div class=\"m-selects\">\n @if (hasActiveFilters && showCleanFilters) {\n <button\n type=\"button\"\n class=\"m-clear\"\n (click)=\"clearFilters()\"\n >\n {{ texts?.cleanFilters ?? 'Limpiar filtros' }}\n </button>\n }\n @if (\n !hideServicesFilter && availableServices.length > 0\n ) {\n @if (availableServices.length === 1) {\n <div\n class=\"m-services-single services-filter services-filter__single\"\n >\n <div class=\"m-checkbox-group\">\n <input\n type=\"checkbox\"\n id=\"single-srv-0\"\n [checked]=\"\n selectedServices.has(\n availableServices[0]\n )\n \"\n (change)=\"\n toggleService(\n availableServices[0]\n )\n \"\n />\n <label for=\"single-srv-0\">{{\n availableServices[0]\n }}</label>\n </div>\n </div>\n } @else {\n <div\n class=\"m-services-filter m-select services-filter services-filter__multi\"\n >\n <button\n type=\"button\"\n class=\"m-services-btn\"\n (click)=\"toggleServicesMenu()\"\n >\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M4 6H20M7 12H17M10 18H14\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n @if (\n texts?.servicestitle ||\n selectedServices.size > 0\n ) {\n <span>\n @if (texts?.servicestitle) {\n {{ texts?.servicestitle }}\n }\n @if (\n selectedServices.size > 0\n ) {\n ({{\n selectedServices.size\n }})\n }\n </span>\n }\n </button>\n\n @if (isServicesMenuOpen) {\n <div\n class=\"m-services-overlay\"\n (click)=\"toggleServicesMenu()\"\n ></div>\n\n <div class=\"m-services-dropdown\">\n <div class=\"m-dropdown-header\">\n <span\n class=\"m-close\"\n (click)=\"\n toggleServicesMenu()\n \"\n >\u2715</span\n >\n </div>\n <div class=\"m-dropdown-content\">\n @for (\n srv of availableServices;\n track $index\n ) {\n <div\n class=\"m-checkbox-group\"\n >\n <input\n type=\"checkbox\"\n [id]=\"\n 'srv-' + $index\n \"\n [checked]=\"\n selectedServices.has(\n srv\n )\n \"\n (change)=\"\n toggleService(\n srv\n )\n \"\n />\n <label\n [for]=\"\n 'srv-' + $index\n \"\n >{{ srv }}</label\n >\n </div>\n }\n </div>\n </div>\n }\n </div>\n }\n }\n <div class=\"m-select brand-filter\">\n <select\n #BrandSel\n [attr.aria-label]=\"texts?.marca ?? 'marca'\"\n [(ngModel)]=\"selectedBrand\"\n (ngModelChange)=\"onBrandChange($event)\"\n >\n <option value=\"\">\n {{ texts?.marca ?? 'All' }}\n </option>\n @for (opt of brandOptions; track $index) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n @if (experienceOptions.length > 0) {\n <div class=\"m-select experience-filter\">\n <select\n #ExperienceSel\n aria-label=\"Experiencias\"\n [(ngModel)]=\"selectedExperience\"\n (ngModelChange)=\"onExperienceChange($event)\"\n >\n <option value=\"\">Experiencias</option>\n @for (\n opt of experienceOptions;\n track $index\n ) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n }\n @if (texts?.hotelType) {\n <div class=\"m-select hoteltype-filter\">\n <select\n #hotelTypeSel\n [attr.aria-label]=\"\n texts?.hotelType ?? 'hoteles'\n \"\n [(ngModel)]=\"selectedHotelType\"\n (ngModelChange)=\"onHotelTypeChange($event)\"\n >\n <option value=\"\">\n {{ texts?.hotelType }}\n </option>\n @for (\n opt of hotelTypeOptions;\n track $index\n ) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n }\n\n <div class=\"m-select destination-filter\">\n <select\n #Destination\n [attr.aria-label]=\"\n texts?.destinations ?? 'destinos'\n \"\n [(ngModel)]=\"selectedDestination\"\n (ngModelChange)=\"onDestinationChange($event)\"\n >\n <option value=\"\">\n {{ texts?.destinations }}\n </option>\n @for (opt of destinationOptions; track $index) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n </div>\n }\n </div>\n\n <div\n class=\"m-cards-container\"\n [style.--maxColumns]=\"maxColumns ?? 4\"\n >\n @if (filteredItems?.length) {\n @for (item of filteredItems; track $index) {\n <div\n class=\"m-card\"\n [ngClass]=\"{\n cardempty:\n !getFirstImageByTag(\n tagName,\n item?.images ??\n item?.multimedia?.imagenes ??\n []\n ) &&\n !(\n item.images?.[0] ??\n item?.multimedia?.imagenes?.[0]\n ),\n }\"\n >\n @if (\n getFirstImageByTag(\n tagName,\n item.images ??\n item?.multimedia?.imagenes ??\n []\n ) ??\n item.images?.[0] ??\n item?.multimedia?.imagenes?.[0];\n as img\n ) {\n <a\n class=\"link-container\"\n [href]=\"item.links?.[0]?.url\"\n [linkType]=\"item.links?.[0]?.linkType\"\n [disablePointerNone]=\"true\"\n >\n <div\n class=\"m-card-top\"\n [style.background-image]=\"\n 'url(' + img.img?.src + ')'\n \"\n >\n <div class=\"m-tag-left\">\n @if (item.hoteltype) {\n {{ item.hoteltype }}\n }\n <div class=\"m-keys\">\n @if (\n (item?.hoteltype ===\n 'Hotel' ||\n item?.hoteltype ===\n 'H\u00F4tel') &&\n item?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n item?.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n >\n <g\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <g>\n <g>\n <g\n transform=\"translate(-1404.000000, -5922.000000) translate(191.000000, 5865.000000) translate(1109.000000, 57.000000)\"\n >\n <g>\n <path\n fill=\"#fff\"\n fill-opacity=\"1\"\n fill-rule=\"nonzero\"\n d=\"M10 0l2.294 7.104c.034.106.133.178.245.178L20 7.267l-6.046 4.374v.001c-.09.066-.128.182-.093.289l2.322 7.095-6.032-4.4c-.09-.065-.213-.065-.303 0l-6.029 4.4 2.322-7.095H6.14c.035-.107-.003-.223-.094-.289L0 7.268l7.461.015.001-.001c.112 0 .211-.072.245-.178L10 0z\"\n transform=\"translate(104.000000, 0.000000)\"\n />\n </g>\n </g>\n </g>\n </g>\n </g>\n </svg>\n }\n </div>\n }\n\n @if (\n (item?.hoteltype ===\n 'Apartamento' ||\n item?.hoteltype ===\n 'Appartement') &&\n item?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n item?.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n width=\"13\"\n height=\"13\"\n viewBox=\"0 0 13 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n fill=\"#fff\"\n fill-opacity=\"1\"\n />\n </svg>\n }\n </div>\n }\n </div>\n {{ showIfSup(item?.hotelcategory) }}\n </div>\n @if (item?.texts?.additional2) {\n <div\n class=\"m-tag-right\"\n [ngClass]=\"{\n 'left-mode':\n !item.hoteltype,\n }\"\n [style.backgroundColor]=\"\n item?.styles?.primary ??\n '#ff4338'\n \"\n >\n {{ item?.texts?.additional2 }}\n </div>\n }\n </div>\n </a>\n <div class=\"m-content\">\n @if (\n item.texts?.title || item.texts?.name\n ) {\n <div class=\"m-title\">\n {{\n item.texts?.title ??\n item.texts?.name\n }}\n </div>\n }\n\n <div class=\"m-subtitle\">\n @if (item.locality) {\n {{ item.locality }}\n }\n @if (item.locality && item.province) {\n -\n }\n @if (item.province) {\n {{ item.province }}\n }\n </div>\n\n @if (item.buttons?.length) {\n @for (\n btn of item.buttons;\n track $index\n ) {\n <a\n class=\"m-btn\"\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 === 0,\n 'm-but m-underline':\n $index % 2 !== 0,\n }\"\n [style.--btn-primary-dynamic]=\"\n item.styles?.primary\n \"\n [style.--btn-hover-dynamic]=\"\n item.styles?.primaryHover\n \"\n [href]=\"\n getButtonUrl(\n btn,\n item,\n $index\n )\n \"\n [attr.target]=\"\n btn.target || '_self'\n \"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"btn.label\"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n }\n </div>\n }\n </div>\n }\n } @else {\n <div class=\"m-empty\">\n {{\n texts?.notFound ??\n 'No se encontraron resultados con esos filtros.'\n }}\n </div>\n }\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);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;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;color:var(--cl_btn-call-text-hover)}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}.m-button-sm:hover span{color:var(--cl_btn-call-text-hover)}}.m-button-sm:focus{background-color:#ed3b37}.m-button-sm:focus span{color:var(--cl_btn-call-text-hover)}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:var(--cl_title);font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.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:0rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);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:var(--cl_btn-link);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:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);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:var(--cl_btn-link);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:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);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:var(--cl_btn-link);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:var(--font-text);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:var(--font-text);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/img/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/img/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/img/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:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:var(--font-text);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:var(--font-text);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:var(--font-text);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 var(--cl_background_gray) 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/img/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:var(--font-text);font-size:1.4rem;font-weight:var(--w_text);color:var(--cl_dropdown-text)}.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/img/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:var(--font-text);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:var(--cl_radio);transform:translate(-50%,-50%)}.m-radio-group label{font-family:var(--font-text);font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/img/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:var(--font-text);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:var(--cl_btn-link);text-align:center;font-family:var(--font-text);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/img/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-md002{background-color:var(--cl_background_body)}.mdl-md002.p-top{margin-top:10rem}.mdl-md002 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-md002 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-md002 .mdl-container .m-content-top .m-title{font-family:var(--font-text);font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md002 .mdl-container .m-content-top .m-title{width:100%;max-width:54.4rem;color:var(--cl_btn-link);font-weight:400}.mdl-md002 .mdl-container .m-content-top .m-selects{display:inline-block;display:flex;gap:2.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-single{display:flex;align-items:center;height:4.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-single .m-checkbox-group{margin:0;align-items:center}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-single .m-checkbox-group input[type=checkbox]{margin-right:1rem;width:2rem;height:2rem;flex-shrink:0;border:.1rem solid #d2d2d2;border-radius:.4rem!important;cursor:pointer}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-single .m-checkbox-group input[type=checkbox]:checked{background-color:var(--cl_btn-link, #ff4338);border-color:var(--cl_btn-link, #ff4338);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\")!important;background-size:1.2rem;background-position:center;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-single .m-checkbox-group label{margin:0;font-size:1.4rem;cursor:pointer;font-weight:500;color:var(--cl_btn-link);max-width:none}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter{position:relative}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-btn{display:flex;align-items:center;gap:.8rem;padding:.5rem 4rem .5rem 1rem;font-size:1.4rem;color:var(--cl_btn-link);border:.1rem solid var(--cl_btn-link);border-radius:.5rem;background-color:#fff;cursor:pointer;min-height:4.4rem;font-family:var(--font-text);font-weight:500;width:100%}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-btn svg{width:2rem;height:2rem;stroke:#ff4338}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:90;cursor:default}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown{position:absolute;top:110%;left:0;background:#fff;border:1px solid #e4e4e4;border-radius:.8rem;box-shadow:0 4px 12px #0000001a;z-index:100;min-width:25rem;max-height:35rem;display:flex;flex-direction:column}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown .m-dropdown-header{display:flex;justify-content:flex-end;padding:1rem 1.5rem;border-bottom:1px solid #e4e4e4}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown .m-dropdown-header .m-close{cursor:pointer;font-weight:700;font-size:1.6rem;color:#4a4a49}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown .m-dropdown-content{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.2rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown .m-dropdown-content .m-checkbox-group{display:flex;align-items:center;margin-bottom:0}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown .m-dropdown-content .m-checkbox-group input[type=checkbox]{margin-right:1rem;width:2rem;height:2rem;flex-shrink:0;border:.1rem solid #d2d2d2;border-radius:.4rem!important;cursor:pointer}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown .m-dropdown-content .m-checkbox-group input[type=checkbox]:checked{background-color:var(--cl_btn-link, #ff4338);border-color:var(--cl_btn-link, #ff4338);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\")!important;background-size:1.2rem;background-position:center;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-content-top .m-selects .m-services-filter .m-services-dropdown .m-dropdown-content .m-checkbox-group label{margin:0;font-size:1.4rem;cursor:pointer;font-weight:400;color:var(--cl_btn-link);max-width:none}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select{position:relative}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:20rem;padding:.5rem 2rem .5rem 1rem;font-size:1rem;color:var(--cl_btn-link);border:.1rem solid var(--cl_btn-link);border-radius:.5rem;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:var(--font-text);font-weight:500;font-size:1.5rem;line-height:100%;cursor:pointer;min-height:4.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select:after{content:\"\\276e\";position:absolute;right:2rem;top:1.5rem;transform:rotate(270deg);pointer-events:none;color:var(--cl_btn-link);font-weight:700;font-size:1.3rem}.mdl-md002 .mdl-container .m-cards-container{display:flex;align-items:start;flex-direction:row;gap:0 3rem;max-width:100%;display:grid;grid-template-columns:repeat(var(--maxColumns),1fr);width:100%}.mdl-md002 .mdl-container .m-cards-container .link-container{width:100%;height:100%}.mdl-md002 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;cursor:pointer;aspect-ratio:378/486;max-width:38rem;padding-bottom:2rem;margin-inline:auto}@media (min-width: 1024px){.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content{transform:translateY(-20%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none;width:100%;max-width:26rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-but{opacity:1;transform:none}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;position:absolute;background-color:#ed3b37;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-left{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.5rem;left:1.5rem;white-space:nowrap;display:flex;gap:.8rem;align-items:center}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:3rem;right:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right.left-mode{left:3rem;right:auto}@media (max-width: 540px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right{left:3rem;right:auto!important;top:6rem!important}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem;background-color:#fff9f9;position:relative}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-family:var(--font-text);font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{padding:6rem 5rem;color:var(--cl_btn-link)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;width:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;justify-self:anchor-center;align-self:anchor-center;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:1.6rem;opacity:0;transform:translateY(-118%);transition:all .3s ease;width:100%;max-width:26rem;min-width:20rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{margin:2rem 0 4rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:var(--font-text);font-weight:500;font-size:2.3rem;color:var(--cl_title)}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{margin-bottom:1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:var(--font-text);font-weight:400;font-size:1.6rem;line-height:2.8rem;color:var(--cl_btn-link)}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(3,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-card-icon{height:34vw}.mdl-md002 .mdl-container .m-title{max-width:66rem}.mdl-md002 .mdl-container .m-content-top{display:flex;flex-direction:column;align-items:flex-start}.mdl-md002 .mdl-container .m-content-top .m-selects{margin:3rem auto 0;flex-wrap:wrap;justify-content:center}}@media (max-width: 1280px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:17.1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-md002{padding-top:7.5rem}.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(2,1fr)}.mdl-md002 .mdl-container .m-cards-container .cardempty{display:none}.mdl-md002 .mdl-container .m-cards-container .m-card{aspect-ratio:378/582}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-text{font-size:2.8rem;line-height:3.8rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{left:50%;transform:translate(-50%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm,.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:1;transform:none}}@media (max-width: 768px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(1,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-title{width:100%;max-width:none}.mdl-md002 .mdl-container .m-cards-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}.mdl-md002 .mdl-container .m-content-top .m-selects{flex-direction:column}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-selects{margin:0;flex-wrap:nowrap;flex-direction:column;width:100%;margin-top:2rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select,.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:100%}}.mdl-md002 .m-btn{--btn-primary: var(--cl_btn-box);--btn-hover: var(--cl_btn-box-hover);background:var(--btn-primary);border:1px solid var(--btn-primary);color:var(--cl_btn-call-text);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.mdl-md002 .m-btn:hover{background:var(--btn-hover);border-color:var(--btn-hover)}.mdl-md002 .m-button-sm{border:0;background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-button-sm:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.mdl-md002 .m-but.m-underline{background:transparent;border:0}.mdl-md002 .m-but.m-underline span{color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-but.m-underline:after{background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-empty{font-family:var(--font-text);font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .m-empty{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .m-empty{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .m-empty{font-size:2.4rem;line-height:3rem}}.mdl-md002 .m-empty{width:100%;max-width:54.4rem;color:var(--cl_btn-link);font-weight:400}\n"] }]
23799
23809
  }], propDecorators: { texts: [{
23800
23810
  type: Input
23801
23811
  }], items: [{