import { CommonModule } from '@angular/common';
import { Component, inject, Input } from '@angular/core';
import { BabylonLinkTypeDirective } from '../../../../directives/link-type/link-type.directive';
import { SITE_CONFIG_SERVICE_TOKEN } from '../../../../services/mapper/mapper.service.token';
import { Utils } from '../../../../utils';
import { BabylonDynamicHeadingComponent } from '../../../shared/babylon-dynamic-heading/babylon-dynamic-heading.component';
import { HeadingTagUtils } from '../../../../utils/heading-tag.utils';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class LisC1ImgTxtComponent {
    constructor() {
        this.siteSvc = inject(SITE_CONFIG_SERVICE_TOKEN);
        this.openGroupIndexes = new Set();
        this.headingTagUtils = HeadingTagUtils;
    }
    get dropdownGroups() {
        const source = this.hotels ?? this.items ?? [];
        const grouped = new Map();
        source.forEach((hotel) => {
            const type = (hotel.hoteltype ?? '').trim();
            if (!type)
                return;
            if (!grouped.has(type))
                grouped.set(type, []);
            grouped.get(type).push(hotel);
        });
        const groups = Array.from(grouped.entries()).map(([type, hotels]) => ({
            type,
            hotels: [...hotels].sort((a, b) => (a.order ?? 9999) - (b.order ?? 9999)),
        }));
        const base = groups.slice(0, 3).map((group, index) => ({
            type: group.type,
            label: this.links?.[index]?.label || group.type,
            hotels: group.hotels,
        }));
        while (base.length < 3) {
            const index = base.length;
            base.push({
                type: '',
                label: this.links?.[index]?.label || '',
                hotels: [],
            });
        }
        return base;
    }
    toggleGroup(index) {
        if (this.openGroupIndexes.has(index)) {
            this.openGroupIndexes.delete(index);
            return;
        }
        this.openGroupIndexes.add(index);
    }
    isGroupOpen(index) {
        return this.openGroupIndexes.has(index);
    }
    getHotelName(hotel) {
        return hotel.texts?.name || hotel.texts?.title || hotel.name || '';
    }
    getHotelImage(hotel) {
        const multimedia = hotel.multimedia;
        const images = hotel.images;
        const img = hotel.img;
        // Formato mapeado (habitual en Babylon)
        const mappedImg = multimedia?.imagenes?.[0] ??
            images?.[0] ??
            img;
        const mappedSrc = mappedImg?.img?.src ??
            mappedImg?.img?.original ??
            mappedImg?.src ??
            mappedImg?.original ??
            mappedImg?.path?.webp ??
            mappedImg?.path?.original;
        if (mappedSrc) {
            return this.normalizeImageUrl(mappedSrc);
        }
        // Formato crudo API: multimedia[0].path.webp/original
        const rawImg = (Array.isArray(multimedia) ? multimedia[0] : undefined) ??
            (Array.isArray(images) ? images[0] : undefined);
        const rawSrc = rawImg?.path?.webp ??
            rawImg?.path?.original ??
            rawImg?.webp ??
            rawImg?.original ??
            rawImg?.thumbnails?.[1366]?.webp ??
            rawImg?.thumbnails?.[1280]?.webp ??
            rawImg?.thumbnails?.[1024]?.webp ??
            rawImg?.thumbnails?.[768]?.webp ??
            rawImg?.thumbnails?.[540]?.webp ??
            rawImg?.thumbnails?.[375]?.webp ??
            rawImg?.thumbnails?.[1366]?.original ??
            rawImg?.thumbnails?.[1280]?.original ??
            rawImg?.thumbnails?.[1024]?.original ??
            rawImg?.thumbnails?.[768]?.original ??
            rawImg?.thumbnails?.[540]?.original ??
            rawImg?.thumbnails?.[375]?.original;
        const normalized = this.normalizeImageUrl(rawSrc);
        return normalized;
    }
    getHotelImageAlt(hotel) {
        const multimedia = hotel.multimedia;
        const mappedAlt = multimedia?.imagenes?.[0]?.img?.alt ??
            hotel?.images?.[0]?.img?.alt ??
            hotel?.img?.alt;
        const rawAlt = (Array.isArray(multimedia) ? multimedia[0]?.alt : undefined) ??
            (Array.isArray(hotel?.images)
                ? hotel.images[0]?.alt
                : undefined);
        return (mappedAlt ||
            rawAlt ||
            this.getHotelName(hotel) ||
            'hotel');
    }
    getHotelSubtitle(hotel) {
        const additional1 = (hotel?.texts?.additional1 ?? '').trim();
        if (additional1)
            return additional1;
        return hotel.hoteltype || hotel.city || '';
    }
    getHotelCategoryCount(hotel) {
        return Utils.extractNumberRange(hotel.hotelcategory ?? '')?.length ?? 0;
    }
    getStars(hotel) {
        return Array.from({ length: this.getHotelCategoryCount(hotel) }, (_, index) => index);
    }
    getPrimaryHotelButton(hotel) {
        return hotel.buttons?.[0] ?? hotel.links?.[0];
    }
    getSecondaryHotelButton(hotel) {
        return hotel.buttons?.[1] ?? hotel.links?.[1];
    }
    trackGroup(index) {
        return index;
    }
    trackHotel(_index, hotel) {
        return hotel.id ?? hotel.name ?? _index;
    }
    trackStar(index) {
        return index;
    }
    isApartment(hotelType) {
        return Utils.isApartment(hotelType);
    }
    showIfSup(value) {
        return Utils.showIfSup(value);
    }
    /**
 * Devuelve el HTML para el heading combinando pretitle y title
 */
    getHeadingContent() {
        let html = '';
        if (this.texts?.pretitle || HeadingTagUtils.hasHeadingTag(this.texts, 'pretitle')) {
            html += `<span>${HeadingTagUtils.getHeadingContent(this.texts, 'pretitle', this.texts?.pretitle)}</span> `;
        }
        if (this.texts?.title) {
            html += this.texts.title;
        }
        return html;
    }
    normalizeImageUrl(src) {
        if (!src)
            return undefined;
        // Ya es una URL absoluta o especial
        if (/^(https?:)?\/\//i.test(src) || /^(data|blob):/i.test(src)) {
            return src;
        }
        const cleanSrc = src.replace(/^\/+/, '');
        const cdnBase = (this.siteSvc?.cdnImagesInstant ?? '').toString();
        if (!cdnBase)
            return src;
        const cleanBase = cdnBase.endsWith('/') ? cdnBase : `${cdnBase}/`;
        return `${cleanBase}${cleanSrc}`;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC1ImgTxtComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LisC1ImgTxtComponent, isStandalone: true, selector: "lis-c1-img-txt", inputs: { texts: "texts", hotels: "hotels", items: "items", links: "links", buttons: "buttons", tags: "tags", textColors: "textColors" }, ngImport: i0, template: "<section class=\"mdl-LisC1ImgTxt\">\n    <div class=\"mdl-container\">\n        <div class=\"m-head\">\n            <div class=\"m-left\">\n              @if (getHeadingContent()) {\n                <lib-babylon-dynamic-heading\n                    [tag]=\"headingTagUtils.getHeadingTag(texts, 'pretitle', 'h1')\"\n                    [color]=\"textColors?.title\"\n                    [content]=\"getHeadingContent()\"\n                    [useInnerHtml]=\"true\"\n                ></lib-babylon-dynamic-heading>\n              }\n            </div>\n            @if (texts?.description) {\n                <div class=\"m-right\" [innerHTML]=\"texts?.description\"></div>\n            }\n        </div>\n\n        <div class=\"m-content\">\n            @for (group of dropdownGroups; track trackGroup($index)) {\n                <div\n                    class=\"m-item\"\n                    [ngClass]=\"{\n                        'm-open': isGroupOpen($index),\n                        'm-close': !isGroupOpen($index),\n                    }\"\n                >\n                    <button\n                        class=\"m-buttonD\"\n                        type=\"button\"\n                        [attr.aria-expanded]=\"isGroupOpen($index)\"\n                        (click)=\"toggleGroup($index)\"\n                    >\n                        <h2 class=\"m-titulo\">{{ group.label }}</h2>\n                        <svg\n                            width=\"32\"\n                            height=\"32\"\n                            viewBox=\"0 0 32 32\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <line\n                                x1=\"0.5\"\n                                y1=\"15.5\"\n                                x2=\"31.5\"\n                                y2=\"15.5\"\n                                stroke=\"#393637\"\n                                stroke-linecap=\"round\"\n                            />\n                            <line\n                                x1=\"16.5117\"\n                                y1=\"0.5\"\n                                x2=\"16.5117\"\n                                y2=\"31.5\"\n                                stroke=\"#393637\"\n                                stroke-linecap=\"round\"\n                            />\n                        </svg>\n                    </button>\n\n                    <div\n                        class=\"m-listado\"\n                        [style.height]=\"isGroupOpen($index) ? 'auto' : '0px'\"\n                    >\n                        @for (hotel of group.hotels; track trackHotel($index, hotel)) {\n                            <div class=\"m-item-list\">\n                                @if (getHotelImage(hotel)) {\n                                    @if (getPrimaryHotelButton(hotel); as imageBtn) {\n                                        <a\n                                            class=\"m-imagen-link\"\n                                            [href]=\"imageBtn.url\"\n                                            [linkType]=\"imageBtn.linkType\"\n                                            [attr.target]=\"imageBtn.target || '_self'\"\n                                            [attr.rel]=\"\n                                                (imageBtn.target || '_self') === '_blank'\n                                                    ? 'noopener noreferrer'\n                                                    : null\n                                            \"\n                                        >\n                                            <div class=\"m-imagen\">\n                                                <img\n                                                    [src]=\"getHotelImage(hotel)\"\n                                                    [alt]=\"getHotelImageAlt(hotel)\"\n                                                    loading=\"lazy\"\n                                                />\n                                            </div>\n                                        </a>\n                                    } @else {\n                                        <div class=\"m-imagen\">\n                                            <img\n                                                [src]=\"getHotelImage(hotel)\"\n                                                [alt]=\"getHotelImageAlt(hotel)\"\n                                                loading=\"lazy\"\n                                            />\n                                        </div>\n                                    }\n                                }\n\n                                @if (getHotelName(hotel)) {\n                                    <div class=\"m-titulo\">\n                                        {{ getHotelName(hotel) }}\n                                    </div>\n                                }\n\n                                @if (getHotelSubtitle(hotel)) {\n                                    <div class=\"m-subtitulo\">\n                                        {{ getHotelSubtitle(hotel) }}\n                                    </div>\n                                }\n\n                                @if (getHotelCategoryCount(hotel)) {\n\n                                    <div class=\"category\">\n                                        @for (star of getStars(hotel); track trackStar($index)) {\n                                          @if (hotel?.hoteltype && isApartment(hotel.hoteltype)) {\n\n                                              <div class=\"m-keys\">\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=\"#393637\"\n                                                          fill-opacity=\"1\"\n                                                      />\n                                                  </svg>\n\n                                              </div>\n\n                                        }\n                                        @else {\n                                           <div class=\"m-stars\">\n                                              <svg\n                                                  width=\"12\"\n                                                  height=\"11\"\n                                                  viewBox=\"0 0 12 11\"\n                                                  fill=\"none\"\n                                                  xmlns=\"http://www.w3.org/2000/svg\"\n                                              >\n                                                  <path\n                                                      d=\"M6 0L7.416 4.2H12L8.292 6.8L9.708 11L6 8.4L2.292 11L3.708 6.8L0 4.2H4.584L6 0Z\"\n                                                      fill=\"#393637\"\n                                                  />\n                                              </svg>\n                                            </div>\n                                        }\n                                      }\n                                       {{ showIfSup(hotel?.hotelcategory) }}\n                                    </div>\n\n                                }\n\n                                <div class=\"m-buttons\">\n                                    @if (getPrimaryHotelButton(hotel); as primaryBtn) {\n                                        <a\n                                            class=\"m-button1\"\n                                            [href]=\"primaryBtn.url\"\n                                            [linkType]=\"primaryBtn.linkType\"\n                                            [attr.target]=\"primaryBtn.target || '_self'\"\n                                            [attr.rel]=\"\n                                                (primaryBtn.target || '_self') ===\n                                                '_blank'\n                                                    ? 'noopener noreferrer'\n                                                    : null\n                                            \"\n                                        >\n                                            {{ primaryBtn.label }}\n                                        </a>\n                                    }\n\n                                    @if (getSecondaryHotelButton(hotel); as secondaryBtn) {\n                                        <a\n                                            class=\"m-button2\"\n                                            [href]=\"secondaryBtn.url\"\n                                            [linkType]=\"secondaryBtn.linkType\"\n                                            [attr.target]=\"secondaryBtn.target || '_self'\"\n                                            [attr.rel]=\"\n                                                (secondaryBtn.target || '_self') ===\n                                                '_blank'\n                                                    ? 'noopener noreferrer'\n                                                    : null\n                                            \"\n                                        >\n                                            {{ secondaryBtn.label }}\n                                        </a>\n                                    }\n                                </div>\n                            </div>\n                        }\n                    </div>\n                </div>\n            }\n        </div>\n\n        <div class=\"m-foot\">\n            @if (texts?.additional) {\n                <div class=\"m-texto\">{{ texts?.additional }}</div>\n            }\n            @if (buttons?.[0]; as ctaBtn) {\n                <a\n                    class=\"m-buttonfoot\"\n                    [href]=\"ctaBtn.url\"\n                    [linkType]=\"ctaBtn.linkType\"\n                    [attr.target]=\"ctaBtn.target || '_self'\"\n                    [attr.rel]=\"\n                        (ctaBtn.target || '_self') === '_blank'\n                            ? 'noopener noreferrer'\n                            : null\n                    \"\n                >\n                    {{ ctaBtn.label }}\n                </a>\n            }\n        </div>\n    </div>\n</section>\n", styles: ["@charset \"UTF-8\";html{font-size:62.5%}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}body,section{font-family:new-atten,sans-serif;font-size:1.6rem;font-weight:400;line-height:2.8rem}section .mdl-container{width:100%;max-width:178rem;margin:0 auto}.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:CoreSansG,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}body{cursor:default;-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__backdrop{background-color:#00000087!important}.fancybox__content{padding:0!important}.fancybox__content>.carousel__button.is-close{color:#b6b8bb!important}.fancybox__counter{display:none!important}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}.mdl-LisC1ImgTxt{overflow:hidden;padding-left:0!important;padding-right:0!important}.mdl-LisC1ImgTxt .mdl-container{max-width:150rem;padding:10rem 5rem;box-sizing:border-box}.mdl-LisC1ImgTxt .mdl-container .m-head{display:flex;justify-content:space-between;gap:2rem}.mdl-LisC1ImgTxt .mdl-container .m-head .m-left{width:100%;max-width:52.7rem;font-family:CoreSansG,sans-serif;font-size:4rem;font-style:normal;font-weight:300;line-height:5rem}@media (max-width: 850px){.mdl-LisC1ImgTxt .mdl-container .m-head .m-left{font-size:3rem;line-height:4rem}}.mdl-LisC1ImgTxt .mdl-container .m-head .m-left{color:#393637}.mdl-LisC1ImgTxt .mdl-container .m-head .m-right{width:100%;max-width:39.1rem;font-family:new-atten,sans-serif;font-size:1.6rem;font-weight:400;line-height:2.8rem;color:#393637}.mdl-LisC1ImgTxt .mdl-container .m-content{margin-top:5rem;border-top:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item{border-bottom:1px solid #D9D9D9;margin-bottom:-1px;display:flex;flex-direction:column;align-items:center;position:relative}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item.m-open{background-color:#fff9ee;margin:1px}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item.m-open .m-listado{opacity:1}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item.m-open:before{content:\"\";background-color:#fff9ee;width:200vw;margin-left:-100vw;height:100%;position:absolute;z-index:-1}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item.m-open svg{transition:.5s;transform:rotate(135deg)}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item.m-close .m-listado{opacity:0}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD{display:flex;justify-content:space-between;align-items:center;padding:5rem 5rem 5rem 0;width:100%;position:relative;transition:.5s}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD:hover{transition:.5s}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD:hover:before{content:\"\";background-color:#fff9ee;width:200vw;margin-left:-100vw;height:100%;position:absolute;z-index:-1}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD svg{transition:.5s}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD .m-titulo{font-family:CoreSansG,sans-serif;font-size:8rem;font-style:normal;font-weight:700;line-height:5rem}@media (max-width: 850px){.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD .m-titulo{font-size:6rem;line-height:5rem}}@media (max-width: 600px){.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD .m-titulo{font-size:3rem;line-height:3rem}}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD .m-titulo{text-align:left}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado{display:flex;gap:6rem;width:100%;max-width:125rem;flex-wrap:wrap;overflow:hidden;height:0;opacity:0;transition:height .35s ease,opacity .25s ease;will-change:height}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list{width:calc(50% - 3rem);display:flex;flex-direction:column;align-items:center;margin-bottom:6rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-imagen{aspect-ratio:625/417;width:100%}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-imagen img{width:100%;height:100%;object-fit:cover;aspect-ratio:625/417}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-titulo{font-family:CoreSansG,sans-serif;font-size:4rem;font-style:normal;font-weight:300;line-height:5rem}@media (max-width: 850px){.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-titulo{font-size:3rem;line-height:4rem}}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-titulo{color:#393637;margin-top:1rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-subtitulo{font-family:new-atten,sans-serif;font-size:1.4rem;font-weight:400;letter-spacing:12%;line-height:100%;text-transform:uppercase;color:#393637;margin-top:1rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .category{display:flex;gap:1.7rem;margin-top:.9rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .category .m-stars svg{transform:rotate(143deg)}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .category .m-keys{transform:rotate(-45deg);margin-top:.5rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons{display:flex;gap:2.8rem;margin-top:2rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button1{font-family:new-atten,sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:.2rem;line-height:none;text-transform:uppercase;line-height:inherit!important;border-radius:8rem;border:1px solid #393637;padding:2rem 5rem;transition:.5s;min-width:26rem;display:flex;align-items:center;justify-content:center}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button1 span{color:#393637}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button1:hover{background-color:#fcdd3f;transition:.5s;border:0}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button1{padding:2rem 0;white-space:nowrap}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button2{font-family:new-atten,sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:.2rem;line-height:none;text-transform:uppercase;border-radius:8rem;padding:2rem 5rem;transition:.5s;min-width:26rem;background-color:#fcdd3f;display:flex;align-items:center;justify-content:center}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button2 span{color:#393637}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button2:hover{background-color:#f9bf10;transition:.5s}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button2{padding:2rem 0;white-space:nowrap}.mdl-LisC1ImgTxt .mdl-container .m-foot{margin-top:5rem;display:flex;justify-content:space-between}.mdl-LisC1ImgTxt .mdl-container .m-foot .m-texto{font-family:Breathing Personal,sans-serif;font-size:6rem;font-weight:400;line-height:100%}@media (max-width: 600px){.mdl-LisC1ImgTxt .mdl-container .m-foot .m-texto{font-size:4rem}}.mdl-LisC1ImgTxt .mdl-container .m-foot .m-texto{color:#fcdd3f}.mdl-LisC1ImgTxt .mdl-container .m-foot .m-buttonfoot{font-family:new-atten,sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:.2rem;line-height:none;text-transform:uppercase;line-height:inherit!important;border-radius:8rem;border:1px solid #393637;padding:2rem 5rem;transition:.5s;min-width:26rem;display:flex;align-items:center;justify-content:center}.mdl-LisC1ImgTxt .mdl-container .m-foot .m-buttonfoot span{color:#393637}.mdl-LisC1ImgTxt .mdl-container .m-foot .m-buttonfoot:hover{background-color:#fcdd3f;transition:.5s;border:0}.mdl-LisC1ImgTxt .mdl-container .m-foot .m-buttonfoot{min-width:16rem;text-align:center}@media (max-width: 1441px){.mdl-LisC1ImgTxt .mdl-container{padding:10rem 2rem}}@media (max-width: 1080px){.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-titulo{height:9rem}}@media (max-width: 1200px){.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list{margin-bottom:2rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons{flex-direction:column;gap:1rem!important}}@media (max-width: 850px){.mdl-LisC1ImgTxt .mdl-container .m-head{flex-direction:column}.mdl-LisC1ImgTxt .mdl-container .m-head .m-left,.mdl-LisC1ImgTxt .mdl-container .m-head .m-right{max-width:60.1rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list{margin-bottom:2rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons{flex-direction:column;gap:1rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD{padding:5rem 0}.mdl-LisC1ImgTxt .mdl-container .m-foot{align-items:center}}@media (max-width: 600px){.mdl-LisC1ImgTxt .mdl-container .m-foot{flex-direction:column;gap:3rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list{width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }, { kind: "component", type: BabylonDynamicHeadingComponent, selector: "lib-babylon-dynamic-heading", inputs: ["useInnerHtml", "tag", "wrapper", "cssClass", "content", "color"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC1ImgTxtComponent, decorators: [{
            type: Component,
            args: [{ selector: 'lis-c1-img-txt', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective, BabylonDynamicHeadingComponent], template: "<section class=\"mdl-LisC1ImgTxt\">\n    <div class=\"mdl-container\">\n        <div class=\"m-head\">\n            <div class=\"m-left\">\n              @if (getHeadingContent()) {\n                <lib-babylon-dynamic-heading\n                    [tag]=\"headingTagUtils.getHeadingTag(texts, 'pretitle', 'h1')\"\n                    [color]=\"textColors?.title\"\n                    [content]=\"getHeadingContent()\"\n                    [useInnerHtml]=\"true\"\n                ></lib-babylon-dynamic-heading>\n              }\n            </div>\n            @if (texts?.description) {\n                <div class=\"m-right\" [innerHTML]=\"texts?.description\"></div>\n            }\n        </div>\n\n        <div class=\"m-content\">\n            @for (group of dropdownGroups; track trackGroup($index)) {\n                <div\n                    class=\"m-item\"\n                    [ngClass]=\"{\n                        'm-open': isGroupOpen($index),\n                        'm-close': !isGroupOpen($index),\n                    }\"\n                >\n                    <button\n                        class=\"m-buttonD\"\n                        type=\"button\"\n                        [attr.aria-expanded]=\"isGroupOpen($index)\"\n                        (click)=\"toggleGroup($index)\"\n                    >\n                        <h2 class=\"m-titulo\">{{ group.label }}</h2>\n                        <svg\n                            width=\"32\"\n                            height=\"32\"\n                            viewBox=\"0 0 32 32\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <line\n                                x1=\"0.5\"\n                                y1=\"15.5\"\n                                x2=\"31.5\"\n                                y2=\"15.5\"\n                                stroke=\"#393637\"\n                                stroke-linecap=\"round\"\n                            />\n                            <line\n                                x1=\"16.5117\"\n                                y1=\"0.5\"\n                                x2=\"16.5117\"\n                                y2=\"31.5\"\n                                stroke=\"#393637\"\n                                stroke-linecap=\"round\"\n                            />\n                        </svg>\n                    </button>\n\n                    <div\n                        class=\"m-listado\"\n                        [style.height]=\"isGroupOpen($index) ? 'auto' : '0px'\"\n                    >\n                        @for (hotel of group.hotels; track trackHotel($index, hotel)) {\n                            <div class=\"m-item-list\">\n                                @if (getHotelImage(hotel)) {\n                                    @if (getPrimaryHotelButton(hotel); as imageBtn) {\n                                        <a\n                                            class=\"m-imagen-link\"\n                                            [href]=\"imageBtn.url\"\n                                            [linkType]=\"imageBtn.linkType\"\n                                            [attr.target]=\"imageBtn.target || '_self'\"\n                                            [attr.rel]=\"\n                                                (imageBtn.target || '_self') === '_blank'\n                                                    ? 'noopener noreferrer'\n                                                    : null\n                                            \"\n                                        >\n                                            <div class=\"m-imagen\">\n                                                <img\n                                                    [src]=\"getHotelImage(hotel)\"\n                                                    [alt]=\"getHotelImageAlt(hotel)\"\n                                                    loading=\"lazy\"\n                                                />\n                                            </div>\n                                        </a>\n                                    } @else {\n                                        <div class=\"m-imagen\">\n                                            <img\n                                                [src]=\"getHotelImage(hotel)\"\n                                                [alt]=\"getHotelImageAlt(hotel)\"\n                                                loading=\"lazy\"\n                                            />\n                                        </div>\n                                    }\n                                }\n\n                                @if (getHotelName(hotel)) {\n                                    <div class=\"m-titulo\">\n                                        {{ getHotelName(hotel) }}\n                                    </div>\n                                }\n\n                                @if (getHotelSubtitle(hotel)) {\n                                    <div class=\"m-subtitulo\">\n                                        {{ getHotelSubtitle(hotel) }}\n                                    </div>\n                                }\n\n                                @if (getHotelCategoryCount(hotel)) {\n\n                                    <div class=\"category\">\n                                        @for (star of getStars(hotel); track trackStar($index)) {\n                                          @if (hotel?.hoteltype && isApartment(hotel.hoteltype)) {\n\n                                              <div class=\"m-keys\">\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=\"#393637\"\n                                                          fill-opacity=\"1\"\n                                                      />\n                                                  </svg>\n\n                                              </div>\n\n                                        }\n                                        @else {\n                                           <div class=\"m-stars\">\n                                              <svg\n                                                  width=\"12\"\n                                                  height=\"11\"\n                                                  viewBox=\"0 0 12 11\"\n                                                  fill=\"none\"\n                                                  xmlns=\"http://www.w3.org/2000/svg\"\n                                              >\n                                                  <path\n                                                      d=\"M6 0L7.416 4.2H12L8.292 6.8L9.708 11L6 8.4L2.292 11L3.708 6.8L0 4.2H4.584L6 0Z\"\n                                                      fill=\"#393637\"\n                                                  />\n                                              </svg>\n                                            </div>\n                                        }\n                                      }\n                                       {{ showIfSup(hotel?.hotelcategory) }}\n                                    </div>\n\n                                }\n\n                                <div class=\"m-buttons\">\n                                    @if (getPrimaryHotelButton(hotel); as primaryBtn) {\n                                        <a\n                                            class=\"m-button1\"\n                                            [href]=\"primaryBtn.url\"\n                                            [linkType]=\"primaryBtn.linkType\"\n                                            [attr.target]=\"primaryBtn.target || '_self'\"\n                                            [attr.rel]=\"\n                                                (primaryBtn.target || '_self') ===\n                                                '_blank'\n                                                    ? 'noopener noreferrer'\n                                                    : null\n                                            \"\n                                        >\n                                            {{ primaryBtn.label }}\n                                        </a>\n                                    }\n\n                                    @if (getSecondaryHotelButton(hotel); as secondaryBtn) {\n                                        <a\n                                            class=\"m-button2\"\n                                            [href]=\"secondaryBtn.url\"\n                                            [linkType]=\"secondaryBtn.linkType\"\n                                            [attr.target]=\"secondaryBtn.target || '_self'\"\n                                            [attr.rel]=\"\n                                                (secondaryBtn.target || '_self') ===\n                                                '_blank'\n                                                    ? 'noopener noreferrer'\n                                                    : null\n                                            \"\n                                        >\n                                            {{ secondaryBtn.label }}\n                                        </a>\n                                    }\n                                </div>\n                            </div>\n                        }\n                    </div>\n                </div>\n            }\n        </div>\n\n        <div class=\"m-foot\">\n            @if (texts?.additional) {\n                <div class=\"m-texto\">{{ texts?.additional }}</div>\n            }\n            @if (buttons?.[0]; as ctaBtn) {\n                <a\n                    class=\"m-buttonfoot\"\n                    [href]=\"ctaBtn.url\"\n                    [linkType]=\"ctaBtn.linkType\"\n                    [attr.target]=\"ctaBtn.target || '_self'\"\n                    [attr.rel]=\"\n                        (ctaBtn.target || '_self') === '_blank'\n                            ? 'noopener noreferrer'\n                            : null\n                    \"\n                >\n                    {{ ctaBtn.label }}\n                </a>\n            }\n        </div>\n    </div>\n</section>\n", styles: ["@charset \"UTF-8\";html{font-size:62.5%}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}body,section{font-family:new-atten,sans-serif;font-size:1.6rem;font-weight:400;line-height:2.8rem}section .mdl-container{width:100%;max-width:178rem;margin:0 auto}.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:CoreSansG,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}body{cursor:default;-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__backdrop{background-color:#00000087!important}.fancybox__content{padding:0!important}.fancybox__content>.carousel__button.is-close{color:#b6b8bb!important}.fancybox__counter{display:none!important}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}.mdl-LisC1ImgTxt{overflow:hidden;padding-left:0!important;padding-right:0!important}.mdl-LisC1ImgTxt .mdl-container{max-width:150rem;padding:10rem 5rem;box-sizing:border-box}.mdl-LisC1ImgTxt .mdl-container .m-head{display:flex;justify-content:space-between;gap:2rem}.mdl-LisC1ImgTxt .mdl-container .m-head .m-left{width:100%;max-width:52.7rem;font-family:CoreSansG,sans-serif;font-size:4rem;font-style:normal;font-weight:300;line-height:5rem}@media (max-width: 850px){.mdl-LisC1ImgTxt .mdl-container .m-head .m-left{font-size:3rem;line-height:4rem}}.mdl-LisC1ImgTxt .mdl-container .m-head .m-left{color:#393637}.mdl-LisC1ImgTxt .mdl-container .m-head .m-right{width:100%;max-width:39.1rem;font-family:new-atten,sans-serif;font-size:1.6rem;font-weight:400;line-height:2.8rem;color:#393637}.mdl-LisC1ImgTxt .mdl-container .m-content{margin-top:5rem;border-top:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item{border-bottom:1px solid #D9D9D9;margin-bottom:-1px;display:flex;flex-direction:column;align-items:center;position:relative}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item.m-open{background-color:#fff9ee;margin:1px}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item.m-open .m-listado{opacity:1}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item.m-open:before{content:\"\";background-color:#fff9ee;width:200vw;margin-left:-100vw;height:100%;position:absolute;z-index:-1}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item.m-open svg{transition:.5s;transform:rotate(135deg)}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item.m-close .m-listado{opacity:0}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD{display:flex;justify-content:space-between;align-items:center;padding:5rem 5rem 5rem 0;width:100%;position:relative;transition:.5s}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD:hover{transition:.5s}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD:hover:before{content:\"\";background-color:#fff9ee;width:200vw;margin-left:-100vw;height:100%;position:absolute;z-index:-1}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD svg{transition:.5s}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD .m-titulo{font-family:CoreSansG,sans-serif;font-size:8rem;font-style:normal;font-weight:700;line-height:5rem}@media (max-width: 850px){.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD .m-titulo{font-size:6rem;line-height:5rem}}@media (max-width: 600px){.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD .m-titulo{font-size:3rem;line-height:3rem}}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD .m-titulo{text-align:left}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado{display:flex;gap:6rem;width:100%;max-width:125rem;flex-wrap:wrap;overflow:hidden;height:0;opacity:0;transition:height .35s ease,opacity .25s ease;will-change:height}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list{width:calc(50% - 3rem);display:flex;flex-direction:column;align-items:center;margin-bottom:6rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-imagen{aspect-ratio:625/417;width:100%}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-imagen img{width:100%;height:100%;object-fit:cover;aspect-ratio:625/417}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-titulo{font-family:CoreSansG,sans-serif;font-size:4rem;font-style:normal;font-weight:300;line-height:5rem}@media (max-width: 850px){.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-titulo{font-size:3rem;line-height:4rem}}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-titulo{color:#393637;margin-top:1rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-subtitulo{font-family:new-atten,sans-serif;font-size:1.4rem;font-weight:400;letter-spacing:12%;line-height:100%;text-transform:uppercase;color:#393637;margin-top:1rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .category{display:flex;gap:1.7rem;margin-top:.9rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .category .m-stars svg{transform:rotate(143deg)}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .category .m-keys{transform:rotate(-45deg);margin-top:.5rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons{display:flex;gap:2.8rem;margin-top:2rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button1{font-family:new-atten,sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:.2rem;line-height:none;text-transform:uppercase;line-height:inherit!important;border-radius:8rem;border:1px solid #393637;padding:2rem 5rem;transition:.5s;min-width:26rem;display:flex;align-items:center;justify-content:center}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button1 span{color:#393637}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button1:hover{background-color:#fcdd3f;transition:.5s;border:0}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button1{padding:2rem 0;white-space:nowrap}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button2{font-family:new-atten,sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:.2rem;line-height:none;text-transform:uppercase;border-radius:8rem;padding:2rem 5rem;transition:.5s;min-width:26rem;background-color:#fcdd3f;display:flex;align-items:center;justify-content:center}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button2 span{color:#393637}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button2:hover{background-color:#f9bf10;transition:.5s}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button2{padding:2rem 0;white-space:nowrap}.mdl-LisC1ImgTxt .mdl-container .m-foot{margin-top:5rem;display:flex;justify-content:space-between}.mdl-LisC1ImgTxt .mdl-container .m-foot .m-texto{font-family:Breathing Personal,sans-serif;font-size:6rem;font-weight:400;line-height:100%}@media (max-width: 600px){.mdl-LisC1ImgTxt .mdl-container .m-foot .m-texto{font-size:4rem}}.mdl-LisC1ImgTxt .mdl-container .m-foot .m-texto{color:#fcdd3f}.mdl-LisC1ImgTxt .mdl-container .m-foot .m-buttonfoot{font-family:new-atten,sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:.2rem;line-height:none;text-transform:uppercase;line-height:inherit!important;border-radius:8rem;border:1px solid #393637;padding:2rem 5rem;transition:.5s;min-width:26rem;display:flex;align-items:center;justify-content:center}.mdl-LisC1ImgTxt .mdl-container .m-foot .m-buttonfoot span{color:#393637}.mdl-LisC1ImgTxt .mdl-container .m-foot .m-buttonfoot:hover{background-color:#fcdd3f;transition:.5s;border:0}.mdl-LisC1ImgTxt .mdl-container .m-foot .m-buttonfoot{min-width:16rem;text-align:center}@media (max-width: 1441px){.mdl-LisC1ImgTxt .mdl-container{padding:10rem 2rem}}@media (max-width: 1080px){.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-titulo{height:9rem}}@media (max-width: 1200px){.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list{margin-bottom:2rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons{flex-direction:column;gap:1rem!important}}@media (max-width: 850px){.mdl-LisC1ImgTxt .mdl-container .m-head{flex-direction:column}.mdl-LisC1ImgTxt .mdl-container .m-head .m-left,.mdl-LisC1ImgTxt .mdl-container .m-head .m-right{max-width:60.1rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list{margin-bottom:2rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons{flex-direction:column;gap:1rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD{padding:5rem 0}.mdl-LisC1ImgTxt .mdl-container .m-foot{align-items:center}}@media (max-width: 600px){.mdl-LisC1ImgTxt .mdl-container .m-foot{flex-direction:column;gap:3rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list{width:100%}}\n"] }]
        }], propDecorators: { texts: [{
                type: Input
            }], hotels: [{
                type: Input
            }], items: [{
                type: Input
            }], links: [{
                type: Input
            }], buttons: [{
                type: Input
            }], tags: [{
                type: Input
            }], textColors: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64, 