tent-lib 1.14.19 → 1.14.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/fesm2022/tent-lib.mjs
CHANGED
|
@@ -1388,11 +1388,11 @@ class GalleryPhotosComponent {
|
|
|
1388
1388
|
return !!id; // solo true si tiene un ID de youtube válido
|
|
1389
1389
|
}
|
|
1390
1390
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GalleryPhotosComponent, deps: [{ token: i1$2.DomSanitizer }, { token: i1$3.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1391
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: GalleryPhotosComponent, isStandalone: true, selector: "tent-gallery-photos", inputs: { items: "items", links: "links" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"gallery-photos module-spacer--bottom-small\">\n <div class=\"gallery-photos--content wrapper-big\">\n <div class=\"gallery-photos--list\">\n @for (item of itemsOrdered; let rowIndex = $index; track rowIndex) {\n <div\n [ngClass]=\"{\n 'gallery-photos--box1': rowIndex % 4 === 0,\n 'gallery-photos--box2': rowIndex % 4 === 1,\n 'gallery-photos--box3': rowIndex % 4 === 2,\n 'gallery-photos--box4': rowIndex % 4 === 3,\n 'no-photo3': item.length < 3,\n 'has-video':\n rowIndex === 0 && isValidVideo(item[0]?.video),\n }\"\n >\n @for (\n photo of item;\n let subIndex = $index;\n track subIndex\n ) {\n <!-- ========================================================= -->\n <!-- \uD83D\uDD25 VIDEO SOLO SI ES LA PRIMERA FOTO DE LA PRIMERA FILA -->\n <!-- ========================================================= -->\n @if (\n rowIndex === 0 &&\n subIndex === 0 &&\n isValidVideo(photo.video)\n ) {\n <div class=\"gallery-photos--item photo1 video-item\">\n <div\n class=\"gallery-photos--photo figure-content\"\n >\n <ng-container\n *ngIf=\"!isPlaying; else iframeTpl\"\n >\n <img\n class=\"video-thumb\"\n [src]=\"photo.image\"\n alt=\"Video thumbnail\"\n loading=\"lazy\"\n />\n\n <button\n class=\"video-play-btn\"\n type=\"button\"\n (click)=\"onPlayVideo()\"\n >\n <svg\n width=\"50\"\n height=\"50\"\n viewBox=\"0 0 50 50\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g\n filter=\"url(#filter0_d_2054_3)\"\n >\n <path\n d=\"M41.5 17.2672C45.5 19.5766 45.5 25.3501 41.5 27.6595L13 44.114C9 46.4234 4 43.5367 4 38.9179L4 6.00889C4 1.39009 9 -1.49666 13 0.812744L41.5 17.2672Z\"\n fill=\"white\"\n />\n </g>\n <defs>\n <filter\n id=\"filter0_d_2054_3\"\n x=\"0\"\n y=\"0\"\n width=\"48.5\"\n height=\"52.9268\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood\n flood-opacity=\"0\"\n result=\"BackgroundImageFix\"\n />\n <feColorMatrix\n in=\"SourceAlpha\"\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n result=\"hardAlpha\"\n />\n <feOffset dy=\"4\" />\n <feGaussianBlur\n stdDeviation=\"2\"\n />\n <feComposite\n in2=\"hardAlpha\"\n operator=\"out\"\n />\n <feColorMatrix\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"\n />\n <feBlend\n mode=\"normal\"\n in2=\"BackgroundImageFix\"\n result=\"effect1_dropShadow_2054_3\"\n />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"effect1_dropShadow_2054_3\"\n result=\"shape\"\n />\n </filter>\n </defs>\n </svg>\n </button>\n </ng-container>\n\n <ng-template #iframeTpl>\n <iframe\n class=\"video-iframe\"\n *ngIf=\"safeEmbedUrl\"\n [src]=\"safeEmbedUrl\"\n title=\"Video player\"\n frameborder=\"0\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n allowfullscreen\n ></iframe>\n </ng-template>\n </div>\n\n @if (photo.title) {\n <div class=\"gallery-photos--label\">\n <p class=\"text color--brown\">\n {{ photo.title }}\n </p>\n </div>\n }\n </div>\n } @else {\n <!-- ========================================================= -->\n <!-- \u2B50 FOTO NORMAL (todas las dem\u00E1s im\u00E1genes) -->\n <!-- ========================================================= -->\n\n <div\n class=\"gallery-photos--item\"\n [ngClass]=\"'photo' + (subIndex + 1)\"\n >\n <div\n class=\"gallery-photos--photo figure-content\"\n (click)=\"openModal(photo)\"\n >\n <figure\n class=\"figure-full\"\n [style]=\"getImageUrl(photo.image)\"\n ></figure>\n </div>\n\n @if (photo.title) {\n <div class=\"gallery-photos--label\">\n <p class=\"text color--brown\">\n {{ photo.title }}\n </p>\n <span\n class=\"icon-search-plus icon--size22 color--brown\"\n ></span>\n </div>\n }\n </div>\n }\n }\n <!-- end @for-photo -->\n </div>\n }\n <!-- end @for-item -->\n </div>\n\n <!-- BOTONES MOSTRAR M\u00C1S / MOSTRAR MENOS -->\n @if (links && links.length && items.length > 14) {\n <div class=\"gallery-photos--links\">\n @if (collapsed) {\n <tent-button\n type=\"dark-link\"\n [label]=\"links[0].label\"\n (btnClick)=\"toggleCollapse()\"\n ></tent-button>\n } @else {\n <tent-button\n type=\"dark-link\"\n [label]=\"links[1].label\"\n (btnClick)=\"toggleCollapse()\"\n ></tent-button>\n }\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693d2d;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693e2e;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.text strong{font-weight:700}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--20{font-weight:700;font-size:16px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--20{font-size:16px}}@media (min-width: 768px){.title--20{font-size:16px}}@media (min-width: 1024px){.title--20{font-size:18px}}@media (min-width: 1680px){.title--20{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:default;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.gallery-photos--content{padding:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px}.gallery-photos--list{gap:0;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;width:100%}.gallery-photos--box1,.gallery-photos--box2,.gallery-photos--box3,.gallery-photos--box4{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:18px 0;padding-bottom:18px;width:100%}.gallery-photos--item{width:100%}.gallery-photos--photo{aspect-ratio:314/210;position:relative;overflow:hidden;width:100%;border-radius:12px;pointer-events:none}.gallery-photos--label{width:359px;max-width:100%;text-align:center;margin-top:10px}.gallery-photos--label span{display:none}@media (min-width: 540px){.gallery-photos--content{padding:0 24px}.gallery-photos--box1,.gallery-photos--box2,.gallery-photos--box3,.gallery-photos--box4{gap:28px 0;padding-bottom:28px;width:100%}.gallery-photos--photo{aspect-ratio:411/275}}@media (min-width: 768px){.gallery-photos--content{padding:0 24px}.gallery-photos--box1,.gallery-photos--box2,.gallery-photos--box3,.gallery-photos--box4{gap:53px 0;padding-bottom:53px;width:100%}.gallery-photos--photo{aspect-ratio:592/396;pointer-events:initial}}@media (min-width: 1024px){.gallery-photos--content{padding:0 53px}.gallery-photos--list{display:flex;width:100%;flex-direction:column;gap:0}.gallery-photos--box1,.gallery-photos--box2,.gallery-photos--box3,.gallery-photos--box4{gap:39px;padding-bottom:39px;width:100%}.gallery-photos--box4 .photo3,.gallery-photos--box2 .photo3{display:none}.gallery-photos--photo{aspect-ratio:397/265}.gallery-photos--item{width:calc(50% - 30px);position:relative;overflow:hidden}.gallery-photos--label{position:absolute;left:20px;background:#fff;padding:4px 15px;border-radius:80px;text-align:left;bottom:-50px;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);max-width:calc(100% - 70px)}.gallery-photos--label p{font-size:14px;font-weight:700}.gallery-photos--label span{position:absolute;right:20px;bottom:13px;display:block}}@media (min-width: 1280px){.gallery-photos--content{padding:0 60px}.gallery-photos--list{gap:0}.gallery-photos--box1{display:grid;grid-template-columns:.9fr .9fr 1.2fr;grid-template-rows:.8fr .8fr;gap:34px;grid-template-areas:\"photo1 photo2 photo4\" \"photo1 photo3 photo4\";width:100%;height:100%}.gallery-photos--box1 .photo1{grid-area:photo1}.gallery-photos--box1 .photo1 .gallery-photos--photo{aspect-ratio:292/406}.gallery-photos--box1 .photo2{grid-area:photo2}.gallery-photos--box1 .photo2 .gallery-photos--photo{aspect-ratio:280/175}.gallery-photos--box1 .photo3{grid-area:photo3}.gallery-photos--box1 .photo3 .gallery-photos--photo{aspect-ratio:280/175}.gallery-photos--box1 .photo4{grid-area:photo4}.gallery-photos--box1 .photo4 .gallery-photos--photo{aspect-ratio:408/426}.gallery-photos--box2{display:grid;grid-template-columns:2.1fr .9fr;grid-template-rows:.8fr .8fr;gap:34px;grid-template-areas:\"photo1 photo2\" \"photo1 photo3\";width:100%;height:100%;min-height:480px}.gallery-photos--box2 .photo1{grid-area:photo1}.gallery-photos--box2 .photo1 .gallery-photos--photo{aspect-ratio:739/406}.gallery-photos--box2 .photo2{grid-area:photo2}.gallery-photos--box2 .photo2 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box2 .photo3{grid-area:photo3}.gallery-photos--box2 .photo3 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box2 .photo4{display:none}.gallery-photos--box3{display:grid;grid-template-columns:1.2fr .9fr .9fr;grid-template-rows:.8fr .8fr;gap:34px;grid-template-areas:\"photo1 photo2 photo4\" \"photo1 photo3 photo4\";width:100%;height:100%}.gallery-photos--box3 .photo1{grid-area:photo1}.gallery-photos--box3 .photo1 .gallery-photos--photo{aspect-ratio:408/416}.gallery-photos--box3 .photo2{grid-area:photo2}.gallery-photos--box3 .photo2 .gallery-photos--photo{aspect-ratio:279/176}.gallery-photos--box3 .photo3{grid-area:photo3}.gallery-photos--box3 .photo3 .gallery-photos--photo{aspect-ratio:279/176}.gallery-photos--box3 .photo4{grid-area:photo4}.gallery-photos--box3 .photo4 .gallery-photos--photo{aspect-ratio:298/406}.gallery-photos--box4{display:grid;grid-template-columns:.9fr 2.1fr;grid-template-rows:.8fr .8fr;gap:34px;grid-template-areas:\"photo1 photo3\" \"photo2 photo3\";width:100%;height:100%;min-height:480px}.gallery-photos--box4 .photo1{grid-area:photo1}.gallery-photos--box4 .photo1 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box4 .photo2{grid-area:photo2}.gallery-photos--box4 .photo2 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box4 .photo3{grid-area:photo3;display:block}.gallery-photos--box4 .photo3 .gallery-photos--photo{aspect-ratio:739/406}.gallery-photos--box4 .photo3,.gallery-photos--box2 .photo3{display:block}.gallery-photos--item{width:100%}.gallery-photos--photo{aspect-ratio:397/265}.gallery-photos--label{left:25px;max-width:calc(100% - 80px)}}@media (min-width: 1366px){.gallery-photos--label{left:25px;max-width:calc(100% - 80px)}}@media (min-width: 1680px){.gallery-photos--content{padding:0 60px}.gallery-photos--list{gap:0}.gallery-photos--box1 .photo1 .gallery-photos--photo{aspect-ratio:430/587}.gallery-photos--box1 .photo2 .gallery-photos--photo,.gallery-photos--box1 .photo3 .gallery-photos--photo{aspect-ratio:404/249}.gallery-photos--box1 .photo4{grid-area:photo4}.gallery-photos--box1 .photo4 .gallery-photos--photo{aspect-ratio:590/601}.gallery-photos--box2{display:grid;grid-template-columns:2.1fr .9fr;grid-template-rows:.8fr .8fr;gap:34px;grid-template-areas:\"photo1 photo2\" \"photo1 photo3\";width:100%;height:100%}.gallery-photos--box2 .photo1{grid-area:photo1}.gallery-photos--box2 .photo1 .gallery-photos--photo{aspect-ratio:739/406}.gallery-photos--box2 .photo2{grid-area:photo2}.gallery-photos--box2 .photo2 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box2 .photo3{grid-area:photo3}.gallery-photos--box2 .photo3 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box3{display:grid;grid-template-columns:1.2fr .9fr .9fr;grid-template-rows:.8fr .8fr;gap:34px;grid-template-areas:\"photo1 photo2 photo4\" \"photo1 photo3 photo4\";width:100%;height:100%}.gallery-photos--box3 .photo1{grid-area:photo1}.gallery-photos--box3 .photo1 .gallery-photos--photo{aspect-ratio:408/416}.gallery-photos--box3 .photo2{grid-area:photo2}.gallery-photos--box3 .photo2 .gallery-photos--photo{aspect-ratio:279/176}.gallery-photos--box3 .photo3{grid-area:photo3}.gallery-photos--box3 .photo3 .gallery-photos--photo{aspect-ratio:279/176}.gallery-photos--box3 .photo4{grid-area:photo4}.gallery-photos--box3 .photo4 .gallery-photos--photo{aspect-ratio:298/406}.gallery-photos--box4{display:grid;grid-template-columns:.9fr 2.1fr;grid-template-rows:.8fr .8fr;gap:34px;grid-template-areas:\"photo1 photo3\" \"photo2 photo3\";width:100%;height:100%}.gallery-photos--box4 .photo1{grid-area:photo1}.gallery-photos--box4 .photo1 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box4 .photo2{grid-area:photo2}.gallery-photos--box4 .photo2 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box4 .photo3{grid-area:photo3}.gallery-photos--box4 .photo3 .gallery-photos--photo{aspect-ratio:739/406}.gallery-photos--box1,.gallery-photos--box2,.gallery-photos--box3,.gallery-photos--box4{gap:47px;padding-bottom:47px}.gallery-photos--label{left:34px;max-width:calc(100% - 100px)}}@media (min-width: 1800px){.gallery-photos--list{gap:0}.gallery-photos--box1,.gallery-photos--box2,.gallery-photos--box3,.gallery-photos--box4{gap:50px;padding-bottom:50px}.gallery-photos--box1.no-photo3,.gallery-photos--box2.no-photo3,.gallery-photos--box3.no-photo3,.gallery-photos--box4.no-photo3{gap:100px;padding-top:50px}.gallery-photos--label{left:40px;max-width:calc(100% - 110px)}}.gallery-photos--item.photo1.video-item{position:relative;width:100%;height:auto;z-index:1}.gallery-photos--item.photo1.video-item .gallery-photos--photo{position:relative;width:100%;height:auto;padding:0;overflow:hidden}.gallery-photos--item.photo1.video-item img.video-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.gallery-photos--item.photo1.video-item .video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:6rem;height:6rem;border-radius:50%;background:#00000080;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease}.gallery-photos--item.photo1.video-item .video-play-btn svg{width:50px;height:50px;fill:#fff}.gallery-photos--item.photo1.video-item .gallery-photos--photo{aspect-ratio:314/210}@media (min-width: 540px){.gallery-photos--item.photo1.video-item .gallery-photos--photo{aspect-ratio:411/275}}@media (min-width: 768px){.gallery-photos--item.photo1.video-item .gallery-photos--photo{aspect-ratio:592/396}}@media (min-width: 1024px){.gallery-photos--item.photo1.video-item .gallery-photos--photo{aspect-ratio:397/265}}@media (min-width: 1280px){.gallery-photos--box1 .photo1.video-item .gallery-photos--photo{aspect-ratio:292/406}.gallery-photos--box2 .photo1.video-item .gallery-photos--photo{aspect-ratio:739/406}.gallery-photos--box3 .photo1.video-item .gallery-photos--photo{aspect-ratio:408/416}.gallery-photos--box4 .photo1.video-item .gallery-photos--photo{aspect-ratio:279/163}}@media (min-width: 1680px){.gallery-photos--box1 .photo1.video-item .gallery-photos--photo{aspect-ratio:430/587}.gallery-photos--box2 .photo1.video-item .gallery-photos--photo{aspect-ratio:739/406}.gallery-photos--box3 .photo1.video-item .gallery-photos--photo{aspect-ratio:408/416}.gallery-photos--box4 .photo1.video-item .gallery-photos--photo{aspect-ratio:279/163}}.gallery-photos--box1.has-video{display:flex}@media (min-width: 1280px){.gallery-photos--box1.has-video{display:grid!important;grid-template-columns:2.1fr .9fr;grid-template-rows:1fr 1fr;gap:34px;grid-template-areas:\"photo1 photo2\" \"photo1 photo3\"}.gallery-photos--box1.has-video .photo1{grid-area:photo1}.gallery-photos--box1.has-video .photo2{grid-area:photo2}.gallery-photos--box1.has-video .photo3{grid-area:photo3}.gallery-photos--box1.has-video .photo1 .gallery-photos--photo{aspect-ratio:739/406!important}.gallery-photos--box1.has-video .photo2 .gallery-photos--photo,.gallery-photos--box1.has-video .photo3 .gallery-photos--photo{aspect-ratio:279/163!important}}.gallery-photos--item.photo1.video-item .gallery-photos--photo{position:relative;width:100%;height:auto;overflow:hidden;display:block}.gallery-photos--item.photo1.video-item img.video-thumb{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover}.gallery-photos--item.photo1.video-item .video-play-btn{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:5rem;height:5rem;border-radius:50%;border:none;background:#693d2dcc;font-size:2.2rem;line-height:5rem;text-align:center;cursor:pointer;box-shadow:0 .8rem 2rem #00000040;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center}.gallery-photos--item.photo1.video-item .video-play-btn:hover{background:#884f3acc}.gallery-photos--item.photo1.video-item .video-play-btn svg{position:relative;margin-top:7px;margin-left:7px}.gallery-photos--item.photo1.video-item .gallery-photos--photo{position:relative;overflow:hidden}.gallery-photos--item.photo1.video-item iframe.video-iframe{position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);object-fit:cover;pointer-events:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled", "name"], outputs: ["btnClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1391
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: GalleryPhotosComponent, isStandalone: true, selector: "tent-gallery-photos", inputs: { items: "items", links: "links" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"gallery-photos module-spacer--bottom-small\">\n <div class=\"gallery-photos--content wrapper-big\">\n <div class=\"gallery-photos--list\">\n @for (item of itemsOrdered; let rowIndex = $index; track rowIndex) {\n <div\n [ngClass]=\"{\n 'gallery-photos--box1': rowIndex % 4 === 0,\n 'gallery-photos--box2': rowIndex % 4 === 1,\n 'gallery-photos--box3': rowIndex % 4 === 2,\n 'gallery-photos--box4': rowIndex % 4 === 3,\n 'no-photo3': item.length < 3,\n 'has-video':\n rowIndex === 0 && isValidVideo(item[0]?.video),\n }\"\n >\n @for (\n photo of item;\n let subIndex = $index;\n track subIndex\n ) {\n <!-- ========================================================= -->\n <!-- \uD83D\uDD25 VIDEO SOLO SI ES LA PRIMERA FOTO DE LA PRIMERA FILA -->\n <!-- ========================================================= -->\n @if (\n rowIndex === 0 &&\n subIndex === 0 &&\n isValidVideo(photo.video)\n ) {\n <div class=\"gallery-photos--item photo1 video-item\">\n <div\n class=\"gallery-photos--photo figure-content\"\n >\n <ng-container\n *ngIf=\"!isPlaying; else iframeTpl\"\n >\n <img\n class=\"video-thumb\"\n [src]=\"photo.image\"\n alt=\"Video thumbnail\"\n loading=\"lazy\"\n />\n\n <button\n class=\"video-play-btn\"\n type=\"button\"\n (click)=\"onPlayVideo()\"\n >\n <svg\n width=\"50\"\n height=\"50\"\n viewBox=\"0 0 50 50\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g\n filter=\"url(#filter0_d_2054_3)\"\n >\n <path\n d=\"M41.5 17.2672C45.5 19.5766 45.5 25.3501 41.5 27.6595L13 44.114C9 46.4234 4 43.5367 4 38.9179L4 6.00889C4 1.39009 9 -1.49666 13 0.812744L41.5 17.2672Z\"\n fill=\"white\"\n />\n </g>\n <defs>\n <filter\n id=\"filter0_d_2054_3\"\n x=\"0\"\n y=\"0\"\n width=\"48.5\"\n height=\"52.9268\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood\n flood-opacity=\"0\"\n result=\"BackgroundImageFix\"\n />\n <feColorMatrix\n in=\"SourceAlpha\"\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n result=\"hardAlpha\"\n />\n <feOffset dy=\"4\" />\n <feGaussianBlur\n stdDeviation=\"2\"\n />\n <feComposite\n in2=\"hardAlpha\"\n operator=\"out\"\n />\n <feColorMatrix\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"\n />\n <feBlend\n mode=\"normal\"\n in2=\"BackgroundImageFix\"\n result=\"effect1_dropShadow_2054_3\"\n />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"effect1_dropShadow_2054_3\"\n result=\"shape\"\n />\n </filter>\n </defs>\n </svg>\n </button>\n </ng-container>\n\n <ng-template #iframeTpl>\n <iframe\n class=\"video-iframe\"\n *ngIf=\"safeEmbedUrl\"\n [src]=\"safeEmbedUrl\"\n title=\"Video player\"\n frameborder=\"0\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n allowfullscreen\n ></iframe>\n </ng-template>\n </div>\n\n @if (photo.title) {\n <div class=\"gallery-photos--label\">\n <p class=\"text color--brown\">\n {{ photo.title }}\n </p>\n </div>\n }\n </div>\n } @else {\n <!-- ========================================================= -->\n <!-- \u2B50 FOTO NORMAL (todas las dem\u00E1s im\u00E1genes) -->\n <!-- ========================================================= -->\n\n <div\n class=\"gallery-photos--item\"\n [ngClass]=\"'photo' + (subIndex + 1)\"\n >\n <div\n class=\"gallery-photos--photo figure-content\"\n (click)=\"openModal(photo)\"\n >\n <figure\n class=\"figure-full\"\n [style]=\"getImageUrl(photo.image)\"\n ></figure>\n </div>\n\n @if (photo.title) {\n <div class=\"gallery-photos--label\">\n <p class=\"text color--brown\">\n {{ photo.title }}\n </p>\n <span\n class=\"icon-search-plus icon--size22 color--brown\"\n ></span>\n </div>\n }\n </div>\n }\n }\n <!-- end @for-photo -->\n </div>\n }\n <!-- end @for-item -->\n </div>\n\n <!-- BOTONES MOSTRAR M\u00C1S / MOSTRAR MENOS -->\n @if (links && links.length && items.length > 14) {\n <div class=\"gallery-photos--links\">\n @if (collapsed) {\n <tent-button\n type=\"dark-link\"\n [label]=\"links[0].label\"\n (btnClick)=\"toggleCollapse()\"\n ></tent-button>\n } @else {\n <tent-button\n type=\"dark-link\"\n [label]=\"links[1].label\"\n (btnClick)=\"toggleCollapse()\"\n ></tent-button>\n }\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693d2d;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693e2e;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.text strong{font-weight:700}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--20{font-weight:700;font-size:16px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--20{font-size:16px}}@media (min-width: 768px){.title--20{font-size:16px}}@media (min-width: 1024px){.title--20{font-size:18px}}@media (min-width: 1680px){.title--20{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:default;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.gallery-photos--content{padding:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px}.gallery-photos--list{gap:0;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;width:100%}.gallery-photos--box1,.gallery-photos--box2,.gallery-photos--box3,.gallery-photos--box4{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:18px 0;padding-bottom:18px;width:100%}.gallery-photos--item{width:100%}.gallery-photos--photo{aspect-ratio:314/210;position:relative;overflow:hidden;width:100%;border-radius:12px;pointer-events:none}.gallery-photos--label{width:359px;max-width:100%;text-align:center;margin-top:10px}.gallery-photos--label span{display:none}@media (min-width: 540px){.gallery-photos--content{padding:0 24px}.gallery-photos--box1,.gallery-photos--box2,.gallery-photos--box3,.gallery-photos--box4{gap:28px 0;padding-bottom:28px;width:100%}.gallery-photos--photo{aspect-ratio:411/275}}@media (min-width: 768px){.gallery-photos--content{padding:0 24px}.gallery-photos--box1,.gallery-photos--box2,.gallery-photos--box3,.gallery-photos--box4{gap:53px 0;padding-bottom:53px;width:100%}.gallery-photos--photo{aspect-ratio:592/396;pointer-events:initial}}@media (min-width: 1024px){.gallery-photos--content{padding:0 53px}.gallery-photos--list{display:flex;width:100%;flex-direction:column;gap:0}.gallery-photos--box1,.gallery-photos--box2,.gallery-photos--box3,.gallery-photos--box4{gap:39px;padding-bottom:39px;width:100%}.gallery-photos--box4 .photo3,.gallery-photos--box2 .photo3{display:none}.gallery-photos--photo{aspect-ratio:397/265}.gallery-photos--item{width:calc(50% - 30px);position:relative;overflow:hidden}.gallery-photos--label{position:absolute;left:20px;background:#fff;padding:4px 15px;border-radius:80px;text-align:left;bottom:-50px;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);max-width:calc(100% - 70px)}.gallery-photos--label p{font-size:14px;font-weight:700}.gallery-photos--label span{position:absolute;right:20px;bottom:13px;display:block}}@media (min-width: 1280px){.gallery-photos--content{padding:0 60px}.gallery-photos--list{gap:0}.gallery-photos--box1{display:grid;grid-template-columns:.9fr .9fr 1.2fr;grid-template-rows:.8fr .8fr;gap:34px;grid-template-areas:\"photo1 photo2 photo4\" \"photo1 photo3 photo4\";width:100%;height:100%}.gallery-photos--box1 .photo1{grid-area:photo1}.gallery-photos--box1 .photo1 .gallery-photos--photo{aspect-ratio:292/406}.gallery-photos--box1 .photo2{grid-area:photo2}.gallery-photos--box1 .photo2 .gallery-photos--photo{aspect-ratio:280/175}.gallery-photos--box1 .photo3{grid-area:photo3}.gallery-photos--box1 .photo3 .gallery-photos--photo{aspect-ratio:280/175}.gallery-photos--box1 .photo4{grid-area:photo4}.gallery-photos--box1 .photo4 .gallery-photos--photo{aspect-ratio:408/426}.gallery-photos--box2{display:grid;grid-template-columns:2.1fr .9fr;grid-template-rows:.8fr .8fr;gap:34px;grid-template-areas:\"photo1 photo2\" \"photo1 photo3\";width:100%;height:100%;min-height:480px}.gallery-photos--box2 .photo1{grid-area:photo1}.gallery-photos--box2 .photo1 .gallery-photos--photo{aspect-ratio:739/406}.gallery-photos--box2 .photo2{grid-area:photo2}.gallery-photos--box2 .photo2 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box2 .photo3{grid-area:photo3}.gallery-photos--box2 .photo3 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box2 .photo4{display:none}.gallery-photos--box3{display:grid;grid-template-columns:1.2fr .9fr .9fr;grid-template-rows:.8fr .8fr;gap:34px;grid-template-areas:\"photo1 photo2 photo4\" \"photo1 photo3 photo4\";width:100%;height:100%}.gallery-photos--box3 .photo1{grid-area:photo1}.gallery-photos--box3 .photo1 .gallery-photos--photo{aspect-ratio:408/416}.gallery-photos--box3 .photo2{grid-area:photo2}.gallery-photos--box3 .photo2 .gallery-photos--photo{aspect-ratio:279/176}.gallery-photos--box3 .photo3{grid-area:photo3}.gallery-photos--box3 .photo3 .gallery-photos--photo{aspect-ratio:279/176}.gallery-photos--box3 .photo4{grid-area:photo4}.gallery-photos--box3 .photo4 .gallery-photos--photo{aspect-ratio:298/406}.gallery-photos--box4{display:grid;grid-template-columns:.9fr 2.1fr;grid-template-rows:.8fr .8fr;gap:34px;grid-template-areas:\"photo1 photo3\" \"photo2 photo3\";width:100%;height:100%;min-height:480px}.gallery-photos--box4 .photo1{grid-area:photo1}.gallery-photos--box4 .photo1 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box4 .photo2{grid-area:photo2}.gallery-photos--box4 .photo2 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box4 .photo3{grid-area:photo3;display:block}.gallery-photos--box4 .photo3 .gallery-photos--photo{aspect-ratio:739/406}.gallery-photos--box4 .photo3,.gallery-photos--box2 .photo3{display:block}.gallery-photos--item{width:100%}.gallery-photos--photo{aspect-ratio:397/265}.gallery-photos--label{left:25px;max-width:calc(100% - 80px)}}@media (min-width: 1366px){.gallery-photos--label{left:25px;max-width:calc(100% - 80px)}}@media (min-width: 1680px){.gallery-photos--content{padding:0 60px}.gallery-photos--list{gap:0}.gallery-photos--box1 .photo1 .gallery-photos--photo{aspect-ratio:430/587}.gallery-photos--box1 .photo2 .gallery-photos--photo,.gallery-photos--box1 .photo3 .gallery-photos--photo{aspect-ratio:404/249}.gallery-photos--box1 .photo4{grid-area:photo4}.gallery-photos--box1 .photo4 .gallery-photos--photo{aspect-ratio:590/601}.gallery-photos--box2{display:grid;grid-template-columns:2.1fr .9fr;grid-template-rows:.8fr .8fr;gap:34px;grid-template-areas:\"photo1 photo2\" \"photo1 photo3\";width:100%;height:100%}.gallery-photos--box2 .photo1{grid-area:photo1}.gallery-photos--box2 .photo1 .gallery-photos--photo{aspect-ratio:739/406}.gallery-photos--box2 .photo2{grid-area:photo2}.gallery-photos--box2 .photo2 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box2 .photo3{grid-area:photo3}.gallery-photos--box2 .photo3 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box3{display:grid;grid-template-columns:1.2fr .9fr .9fr;grid-template-rows:.8fr .8fr;gap:34px;grid-template-areas:\"photo1 photo2 photo4\" \"photo1 photo3 photo4\";width:100%;height:100%}.gallery-photos--box3 .photo1{grid-area:photo1}.gallery-photos--box3 .photo1 .gallery-photos--photo{aspect-ratio:408/416}.gallery-photos--box3 .photo2{grid-area:photo2}.gallery-photos--box3 .photo2 .gallery-photos--photo{aspect-ratio:279/176}.gallery-photos--box3 .photo3{grid-area:photo3}.gallery-photos--box3 .photo3 .gallery-photos--photo{aspect-ratio:279/176}.gallery-photos--box3 .photo4{grid-area:photo4}.gallery-photos--box3 .photo4 .gallery-photos--photo{aspect-ratio:298/406}.gallery-photos--box4{display:grid;grid-template-columns:.9fr 2.1fr;grid-template-rows:.8fr .8fr;gap:34px;grid-template-areas:\"photo1 photo3\" \"photo2 photo3\";width:100%;height:100%}.gallery-photos--box4 .photo1{grid-area:photo1}.gallery-photos--box4 .photo1 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box4 .photo2{grid-area:photo2}.gallery-photos--box4 .photo2 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box4 .photo3{grid-area:photo3}.gallery-photos--box4 .photo3 .gallery-photos--photo{aspect-ratio:739/406}.gallery-photos--box1,.gallery-photos--box2,.gallery-photos--box3,.gallery-photos--box4{gap:47px;padding-bottom:47px}.gallery-photos--label{left:34px;max-width:calc(100% - 100px)}}@media (min-width: 1800px){.gallery-photos--list{gap:0}.gallery-photos--box1,.gallery-photos--box2,.gallery-photos--box3,.gallery-photos--box4{gap:50px;padding-bottom:50px}.gallery-photos--box1.no-photo3,.gallery-photos--box2.no-photo3,.gallery-photos--box3.no-photo3,.gallery-photos--box4.no-photo3{gap:100px;padding-top:50px}.gallery-photos--label{left:40px;max-width:calc(100% - 110px)}}.gallery-photos--item.photo1.video-item{position:relative;width:100%;height:auto;z-index:1}.gallery-photos--item.photo1.video-item .gallery-photos--photo{position:relative;width:100%;height:auto;padding:0;overflow:hidden}.gallery-photos--item.photo1.video-item img.video-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.gallery-photos--item.photo1.video-item .video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:6rem;height:6rem;border-radius:50%;background:#00000080;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease}.gallery-photos--item.photo1.video-item .video-play-btn svg{width:50px;height:50px;fill:#fff}.gallery-photos--item.photo1.video-item .gallery-photos--photo{aspect-ratio:314/210}@media (min-width: 540px){.gallery-photos--item.photo1.video-item .gallery-photos--photo{aspect-ratio:411/275}}@media (min-width: 768px){.gallery-photos--item.photo1.video-item .gallery-photos--photo{aspect-ratio:592/396}}@media (min-width: 1024px){.gallery-photos--item.photo1.video-item .gallery-photos--photo{aspect-ratio:397/265}}@media (min-width: 1280px){.gallery-photos--box1 .photo1.video-item .gallery-photos--photo{aspect-ratio:292/406}.gallery-photos--box2 .photo1.video-item .gallery-photos--photo{aspect-ratio:739/406}.gallery-photos--box3 .photo1.video-item .gallery-photos--photo{aspect-ratio:408/416}.gallery-photos--box4 .photo1.video-item .gallery-photos--photo{aspect-ratio:279/163}}@media (min-width: 1680px){.gallery-photos--box1 .photo1.video-item .gallery-photos--photo{aspect-ratio:430/587}.gallery-photos--box2 .photo1.video-item .gallery-photos--photo{aspect-ratio:739/406}.gallery-photos--box3 .photo1.video-item .gallery-photos--photo{aspect-ratio:408/416}.gallery-photos--box4 .photo1.video-item .gallery-photos--photo{aspect-ratio:279/163}}.gallery-photos--box1.has-video{display:flex}@media (min-width: 1280px){.gallery-photos--box1.has-video{display:grid!important;grid-template-columns:2.1fr .9fr;grid-template-rows:1fr 1fr;gap:34px;grid-template-areas:\"photo1 photo2\" \"photo1 photo3\"}.gallery-photos--box1.has-video .photo1{grid-area:photo1}.gallery-photos--box1.has-video .photo2{grid-area:photo2}.gallery-photos--box1.has-video .photo3{grid-area:photo3}.gallery-photos--box1.has-video .photo1 .gallery-photos--photo{aspect-ratio:739/406!important}.gallery-photos--box1.has-video .photo2 .gallery-photos--photo,.gallery-photos--box1.has-video .photo3 .gallery-photos--photo{aspect-ratio:279/163!important}}.gallery-photos--item.photo1.video-item .gallery-photos--photo{position:relative;width:100%;height:auto;overflow:hidden;display:block}.gallery-photos--item.photo1.video-item img.video-thumb{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover}.gallery-photos--item.photo1.video-item .video-play-btn{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:5rem;height:5rem;border-radius:50%;border:none;background:#693d2dcc;font-size:2.2rem;line-height:5rem;text-align:center;cursor:pointer;box-shadow:0 .8rem 2rem #00000040;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center}.gallery-photos--item.photo1.video-item .video-play-btn:hover{background:#884f3acc}.gallery-photos--item.photo1.video-item .video-play-btn svg{position:relative;margin-top:7px;margin-left:7px}.gallery-photos--item.photo1.video-item .gallery-photos--photo{position:relative;overflow:hidden}.gallery-photos--item.photo1.video-item iframe.video-iframe{position:absolute;top:50%;left:50%;width:106%;height:130%;transform:translate(-50%,-50%);object-fit:cover;pointer-events:auto}@media (max-width: 1279px){.gallery-photos--item.photo1.video-item iframe.video-iframe{width:120%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled", "name"], outputs: ["btnClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1392
1392
|
}
|
|
1393
1393
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GalleryPhotosComponent, decorators: [{
|
|
1394
1394
|
type: Component,
|
|
1395
|
-
args: [{ selector: 'tent-gallery-photos', standalone: true, imports: [CommonModule, ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"gallery-photos module-spacer--bottom-small\">\n <div class=\"gallery-photos--content wrapper-big\">\n <div class=\"gallery-photos--list\">\n @for (item of itemsOrdered; let rowIndex = $index; track rowIndex) {\n <div\n [ngClass]=\"{\n 'gallery-photos--box1': rowIndex % 4 === 0,\n 'gallery-photos--box2': rowIndex % 4 === 1,\n 'gallery-photos--box3': rowIndex % 4 === 2,\n 'gallery-photos--box4': rowIndex % 4 === 3,\n 'no-photo3': item.length < 3,\n 'has-video':\n rowIndex === 0 && isValidVideo(item[0]?.video),\n }\"\n >\n @for (\n photo of item;\n let subIndex = $index;\n track subIndex\n ) {\n <!-- ========================================================= -->\n <!-- \uD83D\uDD25 VIDEO SOLO SI ES LA PRIMERA FOTO DE LA PRIMERA FILA -->\n <!-- ========================================================= -->\n @if (\n rowIndex === 0 &&\n subIndex === 0 &&\n isValidVideo(photo.video)\n ) {\n <div class=\"gallery-photos--item photo1 video-item\">\n <div\n class=\"gallery-photos--photo figure-content\"\n >\n <ng-container\n *ngIf=\"!isPlaying; else iframeTpl\"\n >\n <img\n class=\"video-thumb\"\n [src]=\"photo.image\"\n alt=\"Video thumbnail\"\n loading=\"lazy\"\n />\n\n <button\n class=\"video-play-btn\"\n type=\"button\"\n (click)=\"onPlayVideo()\"\n >\n <svg\n width=\"50\"\n height=\"50\"\n viewBox=\"0 0 50 50\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g\n filter=\"url(#filter0_d_2054_3)\"\n >\n <path\n d=\"M41.5 17.2672C45.5 19.5766 45.5 25.3501 41.5 27.6595L13 44.114C9 46.4234 4 43.5367 4 38.9179L4 6.00889C4 1.39009 9 -1.49666 13 0.812744L41.5 17.2672Z\"\n fill=\"white\"\n />\n </g>\n <defs>\n <filter\n id=\"filter0_d_2054_3\"\n x=\"0\"\n y=\"0\"\n width=\"48.5\"\n height=\"52.9268\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood\n flood-opacity=\"0\"\n result=\"BackgroundImageFix\"\n />\n <feColorMatrix\n in=\"SourceAlpha\"\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n result=\"hardAlpha\"\n />\n <feOffset dy=\"4\" />\n <feGaussianBlur\n stdDeviation=\"2\"\n />\n <feComposite\n in2=\"hardAlpha\"\n operator=\"out\"\n />\n <feColorMatrix\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"\n />\n <feBlend\n mode=\"normal\"\n in2=\"BackgroundImageFix\"\n result=\"effect1_dropShadow_2054_3\"\n />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"effect1_dropShadow_2054_3\"\n result=\"shape\"\n />\n </filter>\n </defs>\n </svg>\n </button>\n </ng-container>\n\n <ng-template #iframeTpl>\n <iframe\n class=\"video-iframe\"\n *ngIf=\"safeEmbedUrl\"\n [src]=\"safeEmbedUrl\"\n title=\"Video player\"\n frameborder=\"0\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n allowfullscreen\n ></iframe>\n </ng-template>\n </div>\n\n @if (photo.title) {\n <div class=\"gallery-photos--label\">\n <p class=\"text color--brown\">\n {{ photo.title }}\n </p>\n </div>\n }\n </div>\n } @else {\n <!-- ========================================================= -->\n <!-- \u2B50 FOTO NORMAL (todas las dem\u00E1s im\u00E1genes) -->\n <!-- ========================================================= -->\n\n <div\n class=\"gallery-photos--item\"\n [ngClass]=\"'photo' + (subIndex + 1)\"\n >\n <div\n class=\"gallery-photos--photo figure-content\"\n (click)=\"openModal(photo)\"\n >\n <figure\n class=\"figure-full\"\n [style]=\"getImageUrl(photo.image)\"\n ></figure>\n </div>\n\n @if (photo.title) {\n <div class=\"gallery-photos--label\">\n <p class=\"text color--brown\">\n {{ photo.title }}\n </p>\n <span\n class=\"icon-search-plus icon--size22 color--brown\"\n ></span>\n </div>\n }\n </div>\n }\n }\n <!-- end @for-photo -->\n </div>\n }\n <!-- end @for-item -->\n </div>\n\n <!-- BOTONES MOSTRAR M\u00C1S / MOSTRAR MENOS -->\n @if (links && links.length && items.length > 14) {\n <div class=\"gallery-photos--links\">\n @if (collapsed) {\n <tent-button\n type=\"dark-link\"\n [label]=\"links[0].label\"\n (btnClick)=\"toggleCollapse()\"\n ></tent-button>\n } @else {\n <tent-button\n type=\"dark-link\"\n [label]=\"links[1].label\"\n (btnClick)=\"toggleCollapse()\"\n ></tent-button>\n }\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693d2d;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693e2e;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.text strong{font-weight:700}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--20{font-weight:700;font-size:16px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--20{font-size:16px}}@media (min-width: 768px){.title--20{font-size:16px}}@media (min-width: 1024px){.title--20{font-size:18px}}@media (min-width: 1680px){.title--20{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:default;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.gallery-photos--content{padding:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px}.gallery-photos--list{gap:0;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;width:100%}.gallery-photos--box1,.gallery-photos--box2,.gallery-photos--box3,.gallery-photos--box4{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:18px 0;padding-bottom:18px;width:100%}.gallery-photos--item{width:100%}.gallery-photos--photo{aspect-ratio:314/210;position:relative;overflow:hidden;width:100%;border-radius:12px;pointer-events:none}.gallery-photos--label{width:359px;max-width:100%;text-align:center;margin-top:10px}.gallery-photos--label span{display:none}@media (min-width: 540px){.gallery-photos--content{padding:0 24px}.gallery-photos--box1,.gallery-photos--box2,.gallery-photos--box3,.gallery-photos--box4{gap:28px 0;padding-bottom:28px;width:100%}.gallery-photos--photo{aspect-ratio:411/275}}@media (min-width: 768px){.gallery-photos--content{padding:0 24px}.gallery-photos--box1,.gallery-photos--box2,.gallery-photos--box3,.gallery-photos--box4{gap:53px 0;padding-bottom:53px;width:100%}.gallery-photos--photo{aspect-ratio:592/396;pointer-events:initial}}@media (min-width: 1024px){.gallery-photos--content{padding:0 53px}.gallery-photos--list{display:flex;width:100%;flex-direction:column;gap:0}.gallery-photos--box1,.gallery-photos--box2,.gallery-photos--box3,.gallery-photos--box4{gap:39px;padding-bottom:39px;width:100%}.gallery-photos--box4 .photo3,.gallery-photos--box2 .photo3{display:none}.gallery-photos--photo{aspect-ratio:397/265}.gallery-photos--item{width:calc(50% - 30px);position:relative;overflow:hidden}.gallery-photos--label{position:absolute;left:20px;background:#fff;padding:4px 15px;border-radius:80px;text-align:left;bottom:-50px;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);max-width:calc(100% - 70px)}.gallery-photos--label p{font-size:14px;font-weight:700}.gallery-photos--label span{position:absolute;right:20px;bottom:13px;display:block}}@media (min-width: 1280px){.gallery-photos--content{padding:0 60px}.gallery-photos--list{gap:0}.gallery-photos--box1{display:grid;grid-template-columns:.9fr .9fr 1.2fr;grid-template-rows:.8fr .8fr;gap:34px;grid-template-areas:\"photo1 photo2 photo4\" \"photo1 photo3 photo4\";width:100%;height:100%}.gallery-photos--box1 .photo1{grid-area:photo1}.gallery-photos--box1 .photo1 .gallery-photos--photo{aspect-ratio:292/406}.gallery-photos--box1 .photo2{grid-area:photo2}.gallery-photos--box1 .photo2 .gallery-photos--photo{aspect-ratio:280/175}.gallery-photos--box1 .photo3{grid-area:photo3}.gallery-photos--box1 .photo3 .gallery-photos--photo{aspect-ratio:280/175}.gallery-photos--box1 .photo4{grid-area:photo4}.gallery-photos--box1 .photo4 .gallery-photos--photo{aspect-ratio:408/426}.gallery-photos--box2{display:grid;grid-template-columns:2.1fr .9fr;grid-template-rows:.8fr .8fr;gap:34px;grid-template-areas:\"photo1 photo2\" \"photo1 photo3\";width:100%;height:100%;min-height:480px}.gallery-photos--box2 .photo1{grid-area:photo1}.gallery-photos--box2 .photo1 .gallery-photos--photo{aspect-ratio:739/406}.gallery-photos--box2 .photo2{grid-area:photo2}.gallery-photos--box2 .photo2 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box2 .photo3{grid-area:photo3}.gallery-photos--box2 .photo3 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box2 .photo4{display:none}.gallery-photos--box3{display:grid;grid-template-columns:1.2fr .9fr .9fr;grid-template-rows:.8fr .8fr;gap:34px;grid-template-areas:\"photo1 photo2 photo4\" \"photo1 photo3 photo4\";width:100%;height:100%}.gallery-photos--box3 .photo1{grid-area:photo1}.gallery-photos--box3 .photo1 .gallery-photos--photo{aspect-ratio:408/416}.gallery-photos--box3 .photo2{grid-area:photo2}.gallery-photos--box3 .photo2 .gallery-photos--photo{aspect-ratio:279/176}.gallery-photos--box3 .photo3{grid-area:photo3}.gallery-photos--box3 .photo3 .gallery-photos--photo{aspect-ratio:279/176}.gallery-photos--box3 .photo4{grid-area:photo4}.gallery-photos--box3 .photo4 .gallery-photos--photo{aspect-ratio:298/406}.gallery-photos--box4{display:grid;grid-template-columns:.9fr 2.1fr;grid-template-rows:.8fr .8fr;gap:34px;grid-template-areas:\"photo1 photo3\" \"photo2 photo3\";width:100%;height:100%;min-height:480px}.gallery-photos--box4 .photo1{grid-area:photo1}.gallery-photos--box4 .photo1 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box4 .photo2{grid-area:photo2}.gallery-photos--box4 .photo2 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box4 .photo3{grid-area:photo3;display:block}.gallery-photos--box4 .photo3 .gallery-photos--photo{aspect-ratio:739/406}.gallery-photos--box4 .photo3,.gallery-photos--box2 .photo3{display:block}.gallery-photos--item{width:100%}.gallery-photos--photo{aspect-ratio:397/265}.gallery-photos--label{left:25px;max-width:calc(100% - 80px)}}@media (min-width: 1366px){.gallery-photos--label{left:25px;max-width:calc(100% - 80px)}}@media (min-width: 1680px){.gallery-photos--content{padding:0 60px}.gallery-photos--list{gap:0}.gallery-photos--box1 .photo1 .gallery-photos--photo{aspect-ratio:430/587}.gallery-photos--box1 .photo2 .gallery-photos--photo,.gallery-photos--box1 .photo3 .gallery-photos--photo{aspect-ratio:404/249}.gallery-photos--box1 .photo4{grid-area:photo4}.gallery-photos--box1 .photo4 .gallery-photos--photo{aspect-ratio:590/601}.gallery-photos--box2{display:grid;grid-template-columns:2.1fr .9fr;grid-template-rows:.8fr .8fr;gap:34px;grid-template-areas:\"photo1 photo2\" \"photo1 photo3\";width:100%;height:100%}.gallery-photos--box2 .photo1{grid-area:photo1}.gallery-photos--box2 .photo1 .gallery-photos--photo{aspect-ratio:739/406}.gallery-photos--box2 .photo2{grid-area:photo2}.gallery-photos--box2 .photo2 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box2 .photo3{grid-area:photo3}.gallery-photos--box2 .photo3 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box3{display:grid;grid-template-columns:1.2fr .9fr .9fr;grid-template-rows:.8fr .8fr;gap:34px;grid-template-areas:\"photo1 photo2 photo4\" \"photo1 photo3 photo4\";width:100%;height:100%}.gallery-photos--box3 .photo1{grid-area:photo1}.gallery-photos--box3 .photo1 .gallery-photos--photo{aspect-ratio:408/416}.gallery-photos--box3 .photo2{grid-area:photo2}.gallery-photos--box3 .photo2 .gallery-photos--photo{aspect-ratio:279/176}.gallery-photos--box3 .photo3{grid-area:photo3}.gallery-photos--box3 .photo3 .gallery-photos--photo{aspect-ratio:279/176}.gallery-photos--box3 .photo4{grid-area:photo4}.gallery-photos--box3 .photo4 .gallery-photos--photo{aspect-ratio:298/406}.gallery-photos--box4{display:grid;grid-template-columns:.9fr 2.1fr;grid-template-rows:.8fr .8fr;gap:34px;grid-template-areas:\"photo1 photo3\" \"photo2 photo3\";width:100%;height:100%}.gallery-photos--box4 .photo1{grid-area:photo1}.gallery-photos--box4 .photo1 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box4 .photo2{grid-area:photo2}.gallery-photos--box4 .photo2 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box4 .photo3{grid-area:photo3}.gallery-photos--box4 .photo3 .gallery-photos--photo{aspect-ratio:739/406}.gallery-photos--box1,.gallery-photos--box2,.gallery-photos--box3,.gallery-photos--box4{gap:47px;padding-bottom:47px}.gallery-photos--label{left:34px;max-width:calc(100% - 100px)}}@media (min-width: 1800px){.gallery-photos--list{gap:0}.gallery-photos--box1,.gallery-photos--box2,.gallery-photos--box3,.gallery-photos--box4{gap:50px;padding-bottom:50px}.gallery-photos--box1.no-photo3,.gallery-photos--box2.no-photo3,.gallery-photos--box3.no-photo3,.gallery-photos--box4.no-photo3{gap:100px;padding-top:50px}.gallery-photos--label{left:40px;max-width:calc(100% - 110px)}}.gallery-photos--item.photo1.video-item{position:relative;width:100%;height:auto;z-index:1}.gallery-photos--item.photo1.video-item .gallery-photos--photo{position:relative;width:100%;height:auto;padding:0;overflow:hidden}.gallery-photos--item.photo1.video-item img.video-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.gallery-photos--item.photo1.video-item .video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:6rem;height:6rem;border-radius:50%;background:#00000080;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease}.gallery-photos--item.photo1.video-item .video-play-btn svg{width:50px;height:50px;fill:#fff}.gallery-photos--item.photo1.video-item .gallery-photos--photo{aspect-ratio:314/210}@media (min-width: 540px){.gallery-photos--item.photo1.video-item .gallery-photos--photo{aspect-ratio:411/275}}@media (min-width: 768px){.gallery-photos--item.photo1.video-item .gallery-photos--photo{aspect-ratio:592/396}}@media (min-width: 1024px){.gallery-photos--item.photo1.video-item .gallery-photos--photo{aspect-ratio:397/265}}@media (min-width: 1280px){.gallery-photos--box1 .photo1.video-item .gallery-photos--photo{aspect-ratio:292/406}.gallery-photos--box2 .photo1.video-item .gallery-photos--photo{aspect-ratio:739/406}.gallery-photos--box3 .photo1.video-item .gallery-photos--photo{aspect-ratio:408/416}.gallery-photos--box4 .photo1.video-item .gallery-photos--photo{aspect-ratio:279/163}}@media (min-width: 1680px){.gallery-photos--box1 .photo1.video-item .gallery-photos--photo{aspect-ratio:430/587}.gallery-photos--box2 .photo1.video-item .gallery-photos--photo{aspect-ratio:739/406}.gallery-photos--box3 .photo1.video-item .gallery-photos--photo{aspect-ratio:408/416}.gallery-photos--box4 .photo1.video-item .gallery-photos--photo{aspect-ratio:279/163}}.gallery-photos--box1.has-video{display:flex}@media (min-width: 1280px){.gallery-photos--box1.has-video{display:grid!important;grid-template-columns:2.1fr .9fr;grid-template-rows:1fr 1fr;gap:34px;grid-template-areas:\"photo1 photo2\" \"photo1 photo3\"}.gallery-photos--box1.has-video .photo1{grid-area:photo1}.gallery-photos--box1.has-video .photo2{grid-area:photo2}.gallery-photos--box1.has-video .photo3{grid-area:photo3}.gallery-photos--box1.has-video .photo1 .gallery-photos--photo{aspect-ratio:739/406!important}.gallery-photos--box1.has-video .photo2 .gallery-photos--photo,.gallery-photos--box1.has-video .photo3 .gallery-photos--photo{aspect-ratio:279/163!important}}.gallery-photos--item.photo1.video-item .gallery-photos--photo{position:relative;width:100%;height:auto;overflow:hidden;display:block}.gallery-photos--item.photo1.video-item img.video-thumb{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover}.gallery-photos--item.photo1.video-item .video-play-btn{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:5rem;height:5rem;border-radius:50%;border:none;background:#693d2dcc;font-size:2.2rem;line-height:5rem;text-align:center;cursor:pointer;box-shadow:0 .8rem 2rem #00000040;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center}.gallery-photos--item.photo1.video-item .video-play-btn:hover{background:#884f3acc}.gallery-photos--item.photo1.video-item .video-play-btn svg{position:relative;margin-top:7px;margin-left:7px}.gallery-photos--item.photo1.video-item .gallery-photos--photo{position:relative;overflow:hidden}.gallery-photos--item.photo1.video-item iframe.video-iframe{position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);object-fit:cover;pointer-events:auto}\n"] }]
|
|
1395
|
+
args: [{ selector: 'tent-gallery-photos', standalone: true, imports: [CommonModule, ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"gallery-photos module-spacer--bottom-small\">\n <div class=\"gallery-photos--content wrapper-big\">\n <div class=\"gallery-photos--list\">\n @for (item of itemsOrdered; let rowIndex = $index; track rowIndex) {\n <div\n [ngClass]=\"{\n 'gallery-photos--box1': rowIndex % 4 === 0,\n 'gallery-photos--box2': rowIndex % 4 === 1,\n 'gallery-photos--box3': rowIndex % 4 === 2,\n 'gallery-photos--box4': rowIndex % 4 === 3,\n 'no-photo3': item.length < 3,\n 'has-video':\n rowIndex === 0 && isValidVideo(item[0]?.video),\n }\"\n >\n @for (\n photo of item;\n let subIndex = $index;\n track subIndex\n ) {\n <!-- ========================================================= -->\n <!-- \uD83D\uDD25 VIDEO SOLO SI ES LA PRIMERA FOTO DE LA PRIMERA FILA -->\n <!-- ========================================================= -->\n @if (\n rowIndex === 0 &&\n subIndex === 0 &&\n isValidVideo(photo.video)\n ) {\n <div class=\"gallery-photos--item photo1 video-item\">\n <div\n class=\"gallery-photos--photo figure-content\"\n >\n <ng-container\n *ngIf=\"!isPlaying; else iframeTpl\"\n >\n <img\n class=\"video-thumb\"\n [src]=\"photo.image\"\n alt=\"Video thumbnail\"\n loading=\"lazy\"\n />\n\n <button\n class=\"video-play-btn\"\n type=\"button\"\n (click)=\"onPlayVideo()\"\n >\n <svg\n width=\"50\"\n height=\"50\"\n viewBox=\"0 0 50 50\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g\n filter=\"url(#filter0_d_2054_3)\"\n >\n <path\n d=\"M41.5 17.2672C45.5 19.5766 45.5 25.3501 41.5 27.6595L13 44.114C9 46.4234 4 43.5367 4 38.9179L4 6.00889C4 1.39009 9 -1.49666 13 0.812744L41.5 17.2672Z\"\n fill=\"white\"\n />\n </g>\n <defs>\n <filter\n id=\"filter0_d_2054_3\"\n x=\"0\"\n y=\"0\"\n width=\"48.5\"\n height=\"52.9268\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood\n flood-opacity=\"0\"\n result=\"BackgroundImageFix\"\n />\n <feColorMatrix\n in=\"SourceAlpha\"\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n result=\"hardAlpha\"\n />\n <feOffset dy=\"4\" />\n <feGaussianBlur\n stdDeviation=\"2\"\n />\n <feComposite\n in2=\"hardAlpha\"\n operator=\"out\"\n />\n <feColorMatrix\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"\n />\n <feBlend\n mode=\"normal\"\n in2=\"BackgroundImageFix\"\n result=\"effect1_dropShadow_2054_3\"\n />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"effect1_dropShadow_2054_3\"\n result=\"shape\"\n />\n </filter>\n </defs>\n </svg>\n </button>\n </ng-container>\n\n <ng-template #iframeTpl>\n <iframe\n class=\"video-iframe\"\n *ngIf=\"safeEmbedUrl\"\n [src]=\"safeEmbedUrl\"\n title=\"Video player\"\n frameborder=\"0\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n allowfullscreen\n ></iframe>\n </ng-template>\n </div>\n\n @if (photo.title) {\n <div class=\"gallery-photos--label\">\n <p class=\"text color--brown\">\n {{ photo.title }}\n </p>\n </div>\n }\n </div>\n } @else {\n <!-- ========================================================= -->\n <!-- \u2B50 FOTO NORMAL (todas las dem\u00E1s im\u00E1genes) -->\n <!-- ========================================================= -->\n\n <div\n class=\"gallery-photos--item\"\n [ngClass]=\"'photo' + (subIndex + 1)\"\n >\n <div\n class=\"gallery-photos--photo figure-content\"\n (click)=\"openModal(photo)\"\n >\n <figure\n class=\"figure-full\"\n [style]=\"getImageUrl(photo.image)\"\n ></figure>\n </div>\n\n @if (photo.title) {\n <div class=\"gallery-photos--label\">\n <p class=\"text color--brown\">\n {{ photo.title }}\n </p>\n <span\n class=\"icon-search-plus icon--size22 color--brown\"\n ></span>\n </div>\n }\n </div>\n }\n }\n <!-- end @for-photo -->\n </div>\n }\n <!-- end @for-item -->\n </div>\n\n <!-- BOTONES MOSTRAR M\u00C1S / MOSTRAR MENOS -->\n @if (links && links.length && items.length > 14) {\n <div class=\"gallery-photos--links\">\n @if (collapsed) {\n <tent-button\n type=\"dark-link\"\n [label]=\"links[0].label\"\n (btnClick)=\"toggleCollapse()\"\n ></tent-button>\n } @else {\n <tent-button\n type=\"dark-link\"\n [label]=\"links[1].label\"\n (btnClick)=\"toggleCollapse()\"\n ></tent-button>\n }\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693d2d;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693e2e;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.text strong{font-weight:700}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--20{font-weight:700;font-size:16px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--20{font-size:16px}}@media (min-width: 768px){.title--20{font-size:16px}}@media (min-width: 1024px){.title--20{font-size:18px}}@media (min-width: 1680px){.title--20{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:default;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.gallery-photos--content{padding:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px}.gallery-photos--list{gap:0;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;width:100%}.gallery-photos--box1,.gallery-photos--box2,.gallery-photos--box3,.gallery-photos--box4{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:18px 0;padding-bottom:18px;width:100%}.gallery-photos--item{width:100%}.gallery-photos--photo{aspect-ratio:314/210;position:relative;overflow:hidden;width:100%;border-radius:12px;pointer-events:none}.gallery-photos--label{width:359px;max-width:100%;text-align:center;margin-top:10px}.gallery-photos--label span{display:none}@media (min-width: 540px){.gallery-photos--content{padding:0 24px}.gallery-photos--box1,.gallery-photos--box2,.gallery-photos--box3,.gallery-photos--box4{gap:28px 0;padding-bottom:28px;width:100%}.gallery-photos--photo{aspect-ratio:411/275}}@media (min-width: 768px){.gallery-photos--content{padding:0 24px}.gallery-photos--box1,.gallery-photos--box2,.gallery-photos--box3,.gallery-photos--box4{gap:53px 0;padding-bottom:53px;width:100%}.gallery-photos--photo{aspect-ratio:592/396;pointer-events:initial}}@media (min-width: 1024px){.gallery-photos--content{padding:0 53px}.gallery-photos--list{display:flex;width:100%;flex-direction:column;gap:0}.gallery-photos--box1,.gallery-photos--box2,.gallery-photos--box3,.gallery-photos--box4{gap:39px;padding-bottom:39px;width:100%}.gallery-photos--box4 .photo3,.gallery-photos--box2 .photo3{display:none}.gallery-photos--photo{aspect-ratio:397/265}.gallery-photos--item{width:calc(50% - 30px);position:relative;overflow:hidden}.gallery-photos--label{position:absolute;left:20px;background:#fff;padding:4px 15px;border-radius:80px;text-align:left;bottom:-50px;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);max-width:calc(100% - 70px)}.gallery-photos--label p{font-size:14px;font-weight:700}.gallery-photos--label span{position:absolute;right:20px;bottom:13px;display:block}}@media (min-width: 1280px){.gallery-photos--content{padding:0 60px}.gallery-photos--list{gap:0}.gallery-photos--box1{display:grid;grid-template-columns:.9fr .9fr 1.2fr;grid-template-rows:.8fr .8fr;gap:34px;grid-template-areas:\"photo1 photo2 photo4\" \"photo1 photo3 photo4\";width:100%;height:100%}.gallery-photos--box1 .photo1{grid-area:photo1}.gallery-photos--box1 .photo1 .gallery-photos--photo{aspect-ratio:292/406}.gallery-photos--box1 .photo2{grid-area:photo2}.gallery-photos--box1 .photo2 .gallery-photos--photo{aspect-ratio:280/175}.gallery-photos--box1 .photo3{grid-area:photo3}.gallery-photos--box1 .photo3 .gallery-photos--photo{aspect-ratio:280/175}.gallery-photos--box1 .photo4{grid-area:photo4}.gallery-photos--box1 .photo4 .gallery-photos--photo{aspect-ratio:408/426}.gallery-photos--box2{display:grid;grid-template-columns:2.1fr .9fr;grid-template-rows:.8fr .8fr;gap:34px;grid-template-areas:\"photo1 photo2\" \"photo1 photo3\";width:100%;height:100%;min-height:480px}.gallery-photos--box2 .photo1{grid-area:photo1}.gallery-photos--box2 .photo1 .gallery-photos--photo{aspect-ratio:739/406}.gallery-photos--box2 .photo2{grid-area:photo2}.gallery-photos--box2 .photo2 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box2 .photo3{grid-area:photo3}.gallery-photos--box2 .photo3 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box2 .photo4{display:none}.gallery-photos--box3{display:grid;grid-template-columns:1.2fr .9fr .9fr;grid-template-rows:.8fr .8fr;gap:34px;grid-template-areas:\"photo1 photo2 photo4\" \"photo1 photo3 photo4\";width:100%;height:100%}.gallery-photos--box3 .photo1{grid-area:photo1}.gallery-photos--box3 .photo1 .gallery-photos--photo{aspect-ratio:408/416}.gallery-photos--box3 .photo2{grid-area:photo2}.gallery-photos--box3 .photo2 .gallery-photos--photo{aspect-ratio:279/176}.gallery-photos--box3 .photo3{grid-area:photo3}.gallery-photos--box3 .photo3 .gallery-photos--photo{aspect-ratio:279/176}.gallery-photos--box3 .photo4{grid-area:photo4}.gallery-photos--box3 .photo4 .gallery-photos--photo{aspect-ratio:298/406}.gallery-photos--box4{display:grid;grid-template-columns:.9fr 2.1fr;grid-template-rows:.8fr .8fr;gap:34px;grid-template-areas:\"photo1 photo3\" \"photo2 photo3\";width:100%;height:100%;min-height:480px}.gallery-photos--box4 .photo1{grid-area:photo1}.gallery-photos--box4 .photo1 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box4 .photo2{grid-area:photo2}.gallery-photos--box4 .photo2 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box4 .photo3{grid-area:photo3;display:block}.gallery-photos--box4 .photo3 .gallery-photos--photo{aspect-ratio:739/406}.gallery-photos--box4 .photo3,.gallery-photos--box2 .photo3{display:block}.gallery-photos--item{width:100%}.gallery-photos--photo{aspect-ratio:397/265}.gallery-photos--label{left:25px;max-width:calc(100% - 80px)}}@media (min-width: 1366px){.gallery-photos--label{left:25px;max-width:calc(100% - 80px)}}@media (min-width: 1680px){.gallery-photos--content{padding:0 60px}.gallery-photos--list{gap:0}.gallery-photos--box1 .photo1 .gallery-photos--photo{aspect-ratio:430/587}.gallery-photos--box1 .photo2 .gallery-photos--photo,.gallery-photos--box1 .photo3 .gallery-photos--photo{aspect-ratio:404/249}.gallery-photos--box1 .photo4{grid-area:photo4}.gallery-photos--box1 .photo4 .gallery-photos--photo{aspect-ratio:590/601}.gallery-photos--box2{display:grid;grid-template-columns:2.1fr .9fr;grid-template-rows:.8fr .8fr;gap:34px;grid-template-areas:\"photo1 photo2\" \"photo1 photo3\";width:100%;height:100%}.gallery-photos--box2 .photo1{grid-area:photo1}.gallery-photos--box2 .photo1 .gallery-photos--photo{aspect-ratio:739/406}.gallery-photos--box2 .photo2{grid-area:photo2}.gallery-photos--box2 .photo2 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box2 .photo3{grid-area:photo3}.gallery-photos--box2 .photo3 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box3{display:grid;grid-template-columns:1.2fr .9fr .9fr;grid-template-rows:.8fr .8fr;gap:34px;grid-template-areas:\"photo1 photo2 photo4\" \"photo1 photo3 photo4\";width:100%;height:100%}.gallery-photos--box3 .photo1{grid-area:photo1}.gallery-photos--box3 .photo1 .gallery-photos--photo{aspect-ratio:408/416}.gallery-photos--box3 .photo2{grid-area:photo2}.gallery-photos--box3 .photo2 .gallery-photos--photo{aspect-ratio:279/176}.gallery-photos--box3 .photo3{grid-area:photo3}.gallery-photos--box3 .photo3 .gallery-photos--photo{aspect-ratio:279/176}.gallery-photos--box3 .photo4{grid-area:photo4}.gallery-photos--box3 .photo4 .gallery-photos--photo{aspect-ratio:298/406}.gallery-photos--box4{display:grid;grid-template-columns:.9fr 2.1fr;grid-template-rows:.8fr .8fr;gap:34px;grid-template-areas:\"photo1 photo3\" \"photo2 photo3\";width:100%;height:100%}.gallery-photos--box4 .photo1{grid-area:photo1}.gallery-photos--box4 .photo1 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box4 .photo2{grid-area:photo2}.gallery-photos--box4 .photo2 .gallery-photos--photo{aspect-ratio:279/163}.gallery-photos--box4 .photo3{grid-area:photo3}.gallery-photos--box4 .photo3 .gallery-photos--photo{aspect-ratio:739/406}.gallery-photos--box1,.gallery-photos--box2,.gallery-photos--box3,.gallery-photos--box4{gap:47px;padding-bottom:47px}.gallery-photos--label{left:34px;max-width:calc(100% - 100px)}}@media (min-width: 1800px){.gallery-photos--list{gap:0}.gallery-photos--box1,.gallery-photos--box2,.gallery-photos--box3,.gallery-photos--box4{gap:50px;padding-bottom:50px}.gallery-photos--box1.no-photo3,.gallery-photos--box2.no-photo3,.gallery-photos--box3.no-photo3,.gallery-photos--box4.no-photo3{gap:100px;padding-top:50px}.gallery-photos--label{left:40px;max-width:calc(100% - 110px)}}.gallery-photos--item.photo1.video-item{position:relative;width:100%;height:auto;z-index:1}.gallery-photos--item.photo1.video-item .gallery-photos--photo{position:relative;width:100%;height:auto;padding:0;overflow:hidden}.gallery-photos--item.photo1.video-item img.video-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.gallery-photos--item.photo1.video-item .video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:6rem;height:6rem;border-radius:50%;background:#00000080;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease}.gallery-photos--item.photo1.video-item .video-play-btn svg{width:50px;height:50px;fill:#fff}.gallery-photos--item.photo1.video-item .gallery-photos--photo{aspect-ratio:314/210}@media (min-width: 540px){.gallery-photos--item.photo1.video-item .gallery-photos--photo{aspect-ratio:411/275}}@media (min-width: 768px){.gallery-photos--item.photo1.video-item .gallery-photos--photo{aspect-ratio:592/396}}@media (min-width: 1024px){.gallery-photos--item.photo1.video-item .gallery-photos--photo{aspect-ratio:397/265}}@media (min-width: 1280px){.gallery-photos--box1 .photo1.video-item .gallery-photos--photo{aspect-ratio:292/406}.gallery-photos--box2 .photo1.video-item .gallery-photos--photo{aspect-ratio:739/406}.gallery-photos--box3 .photo1.video-item .gallery-photos--photo{aspect-ratio:408/416}.gallery-photos--box4 .photo1.video-item .gallery-photos--photo{aspect-ratio:279/163}}@media (min-width: 1680px){.gallery-photos--box1 .photo1.video-item .gallery-photos--photo{aspect-ratio:430/587}.gallery-photos--box2 .photo1.video-item .gallery-photos--photo{aspect-ratio:739/406}.gallery-photos--box3 .photo1.video-item .gallery-photos--photo{aspect-ratio:408/416}.gallery-photos--box4 .photo1.video-item .gallery-photos--photo{aspect-ratio:279/163}}.gallery-photos--box1.has-video{display:flex}@media (min-width: 1280px){.gallery-photos--box1.has-video{display:grid!important;grid-template-columns:2.1fr .9fr;grid-template-rows:1fr 1fr;gap:34px;grid-template-areas:\"photo1 photo2\" \"photo1 photo3\"}.gallery-photos--box1.has-video .photo1{grid-area:photo1}.gallery-photos--box1.has-video .photo2{grid-area:photo2}.gallery-photos--box1.has-video .photo3{grid-area:photo3}.gallery-photos--box1.has-video .photo1 .gallery-photos--photo{aspect-ratio:739/406!important}.gallery-photos--box1.has-video .photo2 .gallery-photos--photo,.gallery-photos--box1.has-video .photo3 .gallery-photos--photo{aspect-ratio:279/163!important}}.gallery-photos--item.photo1.video-item .gallery-photos--photo{position:relative;width:100%;height:auto;overflow:hidden;display:block}.gallery-photos--item.photo1.video-item img.video-thumb{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover}.gallery-photos--item.photo1.video-item .video-play-btn{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:5rem;height:5rem;border-radius:50%;border:none;background:#693d2dcc;font-size:2.2rem;line-height:5rem;text-align:center;cursor:pointer;box-shadow:0 .8rem 2rem #00000040;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center}.gallery-photos--item.photo1.video-item .video-play-btn:hover{background:#884f3acc}.gallery-photos--item.photo1.video-item .video-play-btn svg{position:relative;margin-top:7px;margin-left:7px}.gallery-photos--item.photo1.video-item .gallery-photos--photo{position:relative;overflow:hidden}.gallery-photos--item.photo1.video-item iframe.video-iframe{position:absolute;top:50%;left:50%;width:106%;height:130%;transform:translate(-50%,-50%);object-fit:cover;pointer-events:auto}@media (max-width: 1279px){.gallery-photos--item.photo1.video-item iframe.video-iframe{width:120%}}\n"] }]
|
|
1396
1396
|
}], ctorParameters: () => [{ type: i1$2.DomSanitizer }, { type: i1$3.MatDialog }], propDecorators: { items: [{
|
|
1397
1397
|
type: Input,
|
|
1398
1398
|
args: [{ required: true }]
|
|
@@ -1893,11 +1893,11 @@ class HotelAboutComponent {
|
|
|
1893
1893
|
}, 0);
|
|
1894
1894
|
}
|
|
1895
1895
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HotelAboutComponent, deps: [{ token: i1$2.DomSanitizer }, { token: i0.ChangeDetectorRef }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1896
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HotelAboutComponent, isStandalone: true, selector: "tent-hotel-about", inputs: { title: "title", titleDark: "titleDark", description: "description", additionalDescription: "additionalDescription", btnMore: "btnMore", btnLess: "btnLess", slides: "slides" }, viewQueries: [{ propertyName: "videoIframe", first: true, predicate: ["videoIframe"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section class=\"hotel-about module-spacer--bottom\">\n <div class=\"hotel-about--content wrapper-big\">\n <div class=\"hotel-about--box\">\n <ng-container *ngIf=\"carouselVisible\">\n <owl-carousel-o\n class=\"hotel-about--slider slider-circle--center\"\n [options]=\"sliderOptions\"\n >\n @for (slide of slides; track $index) {\n <ng-template carouselSlide>\n <!-- ================= VIDEO SOLO EN SLIDE 0 ================= -->\n @if (\n $index === 0 &&\n slide.video &&\n isValidVideo(slide.video)\n ) {\n <div\n class=\"hotel-about--photo video-item figure-content\"\n >\n <ng-container\n *ngIf=\"!isPlaying; else iframeTpl\"\n >\n <figure\n class=\"figure-full video-thumb\"\n [style]=\"\n getImageUrl(slide.image.src)\n \"\n ></figure>\n\n <button\n class=\"video-play-btn\"\n type=\"button\"\n (mousedown)=\"onPlayVideo($event)\"\n (touchstart)=\"onPlayVideo($event)\"\n >\n <svg\n width=\"50\"\n height=\"50\"\n viewBox=\"0 0 50 50\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g\n filter=\"url(#filter0_d_2054_3)\"\n >\n <path\n d=\"M41.5 17.2672C45.5 19.5766 45.5 25.3501 41.5 27.6595L13 44.114C9 46.4234 4 43.5367 4 38.9179L4 6.00889C4 1.39009 9 -1.49666 13 0.812744L41.5 17.2672Z\"\n fill=\"white\"\n />\n </g>\n <defs>\n <filter\n id=\"filter0_d_2054_3\"\n x=\"0\"\n y=\"0\"\n width=\"48.5\"\n height=\"52.9268\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood\n flood-opacity=\"0\"\n result=\"BackgroundImageFix\"\n />\n <feColorMatrix\n in=\"SourceAlpha\"\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n result=\"hardAlpha\"\n />\n <feOffset dy=\"4\" />\n <feGaussianBlur\n stdDeviation=\"2\"\n />\n <feComposite\n in2=\"hardAlpha\"\n operator=\"out\"\n />\n <feColorMatrix\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"\n />\n <feBlend\n mode=\"normal\"\n in2=\"BackgroundImageFix\"\n result=\"effect1_dropShadow_2054_3\"\n />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"effect1_dropShadow_2054_3\"\n result=\"shape\"\n />\n </filter>\n </defs>\n </svg>\n </button>\n </ng-container>\n\n <ng-template #iframeTpl>\n <iframe\n #videoIframe\n class=\"video-iframe\"\n *ngIf=\"safeEmbedUrl && isVideoVisible\"\n [src]=\"safeEmbedUrl\"\n frameborder=\"0\"\n allow=\"autoplay; encrypted-media; picture-in-picture\"\n sandbox=\"allow-scripts allow-same-origin allow-presentation\"\n ></iframe>\n </ng-template>\n\n @if (slide.badge) {\n <tent-badge\n class=\"hotel-about--badget\"\n [rounded]=\"true\"\n [label]=\"slide.badge\"\n ></tent-badge>\n }\n </div>\n } @else {\n <!-- ================= SLIDE NORMAL ================= -->\n <div class=\"hotel-about--photo figure-content\">\n <figure\n class=\"figure-full\"\n [style]=\"getImageUrl(slide.image.src)\"\n ></figure>\n\n @if (slide.badge) {\n <tent-badge\n class=\"hotel-about--badget\"\n [rounded]=\"true\"\n [label]=\"slide.badge\"\n ></tent-badge>\n }\n </div>\n }\n </ng-template>\n }\n </owl-carousel-o>\n </ng-container>\n <div\n class=\"hotel-about--info\"\n [ngClass]=\"collapsed1 ? 'close' : 'open'\"\n >\n <div class=\"hotel-about--info--inner\">\n @if (title) {\n <h2\n class=\"hotel-about--info--title title--60 color--brown\"\n >\n {{ title }}\n @if (titleDark) {\n <span class=\"color--camel\">{{\n titleDark\n }}</span>\n }\n </h2>\n }\n <div class=\"hotel-about--info--des\">\n @if (description) {\n <p class=\"text\">\n {{ description }}\n </p>\n }\n @if (additionalDescription) {\n <p class=\"text text-more\">\n {{ additionalDescription }}\n </p>\n }\n @if (btnMore && btnLess) {\n <div class=\"hotel-about--btns\">\n @if (btnMore) {\n <tent-button\n class=\"btn-more\"\n type=\"dark-link\"\n [label]=\"btnMore.label\"\n (click)=\"toggleCollapse1()\"\n [name]=\"btnMore.label\"\n ></tent-button>\n }\n @if (btnLess) {\n <tent-button\n class=\"btn-minus\"\n type=\"dark-link\"\n [label]=\"btnLess.label\"\n (click)=\"toggleCollapse1()\"\n [name]=\"btnLess.label\"\n ></tent-button>\n }\n </div>\n }\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693d2d;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693e2e;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.text strong{font-weight:700}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--20{font-weight:700;font-size:16px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--20{font-size:16px}}@media (min-width: 768px){.title--20{font-size:16px}}@media (min-width: 1024px){.title--20{font-size:18px}}@media (min-width: 1680px){.title--20{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:default;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.hotel-about--content{position:relative}.hotel-about--box{gap:0rem;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.hotel-about--slider{max-width:100%;width:100%;position:relative}.hotel-about--badget{display:inline-block;position:absolute;top:10px;left:10px}.hotel-about--badget ::ng-deep .badge{background-color:var(--color-badge-5);color:#693d2d}.hotel-about--info{flex:1 0 0%;width:100%;max-width:100%;margin:0 auto;position:relative}.hotel-about--info.close .btn-minus,.hotel-about--info.close .text-more,.hotel-about--info.open .btn-more{display:none}.hotel-about--info--title{padding-top:15px;padding-bottom:15px}.hotel-about--info--title span{display:block}.hotel-about--info .text{margin-bottom:20px}.hotel-about--photo{aspect-ratio:412/243;position:relative;overflow:hidden;width:100%;border-radius:12px}.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 20px);left:10px;top:50%}@media (max-width: 1279px){.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 20px);left:10px;top:50%}}@media (max-width: 1023px){.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 10px);left:5px;top:50%}}@media (max-width: 539px){.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% + 60px);left:-30px;top:50%}}@media (min-width: 540px){.hotel-about--box{padding:25px 25px 0;position:relative}.hotel-about--box owl-carousel-o:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;z-index:-1;border-radius:12px;height:calc(50% + 25px);width:calc(100% + 50px);top:-25px;left:-25px}.hotel-about--photo{aspect-ratio:412/240}}@media (min-width: 768px){.hotel-about--box{padding:35px 35px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(100% + 70px);top:-35px;left:-35px}.hotel-about--photo{aspect-ratio:580/338}}@media (min-width: 1024px){.hotel-about--box{padding:35px 65px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(100% + 130px);top:-35px;left:-65px}.hotel-about--photo{aspect-ratio:727/423}}@media (min-width: 1280px){.hotel-about--box{padding:35px 40px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(155% + 40px);top:-35px;left:-40px}.hotel-about--photo{aspect-ratio:675/394}.hotel-about--badget{top:25px;left:25px}}@media (min-width: 1366px){.hotel-about--box{padding:35px 40px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(155% + 40px);top:-35px;left:-40px}.hotel-about--photo{aspect-ratio:755/441}.hotel-about--info--inner{padding:5px 30px}}@media (min-width: 1680px){.hotel-about--box{padding:50px 60px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 50px);width:calc(160% + 80px);top:-35px;left:-60px}.hotel-about--photo{aspect-ratio:904/526}.hotel-about--info--inner{padding:5px 45px}.hotel-about--badget{top:30px;left:30px}}.hotel-about--photo.video-item iframe.video-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:auto}.hotel-about--photo.video-item .video-play-btn{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:5rem;height:5rem;border-radius:50%;border:none;background:#693d2dcc;font-size:2.2rem;line-height:5rem;text-align:center;cursor:pointer;box-shadow:0 .8rem 2rem #00000040;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center}.hotel-about--photo.video-item .video-play-btn:hover{background:#884f3acc}.hotel-about--photo.video-item .video-play-btn svg{position:relative;margin-top:7px;margin-left:7px}.hotel-about--photo.video-item{pointer-events:auto}.hotel-about--photo.video-item{position:relative;z-index:5}.hotel-about--photo.video-item iframe{z-index:10}.hotel-about--photo.video-item .video-play-btn{z-index:20}::ng-deep .slider-circle--center .owl-nav{pointer-events:none}::ng-deep .slider-circle--center .owl-nav .owl-prev,::ng-deep .slider-circle--center .owl-nav .owl-next{pointer-events:auto}.hotel-about--photo.video-item.figure-content iframe.video-iframe{position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);object-fit:cover;pointer-events:auto}@media (max-width: 768px){.hotel-about--photo.video-item.figure-content iframe.video-iframe{width:105%;height:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled", "name"], outputs: ["btnClick"] }, { kind: "ngmodule", type: CarouselModule }, { kind: "component", type: i3$1.CarouselComponent, selector: "owl-carousel-o", inputs: ["options"], outputs: ["translated", "dragging", "change", "changed", "initialized"] }, { kind: "directive", type: i3$1.CarouselSlideDirective, selector: "ng-template[carouselSlide]", inputs: ["id", "dataMerge", "width", "dotContent", "dataHash"] }, { kind: "component", type: BadgeComponent, selector: "tent-badge", inputs: ["orientation", "rounded", "label", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1896
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HotelAboutComponent, isStandalone: true, selector: "tent-hotel-about", inputs: { title: "title", titleDark: "titleDark", description: "description", additionalDescription: "additionalDescription", btnMore: "btnMore", btnLess: "btnLess", slides: "slides" }, viewQueries: [{ propertyName: "videoIframe", first: true, predicate: ["videoIframe"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section class=\"hotel-about module-spacer--bottom\">\n <div class=\"hotel-about--content wrapper-big\">\n <div class=\"hotel-about--box\">\n <ng-container *ngIf=\"carouselVisible\">\n <owl-carousel-o\n class=\"hotel-about--slider slider-circle--center\"\n [options]=\"sliderOptions\"\n >\n @for (slide of slides; track $index) {\n <ng-template carouselSlide>\n <!-- ================= VIDEO SOLO EN SLIDE 0 ================= -->\n @if (\n $index === 0 &&\n slide.video &&\n isValidVideo(slide.video)\n ) {\n <div\n class=\"hotel-about--photo video-item figure-content\"\n >\n <ng-container\n *ngIf=\"!isPlaying; else iframeTpl\"\n >\n <figure\n class=\"figure-full video-thumb\"\n [style]=\"\n getImageUrl(slide.image.src)\n \"\n ></figure>\n\n <button\n class=\"video-play-btn\"\n type=\"button\"\n (mousedown)=\"onPlayVideo($event)\"\n (touchstart)=\"onPlayVideo($event)\"\n >\n <svg\n width=\"50\"\n height=\"50\"\n viewBox=\"0 0 50 50\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g\n filter=\"url(#filter0_d_2054_3)\"\n >\n <path\n d=\"M41.5 17.2672C45.5 19.5766 45.5 25.3501 41.5 27.6595L13 44.114C9 46.4234 4 43.5367 4 38.9179L4 6.00889C4 1.39009 9 -1.49666 13 0.812744L41.5 17.2672Z\"\n fill=\"white\"\n />\n </g>\n <defs>\n <filter\n id=\"filter0_d_2054_3\"\n x=\"0\"\n y=\"0\"\n width=\"48.5\"\n height=\"52.9268\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood\n flood-opacity=\"0\"\n result=\"BackgroundImageFix\"\n />\n <feColorMatrix\n in=\"SourceAlpha\"\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n result=\"hardAlpha\"\n />\n <feOffset dy=\"4\" />\n <feGaussianBlur\n stdDeviation=\"2\"\n />\n <feComposite\n in2=\"hardAlpha\"\n operator=\"out\"\n />\n <feColorMatrix\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"\n />\n <feBlend\n mode=\"normal\"\n in2=\"BackgroundImageFix\"\n result=\"effect1_dropShadow_2054_3\"\n />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"effect1_dropShadow_2054_3\"\n result=\"shape\"\n />\n </filter>\n </defs>\n </svg>\n </button>\n </ng-container>\n\n <ng-template #iframeTpl>\n <iframe\n #videoIframe\n class=\"video-iframe\"\n *ngIf=\"safeEmbedUrl && isVideoVisible\"\n [src]=\"safeEmbedUrl\"\n frameborder=\"0\"\n allow=\"autoplay; encrypted-media; picture-in-picture\"\n sandbox=\"allow-scripts allow-same-origin allow-presentation\"\n ></iframe>\n </ng-template>\n\n @if (slide.badge) {\n <tent-badge\n class=\"hotel-about--badget\"\n [rounded]=\"true\"\n [label]=\"slide.badge\"\n ></tent-badge>\n }\n </div>\n } @else {\n <!-- ================= SLIDE NORMAL ================= -->\n <div class=\"hotel-about--photo figure-content\">\n <figure\n class=\"figure-full\"\n [style]=\"getImageUrl(slide.image.src)\"\n ></figure>\n\n @if (slide.badge) {\n <tent-badge\n class=\"hotel-about--badget\"\n [rounded]=\"true\"\n [label]=\"slide.badge\"\n ></tent-badge>\n }\n </div>\n }\n </ng-template>\n }\n </owl-carousel-o>\n </ng-container>\n <div\n class=\"hotel-about--info\"\n [ngClass]=\"collapsed1 ? 'close' : 'open'\"\n >\n <div class=\"hotel-about--info--inner\">\n @if (title) {\n <h2\n class=\"hotel-about--info--title title--60 color--brown\"\n >\n {{ title }}\n @if (titleDark) {\n <span class=\"color--camel\">{{\n titleDark\n }}</span>\n }\n </h2>\n }\n <div class=\"hotel-about--info--des\">\n @if (description) {\n <p class=\"text\">\n {{ description }}\n </p>\n }\n @if (additionalDescription) {\n <p class=\"text text-more\">\n {{ additionalDescription }}\n </p>\n }\n @if (btnMore && btnLess) {\n <div class=\"hotel-about--btns\">\n @if (btnMore) {\n <tent-button\n class=\"btn-more\"\n type=\"dark-link\"\n [label]=\"btnMore.label\"\n (click)=\"toggleCollapse1()\"\n [name]=\"btnMore.label\"\n ></tent-button>\n }\n @if (btnLess) {\n <tent-button\n class=\"btn-minus\"\n type=\"dark-link\"\n [label]=\"btnLess.label\"\n (click)=\"toggleCollapse1()\"\n [name]=\"btnLess.label\"\n ></tent-button>\n }\n </div>\n }\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693d2d;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693e2e;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.text strong{font-weight:700}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--20{font-weight:700;font-size:16px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--20{font-size:16px}}@media (min-width: 768px){.title--20{font-size:16px}}@media (min-width: 1024px){.title--20{font-size:18px}}@media (min-width: 1680px){.title--20{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:default;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.hotel-about--content{position:relative}.hotel-about--box{gap:0rem;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.hotel-about--slider{max-width:100%;width:100%;position:relative}.hotel-about--badget{display:inline-block;position:absolute;top:10px;left:10px}.hotel-about--badget ::ng-deep .badge{background-color:var(--color-badge-5);color:#693d2d}.hotel-about--info{flex:1 0 0%;width:100%;max-width:100%;margin:0 auto;position:relative}.hotel-about--info.close .btn-minus,.hotel-about--info.close .text-more,.hotel-about--info.open .btn-more{display:none}.hotel-about--info--title{padding-top:15px;padding-bottom:15px}.hotel-about--info--title span{display:block}.hotel-about--info .text{margin-bottom:20px}.hotel-about--photo{aspect-ratio:412/243;position:relative;overflow:hidden;width:100%;border-radius:12px}.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 20px);left:10px;top:50%}@media (max-width: 1279px){.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 20px);left:10px;top:50%}}@media (max-width: 1023px){.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 10px);left:5px;top:50%}}@media (max-width: 539px){.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% + 60px);left:-30px;top:50%}}@media (min-width: 540px){.hotel-about--box{padding:25px 25px 0;position:relative}.hotel-about--box owl-carousel-o:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;z-index:-1;border-radius:12px;height:calc(50% + 25px);width:calc(100% + 50px);top:-25px;left:-25px}.hotel-about--photo{aspect-ratio:412/240}}@media (min-width: 768px){.hotel-about--box{padding:35px 35px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(100% + 70px);top:-35px;left:-35px}.hotel-about--photo{aspect-ratio:580/338}}@media (min-width: 1024px){.hotel-about--box{padding:35px 65px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(100% + 130px);top:-35px;left:-65px}.hotel-about--photo{aspect-ratio:727/423}}@media (min-width: 1280px){.hotel-about--box{padding:35px 40px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(155% + 40px);top:-35px;left:-40px}.hotel-about--photo{aspect-ratio:675/394}.hotel-about--badget{top:25px;left:25px}}@media (min-width: 1366px){.hotel-about--box{padding:35px 40px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(155% + 40px);top:-35px;left:-40px}.hotel-about--photo{aspect-ratio:755/441}.hotel-about--info--inner{padding:5px 30px}}@media (min-width: 1680px){.hotel-about--box{padding:50px 60px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 50px);width:calc(160% + 80px);top:-35px;left:-60px}.hotel-about--photo{aspect-ratio:904/526}.hotel-about--info--inner{padding:5px 45px}.hotel-about--badget{top:30px;left:30px}}.hotel-about--photo.video-item iframe.video-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:auto}.hotel-about--photo.video-item .video-play-btn{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:5rem;height:5rem;border-radius:50%;border:none;background:#693d2dcc;font-size:2.2rem;line-height:5rem;text-align:center;cursor:pointer;box-shadow:0 .8rem 2rem #00000040;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center}.hotel-about--photo.video-item .video-play-btn:hover{background:#884f3acc}.hotel-about--photo.video-item .video-play-btn svg{position:relative;margin-top:7px;margin-left:7px}.hotel-about--photo.video-item{pointer-events:auto}.hotel-about--photo.video-item{position:relative;z-index:5}.hotel-about--photo.video-item iframe{z-index:10}.hotel-about--photo.video-item .video-play-btn{z-index:20}::ng-deep .slider-circle--center .owl-nav{pointer-events:none}::ng-deep .slider-circle--center .owl-nav .owl-prev,::ng-deep .slider-circle--center .owl-nav .owl-next{pointer-events:auto}.hotel-about--photo.video-item.figure-content iframe.video-iframe{position:absolute;top:50%;left:50%;width:106%;height:130%;transform:translate(-50%,-50%);object-fit:cover;pointer-events:auto}@media (max-width: 768px){.hotel-about--photo.video-item.figure-content iframe.video-iframe{width:105%;height:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled", "name"], outputs: ["btnClick"] }, { kind: "ngmodule", type: CarouselModule }, { kind: "component", type: i3$1.CarouselComponent, selector: "owl-carousel-o", inputs: ["options"], outputs: ["translated", "dragging", "change", "changed", "initialized"] }, { kind: "directive", type: i3$1.CarouselSlideDirective, selector: "ng-template[carouselSlide]", inputs: ["id", "dataMerge", "width", "dotContent", "dataHash"] }, { kind: "component", type: BadgeComponent, selector: "tent-badge", inputs: ["orientation", "rounded", "label", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1897
1897
|
}
|
|
1898
1898
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HotelAboutComponent, decorators: [{
|
|
1899
1899
|
type: Component,
|
|
1900
|
-
args: [{ selector: 'tent-hotel-about', standalone: true, imports: [CommonModule, ButtonComponent, CarouselModule, BadgeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"hotel-about module-spacer--bottom\">\n <div class=\"hotel-about--content wrapper-big\">\n <div class=\"hotel-about--box\">\n <ng-container *ngIf=\"carouselVisible\">\n <owl-carousel-o\n class=\"hotel-about--slider slider-circle--center\"\n [options]=\"sliderOptions\"\n >\n @for (slide of slides; track $index) {\n <ng-template carouselSlide>\n <!-- ================= VIDEO SOLO EN SLIDE 0 ================= -->\n @if (\n $index === 0 &&\n slide.video &&\n isValidVideo(slide.video)\n ) {\n <div\n class=\"hotel-about--photo video-item figure-content\"\n >\n <ng-container\n *ngIf=\"!isPlaying; else iframeTpl\"\n >\n <figure\n class=\"figure-full video-thumb\"\n [style]=\"\n getImageUrl(slide.image.src)\n \"\n ></figure>\n\n <button\n class=\"video-play-btn\"\n type=\"button\"\n (mousedown)=\"onPlayVideo($event)\"\n (touchstart)=\"onPlayVideo($event)\"\n >\n <svg\n width=\"50\"\n height=\"50\"\n viewBox=\"0 0 50 50\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g\n filter=\"url(#filter0_d_2054_3)\"\n >\n <path\n d=\"M41.5 17.2672C45.5 19.5766 45.5 25.3501 41.5 27.6595L13 44.114C9 46.4234 4 43.5367 4 38.9179L4 6.00889C4 1.39009 9 -1.49666 13 0.812744L41.5 17.2672Z\"\n fill=\"white\"\n />\n </g>\n <defs>\n <filter\n id=\"filter0_d_2054_3\"\n x=\"0\"\n y=\"0\"\n width=\"48.5\"\n height=\"52.9268\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood\n flood-opacity=\"0\"\n result=\"BackgroundImageFix\"\n />\n <feColorMatrix\n in=\"SourceAlpha\"\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n result=\"hardAlpha\"\n />\n <feOffset dy=\"4\" />\n <feGaussianBlur\n stdDeviation=\"2\"\n />\n <feComposite\n in2=\"hardAlpha\"\n operator=\"out\"\n />\n <feColorMatrix\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"\n />\n <feBlend\n mode=\"normal\"\n in2=\"BackgroundImageFix\"\n result=\"effect1_dropShadow_2054_3\"\n />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"effect1_dropShadow_2054_3\"\n result=\"shape\"\n />\n </filter>\n </defs>\n </svg>\n </button>\n </ng-container>\n\n <ng-template #iframeTpl>\n <iframe\n #videoIframe\n class=\"video-iframe\"\n *ngIf=\"safeEmbedUrl && isVideoVisible\"\n [src]=\"safeEmbedUrl\"\n frameborder=\"0\"\n allow=\"autoplay; encrypted-media; picture-in-picture\"\n sandbox=\"allow-scripts allow-same-origin allow-presentation\"\n ></iframe>\n </ng-template>\n\n @if (slide.badge) {\n <tent-badge\n class=\"hotel-about--badget\"\n [rounded]=\"true\"\n [label]=\"slide.badge\"\n ></tent-badge>\n }\n </div>\n } @else {\n <!-- ================= SLIDE NORMAL ================= -->\n <div class=\"hotel-about--photo figure-content\">\n <figure\n class=\"figure-full\"\n [style]=\"getImageUrl(slide.image.src)\"\n ></figure>\n\n @if (slide.badge) {\n <tent-badge\n class=\"hotel-about--badget\"\n [rounded]=\"true\"\n [label]=\"slide.badge\"\n ></tent-badge>\n }\n </div>\n }\n </ng-template>\n }\n </owl-carousel-o>\n </ng-container>\n <div\n class=\"hotel-about--info\"\n [ngClass]=\"collapsed1 ? 'close' : 'open'\"\n >\n <div class=\"hotel-about--info--inner\">\n @if (title) {\n <h2\n class=\"hotel-about--info--title title--60 color--brown\"\n >\n {{ title }}\n @if (titleDark) {\n <span class=\"color--camel\">{{\n titleDark\n }}</span>\n }\n </h2>\n }\n <div class=\"hotel-about--info--des\">\n @if (description) {\n <p class=\"text\">\n {{ description }}\n </p>\n }\n @if (additionalDescription) {\n <p class=\"text text-more\">\n {{ additionalDescription }}\n </p>\n }\n @if (btnMore && btnLess) {\n <div class=\"hotel-about--btns\">\n @if (btnMore) {\n <tent-button\n class=\"btn-more\"\n type=\"dark-link\"\n [label]=\"btnMore.label\"\n (click)=\"toggleCollapse1()\"\n [name]=\"btnMore.label\"\n ></tent-button>\n }\n @if (btnLess) {\n <tent-button\n class=\"btn-minus\"\n type=\"dark-link\"\n [label]=\"btnLess.label\"\n (click)=\"toggleCollapse1()\"\n [name]=\"btnLess.label\"\n ></tent-button>\n }\n </div>\n }\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693d2d;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693e2e;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.text strong{font-weight:700}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--20{font-weight:700;font-size:16px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--20{font-size:16px}}@media (min-width: 768px){.title--20{font-size:16px}}@media (min-width: 1024px){.title--20{font-size:18px}}@media (min-width: 1680px){.title--20{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:default;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.hotel-about--content{position:relative}.hotel-about--box{gap:0rem;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.hotel-about--slider{max-width:100%;width:100%;position:relative}.hotel-about--badget{display:inline-block;position:absolute;top:10px;left:10px}.hotel-about--badget ::ng-deep .badge{background-color:var(--color-badge-5);color:#693d2d}.hotel-about--info{flex:1 0 0%;width:100%;max-width:100%;margin:0 auto;position:relative}.hotel-about--info.close .btn-minus,.hotel-about--info.close .text-more,.hotel-about--info.open .btn-more{display:none}.hotel-about--info--title{padding-top:15px;padding-bottom:15px}.hotel-about--info--title span{display:block}.hotel-about--info .text{margin-bottom:20px}.hotel-about--photo{aspect-ratio:412/243;position:relative;overflow:hidden;width:100%;border-radius:12px}.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 20px);left:10px;top:50%}@media (max-width: 1279px){.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 20px);left:10px;top:50%}}@media (max-width: 1023px){.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 10px);left:5px;top:50%}}@media (max-width: 539px){.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% + 60px);left:-30px;top:50%}}@media (min-width: 540px){.hotel-about--box{padding:25px 25px 0;position:relative}.hotel-about--box owl-carousel-o:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;z-index:-1;border-radius:12px;height:calc(50% + 25px);width:calc(100% + 50px);top:-25px;left:-25px}.hotel-about--photo{aspect-ratio:412/240}}@media (min-width: 768px){.hotel-about--box{padding:35px 35px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(100% + 70px);top:-35px;left:-35px}.hotel-about--photo{aspect-ratio:580/338}}@media (min-width: 1024px){.hotel-about--box{padding:35px 65px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(100% + 130px);top:-35px;left:-65px}.hotel-about--photo{aspect-ratio:727/423}}@media (min-width: 1280px){.hotel-about--box{padding:35px 40px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(155% + 40px);top:-35px;left:-40px}.hotel-about--photo{aspect-ratio:675/394}.hotel-about--badget{top:25px;left:25px}}@media (min-width: 1366px){.hotel-about--box{padding:35px 40px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(155% + 40px);top:-35px;left:-40px}.hotel-about--photo{aspect-ratio:755/441}.hotel-about--info--inner{padding:5px 30px}}@media (min-width: 1680px){.hotel-about--box{padding:50px 60px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 50px);width:calc(160% + 80px);top:-35px;left:-60px}.hotel-about--photo{aspect-ratio:904/526}.hotel-about--info--inner{padding:5px 45px}.hotel-about--badget{top:30px;left:30px}}.hotel-about--photo.video-item iframe.video-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:auto}.hotel-about--photo.video-item .video-play-btn{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:5rem;height:5rem;border-radius:50%;border:none;background:#693d2dcc;font-size:2.2rem;line-height:5rem;text-align:center;cursor:pointer;box-shadow:0 .8rem 2rem #00000040;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center}.hotel-about--photo.video-item .video-play-btn:hover{background:#884f3acc}.hotel-about--photo.video-item .video-play-btn svg{position:relative;margin-top:7px;margin-left:7px}.hotel-about--photo.video-item{pointer-events:auto}.hotel-about--photo.video-item{position:relative;z-index:5}.hotel-about--photo.video-item iframe{z-index:10}.hotel-about--photo.video-item .video-play-btn{z-index:20}::ng-deep .slider-circle--center .owl-nav{pointer-events:none}::ng-deep .slider-circle--center .owl-nav .owl-prev,::ng-deep .slider-circle--center .owl-nav .owl-next{pointer-events:auto}.hotel-about--photo.video-item.figure-content iframe.video-iframe{position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);object-fit:cover;pointer-events:auto}@media (max-width: 768px){.hotel-about--photo.video-item.figure-content iframe.video-iframe{width:105%;height:100%}}\n"] }]
|
|
1900
|
+
args: [{ selector: 'tent-hotel-about', standalone: true, imports: [CommonModule, ButtonComponent, CarouselModule, BadgeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"hotel-about module-spacer--bottom\">\n <div class=\"hotel-about--content wrapper-big\">\n <div class=\"hotel-about--box\">\n <ng-container *ngIf=\"carouselVisible\">\n <owl-carousel-o\n class=\"hotel-about--slider slider-circle--center\"\n [options]=\"sliderOptions\"\n >\n @for (slide of slides; track $index) {\n <ng-template carouselSlide>\n <!-- ================= VIDEO SOLO EN SLIDE 0 ================= -->\n @if (\n $index === 0 &&\n slide.video &&\n isValidVideo(slide.video)\n ) {\n <div\n class=\"hotel-about--photo video-item figure-content\"\n >\n <ng-container\n *ngIf=\"!isPlaying; else iframeTpl\"\n >\n <figure\n class=\"figure-full video-thumb\"\n [style]=\"\n getImageUrl(slide.image.src)\n \"\n ></figure>\n\n <button\n class=\"video-play-btn\"\n type=\"button\"\n (mousedown)=\"onPlayVideo($event)\"\n (touchstart)=\"onPlayVideo($event)\"\n >\n <svg\n width=\"50\"\n height=\"50\"\n viewBox=\"0 0 50 50\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g\n filter=\"url(#filter0_d_2054_3)\"\n >\n <path\n d=\"M41.5 17.2672C45.5 19.5766 45.5 25.3501 41.5 27.6595L13 44.114C9 46.4234 4 43.5367 4 38.9179L4 6.00889C4 1.39009 9 -1.49666 13 0.812744L41.5 17.2672Z\"\n fill=\"white\"\n />\n </g>\n <defs>\n <filter\n id=\"filter0_d_2054_3\"\n x=\"0\"\n y=\"0\"\n width=\"48.5\"\n height=\"52.9268\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood\n flood-opacity=\"0\"\n result=\"BackgroundImageFix\"\n />\n <feColorMatrix\n in=\"SourceAlpha\"\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n result=\"hardAlpha\"\n />\n <feOffset dy=\"4\" />\n <feGaussianBlur\n stdDeviation=\"2\"\n />\n <feComposite\n in2=\"hardAlpha\"\n operator=\"out\"\n />\n <feColorMatrix\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"\n />\n <feBlend\n mode=\"normal\"\n in2=\"BackgroundImageFix\"\n result=\"effect1_dropShadow_2054_3\"\n />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"effect1_dropShadow_2054_3\"\n result=\"shape\"\n />\n </filter>\n </defs>\n </svg>\n </button>\n </ng-container>\n\n <ng-template #iframeTpl>\n <iframe\n #videoIframe\n class=\"video-iframe\"\n *ngIf=\"safeEmbedUrl && isVideoVisible\"\n [src]=\"safeEmbedUrl\"\n frameborder=\"0\"\n allow=\"autoplay; encrypted-media; picture-in-picture\"\n sandbox=\"allow-scripts allow-same-origin allow-presentation\"\n ></iframe>\n </ng-template>\n\n @if (slide.badge) {\n <tent-badge\n class=\"hotel-about--badget\"\n [rounded]=\"true\"\n [label]=\"slide.badge\"\n ></tent-badge>\n }\n </div>\n } @else {\n <!-- ================= SLIDE NORMAL ================= -->\n <div class=\"hotel-about--photo figure-content\">\n <figure\n class=\"figure-full\"\n [style]=\"getImageUrl(slide.image.src)\"\n ></figure>\n\n @if (slide.badge) {\n <tent-badge\n class=\"hotel-about--badget\"\n [rounded]=\"true\"\n [label]=\"slide.badge\"\n ></tent-badge>\n }\n </div>\n }\n </ng-template>\n }\n </owl-carousel-o>\n </ng-container>\n <div\n class=\"hotel-about--info\"\n [ngClass]=\"collapsed1 ? 'close' : 'open'\"\n >\n <div class=\"hotel-about--info--inner\">\n @if (title) {\n <h2\n class=\"hotel-about--info--title title--60 color--brown\"\n >\n {{ title }}\n @if (titleDark) {\n <span class=\"color--camel\">{{\n titleDark\n }}</span>\n }\n </h2>\n }\n <div class=\"hotel-about--info--des\">\n @if (description) {\n <p class=\"text\">\n {{ description }}\n </p>\n }\n @if (additionalDescription) {\n <p class=\"text text-more\">\n {{ additionalDescription }}\n </p>\n }\n @if (btnMore && btnLess) {\n <div class=\"hotel-about--btns\">\n @if (btnMore) {\n <tent-button\n class=\"btn-more\"\n type=\"dark-link\"\n [label]=\"btnMore.label\"\n (click)=\"toggleCollapse1()\"\n [name]=\"btnMore.label\"\n ></tent-button>\n }\n @if (btnLess) {\n <tent-button\n class=\"btn-minus\"\n type=\"dark-link\"\n [label]=\"btnLess.label\"\n (click)=\"toggleCollapse1()\"\n [name]=\"btnLess.label\"\n ></tent-button>\n }\n </div>\n }\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693d2d;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693e2e;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.text strong{font-weight:700}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--20{font-weight:700;font-size:16px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--20{font-size:16px}}@media (min-width: 768px){.title--20{font-size:16px}}@media (min-width: 1024px){.title--20{font-size:18px}}@media (min-width: 1680px){.title--20{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:default;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.hotel-about--content{position:relative}.hotel-about--box{gap:0rem;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.hotel-about--slider{max-width:100%;width:100%;position:relative}.hotel-about--badget{display:inline-block;position:absolute;top:10px;left:10px}.hotel-about--badget ::ng-deep .badge{background-color:var(--color-badge-5);color:#693d2d}.hotel-about--info{flex:1 0 0%;width:100%;max-width:100%;margin:0 auto;position:relative}.hotel-about--info.close .btn-minus,.hotel-about--info.close .text-more,.hotel-about--info.open .btn-more{display:none}.hotel-about--info--title{padding-top:15px;padding-bottom:15px}.hotel-about--info--title span{display:block}.hotel-about--info .text{margin-bottom:20px}.hotel-about--photo{aspect-ratio:412/243;position:relative;overflow:hidden;width:100%;border-radius:12px}.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 20px);left:10px;top:50%}@media (max-width: 1279px){.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 20px);left:10px;top:50%}}@media (max-width: 1023px){.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 10px);left:5px;top:50%}}@media (max-width: 539px){.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% + 60px);left:-30px;top:50%}}@media (min-width: 540px){.hotel-about--box{padding:25px 25px 0;position:relative}.hotel-about--box owl-carousel-o:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;z-index:-1;border-radius:12px;height:calc(50% + 25px);width:calc(100% + 50px);top:-25px;left:-25px}.hotel-about--photo{aspect-ratio:412/240}}@media (min-width: 768px){.hotel-about--box{padding:35px 35px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(100% + 70px);top:-35px;left:-35px}.hotel-about--photo{aspect-ratio:580/338}}@media (min-width: 1024px){.hotel-about--box{padding:35px 65px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(100% + 130px);top:-35px;left:-65px}.hotel-about--photo{aspect-ratio:727/423}}@media (min-width: 1280px){.hotel-about--box{padding:35px 40px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(155% + 40px);top:-35px;left:-40px}.hotel-about--photo{aspect-ratio:675/394}.hotel-about--badget{top:25px;left:25px}}@media (min-width: 1366px){.hotel-about--box{padding:35px 40px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(155% + 40px);top:-35px;left:-40px}.hotel-about--photo{aspect-ratio:755/441}.hotel-about--info--inner{padding:5px 30px}}@media (min-width: 1680px){.hotel-about--box{padding:50px 60px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 50px);width:calc(160% + 80px);top:-35px;left:-60px}.hotel-about--photo{aspect-ratio:904/526}.hotel-about--info--inner{padding:5px 45px}.hotel-about--badget{top:30px;left:30px}}.hotel-about--photo.video-item iframe.video-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:auto}.hotel-about--photo.video-item .video-play-btn{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:5rem;height:5rem;border-radius:50%;border:none;background:#693d2dcc;font-size:2.2rem;line-height:5rem;text-align:center;cursor:pointer;box-shadow:0 .8rem 2rem #00000040;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center}.hotel-about--photo.video-item .video-play-btn:hover{background:#884f3acc}.hotel-about--photo.video-item .video-play-btn svg{position:relative;margin-top:7px;margin-left:7px}.hotel-about--photo.video-item{pointer-events:auto}.hotel-about--photo.video-item{position:relative;z-index:5}.hotel-about--photo.video-item iframe{z-index:10}.hotel-about--photo.video-item .video-play-btn{z-index:20}::ng-deep .slider-circle--center .owl-nav{pointer-events:none}::ng-deep .slider-circle--center .owl-nav .owl-prev,::ng-deep .slider-circle--center .owl-nav .owl-next{pointer-events:auto}.hotel-about--photo.video-item.figure-content iframe.video-iframe{position:absolute;top:50%;left:50%;width:106%;height:130%;transform:translate(-50%,-50%);object-fit:cover;pointer-events:auto}@media (max-width: 768px){.hotel-about--photo.video-item.figure-content iframe.video-iframe{width:105%;height:100%}}\n"] }]
|
|
1901
1901
|
}], ctorParameters: () => [{ type: i1$2.DomSanitizer }, { type: i0.ChangeDetectorRef }, { type: Object, decorators: [{
|
|
1902
1902
|
type: Inject,
|
|
1903
1903
|
args: [PLATFORM_ID]
|