tent-lib 0.0.342 → 0.0.344
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/atomic/button/button.component.mjs +3 -3
- package/esm2022/lib/components/core/cards-3col/cards-3col.component.mjs +3 -3
- package/esm2022/lib/components/core/footer-static/footer-static.component.mjs +2 -2
- package/esm2022/lib/components/core/header/header.component.mjs +3 -3
- package/esm2022/lib/components/core/hotel-services/hotel-services.component.mjs +3 -3
- package/esm2022/lib/components/core/modals/menu-modal/menu-modal.component.mjs +3 -3
- package/esm2022/lib/components/core/offer/offer.component.mjs +3 -3
- package/esm2022/lib/components/core/room-slider/room-slider.component.mjs +3 -3
- package/esm2022/lib/components/core/top-module/top-module.component.mjs +3 -3
- package/esm2022/lib/components/core/travelers/travelers.component.mjs +3 -3
- package/fesm2022/tent-lib.mjs +20 -20
- package/fesm2022/tent-lib.mjs.map +1 -1
- package/package.json +1 -1
package/fesm2022/tent-lib.mjs
CHANGED
|
@@ -55,11 +55,11 @@ class ButtonComponent {
|
|
|
55
55
|
this.btnClick.emit();
|
|
56
56
|
}
|
|
57
57
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
58
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: ButtonComponent, isStandalone: true, selector: "tent-button", inputs: { type: "type", label: "label", url: "url", linkType: "linkType", icon: "icon", socialMedia: "socialMedia", iconPosition: "iconPosition", boxWidth: "boxWidth", innerContent: "innerContent", linkSizeIcon: "linkSizeIcon", closeButton: "closeButton", disabled: "disabled" }, outputs: { btnClick: "btnClick" }, ngImport: i0, template: "@if (showBtn) { @if (url) {\r\n<a\r\n class=\"btn\"\r\n [ngClass]=\"{\r\n 'btn--box':\r\n type === 'light-box' ||\r\n type === 'dark-box-white' ||\r\n type === 'dark-box' ||\r\n type === 'dark-box-filled',\r\n 'btn--dark': type === 'dark-box' || type === 'dark-circle',\r\n 'btn--dark-white': type === 'dark-box-white',\r\n 'btn--dark-filled':\r\n type === 'dark-box-filled' || type === 'dark-circle-filled',\r\n 'btn--light': type === 'light-box' || type === 'light-circle',\r\n 'btn--circle--social-media': socialMedia,\r\n disabled: disabled,\r\n 'btn--circle':\r\n type === 'dark-circle' ||\r\n type === 'light-circle' ||\r\n type === 'dark-circle-filled',\r\n 'btn--close': closeButton,\r\n 'btn--link': type === 'dark-link'\r\n }\"\r\n [routerLink]=\"isInternalLink ? [url] : null\"\r\n [target]=\"isInternalLink ? '_self' : '_blank'\"\r\n [style]=\"width\"\r\n [href]=\"url\"\r\n (click)=\"btnClicked($event)\"\r\n>\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</a>\r\n} @else {\r\n<!--BUTTON BOX-->\r\n@if(type === 'light-box' || type ==='dark-box-white' || type ==='dark-box' ||\r\ntype ==='dark-box-filled') {\r\n<button\r\n class=\"btn btn--box\"\r\n [ngClass]=\"{\r\n 'btn--dark': type === 'dark-box',\r\n 'btn--dark-white': type === 'dark-box-white',\r\n 'btn--dark-filled': type === 'dark-box-filled',\r\n 'btn--light': type === 'light-box',\r\n 'disabled': disabled,\r\n }\"\r\n [style]=\"width\"\r\n (click)=\"btnClicked($event)\"\r\n [attr.disabled]=\"disabled ? true : null\"\r\n>\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</button>\r\n\r\n}\r\n<!--BUTTON CIRCLE-->\r\n@if(type === 'light-circle' || type === 'dark-circle' || type ===\r\n'dark-circle-filled') {\r\n<div class=\"btn--circle-container\">\r\n <button\r\n class=\"btn btn--circle btn--circle--{{ socialMedia }}\"\r\n [ngClass]=\"{\r\n 'btn--circle--social-media': socialMedia,\r\n 'btn--dark': type === 'dark-circle',\r\n 'btn--light': type === 'light-circle',\r\n 'btn--dark-filled': type === 'dark-circle-filled',\r\n 'btn--close': closeButton\r\n }\"\r\n (click)=\"btnClicked($event)\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </button>\r\n</div>\r\n}\r\n\r\n<!--BUTTON LINK-->\r\n@if (type === 'dark-link') {\r\n<p class=\"btn btn--link\" (click)=\"btnClicked($event)\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</p>\r\n} } }\r\n\r\n<ng-template #content>\r\n <!--BUTTON BOX-->\r\n @if(type === 'light-box' || type ==='dark-box-white' || type ==='dark-box'\r\n || type ==='dark-box-filled') {\r\n\r\n <div class=\"btn--box-container\">\r\n @if(icon && iconPosition === 'left' ) {\r\n <mat-icon\r\n fontSet=\"icomoon\"\r\n class=\"btn--box-icon\"\r\n [ngClass]=\"icon\"\r\n ></mat-icon>\r\n }\r\n\r\n {{ label }}\r\n\r\n @if(icon && iconPosition === 'right') {\r\n <mat-icon\r\n fontSet=\"icomoon\"\r\n class=\"btn--box-icon\"\r\n [ngClass]=\"icon\"\r\n ></mat-icon>\r\n }\r\n </div>\r\n\r\n }\r\n <!--BUTTON CIRCLE-->\r\n @if(type === 'light-circle' || type === 'dark-circle' || type ===\r\n 'dark-circle-filled') {\r\n <div class=\"btn--circle-container\">\r\n @if (icon) {\r\n <mat-icon\r\n fontSet=\"icomoon\"\r\n [ngClass]=\"icon\"\r\n class=\"btn--circle-icon\"\r\n ></mat-icon>\r\n\r\n }\r\n </div>\r\n }\r\n\r\n <!--BUTTON LINK-->\r\n @if (type === 'dark-link') { @if(icon && iconPosition === 'left' ) {\r\n <mat-icon\r\n fontSet=\"icomoon\"\r\n [ngClass]=\"icon\"\r\n class=\"btn--link-icon\"\r\n ></mat-icon>\r\n } @if (label) {\r\n {{ label }}\r\n } @else {\r\n <span [innerHTML]=\"innerContent\"></span>\r\n } @if(icon && iconPosition === 'right') {\r\n <mat-icon\r\n fontSet=\"icomoon\"\r\n [ngClass]=\"icon\"\r\n class=\"btn--link-icon\"\r\n [style]=\"linkIconStyle\"\r\n ></mat-icon>\r\n } }\r\n</ng-template>\r\n", styles: [".link,.btn--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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after,.btn--link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover,.btn--link:hover{color:var(--color-description)}.link:hover:after,.btn--link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown,.btn--link{color:var(--color-link-brown-light2)}.link--brown:after,.btn--link:after{background-color:var(--color-link-brown-light2)}.link--brown:hover,.btn--link:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after,.btn--link: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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}: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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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}:host{display:block;width:fit-content}.btn{cursor:pointer;font-family:var(--tent-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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.disabled{background-color:var(--color-background)!important;color:var(--color-dark-btn)!important;border:2px solid var(--color-line-dark-btn)!important;opacity:.5;cursor:unset}.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.disabled{border:2px solid var(--color-line-dark-btn-filled)!important;color:var(--color-dark-btn-filled)!important;background-color:var(--color-line-dark-btn-filled)!important;opacity:.5;cursor:unset}.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--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--close{height:44px;width:44px}.btn--close .btn--circle-icon{font-size:13px}.btn--circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.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;display:block}.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{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:20px;position:relative;text-wrap:nowrap;height:100%}.btn--box-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;position:absolute}.btn--box-icon:first-child{left:10px}.btn--box-icon:last-child{right:10px}.btn--link{font-size:19px;font-weight:700;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:12px}.btn--link:hover:after{width:100%}@media (max-width: 1023px){.btn--link:after{width:100%}}.btn--link mat-icon{font-size:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
58
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: ButtonComponent, isStandalone: true, selector: "tent-button", inputs: { type: "type", label: "label", url: "url", linkType: "linkType", icon: "icon", socialMedia: "socialMedia", iconPosition: "iconPosition", boxWidth: "boxWidth", innerContent: "innerContent", linkSizeIcon: "linkSizeIcon", closeButton: "closeButton", disabled: "disabled" }, outputs: { btnClick: "btnClick" }, ngImport: i0, template: "@if (showBtn) { @if (url) { @if (isInternalLink) {\r\n<a\r\n class=\"btn\"\r\n [ngClass]=\"{\r\n 'btn--box':\r\n type === 'light-box' ||\r\n type === 'dark-box-white' ||\r\n type === 'dark-box' ||\r\n type === 'dark-box-filled',\r\n 'btn--dark': type === 'dark-box' || type === 'dark-circle',\r\n 'btn--dark-white': type === 'dark-box-white',\r\n 'btn--dark-filled':\r\n type === 'dark-box-filled' || type === 'dark-circle-filled',\r\n 'btn--light': type === 'light-box' || type === 'light-circle',\r\n 'btn--circle--social-media': socialMedia,\r\n disabled: disabled,\r\n 'btn--circle':\r\n type === 'dark-circle' ||\r\n type === 'light-circle' ||\r\n type === 'dark-circle-filled',\r\n 'btn--close': closeButton,\r\n 'btn--link': type === 'dark-link'\r\n }\"\r\n [routerLink]=\"[url]\"\r\n target=\"_self\"\r\n [style]=\"width\"\r\n [href]=\"url\"\r\n (click)=\"btnClicked($event)\"\r\n>\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</a>\r\n} @else {\r\n<a\r\n class=\"btn\"\r\n [ngClass]=\"{\r\n 'btn--box':\r\n type === 'light-box' ||\r\n type === 'dark-box-white' ||\r\n type === 'dark-box' ||\r\n type === 'dark-box-filled',\r\n 'btn--dark': type === 'dark-box' || type === 'dark-circle',\r\n 'btn--dark-white': type === 'dark-box-white',\r\n 'btn--dark-filled':\r\n type === 'dark-box-filled' || type === 'dark-circle-filled',\r\n 'btn--light': type === 'light-box' || type === 'light-circle',\r\n 'btn--circle--social-media': socialMedia,\r\n disabled: disabled,\r\n 'btn--circle':\r\n type === 'dark-circle' ||\r\n type === 'light-circle' ||\r\n type === 'dark-circle-filled',\r\n 'btn--close': closeButton,\r\n 'btn--link': type === 'dark-link'\r\n }\"\r\n target=\"_blank\"\r\n [style]=\"width\"\r\n [href]=\"url\"\r\n (click)=\"btnClicked($event)\"\r\n>\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</a>\r\n} } @else {\r\n<!--BUTTON BOX-->\r\n@if(type === 'light-box' || type ==='dark-box-white' || type ==='dark-box' ||\r\ntype ==='dark-box-filled') {\r\n<button\r\n class=\"btn btn--box\"\r\n [ngClass]=\"{\r\n 'btn--dark': type === 'dark-box',\r\n 'btn--dark-white': type === 'dark-box-white',\r\n 'btn--dark-filled': type === 'dark-box-filled',\r\n 'btn--light': type === 'light-box',\r\n 'disabled': disabled,\r\n }\"\r\n [style]=\"width\"\r\n (click)=\"btnClicked($event)\"\r\n [attr.disabled]=\"disabled ? true : null\"\r\n>\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</button>\r\n\r\n}\r\n<!--BUTTON CIRCLE-->\r\n@if(type === 'light-circle' || type === 'dark-circle' || type ===\r\n'dark-circle-filled') {\r\n<div class=\"btn--circle-container\">\r\n <button\r\n class=\"btn btn--circle btn--circle--{{ socialMedia }}\"\r\n [ngClass]=\"{\r\n 'btn--circle--social-media': socialMedia,\r\n 'btn--dark': type === 'dark-circle',\r\n 'btn--light': type === 'light-circle',\r\n 'btn--dark-filled': type === 'dark-circle-filled',\r\n 'btn--close': closeButton\r\n }\"\r\n (click)=\"btnClicked($event)\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </button>\r\n</div>\r\n}\r\n\r\n<!--BUTTON LINK-->\r\n@if (type === 'dark-link') {\r\n<p class=\"btn btn--link\" (click)=\"btnClicked($event)\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</p>\r\n} } }\r\n\r\n<ng-template #content>\r\n <!--BUTTON BOX-->\r\n @if(type === 'light-box' || type ==='dark-box-white' || type ==='dark-box'\r\n || type ==='dark-box-filled') {\r\n\r\n <div class=\"btn--box-container\">\r\n @if(icon && iconPosition === 'left' ) {\r\n <mat-icon\r\n fontSet=\"icomoon\"\r\n class=\"btn--box-icon\"\r\n [ngClass]=\"icon\"\r\n ></mat-icon>\r\n }\r\n\r\n {{ label }}\r\n\r\n @if(icon && iconPosition === 'right') {\r\n <mat-icon\r\n fontSet=\"icomoon\"\r\n class=\"btn--box-icon\"\r\n [ngClass]=\"icon\"\r\n ></mat-icon>\r\n }\r\n </div>\r\n\r\n }\r\n <!--BUTTON CIRCLE-->\r\n @if(type === 'light-circle' || type === 'dark-circle' || type ===\r\n 'dark-circle-filled') {\r\n <div class=\"btn--circle-container\">\r\n @if (icon) {\r\n <mat-icon\r\n fontSet=\"icomoon\"\r\n [ngClass]=\"icon\"\r\n class=\"btn--circle-icon\"\r\n ></mat-icon>\r\n\r\n }\r\n </div>\r\n }\r\n\r\n <!--BUTTON LINK-->\r\n @if (type === 'dark-link') { @if(icon && iconPosition === 'left' ) {\r\n <mat-icon\r\n fontSet=\"icomoon\"\r\n [ngClass]=\"icon\"\r\n class=\"btn--link-icon\"\r\n ></mat-icon>\r\n } @if (label) {\r\n {{ label }}\r\n } @else {\r\n <span [innerHTML]=\"innerContent\"></span>\r\n } @if(icon && iconPosition === 'right') {\r\n <mat-icon\r\n fontSet=\"icomoon\"\r\n [ngClass]=\"icon\"\r\n class=\"btn--link-icon\"\r\n [style]=\"linkIconStyle\"\r\n ></mat-icon>\r\n } }\r\n</ng-template>\r\n", styles: [".link,.btn--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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after,.btn--link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover,.btn--link:hover{color:var(--color-description)}.link:hover:after,.btn--link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown,.btn--link{color:var(--color-link-brown-light2)}.link--brown:after,.btn--link:after{background-color:var(--color-link-brown-light2)}.link--brown:hover,.btn--link:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after,.btn--link: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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}: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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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}:host{display:block;width:fit-content}.btn{cursor:pointer;font-family:var(--tent-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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.disabled{background-color:var(--color-background)!important;color:var(--color-dark-btn)!important;border:2px solid var(--color-line-dark-btn)!important;opacity:.5;cursor:unset}.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.disabled{border:2px solid var(--color-line-dark-btn-filled)!important;color:var(--color-dark-btn-filled)!important;background-color:var(--color-line-dark-btn-filled)!important;opacity:.5;cursor:unset}.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--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--close{height:44px;width:44px}.btn--close .btn--circle-icon{font-size:13px}.btn--circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.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;display:block}.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{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:20px;position:relative;text-wrap:nowrap;height:100%}.btn--box-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;position:absolute}.btn--box-icon:first-child{left:10px}.btn--box-icon:last-child{right:10px}.btn--link{font-size:19px;font-weight:700;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:12px}.btn--link:hover:after{width:100%}@media (max-width: 1023px){.btn--link:after{width:100%}}.btn--link mat-icon{font-size:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
59
59
|
}
|
|
60
60
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
61
61
|
type: Component,
|
|
62
|
-
args: [{ selector: 'tent-button', standalone: true, imports: [CommonModule, RouterModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (showBtn) { @if (url) {\r\n<a\r\n class=\"btn\"\r\n [ngClass]=\"{\r\n 'btn--box':\r\n type === 'light-box' ||\r\n type === 'dark-box-white' ||\r\n type === 'dark-box' ||\r\n type === 'dark-box-filled',\r\n 'btn--dark': type === 'dark-box' || type === 'dark-circle',\r\n 'btn--dark-white': type === 'dark-box-white',\r\n 'btn--dark-filled':\r\n type === 'dark-box-filled' || type === 'dark-circle-filled',\r\n 'btn--light': type === 'light-box' || type === 'light-circle',\r\n 'btn--circle--social-media': socialMedia,\r\n disabled: disabled,\r\n 'btn--circle':\r\n type === 'dark-circle' ||\r\n type === 'light-circle' ||\r\n type === 'dark-circle-filled',\r\n 'btn--close': closeButton,\r\n 'btn--link': type === 'dark-link'\r\n }\"\r\n [routerLink]=\"isInternalLink ? [url] : null\"\r\n [target]=\"isInternalLink ? '_self' : '_blank'\"\r\n [style]=\"width\"\r\n [href]=\"url\"\r\n (click)=\"btnClicked($event)\"\r\n>\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</a>\r\n} @else {\r\n<!--BUTTON BOX-->\r\n@if(type === 'light-box' || type ==='dark-box-white' || type ==='dark-box' ||\r\ntype ==='dark-box-filled') {\r\n<button\r\n class=\"btn btn--box\"\r\n [ngClass]=\"{\r\n 'btn--dark': type === 'dark-box',\r\n 'btn--dark-white': type === 'dark-box-white',\r\n 'btn--dark-filled': type === 'dark-box-filled',\r\n 'btn--light': type === 'light-box',\r\n 'disabled': disabled,\r\n }\"\r\n [style]=\"width\"\r\n (click)=\"btnClicked($event)\"\r\n [attr.disabled]=\"disabled ? true : null\"\r\n>\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</button>\r\n\r\n}\r\n<!--BUTTON CIRCLE-->\r\n@if(type === 'light-circle' || type === 'dark-circle' || type ===\r\n'dark-circle-filled') {\r\n<div class=\"btn--circle-container\">\r\n <button\r\n class=\"btn btn--circle btn--circle--{{ socialMedia }}\"\r\n [ngClass]=\"{\r\n 'btn--circle--social-media': socialMedia,\r\n 'btn--dark': type === 'dark-circle',\r\n 'btn--light': type === 'light-circle',\r\n 'btn--dark-filled': type === 'dark-circle-filled',\r\n 'btn--close': closeButton\r\n }\"\r\n (click)=\"btnClicked($event)\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </button>\r\n</div>\r\n}\r\n\r\n<!--BUTTON LINK-->\r\n@if (type === 'dark-link') {\r\n<p class=\"btn btn--link\" (click)=\"btnClicked($event)\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</p>\r\n} } }\r\n\r\n<ng-template #content>\r\n <!--BUTTON BOX-->\r\n @if(type === 'light-box' || type ==='dark-box-white' || type ==='dark-box'\r\n || type ==='dark-box-filled') {\r\n\r\n <div class=\"btn--box-container\">\r\n @if(icon && iconPosition === 'left' ) {\r\n <mat-icon\r\n fontSet=\"icomoon\"\r\n class=\"btn--box-icon\"\r\n [ngClass]=\"icon\"\r\n ></mat-icon>\r\n }\r\n\r\n {{ label }}\r\n\r\n @if(icon && iconPosition === 'right') {\r\n <mat-icon\r\n fontSet=\"icomoon\"\r\n class=\"btn--box-icon\"\r\n [ngClass]=\"icon\"\r\n ></mat-icon>\r\n }\r\n </div>\r\n\r\n }\r\n <!--BUTTON CIRCLE-->\r\n @if(type === 'light-circle' || type === 'dark-circle' || type ===\r\n 'dark-circle-filled') {\r\n <div class=\"btn--circle-container\">\r\n @if (icon) {\r\n <mat-icon\r\n fontSet=\"icomoon\"\r\n [ngClass]=\"icon\"\r\n class=\"btn--circle-icon\"\r\n ></mat-icon>\r\n\r\n }\r\n </div>\r\n }\r\n\r\n <!--BUTTON LINK-->\r\n @if (type === 'dark-link') { @if(icon && iconPosition === 'left' ) {\r\n <mat-icon\r\n fontSet=\"icomoon\"\r\n [ngClass]=\"icon\"\r\n class=\"btn--link-icon\"\r\n ></mat-icon>\r\n } @if (label) {\r\n {{ label }}\r\n } @else {\r\n <span [innerHTML]=\"innerContent\"></span>\r\n } @if(icon && iconPosition === 'right') {\r\n <mat-icon\r\n fontSet=\"icomoon\"\r\n [ngClass]=\"icon\"\r\n class=\"btn--link-icon\"\r\n [style]=\"linkIconStyle\"\r\n ></mat-icon>\r\n } }\r\n</ng-template>\r\n", styles: [".link,.btn--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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after,.btn--link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover,.btn--link:hover{color:var(--color-description)}.link:hover:after,.btn--link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown,.btn--link{color:var(--color-link-brown-light2)}.link--brown:after,.btn--link:after{background-color:var(--color-link-brown-light2)}.link--brown:hover,.btn--link:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after,.btn--link: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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}: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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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}:host{display:block;width:fit-content}.btn{cursor:pointer;font-family:var(--tent-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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.disabled{background-color:var(--color-background)!important;color:var(--color-dark-btn)!important;border:2px solid var(--color-line-dark-btn)!important;opacity:.5;cursor:unset}.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.disabled{border:2px solid var(--color-line-dark-btn-filled)!important;color:var(--color-dark-btn-filled)!important;background-color:var(--color-line-dark-btn-filled)!important;opacity:.5;cursor:unset}.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--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--close{height:44px;width:44px}.btn--close .btn--circle-icon{font-size:13px}.btn--circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.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;display:block}.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{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:20px;position:relative;text-wrap:nowrap;height:100%}.btn--box-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;position:absolute}.btn--box-icon:first-child{left:10px}.btn--box-icon:last-child{right:10px}.btn--link{font-size:19px;font-weight:700;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:12px}.btn--link:hover:after{width:100%}@media (max-width: 1023px){.btn--link:after{width:100%}}.btn--link mat-icon{font-size:16px}\n"] }]
|
|
62
|
+
args: [{ selector: 'tent-button', standalone: true, imports: [CommonModule, RouterModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (showBtn) { @if (url) { @if (isInternalLink) {\r\n<a\r\n class=\"btn\"\r\n [ngClass]=\"{\r\n 'btn--box':\r\n type === 'light-box' ||\r\n type === 'dark-box-white' ||\r\n type === 'dark-box' ||\r\n type === 'dark-box-filled',\r\n 'btn--dark': type === 'dark-box' || type === 'dark-circle',\r\n 'btn--dark-white': type === 'dark-box-white',\r\n 'btn--dark-filled':\r\n type === 'dark-box-filled' || type === 'dark-circle-filled',\r\n 'btn--light': type === 'light-box' || type === 'light-circle',\r\n 'btn--circle--social-media': socialMedia,\r\n disabled: disabled,\r\n 'btn--circle':\r\n type === 'dark-circle' ||\r\n type === 'light-circle' ||\r\n type === 'dark-circle-filled',\r\n 'btn--close': closeButton,\r\n 'btn--link': type === 'dark-link'\r\n }\"\r\n [routerLink]=\"[url]\"\r\n target=\"_self\"\r\n [style]=\"width\"\r\n [href]=\"url\"\r\n (click)=\"btnClicked($event)\"\r\n>\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</a>\r\n} @else {\r\n<a\r\n class=\"btn\"\r\n [ngClass]=\"{\r\n 'btn--box':\r\n type === 'light-box' ||\r\n type === 'dark-box-white' ||\r\n type === 'dark-box' ||\r\n type === 'dark-box-filled',\r\n 'btn--dark': type === 'dark-box' || type === 'dark-circle',\r\n 'btn--dark-white': type === 'dark-box-white',\r\n 'btn--dark-filled':\r\n type === 'dark-box-filled' || type === 'dark-circle-filled',\r\n 'btn--light': type === 'light-box' || type === 'light-circle',\r\n 'btn--circle--social-media': socialMedia,\r\n disabled: disabled,\r\n 'btn--circle':\r\n type === 'dark-circle' ||\r\n type === 'light-circle' ||\r\n type === 'dark-circle-filled',\r\n 'btn--close': closeButton,\r\n 'btn--link': type === 'dark-link'\r\n }\"\r\n target=\"_blank\"\r\n [style]=\"width\"\r\n [href]=\"url\"\r\n (click)=\"btnClicked($event)\"\r\n>\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</a>\r\n} } @else {\r\n<!--BUTTON BOX-->\r\n@if(type === 'light-box' || type ==='dark-box-white' || type ==='dark-box' ||\r\ntype ==='dark-box-filled') {\r\n<button\r\n class=\"btn btn--box\"\r\n [ngClass]=\"{\r\n 'btn--dark': type === 'dark-box',\r\n 'btn--dark-white': type === 'dark-box-white',\r\n 'btn--dark-filled': type === 'dark-box-filled',\r\n 'btn--light': type === 'light-box',\r\n 'disabled': disabled,\r\n }\"\r\n [style]=\"width\"\r\n (click)=\"btnClicked($event)\"\r\n [attr.disabled]=\"disabled ? true : null\"\r\n>\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</button>\r\n\r\n}\r\n<!--BUTTON CIRCLE-->\r\n@if(type === 'light-circle' || type === 'dark-circle' || type ===\r\n'dark-circle-filled') {\r\n<div class=\"btn--circle-container\">\r\n <button\r\n class=\"btn btn--circle btn--circle--{{ socialMedia }}\"\r\n [ngClass]=\"{\r\n 'btn--circle--social-media': socialMedia,\r\n 'btn--dark': type === 'dark-circle',\r\n 'btn--light': type === 'light-circle',\r\n 'btn--dark-filled': type === 'dark-circle-filled',\r\n 'btn--close': closeButton\r\n }\"\r\n (click)=\"btnClicked($event)\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </button>\r\n</div>\r\n}\r\n\r\n<!--BUTTON LINK-->\r\n@if (type === 'dark-link') {\r\n<p class=\"btn btn--link\" (click)=\"btnClicked($event)\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</p>\r\n} } }\r\n\r\n<ng-template #content>\r\n <!--BUTTON BOX-->\r\n @if(type === 'light-box' || type ==='dark-box-white' || type ==='dark-box'\r\n || type ==='dark-box-filled') {\r\n\r\n <div class=\"btn--box-container\">\r\n @if(icon && iconPosition === 'left' ) {\r\n <mat-icon\r\n fontSet=\"icomoon\"\r\n class=\"btn--box-icon\"\r\n [ngClass]=\"icon\"\r\n ></mat-icon>\r\n }\r\n\r\n {{ label }}\r\n\r\n @if(icon && iconPosition === 'right') {\r\n <mat-icon\r\n fontSet=\"icomoon\"\r\n class=\"btn--box-icon\"\r\n [ngClass]=\"icon\"\r\n ></mat-icon>\r\n }\r\n </div>\r\n\r\n }\r\n <!--BUTTON CIRCLE-->\r\n @if(type === 'light-circle' || type === 'dark-circle' || type ===\r\n 'dark-circle-filled') {\r\n <div class=\"btn--circle-container\">\r\n @if (icon) {\r\n <mat-icon\r\n fontSet=\"icomoon\"\r\n [ngClass]=\"icon\"\r\n class=\"btn--circle-icon\"\r\n ></mat-icon>\r\n\r\n }\r\n </div>\r\n }\r\n\r\n <!--BUTTON LINK-->\r\n @if (type === 'dark-link') { @if(icon && iconPosition === 'left' ) {\r\n <mat-icon\r\n fontSet=\"icomoon\"\r\n [ngClass]=\"icon\"\r\n class=\"btn--link-icon\"\r\n ></mat-icon>\r\n } @if (label) {\r\n {{ label }}\r\n } @else {\r\n <span [innerHTML]=\"innerContent\"></span>\r\n } @if(icon && iconPosition === 'right') {\r\n <mat-icon\r\n fontSet=\"icomoon\"\r\n [ngClass]=\"icon\"\r\n class=\"btn--link-icon\"\r\n [style]=\"linkIconStyle\"\r\n ></mat-icon>\r\n } }\r\n</ng-template>\r\n", styles: [".link,.btn--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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after,.btn--link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover,.btn--link:hover{color:var(--color-description)}.link:hover:after,.btn--link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown,.btn--link{color:var(--color-link-brown-light2)}.link--brown:after,.btn--link:after{background-color:var(--color-link-brown-light2)}.link--brown:hover,.btn--link:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after,.btn--link: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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}: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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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}:host{display:block;width:fit-content}.btn{cursor:pointer;font-family:var(--tent-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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.disabled{background-color:var(--color-background)!important;color:var(--color-dark-btn)!important;border:2px solid var(--color-line-dark-btn)!important;opacity:.5;cursor:unset}.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.disabled{border:2px solid var(--color-line-dark-btn-filled)!important;color:var(--color-dark-btn-filled)!important;background-color:var(--color-line-dark-btn-filled)!important;opacity:.5;cursor:unset}.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--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--close{height:44px;width:44px}.btn--close .btn--circle-icon{font-size:13px}.btn--circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.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;display:block}.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{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:20px;position:relative;text-wrap:nowrap;height:100%}.btn--box-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;position:absolute}.btn--box-icon:first-child{left:10px}.btn--box-icon:last-child{right:10px}.btn--link{font-size:19px;font-weight:700;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:12px}.btn--link:hover:after{width:100%}@media (max-width: 1023px){.btn--link:after{width:100%}}.btn--link mat-icon{font-size:16px}\n"] }]
|
|
63
63
|
}], propDecorators: { type: [{
|
|
64
64
|
type: Input
|
|
65
65
|
}], label: [{
|
|
@@ -572,11 +572,11 @@ class FooterStaticComponent {
|
|
|
572
572
|
});
|
|
573
573
|
}
|
|
574
574
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: FooterStaticComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
575
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: FooterStaticComponent, isStandalone: true, selector: "tent-footer-static", inputs: { footerLinks: "footerLinks", title: "title", scrollBtn: "scrollBtn" }, ngImport: i0, template: "<footer class=\"footer wrapper-medium\">\r\n @if (title) {\r\n <div class=\"footer__copyright\">\r\n <p class=\"text color--brown text--small\">{{ title }}</p>\r\n </div>\r\n }\r\n <ul class=\"footer__links\">\r\n @for (link of footerLinks; track $index) {\r\n <li class=\"footer__link\">\r\n @if (isInternalLink(link)) {\r\n <a\r\n class=\"link link--brown\"\r\n [href]=\"link.url\"\r\n [routerLink]=\"[link.url]\"\r\n (click)=\"linkClicked($event, link)\"\r\n >\r\n {{ link.label }}\r\n </a>\r\n\r\n } @else {\r\n <a\r\n class=\"link link--brown\"\r\n [href]=\"link.url\"\r\n target=\"_blank\"\r\n (click)=\"linkClicked($event, link)\"\r\n >\r\n {{ link.label }}\r\n </a>\r\n }\r\n </li>\r\n }\r\n </ul>\r\n @if (scrollBtn) {\r\n <div class=\"scroll-top\">\r\n <span class=\"text color--brown text--small\">{{ scrollBtn.label }}</span>\r\n <tent-button\r\n type=\"dark-circle\"\r\n [icon]=\"scrollBtn.icon\"\r\n (click)=\"scrollClicked()\"\r\n ></tent-button>\r\n </div>\r\n }\r\n</footer>\r\n", styles: [".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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}: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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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}:host{width:100vw}.footer{background-color:var(--footer-static-background-color);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;position:relative;padding-bottom:140px}@media (min-width: 1024px){.footer{padding-bottom:0}}@media (min-width: 1680px){.footer{padding:30px 90px 30px 40px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}}@media (min-width: 1800px){.footer{padding:40px 90px 40px 60px}}.footer__copyright{padding:70px 0 22px}.footer__copyright p{color:var(--color-link-brown-light2);font-weight:700}@media (min-width: 1280px){.footer__copyright{padding:56px 0 16px}}@media (min-width: 1680px){.footer__copyright{padding:0}}.footer__links{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;width:100%;gap:0 85px;padding-bottom:40px}@media (min-width: 1280px){.footer__links{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;border-top:1px solid var(--color-border-header);padding:25px 0 40px;gap:0 30px}}@media (min-width: 1680px){.footer__links{width:auto;border:none;padding:0}}.footer__link{border-top:solid 1px var(--color-border-header);width:100%;text-align:left;padding:0}@media (min-width: 768px){.footer__link{width:calc(50% - 45px)}}@media (min-width: 1280px){.footer__link{border:none;min-width:unset;width:auto}}.footer__link a{position:relative;display:inline-block;padding:25px 0;width:100%}@media (min-width: 1280px){.footer__link a{padding:10px 0;width:auto}}.footer .scroll-top{position:absolute;right:0;top:30px;display:flex;align-items:center}.footer .scroll-top .text{font-weight:700;opacity:.7;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.footer .scroll-top:hover .text{opacity:1!important}@media (min-width: 540px){.footer .scroll-top{right:28px}}@media (min-width: 768px){.footer .scroll-top{right:45px;top:40px}}@media (min-width: 1024px){.footer .scroll-top{right:55px;top:30px;display:flex;flex-direction:column;align-items:center}.footer .scroll-top .text{opacity:0;line-height:1;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}}@media (min-width: 1280px){.footer .scroll-top{top:20px}}@media (min-width: 1680px){.footer .scroll-top{position:absolute;right:0;top:10px}}.footer .scroll-top tent-button::ng-deep .btn{width:50px;height:50px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled"], outputs: ["btnClick"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
575
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: FooterStaticComponent, isStandalone: true, selector: "tent-footer-static", inputs: { footerLinks: "footerLinks", title: "title", scrollBtn: "scrollBtn" }, ngImport: i0, template: "<footer class=\"footer wrapper-medium\">\r\n @if (title) {\r\n <div class=\"footer__copyright\">\r\n <p class=\"text color--brown text--small\">{{ title }}</p>\r\n </div>\r\n }\r\n <ul class=\"footer__links\">\r\n @for (link of footerLinks; track $index) {\r\n <li class=\"footer__link\">\r\n @if (isInternalLink(link)) {\r\n <a\r\n class=\"link link--brown\"\r\n [href]=\"link.url\"\r\n [routerLink]=\"[link.url]\"\r\n (click)=\"linkClicked($event, link)\"\r\n >\r\n {{ link.label }}\r\n </a>\r\n\r\n } @else {\r\n <a\r\n class=\"link link--brown\"\r\n [href]=\"link.url\"\r\n target=\"_blank\"\r\n (click)=\"linkClicked($event, link)\"\r\n >\r\n {{ link.label }}\r\n </a>\r\n }\r\n </li>\r\n }\r\n </ul>\r\n @if (scrollBtn) {\r\n <div class=\"scroll-top\">\r\n <span class=\"text color--brown text--small\">{{ scrollBtn.label }}</span>\r\n <tent-button\r\n type=\"dark-circle\"\r\n [icon]=\"scrollBtn.icon\"\r\n (click)=\"scrollClicked()\"\r\n ></tent-button>\r\n </div>\r\n }\r\n</footer>\r\n", styles: [".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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}: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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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}:host{width:100vw}.footer{background-color:var(--footer-static-background-color);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;position:relative;padding-bottom:140px}@media (min-width: 1024px){.footer{padding-bottom:0}}@media (min-width: 1680px){.footer{padding:30px 90px 30px 40px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}}@media (min-width: 1800px){.footer{padding:40px 90px 40px 60px}}.footer__copyright{padding:70px 0 22px}.footer__copyright p{color:var(--color-link-brown-light2);font-weight:700}@media (min-width: 1280px){.footer__copyright{padding:56px 0 16px}}@media (min-width: 1680px){.footer__copyright{padding:0}}.footer__links{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;width:100%;gap:0 85px;padding-bottom:40px}@media (min-width: 1280px){.footer__links{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;border-top:1px solid var(--color-border-header);padding:25px 0 40px;gap:0 30px}}@media (min-width: 1680px){.footer__links{width:auto;border:none;padding:0}}.footer__link{border-top:solid 1px var(--color-border-header);width:100%;text-align:left;padding:0}@media (min-width: 768px){.footer__link{width:calc(50% - 45px)}}@media (min-width: 1280px){.footer__link{border:none;min-width:unset;width:auto}}.footer__link a{position:relative;display:inline-block;padding:25px 0;width:100%}@media (min-width: 1280px){.footer__link a{padding:10px 0;width:auto}}.footer .scroll-top{position:absolute;right:0;top:30px;display:flex;align-items:center}.footer .scroll-top .text{font-weight:700;opacity:.7;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.footer .scroll-top:hover .text{opacity:1!important}@media (min-width: 540px){.footer .scroll-top{right:28px}}@media (min-width: 768px){.footer .scroll-top{right:45px;top:40px}}@media (min-width: 1024px){.footer .scroll-top{right:55px;top:30px;display:flex;flex-direction:column;align-items:center}.footer .scroll-top .text{opacity:0;line-height:1;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}}@media (min-width: 1280px){.footer .scroll-top{top:20px}}@media (min-width: 1680px){.footer .scroll-top{position:absolute;right:0;top:28px}}.footer .scroll-top tent-button::ng-deep .btn{width:50px;height:50px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled"], outputs: ["btnClick"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
576
576
|
}
|
|
577
577
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: FooterStaticComponent, decorators: [{
|
|
578
578
|
type: Component,
|
|
579
|
-
args: [{ selector: 'tent-footer-static', standalone: true, imports: [CommonModule, ButtonComponent, RouterModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<footer class=\"footer wrapper-medium\">\r\n @if (title) {\r\n <div class=\"footer__copyright\">\r\n <p class=\"text color--brown text--small\">{{ title }}</p>\r\n </div>\r\n }\r\n <ul class=\"footer__links\">\r\n @for (link of footerLinks; track $index) {\r\n <li class=\"footer__link\">\r\n @if (isInternalLink(link)) {\r\n <a\r\n class=\"link link--brown\"\r\n [href]=\"link.url\"\r\n [routerLink]=\"[link.url]\"\r\n (click)=\"linkClicked($event, link)\"\r\n >\r\n {{ link.label }}\r\n </a>\r\n\r\n } @else {\r\n <a\r\n class=\"link link--brown\"\r\n [href]=\"link.url\"\r\n target=\"_blank\"\r\n (click)=\"linkClicked($event, link)\"\r\n >\r\n {{ link.label }}\r\n </a>\r\n }\r\n </li>\r\n }\r\n </ul>\r\n @if (scrollBtn) {\r\n <div class=\"scroll-top\">\r\n <span class=\"text color--brown text--small\">{{ scrollBtn.label }}</span>\r\n <tent-button\r\n type=\"dark-circle\"\r\n [icon]=\"scrollBtn.icon\"\r\n (click)=\"scrollClicked()\"\r\n ></tent-button>\r\n </div>\r\n }\r\n</footer>\r\n", styles: [".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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}: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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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}:host{width:100vw}.footer{background-color:var(--footer-static-background-color);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;position:relative;padding-bottom:140px}@media (min-width: 1024px){.footer{padding-bottom:0}}@media (min-width: 1680px){.footer{padding:30px 90px 30px 40px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}}@media (min-width: 1800px){.footer{padding:40px 90px 40px 60px}}.footer__copyright{padding:70px 0 22px}.footer__copyright p{color:var(--color-link-brown-light2);font-weight:700}@media (min-width: 1280px){.footer__copyright{padding:56px 0 16px}}@media (min-width: 1680px){.footer__copyright{padding:0}}.footer__links{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;width:100%;gap:0 85px;padding-bottom:40px}@media (min-width: 1280px){.footer__links{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;border-top:1px solid var(--color-border-header);padding:25px 0 40px;gap:0 30px}}@media (min-width: 1680px){.footer__links{width:auto;border:none;padding:0}}.footer__link{border-top:solid 1px var(--color-border-header);width:100%;text-align:left;padding:0}@media (min-width: 768px){.footer__link{width:calc(50% - 45px)}}@media (min-width: 1280px){.footer__link{border:none;min-width:unset;width:auto}}.footer__link a{position:relative;display:inline-block;padding:25px 0;width:100%}@media (min-width: 1280px){.footer__link a{padding:10px 0;width:auto}}.footer .scroll-top{position:absolute;right:0;top:30px;display:flex;align-items:center}.footer .scroll-top .text{font-weight:700;opacity:.7;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.footer .scroll-top:hover .text{opacity:1!important}@media (min-width: 540px){.footer .scroll-top{right:28px}}@media (min-width: 768px){.footer .scroll-top{right:45px;top:40px}}@media (min-width: 1024px){.footer .scroll-top{right:55px;top:30px;display:flex;flex-direction:column;align-items:center}.footer .scroll-top .text{opacity:0;line-height:1;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}}@media (min-width: 1280px){.footer .scroll-top{top:20px}}@media (min-width: 1680px){.footer .scroll-top{position:absolute;right:0;top:10px}}.footer .scroll-top tent-button::ng-deep .btn{width:50px;height:50px}\n"] }]
|
|
579
|
+
args: [{ selector: 'tent-footer-static', standalone: true, imports: [CommonModule, ButtonComponent, RouterModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<footer class=\"footer wrapper-medium\">\r\n @if (title) {\r\n <div class=\"footer__copyright\">\r\n <p class=\"text color--brown text--small\">{{ title }}</p>\r\n </div>\r\n }\r\n <ul class=\"footer__links\">\r\n @for (link of footerLinks; track $index) {\r\n <li class=\"footer__link\">\r\n @if (isInternalLink(link)) {\r\n <a\r\n class=\"link link--brown\"\r\n [href]=\"link.url\"\r\n [routerLink]=\"[link.url]\"\r\n (click)=\"linkClicked($event, link)\"\r\n >\r\n {{ link.label }}\r\n </a>\r\n\r\n } @else {\r\n <a\r\n class=\"link link--brown\"\r\n [href]=\"link.url\"\r\n target=\"_blank\"\r\n (click)=\"linkClicked($event, link)\"\r\n >\r\n {{ link.label }}\r\n </a>\r\n }\r\n </li>\r\n }\r\n </ul>\r\n @if (scrollBtn) {\r\n <div class=\"scroll-top\">\r\n <span class=\"text color--brown text--small\">{{ scrollBtn.label }}</span>\r\n <tent-button\r\n type=\"dark-circle\"\r\n [icon]=\"scrollBtn.icon\"\r\n (click)=\"scrollClicked()\"\r\n ></tent-button>\r\n </div>\r\n }\r\n</footer>\r\n", styles: [".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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}: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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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}:host{width:100vw}.footer{background-color:var(--footer-static-background-color);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;position:relative;padding-bottom:140px}@media (min-width: 1024px){.footer{padding-bottom:0}}@media (min-width: 1680px){.footer{padding:30px 90px 30px 40px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}}@media (min-width: 1800px){.footer{padding:40px 90px 40px 60px}}.footer__copyright{padding:70px 0 22px}.footer__copyright p{color:var(--color-link-brown-light2);font-weight:700}@media (min-width: 1280px){.footer__copyright{padding:56px 0 16px}}@media (min-width: 1680px){.footer__copyright{padding:0}}.footer__links{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;width:100%;gap:0 85px;padding-bottom:40px}@media (min-width: 1280px){.footer__links{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;border-top:1px solid var(--color-border-header);padding:25px 0 40px;gap:0 30px}}@media (min-width: 1680px){.footer__links{width:auto;border:none;padding:0}}.footer__link{border-top:solid 1px var(--color-border-header);width:100%;text-align:left;padding:0}@media (min-width: 768px){.footer__link{width:calc(50% - 45px)}}@media (min-width: 1280px){.footer__link{border:none;min-width:unset;width:auto}}.footer__link a{position:relative;display:inline-block;padding:25px 0;width:100%}@media (min-width: 1280px){.footer__link a{padding:10px 0;width:auto}}.footer .scroll-top{position:absolute;right:0;top:30px;display:flex;align-items:center}.footer .scroll-top .text{font-weight:700;opacity:.7;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.footer .scroll-top:hover .text{opacity:1!important}@media (min-width: 540px){.footer .scroll-top{right:28px}}@media (min-width: 768px){.footer .scroll-top{right:45px;top:40px}}@media (min-width: 1024px){.footer .scroll-top{right:55px;top:30px;display:flex;flex-direction:column;align-items:center}.footer .scroll-top .text{opacity:0;line-height:1;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}}@media (min-width: 1280px){.footer .scroll-top{top:20px}}@media (min-width: 1680px){.footer .scroll-top{position:absolute;right:0;top:28px}}.footer .scroll-top tent-button::ng-deep .btn{width:50px;height:50px}\n"] }]
|
|
580
580
|
}], propDecorators: { footerLinks: [{
|
|
581
581
|
type: Input,
|
|
582
582
|
args: [{ required: true }]
|
|
@@ -652,11 +652,11 @@ class HeaderComponent {
|
|
|
652
652
|
});
|
|
653
653
|
}
|
|
654
654
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: HeaderComponent, deps: [{ token: i1$3.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
655
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: HeaderComponent, isStandalone: true, selector: "tent-header", inputs: { scrolled: "scrolled", logo: "logo", navLinks: "navLinks", menuIcon: "menuIcon", rightButtons: "rightButtons", btnBook: "btnBook" }, outputs: { menuClick: "menuClick", languagesClick: "languagesClick", newsletterClick: "newsletterClick", checkinClick: "checkinClick", booksClick: "booksClick", motorClick: "motorClick", navLinkClick: "navLinkClick" }, ngImport: i0, template: "<nav class=\"header\" [ngClass]=\"{ 'header--scrolled': scrolled }\">\r\n <div class=\"header--left-slot\">\r\n <a\r\n (click)=\"navLinkClicked($event, navLinks[0])\"\r\n [routerLink]=\"\r\n isInternalLink(navLinks[0]) ? [navLinks[0].url] : null\r\n \"\r\n [href]=\"navLinks[0].url\"\r\n >\r\n <img class=\"header--logo\" [src]=\"logo\" alt=\"\" />\r\n </a>\r\n <div class=\"header--nav-links\">\r\n @for (navLink of navLinks; track $index) {\r\n <a\r\n (click)=\"navLinkClicked($event, navLink)\"\r\n [routerLink]=\"isInternalLink(navLink) ? [navLink.url] : null\"\r\n [href]=\"navLink.url\"\r\n class=\"link color--brown\"\r\n >{{ navLink.label }}</a\r\n >\r\n }\r\n </div>\r\n <div class=\"header--menu-btn\" (click)=\"menuClick.emit()\">\r\n <mat-icon\r\n class=\"color--brown\"\r\n [ngClass]=\"menuIcon\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n </div>\r\n </div>\r\n <div class=\"header--right-slot\">\r\n @if (rightButtons.phone) {\r\n <a\r\n [href]=\"rightButtons.phone.url\"\r\n class=\"color--brown header--link-phone\"\r\n >\r\n <mat-icon\r\n class=\"color--brown icon-phone\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n <span>{{ rightButtons.phone.label }}</span>\r\n </a>\r\n\r\n } @if (rightButtons.books) {\r\n <span\r\n (click)=\"booksClick.emit()\"\r\n class=\"link color--brown header--books\"\r\n >\r\n {{ rightButtons.books.label }}\r\n </span>\r\n } @if (rightButtons.newsletter) {\r\n <span class=\"header--mail\" (click)=\"newsletterClick.emit()\">\r\n <mat-icon\r\n class=\"color--brown\"\r\n [ngClass]=\"rightButtons.newsletter.icon\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n <span class=\"header--mail-comment\">\r\n {{ rightButtons.newsletter.comment }}\r\n </span>\r\n </span>\r\n } @if (rightButtons.languages) {\r\n <span\r\n (click)=\"languagesClick.emit()\"\r\n class=\"color--brown header--language\"\r\n >\r\n {{ rightButtons.languages.label }}\r\n <span class=\"header--language-comment\">{{\r\n rightButtons.languages.comment\r\n }}</span></span\r\n >\r\n\r\n }\r\n\r\n <div class=\"header--menu-btn\" (click)=\"menuClick.emit()\">\r\n <mat-icon\r\n class=\"color--brown\"\r\n [ngClass]=\"menuIcon\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n </div>\r\n\r\n @if (rightButtons.checkin) {\r\n <div class=\"header--check-in\" (click)=\"checkinClick.emit()\">\r\n <span class=\"color--white\">{{ rightButtons.checkin.label }}</span>\r\n </div>\r\n }\r\n\r\n <div\r\n class=\"header--btn-book\"\r\n [ngClass]=\"{ 'header--btn-book--scrolled': scrolled }\"\r\n >\r\n <tent-button\r\n type=\"dark-box-filled\"\r\n [label]=\"btnBook.label\"\r\n (btnClick)=\"openMotor()\"\r\n ></tent-button>\r\n </div>\r\n </div>\r\n</nav>\r\n", styles: [":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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}:host{width:100%}.header{height:90px;padding:0 20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;background-color:var(--color-background);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}@media (min-width: 540px){.header{height:110px;padding:0 30px}}@media (min-width: 768px){.header{height:120px;padding:0 40px}}@media (min-width: 1024px){.header{height:110px;padding:0 35px}}@media (min-width: 1680px){.header{height:120px}}@media (min-width: 1800px){.header{height:130px}}.header--scrolled{border-bottom:1px solid var(--color-border-header);padding:10px 25px;height:70px}@media (min-width: 540px){.header--scrolled{height:80px}}@media (min-width: 768px){.header--scrolled{height:86px}}@media (min-width: 1024px){.header--scrolled{height:80px}}@media (min-width: 1680px){.header--scrolled{height:90px}}@media (min-width: 1024px) and (max-width: 1279px){.header--scrolled .header--btn-book{display:block}}.header--scrolled .header--check-in{position:absolute;right:18px;bottom:-54px;border-top-left-radius:0;border-top-right-radius:0}.header--scrolled .header--check-in:hover{bottom:-62px;padding-top:14px}@media (min-width: 1680px){.header--scrolled .header--check-in{bottom:-59px}.header--scrolled .header--check-in:hover{bottom:-67px;padding-top:14px}}.header--scrolled .header--logo{width:75px}@media (min-width: 540px){.header--scrolled .header--logo{width:85px}}@media (min-width: 1024px){.header--scrolled .header--logo{width:100px}}.header--logo{width:95px}@media (min-width: 540px){.header--logo{width:110px}}@media (min-width: 768px){.header--logo{width:125px}}@media (min-width: 1024px){.header--logo{width:115px}}.header--left-slot{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:35.22px}@media (max-width: 1023px){.header--left-slot .header--menu-btn{display:none}}@media (min-width: 1280px){.header--left-slot .header--menu-btn{display:none}}.header--right-slot{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap}.header--right-slot a,.header--right-slot span{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;font-size:19px;font-weight:700;line-height:24.74px;text-align:left;padding:0 12px}.header--right-slot a mat-icon,.header--right-slot span mat-icon{width:44px}@media (max-width: 1023px){.header--right-slot a:not(.header--language),.header--right-slot span:not(.header--language){display:none}}@media (min-width: 1024px){.header--right-slot .header--menu-btn{display:none}}.header--nav-links{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:15px}@media (max-width: 1279px){.header--nav-links{display:none}}.header--nav-links a{font-size:19px;font-weight:700;line-height:24.74px;text-align:left}@media (min-width: 1366px){.header--nav-links{gap:36px}}.header .link.color--brown:hover{color:var(--color-title-2)}.header .link.color--brown:after{background-color:var(--color-title-2)}.header--btn-book{display:none}.header--btn-book tent-button ::ng-deep .btn{width:220px;height:56px}@media (min-width: 1024px) and (max-width: 1279px){.header--btn-book{display:block}}@media (min-width: 1280px){.header--btn-book--scrolled{display:block}}.header--menu-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:7.5px;cursor:pointer}.header--menu-btn span{font-family:var(--tent-font);font-size:19px;font-weight:700;line-height:24.74px;text-align:left}.header--menu-btn mat-icon{font-size:16px}.header--books:after{left:12px}.header--books:hover:after{width:calc(100% - 24px)}.header--link-phone mat-icon{width:37.7px!important;height:37.7px;border-radius:50%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.header--link-phone:hover mat-icon{background-color:var(--color-background-8);opacity:.8}.header--mail,.header--language{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;width:55.89px;height:55.89px;border-radius:50%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;width:max-content}.header--mail:hover,.header--language:hover{background-color:var(--color-background-8)}.header--mail:hover .header--mail-comment,.header--mail:hover .header--language-comment,.header--language:hover .header--mail-comment,.header--language:hover .header--language-comment{opacity:1}.header--mail-comment,.header--language-comment{opacity:0;padding:3.5px 22px;text-align:center;border-radius:4px;background-color:#785142;color:#dab38d;font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:20.83px;text-align:left;position:absolute;bottom:-39px;right:-2px;z-index:12;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.header--mail-comment:after,.header--language-comment:after{content:\"\";position:absolute;bottom:27px;left:70%;border-width:6px;border-style:solid;border-color:transparent transparent var(--color-background-6) transparent}.header--mail{padding:0 8px!important;margin:0 4px}.header--language{margin-right:10px}.header--check-in{padding:5px 30px;border-radius:6px;background-color:var(--color-check-in);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);cursor:pointer}.header--check-in:hover{background-color:var(--color-check-in-hover)}.header--check-in span{font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:20.83px;text-align:center}@media (max-width: 1279px){.header--check-in{position:absolute;right:16px;bottom:-58px;border-top-left-radius:0;border-top-right-radius:0}}@media (max-width: 1023px){.header--check-in{display:none}}.header mat-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled"], outputs: ["btnClick"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
|
|
655
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: HeaderComponent, isStandalone: true, selector: "tent-header", inputs: { scrolled: "scrolled", logo: "logo", navLinks: "navLinks", menuIcon: "menuIcon", rightButtons: "rightButtons", btnBook: "btnBook" }, outputs: { menuClick: "menuClick", languagesClick: "languagesClick", newsletterClick: "newsletterClick", checkinClick: "checkinClick", booksClick: "booksClick", motorClick: "motorClick", navLinkClick: "navLinkClick" }, ngImport: i0, template: "<nav class=\"header\" [ngClass]=\"{ 'header--scrolled': scrolled }\">\r\n <div class=\"header--left-slot\">\r\n <a\r\n (click)=\"navLinkClicked($event, navLinks[0])\"\r\n [routerLink]=\"\r\n isInternalLink(navLinks[0]) ? [navLinks[0].url] : null\r\n \"\r\n [href]=\"navLinks[0].url\"\r\n >\r\n <img class=\"header--logo\" [src]=\"logo\" alt=\"\" />\r\n </a>\r\n <div class=\"header--nav-links\">\r\n @for (navLink of navLinks; track $index) {\r\n <a\r\n (click)=\"navLinkClicked($event, navLink)\"\r\n [routerLink]=\"isInternalLink(navLink) ? [navLink.url] : null\"\r\n [href]=\"navLink.url\"\r\n class=\"link color--brown\"\r\n >{{ navLink.label }}</a\r\n >\r\n }\r\n </div>\r\n <div class=\"header--menu-btn\" (click)=\"menuClick.emit()\">\r\n <mat-icon\r\n class=\"color--brown\"\r\n [ngClass]=\"menuIcon\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n </div>\r\n </div>\r\n <div class=\"header--right-slot\">\r\n @if (rightButtons.phone) {\r\n <a\r\n [href]=\"rightButtons.phone.url\"\r\n class=\"color--brown header--link-phone\"\r\n >\r\n <mat-icon\r\n class=\"color--brown icon-phone\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n <span>{{ rightButtons.phone.label }}</span>\r\n </a>\r\n\r\n } @if (rightButtons.books) {\r\n <span\r\n (click)=\"booksClick.emit()\"\r\n class=\"link color--brown header--books\"\r\n >\r\n {{ rightButtons.books.label }}\r\n </span>\r\n } @if (rightButtons.newsletter) {\r\n <span class=\"header--mail\" (click)=\"newsletterClick.emit()\">\r\n <mat-icon\r\n class=\"color--brown\"\r\n [ngClass]=\"rightButtons.newsletter.icon\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n <span class=\"header--mail-comment\">\r\n {{ rightButtons.newsletter.comment }}\r\n </span>\r\n </span>\r\n } @if (rightButtons.languages) {\r\n <span\r\n (click)=\"languagesClick.emit()\"\r\n class=\"color--brown header--language\"\r\n >\r\n {{ rightButtons.languages.label }}\r\n <span class=\"header--language-comment\">{{\r\n rightButtons.languages.comment\r\n }}</span></span\r\n >\r\n\r\n }\r\n\r\n <div class=\"header--menu-btn\" (click)=\"menuClick.emit()\">\r\n <mat-icon\r\n class=\"color--brown\"\r\n [ngClass]=\"menuIcon\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n </div>\r\n\r\n @if (rightButtons.checkin) {\r\n <div class=\"header--check-in\" (click)=\"checkinClick.emit()\">\r\n <span class=\"color--white\">{{ rightButtons.checkin.label }}</span>\r\n </div>\r\n }\r\n\r\n <div\r\n class=\"header--btn-book\"\r\n [ngClass]=\"{ 'header--btn-book--scrolled': scrolled }\"\r\n >\r\n <tent-button\r\n type=\"dark-box-filled\"\r\n [label]=\"btnBook.label\"\r\n (btnClick)=\"openMotor()\"\r\n ></tent-button>\r\n </div>\r\n </div>\r\n</nav>\r\n", styles: [":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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}:host{width:100%}.header{height:90px;padding:0 20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;background-color:var(--color-background);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}@media (min-width: 540px){.header{height:110px;padding:0 30px}}@media (min-width: 768px){.header{height:120px;padding:0 40px}}@media (min-width: 1024px){.header{height:110px;padding:0 35px}}@media (min-width: 1680px){.header{height:120px}}@media (min-width: 1800px){.header{height:130px}}.header--scrolled{border-bottom:1px solid var(--color-border-header);padding:10px 25px;height:70px}@media (min-width: 540px){.header--scrolled{height:80px}}@media (min-width: 768px){.header--scrolled{height:86px}}@media (min-width: 1024px){.header--scrolled{height:80px}}@media (min-width: 1680px){.header--scrolled{height:90px}}@media (min-width: 1024px) and (max-width: 1279px){.header--scrolled .header--btn-book{display:block}}.header--scrolled .header--check-in{position:absolute;right:18px;bottom:-54px;border-top-left-radius:0;border-top-right-radius:0}.header--scrolled .header--check-in:hover{bottom:-62px;padding-top:14px}@media (min-width: 1680px){.header--scrolled .header--check-in{bottom:-59px}.header--scrolled .header--check-in:hover{bottom:-67px;padding-top:14px}}.header--scrolled .header--logo{width:75px}@media (min-width: 540px){.header--scrolled .header--logo{width:85px}}@media (min-width: 1024px){.header--scrolled .header--logo{width:100px}}.header--logo{width:95px}@media (min-width: 540px){.header--logo{width:110px}}@media (min-width: 768px){.header--logo{width:125px}}@media (min-width: 1024px){.header--logo{width:115px}}.header--left-slot{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:35.22px}@media (max-width: 1023px){.header--left-slot .header--menu-btn{display:none}}@media (min-width: 1280px){.header--left-slot .header--menu-btn{display:none}}.header--right-slot{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap}.header--right-slot a,.header--right-slot span{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;font-size:19px;font-weight:700;line-height:24.74px;text-align:left;padding:0 12px;cursor:pointer}.header--right-slot a mat-icon,.header--right-slot span mat-icon{width:44px}@media (max-width: 1023px){.header--right-slot a:not(.header--language),.header--right-slot span:not(.header--language){display:none}}@media (min-width: 1024px){.header--right-slot .header--menu-btn{display:none}}.header--nav-links{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:15px}@media (max-width: 1279px){.header--nav-links{display:none}}.header--nav-links a{font-size:19px;font-weight:700;line-height:24.74px;text-align:left}@media (min-width: 1366px){.header--nav-links{gap:36px}}.header .link.color--brown:hover{color:var(--color-title-2)}.header .link.color--brown:after{background-color:var(--color-title-2)}.header--btn-book{display:none}.header--btn-book tent-button ::ng-deep .btn{width:220px;height:56px}@media (min-width: 1024px) and (max-width: 1279px){.header--btn-book{display:block}}@media (min-width: 1280px){.header--btn-book--scrolled{display:block}}.header--menu-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:7.5px;cursor:pointer}.header--menu-btn span{font-family:var(--tent-font);font-size:19px;font-weight:700;line-height:24.74px;text-align:left}.header--menu-btn mat-icon{font-size:16px}.header--books:after{left:12px}.header--books:hover:after{width:calc(100% - 24px)}.header--link-phone mat-icon{width:37.7px!important;height:37.7px;border-radius:50%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.header--link-phone:hover mat-icon{background-color:var(--color-background-8);opacity:.8}.header--mail,.header--language{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;width:55.89px;height:55.89px;border-radius:50%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;width:max-content}.header--mail:hover,.header--language:hover{background-color:var(--color-background-8)}.header--mail:hover .header--mail-comment,.header--mail:hover .header--language-comment,.header--language:hover .header--mail-comment,.header--language:hover .header--language-comment{opacity:1}.header--mail-comment,.header--language-comment{opacity:0;padding:3.5px 22px;text-align:center;border-radius:4px;background-color:#785142;color:#dab38d;font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:20.83px;text-align:left;position:absolute;bottom:-39px;right:-2px;z-index:12;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.header--mail-comment:after,.header--language-comment:after{content:\"\";position:absolute;bottom:27px;left:70%;border-width:6px;border-style:solid;border-color:transparent transparent var(--color-background-6) transparent}.header--mail{padding:0 8px!important;margin:0 4px}.header--language{margin-right:10px}.header--check-in{padding:5px 30px;border-radius:6px;background-color:var(--color-check-in);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);cursor:pointer}.header--check-in:hover{background-color:var(--color-check-in-hover)}.header--check-in span{font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:20.83px;text-align:center}@media (max-width: 1279px){.header--check-in{position:absolute;right:16px;bottom:-58px;border-top-left-radius:0;border-top-right-radius:0}}@media (max-width: 1023px){.header--check-in{display:none}}.header mat-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled"], outputs: ["btnClick"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
|
|
656
656
|
}
|
|
657
657
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: HeaderComponent, decorators: [{
|
|
658
658
|
type: Component,
|
|
659
|
-
args: [{ selector: 'tent-header', standalone: true, imports: [CommonModule, MatIconModule, ButtonComponent, RouterModule], template: "<nav class=\"header\" [ngClass]=\"{ 'header--scrolled': scrolled }\">\r\n <div class=\"header--left-slot\">\r\n <a\r\n (click)=\"navLinkClicked($event, navLinks[0])\"\r\n [routerLink]=\"\r\n isInternalLink(navLinks[0]) ? [navLinks[0].url] : null\r\n \"\r\n [href]=\"navLinks[0].url\"\r\n >\r\n <img class=\"header--logo\" [src]=\"logo\" alt=\"\" />\r\n </a>\r\n <div class=\"header--nav-links\">\r\n @for (navLink of navLinks; track $index) {\r\n <a\r\n (click)=\"navLinkClicked($event, navLink)\"\r\n [routerLink]=\"isInternalLink(navLink) ? [navLink.url] : null\"\r\n [href]=\"navLink.url\"\r\n class=\"link color--brown\"\r\n >{{ navLink.label }}</a\r\n >\r\n }\r\n </div>\r\n <div class=\"header--menu-btn\" (click)=\"menuClick.emit()\">\r\n <mat-icon\r\n class=\"color--brown\"\r\n [ngClass]=\"menuIcon\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n </div>\r\n </div>\r\n <div class=\"header--right-slot\">\r\n @if (rightButtons.phone) {\r\n <a\r\n [href]=\"rightButtons.phone.url\"\r\n class=\"color--brown header--link-phone\"\r\n >\r\n <mat-icon\r\n class=\"color--brown icon-phone\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n <span>{{ rightButtons.phone.label }}</span>\r\n </a>\r\n\r\n } @if (rightButtons.books) {\r\n <span\r\n (click)=\"booksClick.emit()\"\r\n class=\"link color--brown header--books\"\r\n >\r\n {{ rightButtons.books.label }}\r\n </span>\r\n } @if (rightButtons.newsletter) {\r\n <span class=\"header--mail\" (click)=\"newsletterClick.emit()\">\r\n <mat-icon\r\n class=\"color--brown\"\r\n [ngClass]=\"rightButtons.newsletter.icon\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n <span class=\"header--mail-comment\">\r\n {{ rightButtons.newsletter.comment }}\r\n </span>\r\n </span>\r\n } @if (rightButtons.languages) {\r\n <span\r\n (click)=\"languagesClick.emit()\"\r\n class=\"color--brown header--language\"\r\n >\r\n {{ rightButtons.languages.label }}\r\n <span class=\"header--language-comment\">{{\r\n rightButtons.languages.comment\r\n }}</span></span\r\n >\r\n\r\n }\r\n\r\n <div class=\"header--menu-btn\" (click)=\"menuClick.emit()\">\r\n <mat-icon\r\n class=\"color--brown\"\r\n [ngClass]=\"menuIcon\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n </div>\r\n\r\n @if (rightButtons.checkin) {\r\n <div class=\"header--check-in\" (click)=\"checkinClick.emit()\">\r\n <span class=\"color--white\">{{ rightButtons.checkin.label }}</span>\r\n </div>\r\n }\r\n\r\n <div\r\n class=\"header--btn-book\"\r\n [ngClass]=\"{ 'header--btn-book--scrolled': scrolled }\"\r\n >\r\n <tent-button\r\n type=\"dark-box-filled\"\r\n [label]=\"btnBook.label\"\r\n (btnClick)=\"openMotor()\"\r\n ></tent-button>\r\n </div>\r\n </div>\r\n</nav>\r\n", styles: [":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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}:host{width:100%}.header{height:90px;padding:0 20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;background-color:var(--color-background);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}@media (min-width: 540px){.header{height:110px;padding:0 30px}}@media (min-width: 768px){.header{height:120px;padding:0 40px}}@media (min-width: 1024px){.header{height:110px;padding:0 35px}}@media (min-width: 1680px){.header{height:120px}}@media (min-width: 1800px){.header{height:130px}}.header--scrolled{border-bottom:1px solid var(--color-border-header);padding:10px 25px;height:70px}@media (min-width: 540px){.header--scrolled{height:80px}}@media (min-width: 768px){.header--scrolled{height:86px}}@media (min-width: 1024px){.header--scrolled{height:80px}}@media (min-width: 1680px){.header--scrolled{height:90px}}@media (min-width: 1024px) and (max-width: 1279px){.header--scrolled .header--btn-book{display:block}}.header--scrolled .header--check-in{position:absolute;right:18px;bottom:-54px;border-top-left-radius:0;border-top-right-radius:0}.header--scrolled .header--check-in:hover{bottom:-62px;padding-top:14px}@media (min-width: 1680px){.header--scrolled .header--check-in{bottom:-59px}.header--scrolled .header--check-in:hover{bottom:-67px;padding-top:14px}}.header--scrolled .header--logo{width:75px}@media (min-width: 540px){.header--scrolled .header--logo{width:85px}}@media (min-width: 1024px){.header--scrolled .header--logo{width:100px}}.header--logo{width:95px}@media (min-width: 540px){.header--logo{width:110px}}@media (min-width: 768px){.header--logo{width:125px}}@media (min-width: 1024px){.header--logo{width:115px}}.header--left-slot{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:35.22px}@media (max-width: 1023px){.header--left-slot .header--menu-btn{display:none}}@media (min-width: 1280px){.header--left-slot .header--menu-btn{display:none}}.header--right-slot{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap}.header--right-slot a,.header--right-slot span{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;font-size:19px;font-weight:700;line-height:24.74px;text-align:left;padding:0 12px}.header--right-slot a mat-icon,.header--right-slot span mat-icon{width:44px}@media (max-width: 1023px){.header--right-slot a:not(.header--language),.header--right-slot span:not(.header--language){display:none}}@media (min-width: 1024px){.header--right-slot .header--menu-btn{display:none}}.header--nav-links{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:15px}@media (max-width: 1279px){.header--nav-links{display:none}}.header--nav-links a{font-size:19px;font-weight:700;line-height:24.74px;text-align:left}@media (min-width: 1366px){.header--nav-links{gap:36px}}.header .link.color--brown:hover{color:var(--color-title-2)}.header .link.color--brown:after{background-color:var(--color-title-2)}.header--btn-book{display:none}.header--btn-book tent-button ::ng-deep .btn{width:220px;height:56px}@media (min-width: 1024px) and (max-width: 1279px){.header--btn-book{display:block}}@media (min-width: 1280px){.header--btn-book--scrolled{display:block}}.header--menu-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:7.5px;cursor:pointer}.header--menu-btn span{font-family:var(--tent-font);font-size:19px;font-weight:700;line-height:24.74px;text-align:left}.header--menu-btn mat-icon{font-size:16px}.header--books:after{left:12px}.header--books:hover:after{width:calc(100% - 24px)}.header--link-phone mat-icon{width:37.7px!important;height:37.7px;border-radius:50%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.header--link-phone:hover mat-icon{background-color:var(--color-background-8);opacity:.8}.header--mail,.header--language{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;width:55.89px;height:55.89px;border-radius:50%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;width:max-content}.header--mail:hover,.header--language:hover{background-color:var(--color-background-8)}.header--mail:hover .header--mail-comment,.header--mail:hover .header--language-comment,.header--language:hover .header--mail-comment,.header--language:hover .header--language-comment{opacity:1}.header--mail-comment,.header--language-comment{opacity:0;padding:3.5px 22px;text-align:center;border-radius:4px;background-color:#785142;color:#dab38d;font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:20.83px;text-align:left;position:absolute;bottom:-39px;right:-2px;z-index:12;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.header--mail-comment:after,.header--language-comment:after{content:\"\";position:absolute;bottom:27px;left:70%;border-width:6px;border-style:solid;border-color:transparent transparent var(--color-background-6) transparent}.header--mail{padding:0 8px!important;margin:0 4px}.header--language{margin-right:10px}.header--check-in{padding:5px 30px;border-radius:6px;background-color:var(--color-check-in);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);cursor:pointer}.header--check-in:hover{background-color:var(--color-check-in-hover)}.header--check-in span{font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:20.83px;text-align:center}@media (max-width: 1279px){.header--check-in{position:absolute;right:16px;bottom:-58px;border-top-left-radius:0;border-top-right-radius:0}}@media (max-width: 1023px){.header--check-in{display:none}}.header mat-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}\n"] }]
|
|
659
|
+
args: [{ selector: 'tent-header', standalone: true, imports: [CommonModule, MatIconModule, ButtonComponent, RouterModule], template: "<nav class=\"header\" [ngClass]=\"{ 'header--scrolled': scrolled }\">\r\n <div class=\"header--left-slot\">\r\n <a\r\n (click)=\"navLinkClicked($event, navLinks[0])\"\r\n [routerLink]=\"\r\n isInternalLink(navLinks[0]) ? [navLinks[0].url] : null\r\n \"\r\n [href]=\"navLinks[0].url\"\r\n >\r\n <img class=\"header--logo\" [src]=\"logo\" alt=\"\" />\r\n </a>\r\n <div class=\"header--nav-links\">\r\n @for (navLink of navLinks; track $index) {\r\n <a\r\n (click)=\"navLinkClicked($event, navLink)\"\r\n [routerLink]=\"isInternalLink(navLink) ? [navLink.url] : null\"\r\n [href]=\"navLink.url\"\r\n class=\"link color--brown\"\r\n >{{ navLink.label }}</a\r\n >\r\n }\r\n </div>\r\n <div class=\"header--menu-btn\" (click)=\"menuClick.emit()\">\r\n <mat-icon\r\n class=\"color--brown\"\r\n [ngClass]=\"menuIcon\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n </div>\r\n </div>\r\n <div class=\"header--right-slot\">\r\n @if (rightButtons.phone) {\r\n <a\r\n [href]=\"rightButtons.phone.url\"\r\n class=\"color--brown header--link-phone\"\r\n >\r\n <mat-icon\r\n class=\"color--brown icon-phone\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n <span>{{ rightButtons.phone.label }}</span>\r\n </a>\r\n\r\n } @if (rightButtons.books) {\r\n <span\r\n (click)=\"booksClick.emit()\"\r\n class=\"link color--brown header--books\"\r\n >\r\n {{ rightButtons.books.label }}\r\n </span>\r\n } @if (rightButtons.newsletter) {\r\n <span class=\"header--mail\" (click)=\"newsletterClick.emit()\">\r\n <mat-icon\r\n class=\"color--brown\"\r\n [ngClass]=\"rightButtons.newsletter.icon\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n <span class=\"header--mail-comment\">\r\n {{ rightButtons.newsletter.comment }}\r\n </span>\r\n </span>\r\n } @if (rightButtons.languages) {\r\n <span\r\n (click)=\"languagesClick.emit()\"\r\n class=\"color--brown header--language\"\r\n >\r\n {{ rightButtons.languages.label }}\r\n <span class=\"header--language-comment\">{{\r\n rightButtons.languages.comment\r\n }}</span></span\r\n >\r\n\r\n }\r\n\r\n <div class=\"header--menu-btn\" (click)=\"menuClick.emit()\">\r\n <mat-icon\r\n class=\"color--brown\"\r\n [ngClass]=\"menuIcon\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n </div>\r\n\r\n @if (rightButtons.checkin) {\r\n <div class=\"header--check-in\" (click)=\"checkinClick.emit()\">\r\n <span class=\"color--white\">{{ rightButtons.checkin.label }}</span>\r\n </div>\r\n }\r\n\r\n <div\r\n class=\"header--btn-book\"\r\n [ngClass]=\"{ 'header--btn-book--scrolled': scrolled }\"\r\n >\r\n <tent-button\r\n type=\"dark-box-filled\"\r\n [label]=\"btnBook.label\"\r\n (btnClick)=\"openMotor()\"\r\n ></tent-button>\r\n </div>\r\n </div>\r\n</nav>\r\n", styles: [":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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}:host{width:100%}.header{height:90px;padding:0 20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;background-color:var(--color-background);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}@media (min-width: 540px){.header{height:110px;padding:0 30px}}@media (min-width: 768px){.header{height:120px;padding:0 40px}}@media (min-width: 1024px){.header{height:110px;padding:0 35px}}@media (min-width: 1680px){.header{height:120px}}@media (min-width: 1800px){.header{height:130px}}.header--scrolled{border-bottom:1px solid var(--color-border-header);padding:10px 25px;height:70px}@media (min-width: 540px){.header--scrolled{height:80px}}@media (min-width: 768px){.header--scrolled{height:86px}}@media (min-width: 1024px){.header--scrolled{height:80px}}@media (min-width: 1680px){.header--scrolled{height:90px}}@media (min-width: 1024px) and (max-width: 1279px){.header--scrolled .header--btn-book{display:block}}.header--scrolled .header--check-in{position:absolute;right:18px;bottom:-54px;border-top-left-radius:0;border-top-right-radius:0}.header--scrolled .header--check-in:hover{bottom:-62px;padding-top:14px}@media (min-width: 1680px){.header--scrolled .header--check-in{bottom:-59px}.header--scrolled .header--check-in:hover{bottom:-67px;padding-top:14px}}.header--scrolled .header--logo{width:75px}@media (min-width: 540px){.header--scrolled .header--logo{width:85px}}@media (min-width: 1024px){.header--scrolled .header--logo{width:100px}}.header--logo{width:95px}@media (min-width: 540px){.header--logo{width:110px}}@media (min-width: 768px){.header--logo{width:125px}}@media (min-width: 1024px){.header--logo{width:115px}}.header--left-slot{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:35.22px}@media (max-width: 1023px){.header--left-slot .header--menu-btn{display:none}}@media (min-width: 1280px){.header--left-slot .header--menu-btn{display:none}}.header--right-slot{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap}.header--right-slot a,.header--right-slot span{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;font-size:19px;font-weight:700;line-height:24.74px;text-align:left;padding:0 12px;cursor:pointer}.header--right-slot a mat-icon,.header--right-slot span mat-icon{width:44px}@media (max-width: 1023px){.header--right-slot a:not(.header--language),.header--right-slot span:not(.header--language){display:none}}@media (min-width: 1024px){.header--right-slot .header--menu-btn{display:none}}.header--nav-links{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:15px}@media (max-width: 1279px){.header--nav-links{display:none}}.header--nav-links a{font-size:19px;font-weight:700;line-height:24.74px;text-align:left}@media (min-width: 1366px){.header--nav-links{gap:36px}}.header .link.color--brown:hover{color:var(--color-title-2)}.header .link.color--brown:after{background-color:var(--color-title-2)}.header--btn-book{display:none}.header--btn-book tent-button ::ng-deep .btn{width:220px;height:56px}@media (min-width: 1024px) and (max-width: 1279px){.header--btn-book{display:block}}@media (min-width: 1280px){.header--btn-book--scrolled{display:block}}.header--menu-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:7.5px;cursor:pointer}.header--menu-btn span{font-family:var(--tent-font);font-size:19px;font-weight:700;line-height:24.74px;text-align:left}.header--menu-btn mat-icon{font-size:16px}.header--books:after{left:12px}.header--books:hover:after{width:calc(100% - 24px)}.header--link-phone mat-icon{width:37.7px!important;height:37.7px;border-radius:50%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.header--link-phone:hover mat-icon{background-color:var(--color-background-8);opacity:.8}.header--mail,.header--language{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;width:55.89px;height:55.89px;border-radius:50%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;width:max-content}.header--mail:hover,.header--language:hover{background-color:var(--color-background-8)}.header--mail:hover .header--mail-comment,.header--mail:hover .header--language-comment,.header--language:hover .header--mail-comment,.header--language:hover .header--language-comment{opacity:1}.header--mail-comment,.header--language-comment{opacity:0;padding:3.5px 22px;text-align:center;border-radius:4px;background-color:#785142;color:#dab38d;font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:20.83px;text-align:left;position:absolute;bottom:-39px;right:-2px;z-index:12;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.header--mail-comment:after,.header--language-comment:after{content:\"\";position:absolute;bottom:27px;left:70%;border-width:6px;border-style:solid;border-color:transparent transparent var(--color-background-6) transparent}.header--mail{padding:0 8px!important;margin:0 4px}.header--language{margin-right:10px}.header--check-in{padding:5px 30px;border-radius:6px;background-color:var(--color-check-in);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);cursor:pointer}.header--check-in:hover{background-color:var(--color-check-in-hover)}.header--check-in span{font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:20.83px;text-align:center}@media (max-width: 1279px){.header--check-in{position:absolute;right:16px;bottom:-58px;border-top-left-radius:0;border-top-right-radius:0}}@media (max-width: 1023px){.header--check-in{display:none}}.header mat-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}\n"] }]
|
|
660
660
|
}], ctorParameters: () => [{ type: i1$3.MatDialog }], propDecorators: { scrolled: [{
|
|
661
661
|
type: Input
|
|
662
662
|
}], logo: [{
|
|
@@ -737,11 +737,11 @@ class HotelServicesComponent {
|
|
|
737
737
|
event.preventDefault();
|
|
738
738
|
}
|
|
739
739
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: HotelServicesComponent, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
740
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: HotelServicesComponent, isStandalone: true, selector: "tent-hotel-services", inputs: { title: "title", titleDark: "titleDark", items: "items" }, ngImport: i0, template: "<section class=\"hotel-intro wrapper-big module-spacer--bottom\">\r\n <div class=\"hotel-intro--content\">\r\n <h2 class=\"hotel-intro--title title--80 color--camel\">\r\n {{ title }}\r\n <span class=\"color--brown\">{{ titleDark }}</span>\r\n </h2>\r\n </div>\r\n <div class=\"hotel-intro--services\">\r\n @for (item of items; track $index) {\r\n <div class=\"hotel-intro--service\">\r\n <a\r\n class=\"hotel-intro--photo figure-content figure-zoom\"\r\n [href]=\"item.buttons?.[0]?.url\"\r\n [routerLink]=\"item.buttons?.[0]?.url\"\r\n (click)=\"itemClicked($event)\"\r\n >\r\n <figure\r\n class=\"figure-full\"\r\n [style]=\"getImage(item.image)\"\r\n ></figure>\r\n </a>\r\n <div class=\"hotel-intro--info pt--10\">\r\n <h3 class=\"hotel-intro--title title--42 color--brown\">\r\n {{ item.title }}\r\n\r\n @if (item.subtitle) {\r\n <span class=\"title--24 color--camel\">{{\r\n item.subtitle\r\n }}</span>\r\n }\r\n </h3>\r\n <p class=\"hotel-intro--text text color--gray1\">\r\n {{ item.description }}\r\n </p>\r\n @if (item.buttons) {\r\n <div class=\"hotel-intro--btns flex-row flex-row--left pt--20\">\r\n @for (btn of item.buttons; track $index) {\r\n <tent-button\r\n type=\"dark-link\"\r\n [url]=\"btn.url\"\r\n [linkType]=\"btn.linkType!\"\r\n [icon]=\"btn.icon\"\r\n [iconPosition]=\"btn.iconPosition\"\r\n [label]=\"btn.label\"\r\n ></tent-button>\r\n\r\n }\r\n </div>\r\n\r\n }\r\n </div>\r\n </div>\r\n\r\n }\r\n </div>\r\n</section>\r\n", styles: [":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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}.hotel-intro--services{display:flex;gap:40px 0;flex-wrap:wrap;padding-top:10px}@media (min-width: 540px){.hotel-intro--services{padding:10px 30px 0}}@media (min-width: 768px){.hotel-intro--services{padding:20px 45px 0}}@media (min-width: 1024px){.hotel-intro--services{padding:17px 110px 0}}@media (min-width: 1280px){.hotel-intro--services{gap:0 50px;padding:25px 0 0}}@media (min-width: 1680px){.hotel-intro--services{gap:0 75px}}.hotel-intro--service{position:relative;width:100%;display:flex;flex-direction:column}@media (min-width: 1280px){.hotel-intro--service{width:calc(33.3% - 35px)}}@media (min-width: 1680px){.hotel-intro--service{width:calc(33% - 47px)}}.hotel-intro--photo{aspect-ratio:319/217;position:relative;overflow:hidden;width:100%;border-radius:12px}@media (min-width: 540px){.hotel-intro--photo{aspect-ratio:400/263}}@media (min-width: 768px){.hotel-intro--photo{aspect-ratio:541/357}}@media (min-width: 1024px){.hotel-intro--photo{aspect-ratio:637/420}}@media (min-width: 1280px){.hotel-intro--photo{aspect-ratio:340/300}}@media (min-width: 1366px){.hotel-intro--photo{aspect-ratio:370/326}}@media (min-width: 1680px){.hotel-intro--photo{aspect-ratio:454/300}}.hotel-intro--info{position:relative}@media (min-width: 1680px){.hotel-intro--info .hotel-intro--title{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;flex-wrap:nowrap;gap:10px;line-height:1}}.hotel-intro--img{position:relative}.hotel-intro--title,.hotel-intro--title span{letter-spacing:0}@media (min-width: 1024px){.hotel-intro--title span{display:block}}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled"], outputs: ["btnClick"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
|
|
740
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: HotelServicesComponent, isStandalone: true, selector: "tent-hotel-services", inputs: { title: "title", titleDark: "titleDark", items: "items" }, ngImport: i0, template: "<section class=\"hotel-intro wrapper-big module-spacer--bottom\">\r\n <div class=\"hotel-intro--content\">\r\n <h2 class=\"hotel-intro--title title--80 color--camel\">\r\n {{ title }}\r\n <span class=\"color--brown\">{{ titleDark }}</span>\r\n </h2>\r\n </div>\r\n <div class=\"hotel-intro--services\">\r\n @for (item of items; track $index) {\r\n <div class=\"hotel-intro--service\">\r\n <a\r\n class=\"hotel-intro--photo figure-content figure-zoom\"\r\n [href]=\"item.buttons?.[0]?.url\"\r\n [routerLink]=\"item.buttons?.[0]?.url\"\r\n (click)=\"itemClicked($event)\"\r\n >\r\n <figure\r\n class=\"figure-full\"\r\n [style]=\"getImage(item.image)\"\r\n ></figure>\r\n </a>\r\n <div class=\"hotel-intro--info pt--10\">\r\n <h3 class=\"hotel-intro--title title--42 color--brown\">\r\n {{ item.title }}\r\n\r\n @if (item.subtitle) {\r\n <span class=\"title--24 color--camel\">{{\r\n item.subtitle\r\n }}</span>\r\n }\r\n </h3>\r\n <p class=\"hotel-intro--text text color--gray1\">\r\n {{ item.description }}\r\n </p>\r\n @if (item.buttons) {\r\n <div class=\"hotel-intro--btns flex-row flex-row--left pt--20\">\r\n @for (btn of item.buttons; track $index) {\r\n <tent-button\r\n type=\"dark-link\"\r\n [url]=\"btn.url\"\r\n [linkType]=\"btn.linkType!\"\r\n [icon]=\"btn.icon\"\r\n [iconPosition]=\"btn.iconPosition\"\r\n [label]=\"btn.label\"\r\n ></tent-button>\r\n\r\n }\r\n </div>\r\n\r\n }\r\n </div>\r\n </div>\r\n\r\n }\r\n </div>\r\n</section>\r\n", styles: [":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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}.hotel-intro--services{display:flex;gap:40px 0;flex-wrap:wrap;padding-top:10px}@media (min-width: 540px){.hotel-intro--services{padding:10px 30px 0}}@media (min-width: 768px){.hotel-intro--services{padding:20px 45px 0}}@media (min-width: 1024px){.hotel-intro--services{padding:17px 110px 0}}@media (min-width: 1280px){.hotel-intro--services{gap:0 50px;padding:25px 0 0}}@media (min-width: 1680px){.hotel-intro--services{gap:0 75px}}.hotel-intro--service{position:relative;width:100%;display:flex;flex-direction:column}@media (min-width: 1280px){.hotel-intro--service{width:calc(33.3% - 35px)}}@media (min-width: 1680px){.hotel-intro--service{width:calc(33% - 47px)}}.hotel-intro--photo{aspect-ratio:319/217;position:relative;overflow:hidden;width:100%;border-radius:12px}@media (min-width: 540px){.hotel-intro--photo{aspect-ratio:400/263}}@media (min-width: 768px){.hotel-intro--photo{aspect-ratio:541/357}}@media (min-width: 1024px){.hotel-intro--photo{aspect-ratio:637/420}}@media (min-width: 1280px){.hotel-intro--photo{aspect-ratio:340/300}}@media (min-width: 1366px){.hotel-intro--photo{aspect-ratio:370/326}}@media (min-width: 1680px){.hotel-intro--photo{aspect-ratio:454/300}}.hotel-intro--info{position:relative}@media (min-width: 1680px){.hotel-intro--info .hotel-intro--title{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;flex-wrap:nowrap;gap:10px;line-height:1}}.hotel-intro--img{position:relative}.hotel-intro--title{letter-spacing:0;margin-bottom:10px}.hotel-intro--title span{letter-spacing:0}@media (min-width: 1024px){.hotel-intro--title span{display:block}}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled"], outputs: ["btnClick"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
|
|
741
741
|
}
|
|
742
742
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: HotelServicesComponent, decorators: [{
|
|
743
743
|
type: Component,
|
|
744
|
-
args: [{ selector: 'tent-hotel-services', standalone: true, imports: [ButtonComponent, RouterModule], template: "<section class=\"hotel-intro wrapper-big module-spacer--bottom\">\r\n <div class=\"hotel-intro--content\">\r\n <h2 class=\"hotel-intro--title title--80 color--camel\">\r\n {{ title }}\r\n <span class=\"color--brown\">{{ titleDark }}</span>\r\n </h2>\r\n </div>\r\n <div class=\"hotel-intro--services\">\r\n @for (item of items; track $index) {\r\n <div class=\"hotel-intro--service\">\r\n <a\r\n class=\"hotel-intro--photo figure-content figure-zoom\"\r\n [href]=\"item.buttons?.[0]?.url\"\r\n [routerLink]=\"item.buttons?.[0]?.url\"\r\n (click)=\"itemClicked($event)\"\r\n >\r\n <figure\r\n class=\"figure-full\"\r\n [style]=\"getImage(item.image)\"\r\n ></figure>\r\n </a>\r\n <div class=\"hotel-intro--info pt--10\">\r\n <h3 class=\"hotel-intro--title title--42 color--brown\">\r\n {{ item.title }}\r\n\r\n @if (item.subtitle) {\r\n <span class=\"title--24 color--camel\">{{\r\n item.subtitle\r\n }}</span>\r\n }\r\n </h3>\r\n <p class=\"hotel-intro--text text color--gray1\">\r\n {{ item.description }}\r\n </p>\r\n @if (item.buttons) {\r\n <div class=\"hotel-intro--btns flex-row flex-row--left pt--20\">\r\n @for (btn of item.buttons; track $index) {\r\n <tent-button\r\n type=\"dark-link\"\r\n [url]=\"btn.url\"\r\n [linkType]=\"btn.linkType!\"\r\n [icon]=\"btn.icon\"\r\n [iconPosition]=\"btn.iconPosition\"\r\n [label]=\"btn.label\"\r\n ></tent-button>\r\n\r\n }\r\n </div>\r\n\r\n }\r\n </div>\r\n </div>\r\n\r\n }\r\n </div>\r\n</section>\r\n", styles: [":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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}.hotel-intro--services{display:flex;gap:40px 0;flex-wrap:wrap;padding-top:10px}@media (min-width: 540px){.hotel-intro--services{padding:10px 30px 0}}@media (min-width: 768px){.hotel-intro--services{padding:20px 45px 0}}@media (min-width: 1024px){.hotel-intro--services{padding:17px 110px 0}}@media (min-width: 1280px){.hotel-intro--services{gap:0 50px;padding:25px 0 0}}@media (min-width: 1680px){.hotel-intro--services{gap:0 75px}}.hotel-intro--service{position:relative;width:100%;display:flex;flex-direction:column}@media (min-width: 1280px){.hotel-intro--service{width:calc(33.3% - 35px)}}@media (min-width: 1680px){.hotel-intro--service{width:calc(33% - 47px)}}.hotel-intro--photo{aspect-ratio:319/217;position:relative;overflow:hidden;width:100%;border-radius:12px}@media (min-width: 540px){.hotel-intro--photo{aspect-ratio:400/263}}@media (min-width: 768px){.hotel-intro--photo{aspect-ratio:541/357}}@media (min-width: 1024px){.hotel-intro--photo{aspect-ratio:637/420}}@media (min-width: 1280px){.hotel-intro--photo{aspect-ratio:340/300}}@media (min-width: 1366px){.hotel-intro--photo{aspect-ratio:370/326}}@media (min-width: 1680px){.hotel-intro--photo{aspect-ratio:454/300}}.hotel-intro--info{position:relative}@media (min-width: 1680px){.hotel-intro--info .hotel-intro--title{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;flex-wrap:nowrap;gap:10px;line-height:1}}.hotel-intro--img{position:relative}.hotel-intro--title,.hotel-intro--title span{letter-spacing:0}@media (min-width: 1024px){.hotel-intro--title span{display:block}}\n"] }]
|
|
744
|
+
args: [{ selector: 'tent-hotel-services', standalone: true, imports: [ButtonComponent, RouterModule], template: "<section class=\"hotel-intro wrapper-big module-spacer--bottom\">\r\n <div class=\"hotel-intro--content\">\r\n <h2 class=\"hotel-intro--title title--80 color--camel\">\r\n {{ title }}\r\n <span class=\"color--brown\">{{ titleDark }}</span>\r\n </h2>\r\n </div>\r\n <div class=\"hotel-intro--services\">\r\n @for (item of items; track $index) {\r\n <div class=\"hotel-intro--service\">\r\n <a\r\n class=\"hotel-intro--photo figure-content figure-zoom\"\r\n [href]=\"item.buttons?.[0]?.url\"\r\n [routerLink]=\"item.buttons?.[0]?.url\"\r\n (click)=\"itemClicked($event)\"\r\n >\r\n <figure\r\n class=\"figure-full\"\r\n [style]=\"getImage(item.image)\"\r\n ></figure>\r\n </a>\r\n <div class=\"hotel-intro--info pt--10\">\r\n <h3 class=\"hotel-intro--title title--42 color--brown\">\r\n {{ item.title }}\r\n\r\n @if (item.subtitle) {\r\n <span class=\"title--24 color--camel\">{{\r\n item.subtitle\r\n }}</span>\r\n }\r\n </h3>\r\n <p class=\"hotel-intro--text text color--gray1\">\r\n {{ item.description }}\r\n </p>\r\n @if (item.buttons) {\r\n <div class=\"hotel-intro--btns flex-row flex-row--left pt--20\">\r\n @for (btn of item.buttons; track $index) {\r\n <tent-button\r\n type=\"dark-link\"\r\n [url]=\"btn.url\"\r\n [linkType]=\"btn.linkType!\"\r\n [icon]=\"btn.icon\"\r\n [iconPosition]=\"btn.iconPosition\"\r\n [label]=\"btn.label\"\r\n ></tent-button>\r\n\r\n }\r\n </div>\r\n\r\n }\r\n </div>\r\n </div>\r\n\r\n }\r\n </div>\r\n</section>\r\n", styles: [":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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}.hotel-intro--services{display:flex;gap:40px 0;flex-wrap:wrap;padding-top:10px}@media (min-width: 540px){.hotel-intro--services{padding:10px 30px 0}}@media (min-width: 768px){.hotel-intro--services{padding:20px 45px 0}}@media (min-width: 1024px){.hotel-intro--services{padding:17px 110px 0}}@media (min-width: 1280px){.hotel-intro--services{gap:0 50px;padding:25px 0 0}}@media (min-width: 1680px){.hotel-intro--services{gap:0 75px}}.hotel-intro--service{position:relative;width:100%;display:flex;flex-direction:column}@media (min-width: 1280px){.hotel-intro--service{width:calc(33.3% - 35px)}}@media (min-width: 1680px){.hotel-intro--service{width:calc(33% - 47px)}}.hotel-intro--photo{aspect-ratio:319/217;position:relative;overflow:hidden;width:100%;border-radius:12px}@media (min-width: 540px){.hotel-intro--photo{aspect-ratio:400/263}}@media (min-width: 768px){.hotel-intro--photo{aspect-ratio:541/357}}@media (min-width: 1024px){.hotel-intro--photo{aspect-ratio:637/420}}@media (min-width: 1280px){.hotel-intro--photo{aspect-ratio:340/300}}@media (min-width: 1366px){.hotel-intro--photo{aspect-ratio:370/326}}@media (min-width: 1680px){.hotel-intro--photo{aspect-ratio:454/300}}.hotel-intro--info{position:relative}@media (min-width: 1680px){.hotel-intro--info .hotel-intro--title{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;flex-wrap:nowrap;gap:10px;line-height:1}}.hotel-intro--img{position:relative}.hotel-intro--title{letter-spacing:0;margin-bottom:10px}.hotel-intro--title span{letter-spacing:0}@media (min-width: 1024px){.hotel-intro--title span{display:block}}\n"] }]
|
|
745
745
|
}], ctorParameters: () => [{ type: i1$2.DomSanitizer }], propDecorators: { title: [{
|
|
746
746
|
type: Input
|
|
747
747
|
}], titleDark: [{
|
|
@@ -1018,11 +1018,11 @@ class OfferComponent {
|
|
|
1018
1018
|
event.preventDefault();
|
|
1019
1019
|
}
|
|
1020
1020
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: OfferComponent, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1021
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: OfferComponent, isStandalone: true, selector: "tent-offer", inputs: { image: "image", title: "title", price: "price", priceLabel: "priceLabel", currency: "currency", badge: "badge", badgePrice: "badgePrice", buttons: "buttons" }, ngImport: i0, template: "<section class=\"offer-box\">\r\n <a\r\n [href]=\"buttons ? buttons[0].url : null\"\r\n [routerLink]=\"buttons ? [buttons[0].url] : null\"\r\n (click)=\"offerClicked($event)\"\r\n >\r\n <div class=\"offer-box--content\">\r\n @if(badge) {\r\n <tent-badge\r\n class=\"offer-box--badgetHotel\"\r\n [rounded]=\"true\"\r\n [label]=\"badge.label\"\r\n ></tent-badge>\r\n } @if (image) {\r\n <div class=\"offer-box--photo figure-content\">\r\n <figure class=\"figure-full\" [style]=\"getImage\"></figure>\r\n </div>\r\n }\r\n\r\n <div class=\"offer-box--head\">\r\n <div class=\"offer-box--headinner\">\r\n <div class=\"offer-box--infocontent\">\r\n @if(badgePrice) {\r\n <tent-badge\r\n class=\"offer-box--badgetPrice\"\r\n [rounded]=\"true\"\r\n [label]=\"badgePrice.label\"\r\n ></tent-badge>\r\n }\r\n <div class=\"offer-box--info\">\r\n @if (title) {\r\n <h3 class=\"title--30 color--brown\">\r\n {{ title }}\r\n </h3>\r\n } @if (price && priceLabel && currency) {\r\n <div class=\"offer-box--price\">\r\n <span class=\"title--18 color--camel\">{{\r\n priceLabel\r\n }}</span>\r\n <p class=\"title--42 color--brown\">\r\n {{ price\r\n }}<span class=\"title--32\">{{\r\n currency\r\n }}</span>\r\n </p>\r\n </div>\r\n }\r\n </div>\r\n @if (buttons?.length) {\r\n <div class=\"offer-box--btns\">\r\n @for (btn of buttons; track $index) {\r\n <tent-button\r\n [type]=\"btn.type!\"\r\n [icon]=\"btn.icon\"\r\n [iconPosition]=\"btn.iconPosition\"\r\n [label]=\"btn.label\"\r\n [url]=\"btn.url\"\r\n [linkType]=\"btn.linkType!\"\r\n ></tent-button>\r\n\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </a>\r\n</section>\r\n", styles: [":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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}.offer-box--content{padding-top:15px;position:relative}.offer-box--photo{aspect-ratio:314/200;position:relative;overflow:hidden;width:100%;border-radius:12px}.offer-box--badgetHotel{position:absolute;top:0;left:50%;transform:translate(-50%)}.offer-box--head{position:relative;width:fit-content}.offer-box--headinner{width:fit-content;left:50%;position:relative;transform:translate(-50%)}.offer-box--infocontent{background-color:#fff;padding:20px 0;border-radius:12px 12px 0 0}.offer-box--badgetPrice{display:inline-block;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.offer-box--badgetPrice ::ng-deep .badge{background-color:var(--color-badge-4);color:#693d2d}.offer-box--info{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;padding:0;gap:10px 40px;width:100%;text-align:center}.offer-box--price{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.offer-box--price .title--42{font-size:42px}.offer-box--btns{position:relative;padding-bottom:0;gap:12px 0;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;flex-wrap:wrap}.offer-box--btns ::ng-deep .btn--box{width:220px}@media (min-width: 540px){.offer-box--content{padding:0 28px}.offer-box--photo{aspect-ratio:400/255}.offer-box--badgetHotel{top:15px;left:43px;transform:none}.offer-box--head{padding:0 15px}}@media (min-width: 768px){.offer-box--photo{aspect-ratio:560/357}.offer-box--badgetHotel{top:25px;left:60px}.offer-box--badgetPrice{left:0;transform:none}.offer-box--head{padding:0 30px;width:-webkit-fill-available}.offer-box--headinner{width:auto;left:auto;position:relative;transform:none}.offer-box--info{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;flex-wrap:nowrap;text-align:left;gap:0px 60px}.offer-box--price{align-items:flex-end}.offer-box--btns{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:12px 0;padding:20px 0 0}}@media (min-width: 1024px){.offer-box--photo{aspect-ratio:637/407}.offer-box--content{padding:0 70px 100px}.offer-box--badgetHotel{top:25px;left:100px}.offer-box--head{position:absolute;bottom:0;margin-bottom:0;left:0;padding:0 100px}.offer-box--infocontent{padding:18px 28px}.offer-box--badgetPrice{position:relative;top:auto}}@media (min-width: 1280px){.offer-box--photo{aspect-ratio:314/200}.offer-box--content{padding:0 0 120px}.offer-box--badgetHotel{top:25px;left:25px}.offer-box--head{padding:0 30px}.offer-box--info{gap:0px 30px}.offer-box--infocontent{padding:18px}}@media (min-width: 1366px){.offer-box--photo{aspect-ratio:510/325}}@media (min-width: 1680px){.offer-box--photo{aspect-ratio:518/331}.offer-box--infocontent{padding:18px 30px}}@media (min-width: 1800px){.offer-box--photo{aspect-ratio:637/407}}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled"], outputs: ["btnClick"] }, { kind: "component", type: BadgeComponent, selector: "tent-badge", inputs: ["orientation", "rounded", "label"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
|
|
1021
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: OfferComponent, isStandalone: true, selector: "tent-offer", inputs: { image: "image", title: "title", price: "price", priceLabel: "priceLabel", currency: "currency", badge: "badge", badgePrice: "badgePrice", buttons: "buttons" }, ngImport: i0, template: "<section class=\"offer-box\">\r\n <a\r\n [href]=\"buttons ? buttons[0].url : null\"\r\n [routerLink]=\"buttons ? [buttons[0].url] : null\"\r\n (click)=\"offerClicked($event)\"\r\n >\r\n <div class=\"offer-box--content\">\r\n @if(badge) {\r\n <tent-badge\r\n class=\"offer-box--badgetHotel\"\r\n [rounded]=\"true\"\r\n [label]=\"badge.label\"\r\n ></tent-badge>\r\n } @if (image) {\r\n <div class=\"offer-box--photo figure-content\">\r\n <figure class=\"figure-full\" [style]=\"getImage\"></figure>\r\n </div>\r\n }\r\n\r\n <div class=\"offer-box--head\">\r\n <div class=\"offer-box--headinner\">\r\n <div class=\"offer-box--infocontent\">\r\n @if(badgePrice) {\r\n <tent-badge\r\n class=\"offer-box--badgetPrice\"\r\n [rounded]=\"true\"\r\n [label]=\"badgePrice.label\"\r\n ></tent-badge>\r\n }\r\n <div class=\"offer-box--info\">\r\n @if (title) {\r\n <h3 class=\"title--30 color--brown\">\r\n {{ title }}\r\n </h3>\r\n } @if (price && priceLabel && currency) {\r\n <div class=\"offer-box--price\">\r\n <span class=\"title--18 color--camel\">{{\r\n priceLabel\r\n }}</span>\r\n <p class=\"title--42 color--brown\">\r\n {{ price\r\n }}<span class=\"title--32\">{{\r\n currency\r\n }}</span>\r\n </p>\r\n </div>\r\n }\r\n </div>\r\n @if (buttons?.length) {\r\n <div class=\"offer-box--btns\">\r\n @for (btn of buttons; track $index) {\r\n <tent-button\r\n [type]=\"btn.type!\"\r\n [icon]=\"btn.icon\"\r\n [iconPosition]=\"btn.iconPosition\"\r\n [label]=\"btn.label\"\r\n [url]=\"btn.url\"\r\n [linkType]=\"btn.linkType!\"\r\n ></tent-button>\r\n\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </a>\r\n</section>\r\n", styles: [":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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}.offer-box--content{padding-top:15px;position:relative}.offer-box--photo{aspect-ratio:314/200;position:relative;overflow:hidden;width:100%;border-radius:12px}.offer-box--badgetHotel{position:absolute;top:0;left:50%;transform:translate(-50%)}.offer-box--head{position:relative;width:fit-content}.offer-box--headinner{width:fit-content;left:50%;position:relative;transform:translate(-50%)}.offer-box--infocontent{background-color:#fff;padding:20px 0;border-radius:12px 12px 0 0}.offer-box--badgetPrice{display:inline-block;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.offer-box--badgetPrice ::ng-deep .badge{background-color:var(--color-badge-4);color:#693d2d}.offer-box--info{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;padding:0;gap:10px 40px;width:100%;text-align:center}.offer-box--price{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.offer-box--price .title--42{font-size:42px}.offer-box--btns{position:relative;padding-bottom:0;gap:12px 0;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;flex-wrap:wrap}.offer-box--btns ::ng-deep .btn--box{width:220px}@media (min-width: 540px){.offer-box--content{padding:0 28px}.offer-box--photo{aspect-ratio:400/255}.offer-box--badgetHotel{top:15px;left:43px;transform:none}.offer-box--head{padding:0 15px}}@media (min-width: 768px){.offer-box--photo{aspect-ratio:560/357}.offer-box--badgetHotel{top:25px;left:60px}.offer-box--badgetPrice{left:0;transform:none}.offer-box--head{padding:0 30px;width:-webkit-fill-available}.offer-box--headinner{width:auto;left:auto;position:relative;transform:none}.offer-box--info{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;flex-wrap:nowrap;text-align:left;gap:0px 60px}.offer-box--price{align-items:flex-end}.offer-box--btns{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:12px 0;padding:20px 0 0}}@media (min-width: 1024px){.offer-box--photo{aspect-ratio:637/407}.offer-box--content{padding:0 70px 100px}.offer-box--badgetHotel{top:25px;left:100px}.offer-box--head{position:absolute;bottom:0;margin-bottom:0;left:0;padding:0 100px}.offer-box--infocontent{padding:18px 28px}.offer-box--badgetPrice{position:relative;top:auto}}@media (min-width: 1280px){.offer-box--photo{aspect-ratio:314/200}.offer-box--content{padding:0 0 120px}.offer-box--badgetHotel{top:25px;left:25px}.offer-box--head{padding:0 30px;width:calc(100% - 60px)}.offer-box--info{gap:0px 30px}.offer-box--infocontent{padding:18px}}@media (min-width: 1366px){.offer-box--photo{aspect-ratio:510/325}}@media (min-width: 1680px){.offer-box--photo{aspect-ratio:518/331}.offer-box--infocontent{padding:18px 30px}}@media (min-width: 1800px){.offer-box--photo{aspect-ratio:637/407}}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled"], outputs: ["btnClick"] }, { kind: "component", type: BadgeComponent, selector: "tent-badge", inputs: ["orientation", "rounded", "label"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
|
|
1022
1022
|
}
|
|
1023
1023
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: OfferComponent, decorators: [{
|
|
1024
1024
|
type: Component,
|
|
1025
|
-
args: [{ selector: 'tent-offer', standalone: true, imports: [ButtonComponent, BadgeComponent, RouterModule], template: "<section class=\"offer-box\">\r\n <a\r\n [href]=\"buttons ? buttons[0].url : null\"\r\n [routerLink]=\"buttons ? [buttons[0].url] : null\"\r\n (click)=\"offerClicked($event)\"\r\n >\r\n <div class=\"offer-box--content\">\r\n @if(badge) {\r\n <tent-badge\r\n class=\"offer-box--badgetHotel\"\r\n [rounded]=\"true\"\r\n [label]=\"badge.label\"\r\n ></tent-badge>\r\n } @if (image) {\r\n <div class=\"offer-box--photo figure-content\">\r\n <figure class=\"figure-full\" [style]=\"getImage\"></figure>\r\n </div>\r\n }\r\n\r\n <div class=\"offer-box--head\">\r\n <div class=\"offer-box--headinner\">\r\n <div class=\"offer-box--infocontent\">\r\n @if(badgePrice) {\r\n <tent-badge\r\n class=\"offer-box--badgetPrice\"\r\n [rounded]=\"true\"\r\n [label]=\"badgePrice.label\"\r\n ></tent-badge>\r\n }\r\n <div class=\"offer-box--info\">\r\n @if (title) {\r\n <h3 class=\"title--30 color--brown\">\r\n {{ title }}\r\n </h3>\r\n } @if (price && priceLabel && currency) {\r\n <div class=\"offer-box--price\">\r\n <span class=\"title--18 color--camel\">{{\r\n priceLabel\r\n }}</span>\r\n <p class=\"title--42 color--brown\">\r\n {{ price\r\n }}<span class=\"title--32\">{{\r\n currency\r\n }}</span>\r\n </p>\r\n </div>\r\n }\r\n </div>\r\n @if (buttons?.length) {\r\n <div class=\"offer-box--btns\">\r\n @for (btn of buttons; track $index) {\r\n <tent-button\r\n [type]=\"btn.type!\"\r\n [icon]=\"btn.icon\"\r\n [iconPosition]=\"btn.iconPosition\"\r\n [label]=\"btn.label\"\r\n [url]=\"btn.url\"\r\n [linkType]=\"btn.linkType!\"\r\n ></tent-button>\r\n\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </a>\r\n</section>\r\n", styles: [":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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}.offer-box--content{padding-top:15px;position:relative}.offer-box--photo{aspect-ratio:314/200;position:relative;overflow:hidden;width:100%;border-radius:12px}.offer-box--badgetHotel{position:absolute;top:0;left:50%;transform:translate(-50%)}.offer-box--head{position:relative;width:fit-content}.offer-box--headinner{width:fit-content;left:50%;position:relative;transform:translate(-50%)}.offer-box--infocontent{background-color:#fff;padding:20px 0;border-radius:12px 12px 0 0}.offer-box--badgetPrice{display:inline-block;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.offer-box--badgetPrice ::ng-deep .badge{background-color:var(--color-badge-4);color:#693d2d}.offer-box--info{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;padding:0;gap:10px 40px;width:100%;text-align:center}.offer-box--price{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.offer-box--price .title--42{font-size:42px}.offer-box--btns{position:relative;padding-bottom:0;gap:12px 0;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;flex-wrap:wrap}.offer-box--btns ::ng-deep .btn--box{width:220px}@media (min-width: 540px){.offer-box--content{padding:0 28px}.offer-box--photo{aspect-ratio:400/255}.offer-box--badgetHotel{top:15px;left:43px;transform:none}.offer-box--head{padding:0 15px}}@media (min-width: 768px){.offer-box--photo{aspect-ratio:560/357}.offer-box--badgetHotel{top:25px;left:60px}.offer-box--badgetPrice{left:0;transform:none}.offer-box--head{padding:0 30px;width:-webkit-fill-available}.offer-box--headinner{width:auto;left:auto;position:relative;transform:none}.offer-box--info{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;flex-wrap:nowrap;text-align:left;gap:0px 60px}.offer-box--price{align-items:flex-end}.offer-box--btns{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:12px 0;padding:20px 0 0}}@media (min-width: 1024px){.offer-box--photo{aspect-ratio:637/407}.offer-box--content{padding:0 70px 100px}.offer-box--badgetHotel{top:25px;left:100px}.offer-box--head{position:absolute;bottom:0;margin-bottom:0;left:0;padding:0 100px}.offer-box--infocontent{padding:18px 28px}.offer-box--badgetPrice{position:relative;top:auto}}@media (min-width: 1280px){.offer-box--photo{aspect-ratio:314/200}.offer-box--content{padding:0 0 120px}.offer-box--badgetHotel{top:25px;left:25px}.offer-box--head{padding:0 30px}.offer-box--info{gap:0px 30px}.offer-box--infocontent{padding:18px}}@media (min-width: 1366px){.offer-box--photo{aspect-ratio:510/325}}@media (min-width: 1680px){.offer-box--photo{aspect-ratio:518/331}.offer-box--infocontent{padding:18px 30px}}@media (min-width: 1800px){.offer-box--photo{aspect-ratio:637/407}}\n"] }]
|
|
1025
|
+
args: [{ selector: 'tent-offer', standalone: true, imports: [ButtonComponent, BadgeComponent, RouterModule], template: "<section class=\"offer-box\">\r\n <a\r\n [href]=\"buttons ? buttons[0].url : null\"\r\n [routerLink]=\"buttons ? [buttons[0].url] : null\"\r\n (click)=\"offerClicked($event)\"\r\n >\r\n <div class=\"offer-box--content\">\r\n @if(badge) {\r\n <tent-badge\r\n class=\"offer-box--badgetHotel\"\r\n [rounded]=\"true\"\r\n [label]=\"badge.label\"\r\n ></tent-badge>\r\n } @if (image) {\r\n <div class=\"offer-box--photo figure-content\">\r\n <figure class=\"figure-full\" [style]=\"getImage\"></figure>\r\n </div>\r\n }\r\n\r\n <div class=\"offer-box--head\">\r\n <div class=\"offer-box--headinner\">\r\n <div class=\"offer-box--infocontent\">\r\n @if(badgePrice) {\r\n <tent-badge\r\n class=\"offer-box--badgetPrice\"\r\n [rounded]=\"true\"\r\n [label]=\"badgePrice.label\"\r\n ></tent-badge>\r\n }\r\n <div class=\"offer-box--info\">\r\n @if (title) {\r\n <h3 class=\"title--30 color--brown\">\r\n {{ title }}\r\n </h3>\r\n } @if (price && priceLabel && currency) {\r\n <div class=\"offer-box--price\">\r\n <span class=\"title--18 color--camel\">{{\r\n priceLabel\r\n }}</span>\r\n <p class=\"title--42 color--brown\">\r\n {{ price\r\n }}<span class=\"title--32\">{{\r\n currency\r\n }}</span>\r\n </p>\r\n </div>\r\n }\r\n </div>\r\n @if (buttons?.length) {\r\n <div class=\"offer-box--btns\">\r\n @for (btn of buttons; track $index) {\r\n <tent-button\r\n [type]=\"btn.type!\"\r\n [icon]=\"btn.icon\"\r\n [iconPosition]=\"btn.iconPosition\"\r\n [label]=\"btn.label\"\r\n [url]=\"btn.url\"\r\n [linkType]=\"btn.linkType!\"\r\n ></tent-button>\r\n\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </a>\r\n</section>\r\n", styles: [":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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}.offer-box--content{padding-top:15px;position:relative}.offer-box--photo{aspect-ratio:314/200;position:relative;overflow:hidden;width:100%;border-radius:12px}.offer-box--badgetHotel{position:absolute;top:0;left:50%;transform:translate(-50%)}.offer-box--head{position:relative;width:fit-content}.offer-box--headinner{width:fit-content;left:50%;position:relative;transform:translate(-50%)}.offer-box--infocontent{background-color:#fff;padding:20px 0;border-radius:12px 12px 0 0}.offer-box--badgetPrice{display:inline-block;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.offer-box--badgetPrice ::ng-deep .badge{background-color:var(--color-badge-4);color:#693d2d}.offer-box--info{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;padding:0;gap:10px 40px;width:100%;text-align:center}.offer-box--price{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.offer-box--price .title--42{font-size:42px}.offer-box--btns{position:relative;padding-bottom:0;gap:12px 0;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;flex-wrap:wrap}.offer-box--btns ::ng-deep .btn--box{width:220px}@media (min-width: 540px){.offer-box--content{padding:0 28px}.offer-box--photo{aspect-ratio:400/255}.offer-box--badgetHotel{top:15px;left:43px;transform:none}.offer-box--head{padding:0 15px}}@media (min-width: 768px){.offer-box--photo{aspect-ratio:560/357}.offer-box--badgetHotel{top:25px;left:60px}.offer-box--badgetPrice{left:0;transform:none}.offer-box--head{padding:0 30px;width:-webkit-fill-available}.offer-box--headinner{width:auto;left:auto;position:relative;transform:none}.offer-box--info{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;flex-wrap:nowrap;text-align:left;gap:0px 60px}.offer-box--price{align-items:flex-end}.offer-box--btns{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:12px 0;padding:20px 0 0}}@media (min-width: 1024px){.offer-box--photo{aspect-ratio:637/407}.offer-box--content{padding:0 70px 100px}.offer-box--badgetHotel{top:25px;left:100px}.offer-box--head{position:absolute;bottom:0;margin-bottom:0;left:0;padding:0 100px}.offer-box--infocontent{padding:18px 28px}.offer-box--badgetPrice{position:relative;top:auto}}@media (min-width: 1280px){.offer-box--photo{aspect-ratio:314/200}.offer-box--content{padding:0 0 120px}.offer-box--badgetHotel{top:25px;left:25px}.offer-box--head{padding:0 30px;width:calc(100% - 60px)}.offer-box--info{gap:0px 30px}.offer-box--infocontent{padding:18px}}@media (min-width: 1366px){.offer-box--photo{aspect-ratio:510/325}}@media (min-width: 1680px){.offer-box--photo{aspect-ratio:518/331}.offer-box--infocontent{padding:18px 30px}}@media (min-width: 1800px){.offer-box--photo{aspect-ratio:637/407}}\n"] }]
|
|
1026
1026
|
}], ctorParameters: () => [{ type: i1$2.DomSanitizer }], propDecorators: { image: [{
|
|
1027
1027
|
type: Input
|
|
1028
1028
|
}], title: [{
|
|
@@ -1314,8 +1314,8 @@ class RoomSliderComponent {
|
|
|
1314
1314
|
loop: true,
|
|
1315
1315
|
autoplay: true,
|
|
1316
1316
|
autoplayTimeout: 5000,
|
|
1317
|
-
autoplaySpeed:
|
|
1318
|
-
navSpeed:
|
|
1317
|
+
autoplaySpeed: 5000,
|
|
1318
|
+
navSpeed: 5000,
|
|
1319
1319
|
responsiveRefreshRate: 100,
|
|
1320
1320
|
margin: 0,
|
|
1321
1321
|
mouseDrag: true,
|
|
@@ -1460,7 +1460,7 @@ class TopModuleComponent {
|
|
|
1460
1460
|
this.showScrollLabel = !this.showScrollLabel;
|
|
1461
1461
|
}
|
|
1462
1462
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: TopModuleComponent, deps: [{ token: i0.Renderer2 }, { token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1463
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: TopModuleComponent, isStandalone: true, selector: "tent-top-module", inputs: { btnScroll: "btnScroll", items: "items", desktop: "desktop", scrollLabel: "scrollLabel" }, viewQueries: [{ propertyName: "carousel", first: true, predicate: CarouselComponent, descendants: true }, { propertyName: "nav", first: true, predicate: ["nav"], descendants: true, read: ElementRef }, { propertyName: "module", first: true, predicate: ["module"], descendants: true, read: ElementRef }], ngImport: i0, template: "<section class=\"top-module module-spacer--bottom\" #module>\r\n <div class=\"top-module--nav flex-row flex-row--between\" #nav>\r\n <span\r\n class=\"icon-pointer-down color--white\"\r\n (click)=\"prevClick()\"\r\n ></span>\r\n <span\r\n class=\"icon-pointer-down color--white\"\r\n (click)=\"nextClick()\"\r\n ></span>\r\n </div>\r\n <owl-carousel-o class=\"top-module--slider\" [options]=\"sliderOptions\">\r\n @for (item of items; track $index) {\r\n <ng-template carouselSlide>\r\n <div class=\"top-module--content\">\r\n @if (item.mainBadge) {\r\n <div class=\"top-module--badge\">\r\n <tent-badge\r\n [rounded]=\"true\"\r\n [label]=\"item.mainBadge.label\"\r\n ></tent-badge>\r\n </div>\r\n } @if (item.title) {\r\n <h3 class=\"title--80 color--white\">{{ item.title }}</h3>\r\n } @if (item.badgePromo || item.badgeDiscount) {\r\n <div class=\"top-module--offers flex-row\">\r\n @if (item.badgePromo) {\r\n <tent-badge\r\n class=\"top-module--promo\"\r\n [rounded]=\"true\"\r\n [label]=\"item.badgePromo.label\"\r\n ></tent-badge>\r\n } @if (item.badgeDiscount) {\r\n <tent-badge\r\n class=\"top-module--discount\"\r\n [rounded]=\"true\"\r\n [label]=\"item.badgeDiscount.label\"\r\n ></tent-badge>\r\n }\r\n </div>\r\n } @if (item.btn) {\r\n <div class=\"top-module--btn-info\">\r\n <tent-button\r\n type=\"light-box\"\r\n [label]=\"item.btn.label\"\r\n [url]=\"item.btn.url\"\r\n [linkType]=\"item.btn.linkType!\"\r\n ></tent-button>\r\n </div>\r\n }\r\n </div>\r\n @if (item.img) {\r\n <figure\r\n class=\"top-module--image\"\r\n [style]=\"getImage(item.img)\"\r\n ></figure>\r\n }\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n\r\n <div\r\n class=\"top-module--btn-scroll\"\r\n (mouseenter)=\"toggleScrollLabel()\"\r\n (mouseleave)=\"toggleScrollLabel()\"\r\n >\r\n @if (showScrollLabel && scrollLabel) {\r\n <p class=\"top-module--btn-scroll--label\">\r\n {{ scrollLabel }}\r\n </p>\r\n\r\n }\r\n <tent-button\r\n type=\"light-circle\"\r\n [icon]=\"btnScroll.icon\"\r\n (click)=\"scrollClicked()\"\r\n ></tent-button>\r\n </div>\r\n</section>\r\n", styles: [":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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}.top-module{width:100%;position:relative}.top-module h3{letter-spacing:2px}.top-module--btn-scroll{display:flex;flex-direction:column;align-items:center;gap:10px;position:absolute;z-index:2;bottom:72px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translate(-50%)}.top-module--btn-scroll tent-button{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.top-module--btn-scroll tent-button::ng-deep .btn{width:50px;height:50px}.top-module--btn-scroll tent-button::ng-deep .btn--circle-container{padding:0}@media (min-width: 768px){.top-module--btn-scroll{bottom:120px}}@media (min-width: 1024px){.top-module--btn-scroll{left:50px;bottom:120px}.top-module--btn-scroll tent-button{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}}@media (min-width: 1280px){.top-module--btn-scroll{bottom:110px}}@media (min-width: 1680px){.top-module--btn-scroll{bottom:120px}}.top-module--btn-scroll--label{color:#fff;font-family:var(--tent-font);font-size:14px;font-weight:700;line-height:14px;text-align:center;max-width:38px}.top-module--badge{padding-bottom:10px;width:fit-content}@media (min-width: 768px){.top-module--badge{padding-bottom:15px}}.top-module--offers{gap:0;padding-bottom:15px}@media (min-width: 768px){.top-module--offers{padding-bottom:30px}}.top-module--content{position:absolute;padding-left:20px;z-index:2;max-width:260px;top:20px}.top-module--content h3{padding-bottom:10px}@media (min-width: 540px){.top-module--content h3{padding-bottom:15px}}@media (min-width: 768px){.top-module--content h3{padding-bottom:25px}}@media (min-width: 1024px){.top-module--content h3{padding-bottom:35px}}@media (min-width: 540px){.top-module--content{padding-left:30px;max-width:372px;top:30px}}@media (min-width: 768px){.top-module--content{padding-left:40px;top:50px}}@media (min-width: 1024px){.top-module--content{padding-left:60px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}}@media (min-width: 1280px){.top-module--content{padding-left:70px}}@media (min-width: 1366px){.top-module--content{padding-left:80px}}@media (min-width: 1680px){.top-module--content{max-width:435px;padding-left:130px}}.top-module--image{position:absolute;z-index:-1;width:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;height:calc(100vh - 90px);height:100%}@media (min-width: 540px){.top-module--image{height:calc(100vh - 110px);height:100%}}@media (min-width: 768px){.top-module--image{height:calc(100vh - 120px);height:100%}}@media (min-width: 1024px){.top-module--image{height:calc(100vh - 110px)}}@media (min-width: 1680px){.top-module--image{height:calc(100vh - 120px)}}@media (min-width: 1800px){.top-module--image{height:calc(100vh - 130px)}}.top-module--title{font-family:var(--tent-font);font-size:44px;font-weight:700;line-height:44px;text-align:left}@media (min-width: 540px){.top-module--title{size:48px;line-height:48px}}@media (min-width: 768px){.top-module--title{size:65px;line-height:65px}}@media (min-width: 1680px){.top-module--title{size:80px;line-height:80px}}.top-module--btn-info{padding-bottom:20px;width:fit-content}.top-module--btn-info ::ng-deep .btn{padding:0 45px}.top-module--btn-info ::ng-deep .btn--box{width:fit-content}.top-module--btn-info:hover ::ng-deep .btn{background-color:#dc572a;color:#fff;border:none}.top-module--promo ::ng-deep .badge{background-color:#fdd8b4;color:#693d2d}.top-module--discount ::ng-deep .badge{background-color:#fff;color:#693d2d}.top-module--nav{z-index:0;position:relative;top:-27px}.top-module--nav span{width:15px;height:15px;padding:5px;font-size:8px;border-radius:50%;cursor:pointer;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);display:flex;justify-content:center;align-items:center}.top-module--nav span:hover{background-color:#dc572a}.top-module--nav span:first-child{rotate:90deg}.top-module--nav span:last-child{rotate:-90deg}.top-module owl-carousel-o ::ng-deep .owl-item{height:calc(100vh - 178px);width:100%;background-repeat:no-repeat;background-size:cover;background-position:50% 50%}@media (min-width: 540px){.top-module owl-carousel-o ::ng-deep .owl-item{height:calc(100vh - 198px)}}@media (min-width: 768px){.top-module owl-carousel-o ::ng-deep .owl-item{height:calc(100vh - 208px)}}@media (min-width: 1024px){.top-module owl-carousel-o ::ng-deep .owl-item{height:calc(100vh - 110px)}}@media (min-width: 1680px){.top-module owl-carousel-o ::ng-deep .owl-item{height:calc(100vh - 120px)}}@media (min-width: 1800px){.top-module owl-carousel-o ::ng-deep .owl-item{height:calc(100vh - 130px)}}.top-module owl-carousel-o ::ng-deep .owl-dot span{border:2px solid white;width:10px;height:10px;border-radius:50%;background-color:transparent}.top-module owl-carousel-o ::ng-deep .owl-dots{margin-top:0;position:absolute;z-index:2;top:20px;right:10px}@media (min-width: 1024px){.top-module owl-carousel-o ::ng-deep .owl-dots{top:40px;right:60px}}.top-module owl-carousel-o ::ng-deep .owl-dot{position:relative;z-index:1}.top-module owl-carousel-o ::ng-deep .owl-dot span{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.top-module owl-carousel-o ::ng-deep .owl-dot.active span{background-color:#fff}.top-module owl-carousel-o ::ng-deep .owl-dot:hover span{background-color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled"], outputs: ["btnClick"] }, { kind: "component", type: BadgeComponent, selector: "tent-badge", inputs: ["orientation", "rounded", "label"] }, { kind: "ngmodule", type: CarouselModule }, { kind: "component", type: i2$3.CarouselComponent, selector: "owl-carousel-o", inputs: ["options"], outputs: ["translated", "dragging", "change", "changed", "initialized"] }, { kind: "directive", type: i2$3.CarouselSlideDirective, selector: "ng-template[carouselSlide]", inputs: ["id", "dataMerge", "width", "dotContent", "dataHash"] }, { kind: "ngmodule", type: MatIconModule }] }); }
|
|
1463
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: TopModuleComponent, isStandalone: true, selector: "tent-top-module", inputs: { btnScroll: "btnScroll", items: "items", desktop: "desktop", scrollLabel: "scrollLabel" }, viewQueries: [{ propertyName: "carousel", first: true, predicate: CarouselComponent, descendants: true }, { propertyName: "nav", first: true, predicate: ["nav"], descendants: true, read: ElementRef }, { propertyName: "module", first: true, predicate: ["module"], descendants: true, read: ElementRef }], ngImport: i0, template: "<section class=\"top-module module-spacer--bottom\" #module>\r\n <div class=\"top-module--nav flex-row flex-row--between\" #nav>\r\n <span\r\n class=\"icon-pointer-down color--white\"\r\n (click)=\"prevClick()\"\r\n ></span>\r\n <span\r\n class=\"icon-pointer-down color--white\"\r\n (click)=\"nextClick()\"\r\n ></span>\r\n </div>\r\n <owl-carousel-o class=\"top-module--slider\" [options]=\"sliderOptions\">\r\n @for (item of items; track $index) {\r\n <ng-template carouselSlide>\r\n <div class=\"top-module--content\">\r\n @if (item.mainBadge) {\r\n <div class=\"top-module--badge\">\r\n <tent-badge\r\n [rounded]=\"true\"\r\n [label]=\"item.mainBadge.label\"\r\n ></tent-badge>\r\n </div>\r\n } @if (item.title) {\r\n <h3 class=\"title--80 color--white\">{{ item.title }}</h3>\r\n } @if (item.badgePromo || item.badgeDiscount) {\r\n <div class=\"top-module--offers flex-row\">\r\n @if (item.badgePromo) {\r\n <tent-badge\r\n class=\"top-module--promo\"\r\n [rounded]=\"true\"\r\n [label]=\"item.badgePromo.label\"\r\n ></tent-badge>\r\n } @if (item.badgeDiscount) {\r\n <tent-badge\r\n class=\"top-module--discount\"\r\n [rounded]=\"true\"\r\n [label]=\"item.badgeDiscount.label\"\r\n ></tent-badge>\r\n }\r\n </div>\r\n } @if (item.btn) {\r\n <div class=\"top-module--btn-info\">\r\n <tent-button\r\n type=\"light-box\"\r\n [label]=\"item.btn.label\"\r\n [url]=\"item.btn.url\"\r\n [linkType]=\"item.btn.linkType!\"\r\n ></tent-button>\r\n </div>\r\n }\r\n </div>\r\n @if (item.img) {\r\n <figure\r\n class=\"top-module--image\"\r\n [style]=\"getImage(item.img)\"\r\n ></figure>\r\n }\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n\r\n <div\r\n class=\"top-module--btn-scroll\"\r\n (mouseenter)=\"toggleScrollLabel()\"\r\n (mouseleave)=\"toggleScrollLabel()\"\r\n >\r\n @if (showScrollLabel && scrollLabel) {\r\n <p class=\"top-module--btn-scroll--label\">\r\n {{ scrollLabel }}\r\n </p>\r\n\r\n }\r\n <tent-button\r\n type=\"light-circle\"\r\n [icon]=\"btnScroll.icon\"\r\n (click)=\"scrollClicked()\"\r\n ></tent-button>\r\n </div>\r\n</section>\r\n", styles: [":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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}.top-module{width:100%;position:relative}.top-module h3{letter-spacing:2px}.top-module--btn-scroll{display:flex;flex-direction:column;align-items:center;gap:10px;position:absolute;z-index:2;bottom:72px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translate(-50%)}.top-module--btn-scroll tent-button{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.top-module--btn-scroll tent-button::ng-deep .btn{width:50px;height:50px}.top-module--btn-scroll tent-button::ng-deep .btn--circle-container{padding:0}@media (min-width: 768px){.top-module--btn-scroll{bottom:120px}}@media (min-width: 1024px){.top-module--btn-scroll{left:50px;bottom:120px}.top-module--btn-scroll tent-button{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}}@media (min-width: 1280px){.top-module--btn-scroll{bottom:110px}}@media (min-width: 1680px){.top-module--btn-scroll{bottom:120px}}.top-module--btn-scroll .title--80{font-size:44px}@media (min-width: 540px){.top-module--btn-scroll .title--80{font-size:48px}}@media (min-width: 768px){.top-module--btn-scroll .title--80{font-size:65px}}@media (min-width: 1024px){.top-module--btn-scroll .title--80{font-size:65px}}@media (min-width: 1280px){.top-module--btn-scroll .title--80{font-size:65px}}@media (min-width: 1366px){.top-module--btn-scroll .title--80{font-size:65px}}@media (min-width: 1680px){.top-module--btn-scroll .title--80{font-size:80px}}.top-module--btn-scroll--label{color:#fff;font-family:var(--tent-font);font-size:14px;font-weight:700;line-height:14px;text-align:center;max-width:38px}.top-module--badge{padding-bottom:10px;width:fit-content}@media (min-width: 768px){.top-module--badge{padding-bottom:15px}}.top-module--offers{gap:0;padding-bottom:15px}@media (min-width: 768px){.top-module--offers{padding-bottom:30px}}.top-module--content{position:absolute;padding-left:20px;z-index:2;max-width:260px;top:20px}.top-module--content h3{padding-bottom:10px}@media (min-width: 540px){.top-module--content h3{padding-bottom:15px}}@media (min-width: 768px){.top-module--content h3{padding-bottom:25px}}@media (min-width: 1024px){.top-module--content h3{padding-bottom:35px}}@media (min-width: 540px){.top-module--content{padding-left:30px;max-width:372px;top:30px}}@media (min-width: 768px){.top-module--content{padding-left:40px;top:50px}}@media (min-width: 1024px){.top-module--content{padding-left:60px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}}@media (min-width: 1280px){.top-module--content{padding-left:70px}}@media (min-width: 1366px){.top-module--content{padding-left:80px}}@media (min-width: 1680px){.top-module--content{max-width:435px;padding-left:130px}}.top-module--image{position:absolute;z-index:-1;width:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;height:calc(100vh - 90px);height:100%}@media (min-width: 540px){.top-module--image{height:calc(100vh - 110px);height:100%}}@media (min-width: 768px){.top-module--image{height:calc(100vh - 120px);height:100%}}@media (min-width: 1024px){.top-module--image{height:calc(100vh - 110px)}}@media (min-width: 1680px){.top-module--image{height:calc(100vh - 120px)}}@media (min-width: 1800px){.top-module--image{height:calc(100vh - 130px)}}.top-module--title{font-family:var(--tent-font);font-size:44px;font-weight:700;line-height:44px;text-align:left}@media (min-width: 540px){.top-module--title{size:48px;line-height:48px}}@media (min-width: 768px){.top-module--title{size:65px;line-height:65px}}@media (min-width: 1680px){.top-module--title{size:80px;line-height:80px}}.top-module--btn-info{padding-bottom:20px;width:fit-content}.top-module--btn-info ::ng-deep .btn{padding:0 45px}.top-module--btn-info ::ng-deep .btn--box{width:fit-content}.top-module--btn-info:hover ::ng-deep .btn{background-color:#dc572a;color:#fff;border-color:#dc572a}.top-module--promo ::ng-deep .badge{background-color:#fdd8b4;color:#693d2d}.top-module--discount ::ng-deep .badge{background-color:#fff;color:#693d2d}.top-module--nav{z-index:0;position:relative;top:-27px}.top-module--nav span{width:15px;height:15px;padding:5px;font-size:8px;border-radius:50%;cursor:pointer;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);display:flex;justify-content:center;align-items:center}.top-module--nav span:hover{background-color:#dc572a}.top-module--nav span:first-child{rotate:90deg}.top-module--nav span:last-child{rotate:-90deg}.top-module owl-carousel-o ::ng-deep .owl-item{height:calc(100vh - 178px);width:100%;background-repeat:no-repeat;background-size:cover;background-position:50% 50%}@media (min-width: 540px){.top-module owl-carousel-o ::ng-deep .owl-item{height:calc(100vh - 198px)}}@media (min-width: 768px){.top-module owl-carousel-o ::ng-deep .owl-item{height:calc(100vh - 208px)}}@media (min-width: 1024px){.top-module owl-carousel-o ::ng-deep .owl-item{height:calc(100vh - 110px)}}@media (min-width: 1680px){.top-module owl-carousel-o ::ng-deep .owl-item{height:calc(100vh - 120px)}}@media (min-width: 1800px){.top-module owl-carousel-o ::ng-deep .owl-item{height:calc(100vh - 130px)}}.top-module owl-carousel-o ::ng-deep .owl-dot span{border:2px solid white;width:10px;height:10px;border-radius:50%;background-color:transparent}.top-module owl-carousel-o ::ng-deep .owl-dots{margin-top:0;position:absolute;z-index:2;top:20px;right:10px}@media (min-width: 1024px){.top-module owl-carousel-o ::ng-deep .owl-dots{top:40px;right:60px}}.top-module owl-carousel-o ::ng-deep .owl-dot{position:relative;z-index:1}.top-module owl-carousel-o ::ng-deep .owl-dot span{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.top-module owl-carousel-o ::ng-deep .owl-dot.active span{background-color:#fff}.top-module owl-carousel-o ::ng-deep .owl-dot:hover span{background-color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled"], outputs: ["btnClick"] }, { kind: "component", type: BadgeComponent, selector: "tent-badge", inputs: ["orientation", "rounded", "label"] }, { kind: "ngmodule", type: CarouselModule }, { kind: "component", type: i2$3.CarouselComponent, selector: "owl-carousel-o", inputs: ["options"], outputs: ["translated", "dragging", "change", "changed", "initialized"] }, { kind: "directive", type: i2$3.CarouselSlideDirective, selector: "ng-template[carouselSlide]", inputs: ["id", "dataMerge", "width", "dotContent", "dataHash"] }, { kind: "ngmodule", type: MatIconModule }] }); }
|
|
1464
1464
|
}
|
|
1465
1465
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: TopModuleComponent, decorators: [{
|
|
1466
1466
|
type: Component,
|
|
@@ -1470,7 +1470,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
|
|
|
1470
1470
|
BadgeComponent,
|
|
1471
1471
|
CarouselModule,
|
|
1472
1472
|
MatIconModule,
|
|
1473
|
-
], template: "<section class=\"top-module module-spacer--bottom\" #module>\r\n <div class=\"top-module--nav flex-row flex-row--between\" #nav>\r\n <span\r\n class=\"icon-pointer-down color--white\"\r\n (click)=\"prevClick()\"\r\n ></span>\r\n <span\r\n class=\"icon-pointer-down color--white\"\r\n (click)=\"nextClick()\"\r\n ></span>\r\n </div>\r\n <owl-carousel-o class=\"top-module--slider\" [options]=\"sliderOptions\">\r\n @for (item of items; track $index) {\r\n <ng-template carouselSlide>\r\n <div class=\"top-module--content\">\r\n @if (item.mainBadge) {\r\n <div class=\"top-module--badge\">\r\n <tent-badge\r\n [rounded]=\"true\"\r\n [label]=\"item.mainBadge.label\"\r\n ></tent-badge>\r\n </div>\r\n } @if (item.title) {\r\n <h3 class=\"title--80 color--white\">{{ item.title }}</h3>\r\n } @if (item.badgePromo || item.badgeDiscount) {\r\n <div class=\"top-module--offers flex-row\">\r\n @if (item.badgePromo) {\r\n <tent-badge\r\n class=\"top-module--promo\"\r\n [rounded]=\"true\"\r\n [label]=\"item.badgePromo.label\"\r\n ></tent-badge>\r\n } @if (item.badgeDiscount) {\r\n <tent-badge\r\n class=\"top-module--discount\"\r\n [rounded]=\"true\"\r\n [label]=\"item.badgeDiscount.label\"\r\n ></tent-badge>\r\n }\r\n </div>\r\n } @if (item.btn) {\r\n <div class=\"top-module--btn-info\">\r\n <tent-button\r\n type=\"light-box\"\r\n [label]=\"item.btn.label\"\r\n [url]=\"item.btn.url\"\r\n [linkType]=\"item.btn.linkType!\"\r\n ></tent-button>\r\n </div>\r\n }\r\n </div>\r\n @if (item.img) {\r\n <figure\r\n class=\"top-module--image\"\r\n [style]=\"getImage(item.img)\"\r\n ></figure>\r\n }\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n\r\n <div\r\n class=\"top-module--btn-scroll\"\r\n (mouseenter)=\"toggleScrollLabel()\"\r\n (mouseleave)=\"toggleScrollLabel()\"\r\n >\r\n @if (showScrollLabel && scrollLabel) {\r\n <p class=\"top-module--btn-scroll--label\">\r\n {{ scrollLabel }}\r\n </p>\r\n\r\n }\r\n <tent-button\r\n type=\"light-circle\"\r\n [icon]=\"btnScroll.icon\"\r\n (click)=\"scrollClicked()\"\r\n ></tent-button>\r\n </div>\r\n</section>\r\n", styles: [":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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}.top-module{width:100%;position:relative}.top-module h3{letter-spacing:2px}.top-module--btn-scroll{display:flex;flex-direction:column;align-items:center;gap:10px;position:absolute;z-index:2;bottom:72px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translate(-50%)}.top-module--btn-scroll tent-button{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.top-module--btn-scroll tent-button::ng-deep .btn{width:50px;height:50px}.top-module--btn-scroll tent-button::ng-deep .btn--circle-container{padding:0}@media (min-width: 768px){.top-module--btn-scroll{bottom:120px}}@media (min-width: 1024px){.top-module--btn-scroll{left:50px;bottom:120px}.top-module--btn-scroll tent-button{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}}@media (min-width: 1280px){.top-module--btn-scroll{bottom:110px}}@media (min-width: 1680px){.top-module--btn-scroll{bottom:120px}}.top-module--btn-scroll--label{color:#fff;font-family:var(--tent-font);font-size:14px;font-weight:700;line-height:14px;text-align:center;max-width:38px}.top-module--badge{padding-bottom:10px;width:fit-content}@media (min-width: 768px){.top-module--badge{padding-bottom:15px}}.top-module--offers{gap:0;padding-bottom:15px}@media (min-width: 768px){.top-module--offers{padding-bottom:30px}}.top-module--content{position:absolute;padding-left:20px;z-index:2;max-width:260px;top:20px}.top-module--content h3{padding-bottom:10px}@media (min-width: 540px){.top-module--content h3{padding-bottom:15px}}@media (min-width: 768px){.top-module--content h3{padding-bottom:25px}}@media (min-width: 1024px){.top-module--content h3{padding-bottom:35px}}@media (min-width: 540px){.top-module--content{padding-left:30px;max-width:372px;top:30px}}@media (min-width: 768px){.top-module--content{padding-left:40px;top:50px}}@media (min-width: 1024px){.top-module--content{padding-left:60px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}}@media (min-width: 1280px){.top-module--content{padding-left:70px}}@media (min-width: 1366px){.top-module--content{padding-left:80px}}@media (min-width: 1680px){.top-module--content{max-width:435px;padding-left:130px}}.top-module--image{position:absolute;z-index:-1;width:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;height:calc(100vh - 90px);height:100%}@media (min-width: 540px){.top-module--image{height:calc(100vh - 110px);height:100%}}@media (min-width: 768px){.top-module--image{height:calc(100vh - 120px);height:100%}}@media (min-width: 1024px){.top-module--image{height:calc(100vh - 110px)}}@media (min-width: 1680px){.top-module--image{height:calc(100vh - 120px)}}@media (min-width: 1800px){.top-module--image{height:calc(100vh - 130px)}}.top-module--title{font-family:var(--tent-font);font-size:44px;font-weight:700;line-height:44px;text-align:left}@media (min-width: 540px){.top-module--title{size:48px;line-height:48px}}@media (min-width: 768px){.top-module--title{size:65px;line-height:65px}}@media (min-width: 1680px){.top-module--title{size:80px;line-height:80px}}.top-module--btn-info{padding-bottom:20px;width:fit-content}.top-module--btn-info ::ng-deep .btn{padding:0 45px}.top-module--btn-info ::ng-deep .btn--box{width:fit-content}.top-module--btn-info:hover ::ng-deep .btn{background-color:#dc572a;color:#fff;border:none}.top-module--promo ::ng-deep .badge{background-color:#fdd8b4;color:#693d2d}.top-module--discount ::ng-deep .badge{background-color:#fff;color:#693d2d}.top-module--nav{z-index:0;position:relative;top:-27px}.top-module--nav span{width:15px;height:15px;padding:5px;font-size:8px;border-radius:50%;cursor:pointer;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);display:flex;justify-content:center;align-items:center}.top-module--nav span:hover{background-color:#dc572a}.top-module--nav span:first-child{rotate:90deg}.top-module--nav span:last-child{rotate:-90deg}.top-module owl-carousel-o ::ng-deep .owl-item{height:calc(100vh - 178px);width:100%;background-repeat:no-repeat;background-size:cover;background-position:50% 50%}@media (min-width: 540px){.top-module owl-carousel-o ::ng-deep .owl-item{height:calc(100vh - 198px)}}@media (min-width: 768px){.top-module owl-carousel-o ::ng-deep .owl-item{height:calc(100vh - 208px)}}@media (min-width: 1024px){.top-module owl-carousel-o ::ng-deep .owl-item{height:calc(100vh - 110px)}}@media (min-width: 1680px){.top-module owl-carousel-o ::ng-deep .owl-item{height:calc(100vh - 120px)}}@media (min-width: 1800px){.top-module owl-carousel-o ::ng-deep .owl-item{height:calc(100vh - 130px)}}.top-module owl-carousel-o ::ng-deep .owl-dot span{border:2px solid white;width:10px;height:10px;border-radius:50%;background-color:transparent}.top-module owl-carousel-o ::ng-deep .owl-dots{margin-top:0;position:absolute;z-index:2;top:20px;right:10px}@media (min-width: 1024px){.top-module owl-carousel-o ::ng-deep .owl-dots{top:40px;right:60px}}.top-module owl-carousel-o ::ng-deep .owl-dot{position:relative;z-index:1}.top-module owl-carousel-o ::ng-deep .owl-dot span{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.top-module owl-carousel-o ::ng-deep .owl-dot.active span{background-color:#fff}.top-module owl-carousel-o ::ng-deep .owl-dot:hover span{background-color:#fff}\n"] }]
|
|
1473
|
+
], template: "<section class=\"top-module module-spacer--bottom\" #module>\r\n <div class=\"top-module--nav flex-row flex-row--between\" #nav>\r\n <span\r\n class=\"icon-pointer-down color--white\"\r\n (click)=\"prevClick()\"\r\n ></span>\r\n <span\r\n class=\"icon-pointer-down color--white\"\r\n (click)=\"nextClick()\"\r\n ></span>\r\n </div>\r\n <owl-carousel-o class=\"top-module--slider\" [options]=\"sliderOptions\">\r\n @for (item of items; track $index) {\r\n <ng-template carouselSlide>\r\n <div class=\"top-module--content\">\r\n @if (item.mainBadge) {\r\n <div class=\"top-module--badge\">\r\n <tent-badge\r\n [rounded]=\"true\"\r\n [label]=\"item.mainBadge.label\"\r\n ></tent-badge>\r\n </div>\r\n } @if (item.title) {\r\n <h3 class=\"title--80 color--white\">{{ item.title }}</h3>\r\n } @if (item.badgePromo || item.badgeDiscount) {\r\n <div class=\"top-module--offers flex-row\">\r\n @if (item.badgePromo) {\r\n <tent-badge\r\n class=\"top-module--promo\"\r\n [rounded]=\"true\"\r\n [label]=\"item.badgePromo.label\"\r\n ></tent-badge>\r\n } @if (item.badgeDiscount) {\r\n <tent-badge\r\n class=\"top-module--discount\"\r\n [rounded]=\"true\"\r\n [label]=\"item.badgeDiscount.label\"\r\n ></tent-badge>\r\n }\r\n </div>\r\n } @if (item.btn) {\r\n <div class=\"top-module--btn-info\">\r\n <tent-button\r\n type=\"light-box\"\r\n [label]=\"item.btn.label\"\r\n [url]=\"item.btn.url\"\r\n [linkType]=\"item.btn.linkType!\"\r\n ></tent-button>\r\n </div>\r\n }\r\n </div>\r\n @if (item.img) {\r\n <figure\r\n class=\"top-module--image\"\r\n [style]=\"getImage(item.img)\"\r\n ></figure>\r\n }\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n\r\n <div\r\n class=\"top-module--btn-scroll\"\r\n (mouseenter)=\"toggleScrollLabel()\"\r\n (mouseleave)=\"toggleScrollLabel()\"\r\n >\r\n @if (showScrollLabel && scrollLabel) {\r\n <p class=\"top-module--btn-scroll--label\">\r\n {{ scrollLabel }}\r\n </p>\r\n\r\n }\r\n <tent-button\r\n type=\"light-circle\"\r\n [icon]=\"btnScroll.icon\"\r\n (click)=\"scrollClicked()\"\r\n ></tent-button>\r\n </div>\r\n</section>\r\n", styles: [":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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}.top-module{width:100%;position:relative}.top-module h3{letter-spacing:2px}.top-module--btn-scroll{display:flex;flex-direction:column;align-items:center;gap:10px;position:absolute;z-index:2;bottom:72px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translate(-50%)}.top-module--btn-scroll tent-button{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.top-module--btn-scroll tent-button::ng-deep .btn{width:50px;height:50px}.top-module--btn-scroll tent-button::ng-deep .btn--circle-container{padding:0}@media (min-width: 768px){.top-module--btn-scroll{bottom:120px}}@media (min-width: 1024px){.top-module--btn-scroll{left:50px;bottom:120px}.top-module--btn-scroll tent-button{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}}@media (min-width: 1280px){.top-module--btn-scroll{bottom:110px}}@media (min-width: 1680px){.top-module--btn-scroll{bottom:120px}}.top-module--btn-scroll .title--80{font-size:44px}@media (min-width: 540px){.top-module--btn-scroll .title--80{font-size:48px}}@media (min-width: 768px){.top-module--btn-scroll .title--80{font-size:65px}}@media (min-width: 1024px){.top-module--btn-scroll .title--80{font-size:65px}}@media (min-width: 1280px){.top-module--btn-scroll .title--80{font-size:65px}}@media (min-width: 1366px){.top-module--btn-scroll .title--80{font-size:65px}}@media (min-width: 1680px){.top-module--btn-scroll .title--80{font-size:80px}}.top-module--btn-scroll--label{color:#fff;font-family:var(--tent-font);font-size:14px;font-weight:700;line-height:14px;text-align:center;max-width:38px}.top-module--badge{padding-bottom:10px;width:fit-content}@media (min-width: 768px){.top-module--badge{padding-bottom:15px}}.top-module--offers{gap:0;padding-bottom:15px}@media (min-width: 768px){.top-module--offers{padding-bottom:30px}}.top-module--content{position:absolute;padding-left:20px;z-index:2;max-width:260px;top:20px}.top-module--content h3{padding-bottom:10px}@media (min-width: 540px){.top-module--content h3{padding-bottom:15px}}@media (min-width: 768px){.top-module--content h3{padding-bottom:25px}}@media (min-width: 1024px){.top-module--content h3{padding-bottom:35px}}@media (min-width: 540px){.top-module--content{padding-left:30px;max-width:372px;top:30px}}@media (min-width: 768px){.top-module--content{padding-left:40px;top:50px}}@media (min-width: 1024px){.top-module--content{padding-left:60px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}}@media (min-width: 1280px){.top-module--content{padding-left:70px}}@media (min-width: 1366px){.top-module--content{padding-left:80px}}@media (min-width: 1680px){.top-module--content{max-width:435px;padding-left:130px}}.top-module--image{position:absolute;z-index:-1;width:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;height:calc(100vh - 90px);height:100%}@media (min-width: 540px){.top-module--image{height:calc(100vh - 110px);height:100%}}@media (min-width: 768px){.top-module--image{height:calc(100vh - 120px);height:100%}}@media (min-width: 1024px){.top-module--image{height:calc(100vh - 110px)}}@media (min-width: 1680px){.top-module--image{height:calc(100vh - 120px)}}@media (min-width: 1800px){.top-module--image{height:calc(100vh - 130px)}}.top-module--title{font-family:var(--tent-font);font-size:44px;font-weight:700;line-height:44px;text-align:left}@media (min-width: 540px){.top-module--title{size:48px;line-height:48px}}@media (min-width: 768px){.top-module--title{size:65px;line-height:65px}}@media (min-width: 1680px){.top-module--title{size:80px;line-height:80px}}.top-module--btn-info{padding-bottom:20px;width:fit-content}.top-module--btn-info ::ng-deep .btn{padding:0 45px}.top-module--btn-info ::ng-deep .btn--box{width:fit-content}.top-module--btn-info:hover ::ng-deep .btn{background-color:#dc572a;color:#fff;border-color:#dc572a}.top-module--promo ::ng-deep .badge{background-color:#fdd8b4;color:#693d2d}.top-module--discount ::ng-deep .badge{background-color:#fff;color:#693d2d}.top-module--nav{z-index:0;position:relative;top:-27px}.top-module--nav span{width:15px;height:15px;padding:5px;font-size:8px;border-radius:50%;cursor:pointer;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);display:flex;justify-content:center;align-items:center}.top-module--nav span:hover{background-color:#dc572a}.top-module--nav span:first-child{rotate:90deg}.top-module--nav span:last-child{rotate:-90deg}.top-module owl-carousel-o ::ng-deep .owl-item{height:calc(100vh - 178px);width:100%;background-repeat:no-repeat;background-size:cover;background-position:50% 50%}@media (min-width: 540px){.top-module owl-carousel-o ::ng-deep .owl-item{height:calc(100vh - 198px)}}@media (min-width: 768px){.top-module owl-carousel-o ::ng-deep .owl-item{height:calc(100vh - 208px)}}@media (min-width: 1024px){.top-module owl-carousel-o ::ng-deep .owl-item{height:calc(100vh - 110px)}}@media (min-width: 1680px){.top-module owl-carousel-o ::ng-deep .owl-item{height:calc(100vh - 120px)}}@media (min-width: 1800px){.top-module owl-carousel-o ::ng-deep .owl-item{height:calc(100vh - 130px)}}.top-module owl-carousel-o ::ng-deep .owl-dot span{border:2px solid white;width:10px;height:10px;border-radius:50%;background-color:transparent}.top-module owl-carousel-o ::ng-deep .owl-dots{margin-top:0;position:absolute;z-index:2;top:20px;right:10px}@media (min-width: 1024px){.top-module owl-carousel-o ::ng-deep .owl-dots{top:40px;right:60px}}.top-module owl-carousel-o ::ng-deep .owl-dot{position:relative;z-index:1}.top-module owl-carousel-o ::ng-deep .owl-dot span{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.top-module owl-carousel-o ::ng-deep .owl-dot.active span{background-color:#fff}.top-module owl-carousel-o ::ng-deep .owl-dot:hover span{background-color:#fff}\n"] }]
|
|
1474
1474
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1$2.DomSanitizer }], propDecorators: { carousel: [{
|
|
1475
1475
|
type: ViewChild,
|
|
1476
1476
|
args: [CarouselComponent]
|
|
@@ -1545,11 +1545,11 @@ class TravelersComponent {
|
|
|
1545
1545
|
return this.sanitizer.bypassSecurityTrustStyle(`background-image: url(${image})`);
|
|
1546
1546
|
}
|
|
1547
1547
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: TravelersComponent, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1548
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: TravelersComponent, isStandalone: true, selector: "tent-travelers", inputs: { images: "images", title: "title", titleDark: "titleDark", links: "links" }, ngImport: i0, template: "<section class=\"module-travelers wrapper-medium module-spacer-small--bottom\">\r\n @if (images?.length) {\r\n <div class=\"module-travelers--inner\">\r\n <owl-carousel-o\r\n class=\"module-travelers--slider slider-arrows--center\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (img of images; track $index) {\r\n <ng-template carouselSlide>\r\n <div class=\"module-travelers--slide\">\r\n <a\r\n [href]=\"instagramLink\"\r\n target=\"_blank\"\r\n class=\"module-travelers--img figure-zoom\"\r\n >\r\n <figure\r\n class=\"figure-full\"\r\n [style]=\"getImage(img)\"\r\n ></figure>\r\n </a>\r\n </div>\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n </div>\r\n }\r\n <div class=\"module-travelers--info mt--20\">\r\n <div class=\"flex-row flex-row--center\">\r\n @if (title) {\r\n <h2 class=\"module-travelers--title title--80 color--camel\">\r\n <!---->{{ title\r\n }}<!---->\r\n </h2>\r\n } @if (titleDark) {\r\n <span class=\"color--brown title--80\">{{ titleDark }}</span>\r\n }\r\n </div>\r\n @if (links?.length) {\r\n <ul class=\"module-travelers--socials\">\r\n @for (link of links; track $index) {\r\n <li>\r\n <a\r\n [href]=\"link.url\"\r\n rel=\"external\"\r\n target=\"_blank\"\r\n class=\"module-travelers--social color--brown\"\r\n [ngClass]=\"link.icon\"\r\n ></a>\r\n </li>\r\n\r\n }\r\n </ul>\r\n }\r\n </div>\r\n</section>\r\n", styles: [":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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}.module-travelers{position:relative}.module-travelers--inner{margin:0 -15px}.module-travelers--slide{padding:0 15px}.module-travelers--img{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.module-travelers--info{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.module-travelers--info>div:first-child{gap:0}.module-travelers--socials{display:flex;gap:0}.module-travelers--social{font-size:25px;opacity:.5;transition:var(--Stransition);width:60px;height:60px;background-color:transparent;display:flex;align-items:center;justify-content:center;border-radius:100%}.module-travelers--social:hover{opacity:1;transition:var(--Stransition);color:#fff}.module-travelers--social:hover.icon-instagram{background-color:var(--color-instagram);color:var(--color-link-brown-dark)}.module-travelers--social:hover.icon-tiktok{background-color:var(--color-tiktok)}.module-travelers--social:hover.icon-facebook{background-color:var(--color-facebook)}.module-travelers--social:hover.icon-youtube{background-color:var(--color-youtube)}.module-travelers--social:hover.icon-linkedin{background-color:var(--color-linkedin)}.module-travelers ::ng-deep .owl-item{max-width:50vw}@media (max-width: 1279px){.module-travelers ::ng-deep .slider-arrows--center .owl-nav{width:115%}}@media (max-width: 539px){.module-travelers ::ng-deep .slider-arrows--center .owl-nav{width:110%}}@media (min-width: 768px){.module-travelers--inner{margin:0 -20px}.module-travelers--slide{padding:0 20px}.module-travelers ::ng-deep .owl-item{max-width:33.3333333333vw}}@media (min-width: 1024px){.module-travelers ::ng-deep .owl-item{max-width:25vw}}@media (min-width: 1280px){.module-travelers{width:calc(50% - 20px)}.module-travelers--inner{margin:0 -20px}.module-travelers--socials{gap:10px}.module-travelers--info{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}.module-travelers ::ng-deep .owl-item{max-width:20vw}}@media (min-width: 1680px){.module-travelers{padding-left:40px;padding-right:40px}.module-travelers ::ng-deep .owl-item{max-width:16.6666666667vw}}@media (min-width: 1800px){.module-travelers{padding-left:65px;padding-right:65px}.module-travelers ::ng-deep .owl-item{max-width:14.2857142857vw}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: CarouselModule }, { kind: "component", type: i2$3.CarouselComponent, selector: "owl-carousel-o", inputs: ["options"], outputs: ["translated", "dragging", "change", "changed", "initialized"] }, { kind: "directive", type: i2$3.CarouselSlideDirective, selector: "ng-template[carouselSlide]", inputs: ["id", "dataMerge", "width", "dotContent", "dataHash"] }] }); }
|
|
1548
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: TravelersComponent, isStandalone: true, selector: "tent-travelers", inputs: { images: "images", title: "title", titleDark: "titleDark", links: "links" }, ngImport: i0, template: "<section class=\"module-travelers wrapper-medium module-spacer-small--bottom\">\r\n @if (images?.length) {\r\n <div class=\"module-travelers--inner\">\r\n <owl-carousel-o\r\n class=\"module-travelers--slider slider-arrows--center\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (img of images; track $index) {\r\n <ng-template carouselSlide>\r\n <div class=\"module-travelers--slide\">\r\n <a\r\n [href]=\"instagramLink\"\r\n target=\"_blank\"\r\n class=\"module-travelers--img figure-zoom\"\r\n >\r\n <figure\r\n class=\"figure-full\"\r\n [style]=\"getImage(img)\"\r\n ></figure>\r\n </a>\r\n </div>\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n </div>\r\n }\r\n <div class=\"module-travelers--info mt--20\">\r\n <div class=\"flex-row flex-row--center\">\r\n @if (title) {\r\n <h2 class=\"module-travelers--title title--80 color--camel\">\r\n <!---->{{ title\r\n }}<!---->\r\n </h2>\r\n } @if (titleDark) {\r\n <span class=\"color--brown title--80\">{{ titleDark }}</span>\r\n }\r\n </div>\r\n @if (links?.length) {\r\n <ul class=\"module-travelers--socials\">\r\n @for (link of links; track $index) {\r\n <li>\r\n <a\r\n [href]=\"link.url\"\r\n rel=\"external\"\r\n target=\"_blank\"\r\n class=\"module-travelers--social color--brown\"\r\n [ngClass]=\"link.icon\"\r\n ></a>\r\n </li>\r\n\r\n }\r\n </ul>\r\n }\r\n </div>\r\n</section>\r\n", styles: [":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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}.module-travelers{position:relative}.module-travelers--inner{margin:0 -15px}.module-travelers--slide{padding:0 15px}.module-travelers--img{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.module-travelers--info{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.module-travelers--socials{display:flex;gap:0}.module-travelers--social{font-size:25px;opacity:.5;transition:var(--Stransition);width:60px;height:60px;background-color:transparent;display:flex;align-items:center;justify-content:center;border-radius:100%}.module-travelers--social:hover{opacity:1;transition:var(--Stransition);color:#fff}.module-travelers--social:hover.icon-instagram{background-color:var(--color-instagram);color:var(--color-link-brown-dark)}.module-travelers--social:hover.icon-tiktok{background-color:var(--color-tiktok)}.module-travelers--social:hover.icon-facebook{background-color:var(--color-facebook)}.module-travelers--social:hover.icon-youtube{background-color:var(--color-youtube)}.module-travelers--social:hover.icon-linkedin{background-color:var(--color-linkedin)}.module-travelers ::ng-deep .owl-item{max-width:50vw}@media (max-width: 1279px){.module-travelers ::ng-deep .slider-arrows--center .owl-nav{width:115%}}@media (max-width: 539px){.module-travelers ::ng-deep .slider-arrows--center .owl-nav{width:110%}}@media (min-width: 768px){.module-travelers--inner{margin:0 -20px}.module-travelers--slide{padding:0 20px}.module-travelers ::ng-deep .owl-item{max-width:33.3333333333vw}}@media (min-width: 1024px){.module-travelers ::ng-deep .owl-item{max-width:25vw}}@media (min-width: 1280px){.module-travelers--inner{margin:0 -20px}.module-travelers--socials{gap:10px}.module-travelers--info{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}.module-travelers ::ng-deep .owl-item{max-width:20vw}}@media (min-width: 1680px){.module-travelers{padding-left:40px;padding-right:40px}.module-travelers ::ng-deep .owl-item{max-width:16.6666666667vw}}@media (min-width: 1800px){.module-travelers{padding-left:65px;padding-right:65px}.module-travelers ::ng-deep .owl-item{max-width:14.2857142857vw}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: CarouselModule }, { kind: "component", type: i2$3.CarouselComponent, selector: "owl-carousel-o", inputs: ["options"], outputs: ["translated", "dragging", "change", "changed", "initialized"] }, { kind: "directive", type: i2$3.CarouselSlideDirective, selector: "ng-template[carouselSlide]", inputs: ["id", "dataMerge", "width", "dotContent", "dataHash"] }] }); }
|
|
1549
1549
|
}
|
|
1550
1550
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: TravelersComponent, decorators: [{
|
|
1551
1551
|
type: Component,
|
|
1552
|
-
args: [{ selector: 'tent-travelers', standalone: true, imports: [CommonModule, CarouselModule], template: "<section class=\"module-travelers wrapper-medium module-spacer-small--bottom\">\r\n @if (images?.length) {\r\n <div class=\"module-travelers--inner\">\r\n <owl-carousel-o\r\n class=\"module-travelers--slider slider-arrows--center\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (img of images; track $index) {\r\n <ng-template carouselSlide>\r\n <div class=\"module-travelers--slide\">\r\n <a\r\n [href]=\"instagramLink\"\r\n target=\"_blank\"\r\n class=\"module-travelers--img figure-zoom\"\r\n >\r\n <figure\r\n class=\"figure-full\"\r\n [style]=\"getImage(img)\"\r\n ></figure>\r\n </a>\r\n </div>\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n </div>\r\n }\r\n <div class=\"module-travelers--info mt--20\">\r\n <div class=\"flex-row flex-row--center\">\r\n @if (title) {\r\n <h2 class=\"module-travelers--title title--80 color--camel\">\r\n <!---->{{ title\r\n }}<!---->\r\n </h2>\r\n } @if (titleDark) {\r\n <span class=\"color--brown title--80\">{{ titleDark }}</span>\r\n }\r\n </div>\r\n @if (links?.length) {\r\n <ul class=\"module-travelers--socials\">\r\n @for (link of links; track $index) {\r\n <li>\r\n <a\r\n [href]=\"link.url\"\r\n rel=\"external\"\r\n target=\"_blank\"\r\n class=\"module-travelers--social color--brown\"\r\n [ngClass]=\"link.icon\"\r\n ></a>\r\n </li>\r\n\r\n }\r\n </ul>\r\n }\r\n </div>\r\n</section>\r\n", styles: [":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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}.module-travelers{position:relative}.module-travelers--inner{margin:0 -15px}.module-travelers--slide{padding:0 15px}.module-travelers--img{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.module-travelers--info{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.module-travelers--info>div:first-child{gap:0}.module-travelers--socials{display:flex;gap:0}.module-travelers--social{font-size:25px;opacity:.5;transition:var(--Stransition);width:60px;height:60px;background-color:transparent;display:flex;align-items:center;justify-content:center;border-radius:100%}.module-travelers--social:hover{opacity:1;transition:var(--Stransition);color:#fff}.module-travelers--social:hover.icon-instagram{background-color:var(--color-instagram);color:var(--color-link-brown-dark)}.module-travelers--social:hover.icon-tiktok{background-color:var(--color-tiktok)}.module-travelers--social:hover.icon-facebook{background-color:var(--color-facebook)}.module-travelers--social:hover.icon-youtube{background-color:var(--color-youtube)}.module-travelers--social:hover.icon-linkedin{background-color:var(--color-linkedin)}.module-travelers ::ng-deep .owl-item{max-width:50vw}@media (max-width: 1279px){.module-travelers ::ng-deep .slider-arrows--center .owl-nav{width:115%}}@media (max-width: 539px){.module-travelers ::ng-deep .slider-arrows--center .owl-nav{width:110%}}@media (min-width: 768px){.module-travelers--inner{margin:0 -20px}.module-travelers--slide{padding:0 20px}.module-travelers ::ng-deep .owl-item{max-width:33.3333333333vw}}@media (min-width: 1024px){.module-travelers ::ng-deep .owl-item{max-width:25vw}}@media (min-width: 1280px){.module-travelers{width:calc(50% - 20px)}.module-travelers--inner{margin:0 -20px}.module-travelers--socials{gap:10px}.module-travelers--info{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}.module-travelers ::ng-deep .owl-item{max-width:20vw}}@media (min-width: 1680px){.module-travelers{padding-left:40px;padding-right:40px}.module-travelers ::ng-deep .owl-item{max-width:16.6666666667vw}}@media (min-width: 1800px){.module-travelers{padding-left:65px;padding-right:65px}.module-travelers ::ng-deep .owl-item{max-width:14.2857142857vw}}\n"] }]
|
|
1552
|
+
args: [{ selector: 'tent-travelers', standalone: true, imports: [CommonModule, CarouselModule], template: "<section class=\"module-travelers wrapper-medium module-spacer-small--bottom\">\r\n @if (images?.length) {\r\n <div class=\"module-travelers--inner\">\r\n <owl-carousel-o\r\n class=\"module-travelers--slider slider-arrows--center\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (img of images; track $index) {\r\n <ng-template carouselSlide>\r\n <div class=\"module-travelers--slide\">\r\n <a\r\n [href]=\"instagramLink\"\r\n target=\"_blank\"\r\n class=\"module-travelers--img figure-zoom\"\r\n >\r\n <figure\r\n class=\"figure-full\"\r\n [style]=\"getImage(img)\"\r\n ></figure>\r\n </a>\r\n </div>\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n </div>\r\n }\r\n <div class=\"module-travelers--info mt--20\">\r\n <div class=\"flex-row flex-row--center\">\r\n @if (title) {\r\n <h2 class=\"module-travelers--title title--80 color--camel\">\r\n <!---->{{ title\r\n }}<!---->\r\n </h2>\r\n } @if (titleDark) {\r\n <span class=\"color--brown title--80\">{{ titleDark }}</span>\r\n }\r\n </div>\r\n @if (links?.length) {\r\n <ul class=\"module-travelers--socials\">\r\n @for (link of links; track $index) {\r\n <li>\r\n <a\r\n [href]=\"link.url\"\r\n rel=\"external\"\r\n target=\"_blank\"\r\n class=\"module-travelers--social color--brown\"\r\n [ngClass]=\"link.icon\"\r\n ></a>\r\n </li>\r\n\r\n }\r\n </ul>\r\n }\r\n </div>\r\n</section>\r\n", styles: [":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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}.module-travelers{position:relative}.module-travelers--inner{margin:0 -15px}.module-travelers--slide{padding:0 15px}.module-travelers--img{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.module-travelers--info{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.module-travelers--socials{display:flex;gap:0}.module-travelers--social{font-size:25px;opacity:.5;transition:var(--Stransition);width:60px;height:60px;background-color:transparent;display:flex;align-items:center;justify-content:center;border-radius:100%}.module-travelers--social:hover{opacity:1;transition:var(--Stransition);color:#fff}.module-travelers--social:hover.icon-instagram{background-color:var(--color-instagram);color:var(--color-link-brown-dark)}.module-travelers--social:hover.icon-tiktok{background-color:var(--color-tiktok)}.module-travelers--social:hover.icon-facebook{background-color:var(--color-facebook)}.module-travelers--social:hover.icon-youtube{background-color:var(--color-youtube)}.module-travelers--social:hover.icon-linkedin{background-color:var(--color-linkedin)}.module-travelers ::ng-deep .owl-item{max-width:50vw}@media (max-width: 1279px){.module-travelers ::ng-deep .slider-arrows--center .owl-nav{width:115%}}@media (max-width: 539px){.module-travelers ::ng-deep .slider-arrows--center .owl-nav{width:110%}}@media (min-width: 768px){.module-travelers--inner{margin:0 -20px}.module-travelers--slide{padding:0 20px}.module-travelers ::ng-deep .owl-item{max-width:33.3333333333vw}}@media (min-width: 1024px){.module-travelers ::ng-deep .owl-item{max-width:25vw}}@media (min-width: 1280px){.module-travelers--inner{margin:0 -20px}.module-travelers--socials{gap:10px}.module-travelers--info{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}.module-travelers ::ng-deep .owl-item{max-width:20vw}}@media (min-width: 1680px){.module-travelers{padding-left:40px;padding-right:40px}.module-travelers ::ng-deep .owl-item{max-width:16.6666666667vw}}@media (min-width: 1800px){.module-travelers{padding-left:65px;padding-right:65px}.module-travelers ::ng-deep .owl-item{max-width:14.2857142857vw}}\n"] }]
|
|
1553
1553
|
}], ctorParameters: () => [{ type: i1$2.DomSanitizer }], propDecorators: { images: [{
|
|
1554
1554
|
type: Input
|
|
1555
1555
|
}], title: [{
|
|
@@ -1632,11 +1632,11 @@ class Cards3colComponent {
|
|
|
1632
1632
|
this.collapsed = !this.collapsed;
|
|
1633
1633
|
}
|
|
1634
1634
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: Cards3colComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1635
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: Cards3colComponent, isStandalone: true, selector: "tent-cards-3col", inputs: { items: "items" }, ngImport: i0, template: "<section class=\"services-col3 wrapper-big module-spacer--bottom\">\r\n <div class=\"services-col3--content\">\r\n <owl-carousel-o\r\n class=\"services-col3--slider slider-circle--center slider-circle--center--centerFull\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (item of items; track $index) {\r\n <ng-template carouselSlide>\r\n <div class=\"services-col3--slide\">\r\n <div\r\n class=\"services-col3--box\"\r\n [ngClass]=\"collapsed ? 'close' : 'open'\"\r\n [ngClass]=\"{\r\n close: collapsed,\r\n open: !collapsed,\r\n 'bg-yellow': $index === 0,\r\n 'bg-orange': $index === 1,\r\n 'bg-brown': $index === 2\r\n }\"\r\n >\r\n <div class=\"services-col3--box--inner\">\r\n @if (item.title) {\r\n <h4\r\n class=\"services-col3--titleTop title--42 color--brown\"\r\n >\r\n {{ item.title }}\r\n </h4>\r\n } @if (item.smalltitle) {\r\n <p class=\"services-col3--btn color--brown\">\r\n @if (item.icon) {\r\n <span [ngClass]=\"item.icon\"></span>\r\n }\r\n <span class=\"title--30\">\r\n {{ item.smalltitle }}</span\r\n >\r\n </p>\r\n } @if (item.ndTitle) {\r\n <h3\r\n class=\"services-col3--titleBottom title--54 color--brown\"\r\n >\r\n {{ item.ndTitle }}\r\n </h3>\r\n }\r\n </div>\r\n @if (item.btn && item.btnCollapsed) { @if (collapsed) {\r\n <tent-button\r\n class=\"services-col3--btn-plus\"\r\n type=\"dark-circle-filled\"\r\n [icon]=\"item.btnCollapsed.icon\"\r\n (click)=\"toggleCollapse()\"\r\n ></tent-button>\r\n } @else {\r\n <tent-button\r\n class=\"services-col3--btn-plus\"\r\n type=\"dark-circle-filled\"\r\n [icon]=\"item.btn.icon\"\r\n (click)=\"toggleCollapse()\"\r\n ></tent-button>\r\n\r\n } }\r\n </div>\r\n </div>\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n </div>\r\n</section>\r\n", styles: [":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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}.services-col3--content{margin:0;padding:0}@media (min-width: 540px){.services-col3--content{padding:0 40px;margin:0}}@media (min-width: 768px){.services-col3--content{padding:0 45px;margin:0}}@media (min-width: 1024px){.services-col3--content{padding:0 73px;margin:0}}@media (min-width: 1280px){.services-col3--content{padding:0;margin:0 -25px}}@media (min-width: 1280px){.services-col3--slider{margin:0}}.services-col3--slide{padding:0}@media (min-width: 936px){.services-col3--slide{padding:0 25px}}.services-col3--box{height:300px;padding:25px;border-radius:12px}.services-col3--box.bg-orange h3,.services-col3--box.bg-orange h4,.services-col3--box.bg-orange p,.services-col3--box.bg-orange span,.services-col3--box.bg-brown h3,.services-col3--box.bg-brown h4,.services-col3--box.bg-brown p,.services-col3--box.bg-brown span{color:#fff}.services-col3--box--inner{position:relative;overflow:hidden;width:100%;height:100%}@media (min-width: 540px){.services-col3--box{height:340px;padding:33px}}@media (min-width: 768px){.services-col3--box{height:290px;padding:45px}}@media (min-width: 1024px){.services-col3--box{height:310px;padding:45px}.services-col3--box:hover .services-col3--titleTop{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);top:0}.services-col3--box:hover .services-col3--titleBottom{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);bottom:-300px}.services-col3--box:hover .services-col3--btn{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);top:85%}}@media (min-width: 1280px){.services-col3--box{height:310px;padding:33px}}@media (min-width: 1366px){.services-col3--box{height:310px;padding:33px}}@media (min-width: 1680px){.services-col3--box{height:360px;padding:45px}}.services-col3--box.open .services-col3--titleTop{transition:var(--Stransition);top:0}.services-col3--box.open .services-col3--titleBottom{transition:var(--Stransition);bottom:-200px}.services-col3--box.open .services-col3--btn{transition:var(--Stransition);top:87%}.services-col3--titleTop{position:absolute;top:-325px;transition:var(--Stransition)}@media (min-width: 768px){.services-col3--titleTop{font-size:32px}}@media (min-width: 1680px){.services-col3--titleTop{font-size:34px}}@media (min-width: 1800px){.services-col3--titleTop{font-size:42px}}.services-col3--titleBottom{position:absolute;bottom:0;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);padding-right:55px}@media (min-width: 768px){.services-col3--titleBottom{font-size:34px}}@media (min-width: 1680px){.services-col3--titleBottom{font-size:43px}}@media (min-width: 1800px){.services-col3--titleBottom{font-size:52px}}.services-col3--btn{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:absolute;top:0}.services-col3--btn [class^=icon-],.services-col3--btn [class*=\" icon-\"]{font-size:30px}.services-col3--btn-plus{position:absolute;bottom:15px;right:15px}@media (min-width: 1024px){.services-col3--btn-plus{display:none}}.services-col3--btn-plus ::ng-deep .btn--dark-filled{background-color:#fff;border-color:#fff}.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{position:relative;width:100px;left:50%;right:auto;transform:translate(-50%)}@media (min-width: 540px){.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{width:128%;left:-14%;position:absolute;transform:translateY(-50%)}}@media (min-width: 768px){.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{width:120%;left:50%}}@media (min-width: 768px) and (max-width: 1023px){.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{transform:translate(-50%,-50%)}}@media (min-width: 1024px){.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{left:-10%}}.services-col3 ::ng-deep .btn--circle-icon{font-size:15px;color:var(--color-dark-btn-filled)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: CarouselModule }, { kind: "component", type: i2$3.CarouselComponent, selector: "owl-carousel-o", inputs: ["options"], outputs: ["translated", "dragging", "change", "changed", "initialized"] }, { kind: "directive", type: i2$3.CarouselSlideDirective, selector: "ng-template[carouselSlide]", inputs: ["id", "dataMerge", "width", "dotContent", "dataHash"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled"], outputs: ["btnClick"] }] }); }
|
|
1635
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: Cards3colComponent, isStandalone: true, selector: "tent-cards-3col", inputs: { items: "items" }, ngImport: i0, template: "<section class=\"services-col3 wrapper-big module-spacer--bottom\">\r\n <div class=\"services-col3--content\">\r\n <owl-carousel-o\r\n class=\"services-col3--slider slider-circle--center slider-circle--center--centerFull\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (item of items; track $index) {\r\n <ng-template carouselSlide>\r\n <div class=\"services-col3--slide\">\r\n <div\r\n class=\"services-col3--box\"\r\n [ngClass]=\"collapsed ? 'close' : 'open'\"\r\n [ngClass]=\"{\r\n close: collapsed,\r\n open: !collapsed,\r\n 'bg-yellow': $index === 0,\r\n 'bg-orange': $index === 1,\r\n 'bg-brown': $index === 2\r\n }\"\r\n >\r\n <div class=\"services-col3--box--inner\">\r\n @if (item.title) {\r\n <h4\r\n class=\"services-col3--titleTop title--42 color--brown\"\r\n >\r\n {{ item.title }}\r\n </h4>\r\n } @if (item.smalltitle) {\r\n <p class=\"services-col3--btn color--brown\">\r\n @if (item.icon) {\r\n <span [ngClass]=\"item.icon\"></span>\r\n }\r\n <span class=\"title--30\">\r\n {{ item.smalltitle }}</span\r\n >\r\n </p>\r\n } @if (item.ndTitle) {\r\n <h3\r\n class=\"services-col3--titleBottom title--54 color--brown\"\r\n >\r\n {{ item.ndTitle }}\r\n </h3>\r\n }\r\n </div>\r\n @if (item.btn && item.btnCollapsed) { @if (collapsed) {\r\n <tent-button\r\n class=\"services-col3--btn-plus\"\r\n type=\"dark-circle-filled\"\r\n [icon]=\"item.btnCollapsed.icon\"\r\n (click)=\"toggleCollapse()\"\r\n ></tent-button>\r\n } @else {\r\n <tent-button\r\n class=\"services-col3--btn-plus\"\r\n type=\"dark-circle-filled\"\r\n [icon]=\"item.btn.icon\"\r\n (click)=\"toggleCollapse()\"\r\n ></tent-button>\r\n\r\n } }\r\n </div>\r\n </div>\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n </div>\r\n</section>\r\n", styles: [":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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}.services-col3--content{margin:0;padding:0}@media (min-width: 540px){.services-col3--content{padding:0 40px;margin:0}}@media (min-width: 768px){.services-col3--content{padding:0 45px;margin:0}}@media (min-width: 1024px){.services-col3--content{padding:0 73px;margin:0}}@media (min-width: 1280px){.services-col3--content{padding:0;margin:0 -25px}}@media (min-width: 1280px){.services-col3--slider{margin:0}}.services-col3--slide{padding:0}@media (min-width: 936px){.services-col3--slide{padding:0 25px}}.services-col3--box{height:300px;padding:25px;border-radius:12px}.services-col3--box.bg-orange h3,.services-col3--box.bg-orange h4,.services-col3--box.bg-orange p,.services-col3--box.bg-orange span,.services-col3--box.bg-brown h3,.services-col3--box.bg-brown h4,.services-col3--box.bg-brown p,.services-col3--box.bg-brown span{color:#fff}.services-col3--box--inner{position:relative;overflow:hidden;width:100%;height:100%}@media (min-width: 540px){.services-col3--box{height:340px;padding:33px}}@media (min-width: 768px){.services-col3--box{height:290px;padding:45px;position:relative}}@media (min-width: 1024px){.services-col3--box{height:310px;padding:45px}.services-col3--box:hover .services-col3--titleTop{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);top:0}.services-col3--box:hover .services-col3--titleBottom{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);bottom:-300px}.services-col3--box:hover .services-col3--btn{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);top:85%}}@media (min-width: 1280px){.services-col3--box{height:310px;padding:33px}}@media (min-width: 1366px){.services-col3--box{height:310px;padding:33px}}@media (min-width: 1680px){.services-col3--box{height:360px;padding:45px}}.services-col3--box.open .services-col3--titleTop{transition:var(--Stransition);top:0}.services-col3--box.open .services-col3--titleBottom{transition:var(--Stransition);bottom:-200px}.services-col3--box.open .services-col3--btn{transition:var(--Stransition);top:87%}.services-col3--titleTop{position:absolute;top:-325px;transition:var(--Stransition)}@media (min-width: 768px){.services-col3--titleTop{font-size:32px}}@media (min-width: 1680px){.services-col3--titleTop{font-size:34px}}@media (min-width: 1800px){.services-col3--titleTop{font-size:42px}}.services-col3--titleBottom{position:absolute;bottom:0;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);padding-right:55px}@media (min-width: 768px){.services-col3--titleBottom{font-size:34px}}@media (min-width: 1680px){.services-col3--titleBottom{font-size:43px}}@media (min-width: 1800px){.services-col3--titleBottom{font-size:52px}}.services-col3--btn{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:absolute;top:0}.services-col3--btn [class^=icon-],.services-col3--btn [class*=\" icon-\"]{font-size:30px}.services-col3--btn-plus{position:absolute;bottom:15px;right:15px}@media (min-width: 1024px){.services-col3--btn-plus{display:none}}.services-col3--btn-plus ::ng-deep .btn--dark-filled{background-color:#fff;border-color:#fff}.services-col3 ::ng-deep .owl-theme .owl-nav .disabled{opacity:0}.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{position:relative;width:100px;left:50%;right:auto;transform:translate(-50%)}@media (min-width: 540px){.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{width:128%;left:-14%;position:absolute;transform:translateY(-50%)}}@media (min-width: 768px){.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{width:120%;left:50%}}@media (min-width: 768px) and (max-width: 1023px){.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{transform:translate(-50%,-50%)}}@media (min-width: 1024px){.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{left:-10%}}.services-col3 ::ng-deep .btn--circle-icon{font-size:15px;color:var(--color-dark-btn-filled)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: CarouselModule }, { kind: "component", type: i2$3.CarouselComponent, selector: "owl-carousel-o", inputs: ["options"], outputs: ["translated", "dragging", "change", "changed", "initialized"] }, { kind: "directive", type: i2$3.CarouselSlideDirective, selector: "ng-template[carouselSlide]", inputs: ["id", "dataMerge", "width", "dotContent", "dataHash"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled"], outputs: ["btnClick"] }] }); }
|
|
1636
1636
|
}
|
|
1637
1637
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: Cards3colComponent, decorators: [{
|
|
1638
1638
|
type: Component,
|
|
1639
|
-
args: [{ selector: 'tent-cards-3col', standalone: true, imports: [CommonModule, CarouselModule, ButtonComponent], template: "<section class=\"services-col3 wrapper-big module-spacer--bottom\">\r\n <div class=\"services-col3--content\">\r\n <owl-carousel-o\r\n class=\"services-col3--slider slider-circle--center slider-circle--center--centerFull\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (item of items; track $index) {\r\n <ng-template carouselSlide>\r\n <div class=\"services-col3--slide\">\r\n <div\r\n class=\"services-col3--box\"\r\n [ngClass]=\"collapsed ? 'close' : 'open'\"\r\n [ngClass]=\"{\r\n close: collapsed,\r\n open: !collapsed,\r\n 'bg-yellow': $index === 0,\r\n 'bg-orange': $index === 1,\r\n 'bg-brown': $index === 2\r\n }\"\r\n >\r\n <div class=\"services-col3--box--inner\">\r\n @if (item.title) {\r\n <h4\r\n class=\"services-col3--titleTop title--42 color--brown\"\r\n >\r\n {{ item.title }}\r\n </h4>\r\n } @if (item.smalltitle) {\r\n <p class=\"services-col3--btn color--brown\">\r\n @if (item.icon) {\r\n <span [ngClass]=\"item.icon\"></span>\r\n }\r\n <span class=\"title--30\">\r\n {{ item.smalltitle }}</span\r\n >\r\n </p>\r\n } @if (item.ndTitle) {\r\n <h3\r\n class=\"services-col3--titleBottom title--54 color--brown\"\r\n >\r\n {{ item.ndTitle }}\r\n </h3>\r\n }\r\n </div>\r\n @if (item.btn && item.btnCollapsed) { @if (collapsed) {\r\n <tent-button\r\n class=\"services-col3--btn-plus\"\r\n type=\"dark-circle-filled\"\r\n [icon]=\"item.btnCollapsed.icon\"\r\n (click)=\"toggleCollapse()\"\r\n ></tent-button>\r\n } @else {\r\n <tent-button\r\n class=\"services-col3--btn-plus\"\r\n type=\"dark-circle-filled\"\r\n [icon]=\"item.btn.icon\"\r\n (click)=\"toggleCollapse()\"\r\n ></tent-button>\r\n\r\n } }\r\n </div>\r\n </div>\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n </div>\r\n</section>\r\n", styles: [":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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}.services-col3--content{margin:0;padding:0}@media (min-width: 540px){.services-col3--content{padding:0 40px;margin:0}}@media (min-width: 768px){.services-col3--content{padding:0 45px;margin:0}}@media (min-width: 1024px){.services-col3--content{padding:0 73px;margin:0}}@media (min-width: 1280px){.services-col3--content{padding:0;margin:0 -25px}}@media (min-width: 1280px){.services-col3--slider{margin:0}}.services-col3--slide{padding:0}@media (min-width: 936px){.services-col3--slide{padding:0 25px}}.services-col3--box{height:300px;padding:25px;border-radius:12px}.services-col3--box.bg-orange h3,.services-col3--box.bg-orange h4,.services-col3--box.bg-orange p,.services-col3--box.bg-orange span,.services-col3--box.bg-brown h3,.services-col3--box.bg-brown h4,.services-col3--box.bg-brown p,.services-col3--box.bg-brown span{color:#fff}.services-col3--box--inner{position:relative;overflow:hidden;width:100%;height:100%}@media (min-width: 540px){.services-col3--box{height:340px;padding:33px}}@media (min-width: 768px){.services-col3--box{height:290px;padding:45px}}@media (min-width: 1024px){.services-col3--box{height:310px;padding:45px}.services-col3--box:hover .services-col3--titleTop{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);top:0}.services-col3--box:hover .services-col3--titleBottom{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);bottom:-300px}.services-col3--box:hover .services-col3--btn{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);top:85%}}@media (min-width: 1280px){.services-col3--box{height:310px;padding:33px}}@media (min-width: 1366px){.services-col3--box{height:310px;padding:33px}}@media (min-width: 1680px){.services-col3--box{height:360px;padding:45px}}.services-col3--box.open .services-col3--titleTop{transition:var(--Stransition);top:0}.services-col3--box.open .services-col3--titleBottom{transition:var(--Stransition);bottom:-200px}.services-col3--box.open .services-col3--btn{transition:var(--Stransition);top:87%}.services-col3--titleTop{position:absolute;top:-325px;transition:var(--Stransition)}@media (min-width: 768px){.services-col3--titleTop{font-size:32px}}@media (min-width: 1680px){.services-col3--titleTop{font-size:34px}}@media (min-width: 1800px){.services-col3--titleTop{font-size:42px}}.services-col3--titleBottom{position:absolute;bottom:0;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);padding-right:55px}@media (min-width: 768px){.services-col3--titleBottom{font-size:34px}}@media (min-width: 1680px){.services-col3--titleBottom{font-size:43px}}@media (min-width: 1800px){.services-col3--titleBottom{font-size:52px}}.services-col3--btn{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:absolute;top:0}.services-col3--btn [class^=icon-],.services-col3--btn [class*=\" icon-\"]{font-size:30px}.services-col3--btn-plus{position:absolute;bottom:15px;right:15px}@media (min-width: 1024px){.services-col3--btn-plus{display:none}}.services-col3--btn-plus ::ng-deep .btn--dark-filled{background-color:#fff;border-color:#fff}.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{position:relative;width:100px;left:50%;right:auto;transform:translate(-50%)}@media (min-width: 540px){.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{width:128%;left:-14%;position:absolute;transform:translateY(-50%)}}@media (min-width: 768px){.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{width:120%;left:50%}}@media (min-width: 768px) and (max-width: 1023px){.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{transform:translate(-50%,-50%)}}@media (min-width: 1024px){.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{left:-10%}}.services-col3 ::ng-deep .btn--circle-icon{font-size:15px;color:var(--color-dark-btn-filled)}\n"] }]
|
|
1639
|
+
args: [{ selector: 'tent-cards-3col', standalone: true, imports: [CommonModule, CarouselModule, ButtonComponent], template: "<section class=\"services-col3 wrapper-big module-spacer--bottom\">\r\n <div class=\"services-col3--content\">\r\n <owl-carousel-o\r\n class=\"services-col3--slider slider-circle--center slider-circle--center--centerFull\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (item of items; track $index) {\r\n <ng-template carouselSlide>\r\n <div class=\"services-col3--slide\">\r\n <div\r\n class=\"services-col3--box\"\r\n [ngClass]=\"collapsed ? 'close' : 'open'\"\r\n [ngClass]=\"{\r\n close: collapsed,\r\n open: !collapsed,\r\n 'bg-yellow': $index === 0,\r\n 'bg-orange': $index === 1,\r\n 'bg-brown': $index === 2\r\n }\"\r\n >\r\n <div class=\"services-col3--box--inner\">\r\n @if (item.title) {\r\n <h4\r\n class=\"services-col3--titleTop title--42 color--brown\"\r\n >\r\n {{ item.title }}\r\n </h4>\r\n } @if (item.smalltitle) {\r\n <p class=\"services-col3--btn color--brown\">\r\n @if (item.icon) {\r\n <span [ngClass]=\"item.icon\"></span>\r\n }\r\n <span class=\"title--30\">\r\n {{ item.smalltitle }}</span\r\n >\r\n </p>\r\n } @if (item.ndTitle) {\r\n <h3\r\n class=\"services-col3--titleBottom title--54 color--brown\"\r\n >\r\n {{ item.ndTitle }}\r\n </h3>\r\n }\r\n </div>\r\n @if (item.btn && item.btnCollapsed) { @if (collapsed) {\r\n <tent-button\r\n class=\"services-col3--btn-plus\"\r\n type=\"dark-circle-filled\"\r\n [icon]=\"item.btnCollapsed.icon\"\r\n (click)=\"toggleCollapse()\"\r\n ></tent-button>\r\n } @else {\r\n <tent-button\r\n class=\"services-col3--btn-plus\"\r\n type=\"dark-circle-filled\"\r\n [icon]=\"item.btn.icon\"\r\n (click)=\"toggleCollapse()\"\r\n ></tent-button>\r\n\r\n } }\r\n </div>\r\n </div>\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n </div>\r\n</section>\r\n", styles: [":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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}.services-col3--content{margin:0;padding:0}@media (min-width: 540px){.services-col3--content{padding:0 40px;margin:0}}@media (min-width: 768px){.services-col3--content{padding:0 45px;margin:0}}@media (min-width: 1024px){.services-col3--content{padding:0 73px;margin:0}}@media (min-width: 1280px){.services-col3--content{padding:0;margin:0 -25px}}@media (min-width: 1280px){.services-col3--slider{margin:0}}.services-col3--slide{padding:0}@media (min-width: 936px){.services-col3--slide{padding:0 25px}}.services-col3--box{height:300px;padding:25px;border-radius:12px}.services-col3--box.bg-orange h3,.services-col3--box.bg-orange h4,.services-col3--box.bg-orange p,.services-col3--box.bg-orange span,.services-col3--box.bg-brown h3,.services-col3--box.bg-brown h4,.services-col3--box.bg-brown p,.services-col3--box.bg-brown span{color:#fff}.services-col3--box--inner{position:relative;overflow:hidden;width:100%;height:100%}@media (min-width: 540px){.services-col3--box{height:340px;padding:33px}}@media (min-width: 768px){.services-col3--box{height:290px;padding:45px;position:relative}}@media (min-width: 1024px){.services-col3--box{height:310px;padding:45px}.services-col3--box:hover .services-col3--titleTop{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);top:0}.services-col3--box:hover .services-col3--titleBottom{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);bottom:-300px}.services-col3--box:hover .services-col3--btn{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);top:85%}}@media (min-width: 1280px){.services-col3--box{height:310px;padding:33px}}@media (min-width: 1366px){.services-col3--box{height:310px;padding:33px}}@media (min-width: 1680px){.services-col3--box{height:360px;padding:45px}}.services-col3--box.open .services-col3--titleTop{transition:var(--Stransition);top:0}.services-col3--box.open .services-col3--titleBottom{transition:var(--Stransition);bottom:-200px}.services-col3--box.open .services-col3--btn{transition:var(--Stransition);top:87%}.services-col3--titleTop{position:absolute;top:-325px;transition:var(--Stransition)}@media (min-width: 768px){.services-col3--titleTop{font-size:32px}}@media (min-width: 1680px){.services-col3--titleTop{font-size:34px}}@media (min-width: 1800px){.services-col3--titleTop{font-size:42px}}.services-col3--titleBottom{position:absolute;bottom:0;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);padding-right:55px}@media (min-width: 768px){.services-col3--titleBottom{font-size:34px}}@media (min-width: 1680px){.services-col3--titleBottom{font-size:43px}}@media (min-width: 1800px){.services-col3--titleBottom{font-size:52px}}.services-col3--btn{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:absolute;top:0}.services-col3--btn [class^=icon-],.services-col3--btn [class*=\" icon-\"]{font-size:30px}.services-col3--btn-plus{position:absolute;bottom:15px;right:15px}@media (min-width: 1024px){.services-col3--btn-plus{display:none}}.services-col3--btn-plus ::ng-deep .btn--dark-filled{background-color:#fff;border-color:#fff}.services-col3 ::ng-deep .owl-theme .owl-nav .disabled{opacity:0}.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{position:relative;width:100px;left:50%;right:auto;transform:translate(-50%)}@media (min-width: 540px){.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{width:128%;left:-14%;position:absolute;transform:translateY(-50%)}}@media (min-width: 768px){.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{width:120%;left:50%}}@media (min-width: 768px) and (max-width: 1023px){.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{transform:translate(-50%,-50%)}}@media (min-width: 1024px){.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{left:-10%}}.services-col3 ::ng-deep .btn--circle-icon{font-size:15px;color:var(--color-dark-btn-filled)}\n"] }]
|
|
1640
1640
|
}], propDecorators: { items: [{
|
|
1641
1641
|
type: Input
|
|
1642
1642
|
}] } });
|
|
@@ -1679,11 +1679,11 @@ class MenuModalComponent {
|
|
|
1679
1679
|
this.dialogRef.close();
|
|
1680
1680
|
}
|
|
1681
1681
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: MenuModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1682
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: MenuModalComponent, isStandalone: true, selector: "tent-menu-modal", inputs: { closeBtn: "closeBtn", logo: "logo", checkinLabel: "checkinLabel", items: "items", booksBtn: "booksBtn", buttonItem: "buttonItem", phoneBtn: "phoneBtn", newsletterBtn: "newsletterBtn", socialButtons: "socialButtons" }, outputs: { checkinClick: "checkinClick", newsletterClick: "newsletterClick", booksClick: "booksClick", elementClick: "elementClick" }, ngImport: i0, template: "<div class=\"menu-modal\">\r\n <div class=\"menu-modal--close\">\r\n <tent-button\r\n type=\"dark-circle\"\r\n [icon]=\"closeBtn.icon\"\r\n [closeButton]=\"true\"\r\n (btnClick)=\"closeModal()\"\r\n ></tent-button>\r\n </div>\r\n\r\n <div class=\"menu-modal--content\">\r\n @if (logo) {\r\n <div class=\"flex-row flex-row--center menu-modal--logo\">\r\n <img class=\"menu-modal--logo--img\" [src]=\"logo\" alt=\"\" />\r\n </div>\r\n }\r\n <div class=\"menu-modal--links\">\r\n @if (items.length) { @for (item of items; track $index) { @if\r\n (item.title) {\r\n <a\r\n [href]=\"item.url\"\r\n [routerLink]=\"isInternalLink(item) ? [item.url] : null\"\r\n class=\"menu-modal--link-wrapper\"\r\n (click)=\"linkClicked(item, $event)\"\r\n >\r\n @if (item.image) {\r\n <div class=\"menu-modal--image-wrapper\">\r\n <figure\r\n class=\"menu-modal--image\"\r\n [style]=\"getImage(item.image)\"\r\n ></figure>\r\n </div>\r\n }\r\n <div class=\"menu-modal--link\">\r\n <p>\r\n {{ item.title }}\r\n </p>\r\n <tent-button\r\n class=\"menu-modal--btn\"\r\n type=\"dark-circle\"\r\n [icon]=\"buttonItem.icon\"\r\n ></tent-button>\r\n </div>\r\n </a>\r\n } }} @if (checkinLabel) {\r\n <div\r\n class=\"menu-modal--check-in--wrapper flex-row flex-row--center\"\r\n >\r\n <div class=\"menu-modal--check-in\" (click)=\"checkinClick.emit()\">\r\n <span class=\"color--white\">{{ checkinLabel }}</span>\r\n </div>\r\n </div>\r\n } @if (newsletterBtn || socialButtons) {\r\n <div class=\"flex-row flex-row--between menu-modal--social-media\">\r\n @if (newsletterBtn) {\r\n <tent-button\r\n type=\"dark-link\"\r\n [label]=\"newsletterBtn.label\"\r\n icon=\"icon-envelope-plus\"\r\n iconPosition=\"right\"\r\n (btnClick)=\"newsletterClick.emit()\"\r\n ></tent-button>\r\n } @if (socialButtons.length) {\r\n <ul class=\"menu-modal--socials\">\r\n @for (socialBtn of socialButtons; track $index) {\r\n <li>\r\n <a\r\n [href]=\"socialBtn.url\"\r\n rel=\"external\"\r\n target=\"_blank\"\r\n [ngClass]=\"socialBtn.icon\"\r\n class=\"module-travelers--social color--brown\"\r\n ></a>\r\n </li>\r\n\r\n }\r\n </ul>\r\n }\r\n </div>\r\n } @if (phoneBtn) {\r\n <div class=\"flex-row flex-row--between menu-modal--books\">\r\n <!-- <tent-button\r\n type=\"dark-link\"\r\n [label]=\"booksBtn.label\"\r\n [icon]=\"booksBtn.icon\"\r\n (btnClick)=\"booksClick.emit()\"\r\n ></tent-button> -->\r\n\r\n <tent-button\r\n type=\"dark-link\"\r\n [label]=\"phoneBtn.label\"\r\n [url]=\"phoneBtn.url\"\r\n linkType=\"external\"\r\n icon=\"icon-phone\"\r\n iconPosition=\"left\"\r\n ></tent-button>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}: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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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}.menu-modal{align-self:center;max-width:490px;padding-top:90px}@media (min-width: 540px){.menu-modal{width:100%;padding-top:40px}}.menu-modal--logo{padding-bottom:50px}@media (min-width: 1024px){.menu-modal--logo{display:none}}.menu-modal--logo--img{width:84px}@media (min-width: 540px){.menu-modal--logo--img{width:125px}}@media (min-width: 768px){.menu-modal--logo--img{width:150px}}.menu-modal--title{font-family:var(--tent-font);color:#693d2d}.menu-modal--close{position:absolute;right:20px;top:20px}.menu-modal--content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.menu-modal--links{font-family:var(--tent-font);font-size:24px;font-weight:700;line-height:31.25px;text-align:left;width:100%}.menu-modal--link-wrapper{padding:12px 0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px;border-top:1px solid rgba(124,77,58,.3019607843);position:relative;cursor:pointer}@media (min-width: 540px){.menu-modal--link-wrapper{gap:26px}}.menu-modal--link-wrapper:before{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);content:\"\";position:absolute;left:0;bottom:-1px;width:0;height:1px;background-color:#693d2d}.menu-modal--link-wrapper:hover:before{width:100%}@media (min-width: 1280px){.menu-modal--link-wrapper{padding:30px 0 25px}}.menu-modal--btn{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.menu-modal--btn ::ng-deep .btn{width:36px;height:36px}.menu-modal--btn ::ng-deep .btn mat-icon{font-size:10px}.menu-modal--image-wrapper{width:65px;height:65px}@media (min-width: 768px){.menu-modal--image-wrapper{width:85px;height:85px}}.menu-modal--image{background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;padding-top:65px;width:65px}@media (min-width: 768px){.menu-modal--image{padding-top:85px;width:85px}}.menu-modal--link{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:30px}.menu-modal--link p{color:#693d2d;font-size:18px;font-family:var(--tent-font)}@media (min-width: 540px){.menu-modal--link p{font-size:24px}}.menu-modal--check-in--wrapper{padding:37px 0;border-top:1px solid rgba(124,77,58,.3019607843)}.menu-modal--check-in{padding:5px 30px;border-radius:6px;background-color:var(--color-check-in);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}.menu-modal--check-in{width:max-content}.menu-modal--check-in:hover{background-color:var(--color-check-in-hover)}.menu-modal--check-in span{font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:20.83px;text-align:center}.menu-modal--socials{display:flex;gap:30px}.menu-modal--social-media{padding:37px 0;border-top:1px solid rgba(124,77,58,.3019607843)}@media (max-width: 539px){.menu-modal--social-media{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap}}.menu-modal--social-media tent-button ::ng-deep .btn:after{display:none}.menu-modal--books{padding:37px 0;border-top:1px solid rgba(124,77,58,.3019607843)}.menu-modal--books tent-button ::ng-deep .btn:after{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled"], outputs: ["btnClick"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
|
|
1682
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: MenuModalComponent, isStandalone: true, selector: "tent-menu-modal", inputs: { closeBtn: "closeBtn", logo: "logo", checkinLabel: "checkinLabel", items: "items", booksBtn: "booksBtn", buttonItem: "buttonItem", phoneBtn: "phoneBtn", newsletterBtn: "newsletterBtn", socialButtons: "socialButtons" }, outputs: { checkinClick: "checkinClick", newsletterClick: "newsletterClick", booksClick: "booksClick", elementClick: "elementClick" }, ngImport: i0, template: "<div class=\"menu-modal\">\r\n <div class=\"menu-modal--close\">\r\n <tent-button\r\n type=\"dark-circle\"\r\n [icon]=\"closeBtn.icon\"\r\n [closeButton]=\"true\"\r\n (btnClick)=\"closeModal()\"\r\n ></tent-button>\r\n </div>\r\n\r\n <div class=\"menu-modal--content\">\r\n @if (logo) {\r\n <div class=\"flex-row flex-row--center menu-modal--logo\">\r\n <img class=\"menu-modal--logo--img\" [src]=\"logo\" alt=\"\" />\r\n </div>\r\n }\r\n <div class=\"menu-modal--links\">\r\n @if (items.length) { @for (item of items; track $index) { @if\r\n (item.title) {\r\n <a\r\n [href]=\"item.url\"\r\n [routerLink]=\"isInternalLink(item) ? [item.url] : null\"\r\n class=\"menu-modal--link-wrapper\"\r\n (click)=\"linkClicked(item, $event)\"\r\n >\r\n @if (item.image) {\r\n <div class=\"menu-modal--image-wrapper\">\r\n <figure\r\n class=\"menu-modal--image\"\r\n [style]=\"getImage(item.image)\"\r\n ></figure>\r\n </div>\r\n }\r\n <div class=\"menu-modal--link\">\r\n <p>\r\n {{ item.title }}\r\n </p>\r\n <tent-button\r\n class=\"menu-modal--btn\"\r\n type=\"dark-circle\"\r\n [icon]=\"buttonItem.icon\"\r\n ></tent-button>\r\n </div>\r\n </a>\r\n } }} @if (checkinLabel) {\r\n <div\r\n class=\"menu-modal--check-in--wrapper flex-row flex-row--center\"\r\n >\r\n <div class=\"menu-modal--check-in\" (click)=\"checkinClick.emit()\">\r\n <span class=\"color--white\">{{ checkinLabel }}</span>\r\n </div>\r\n </div>\r\n } @if (newsletterBtn || socialButtons) {\r\n <div class=\"flex-row flex-row--between menu-modal--social-media\">\r\n @if (newsletterBtn) {\r\n <tent-button\r\n type=\"dark-link\"\r\n [label]=\"newsletterBtn.label\"\r\n icon=\"icon-envelope-plus\"\r\n iconPosition=\"right\"\r\n (btnClick)=\"newsletterClick.emit()\"\r\n ></tent-button>\r\n } @if (socialButtons.length) {\r\n <ul class=\"menu-modal--socials\">\r\n @for (socialBtn of socialButtons; track $index) {\r\n <li>\r\n <a\r\n [href]=\"socialBtn.url\"\r\n rel=\"external\"\r\n target=\"_blank\"\r\n [ngClass]=\"socialBtn.icon\"\r\n class=\"module-travelers--social color--brown\"\r\n ></a>\r\n </li>\r\n\r\n }\r\n </ul>\r\n }\r\n </div>\r\n } @if (phoneBtn) {\r\n <div class=\"flex-row flex-row--between menu-modal--books\">\r\n <!-- <tent-button\r\n type=\"dark-link\"\r\n [label]=\"booksBtn.label\"\r\n [icon]=\"booksBtn.icon\"\r\n (btnClick)=\"booksClick.emit()\"\r\n ></tent-button> -->\r\n\r\n <tent-button\r\n type=\"dark-link\"\r\n [label]=\"phoneBtn.label\"\r\n [url]=\"phoneBtn.url\"\r\n icon=\"icon-phone\"\r\n iconPosition=\"left\"\r\n ></tent-button>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}: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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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}.menu-modal{align-self:center;max-width:490px;padding-top:90px}@media (min-width: 540px){.menu-modal{width:100%;padding-top:40px}}.menu-modal--logo{padding-bottom:50px}@media (min-width: 1024px){.menu-modal--logo{display:none}}.menu-modal--logo--img{width:84px}@media (min-width: 540px){.menu-modal--logo--img{width:125px}}@media (min-width: 768px){.menu-modal--logo--img{width:150px}}.menu-modal--title{font-family:var(--tent-font);color:#693d2d}.menu-modal--close{position:absolute;right:20px;top:20px}.menu-modal--content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.menu-modal--links{font-family:var(--tent-font);font-size:24px;font-weight:700;line-height:31.25px;text-align:left;width:100%}.menu-modal--link-wrapper{padding:12px 0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px;border-top:1px solid rgba(124,77,58,.3019607843);position:relative;cursor:pointer}@media (min-width: 540px){.menu-modal--link-wrapper{gap:26px}}.menu-modal--link-wrapper:before{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);content:\"\";position:absolute;left:0;bottom:-1px;width:0;height:1px;background-color:#693d2d}.menu-modal--link-wrapper:hover:before{width:100%}@media (min-width: 1280px){.menu-modal--link-wrapper{padding:30px 0 25px}}.menu-modal--btn{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.menu-modal--btn ::ng-deep .btn{width:36px;height:36px}.menu-modal--btn ::ng-deep .btn mat-icon{font-size:10px}.menu-modal--image-wrapper{width:65px;height:65px}@media (min-width: 768px){.menu-modal--image-wrapper{width:85px;height:85px}}.menu-modal--image{background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;padding-top:65px;width:65px}@media (min-width: 768px){.menu-modal--image{padding-top:85px;width:85px}}.menu-modal--link{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:30px}.menu-modal--link p{color:#693d2d;font-size:18px;font-family:var(--tent-font)}@media (min-width: 540px){.menu-modal--link p{font-size:24px}}.menu-modal--check-in--wrapper{padding:37px 0;border-top:1px solid rgba(124,77,58,.3019607843)}.menu-modal--check-in{padding:5px 30px;border-radius:6px;background-color:var(--color-check-in);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}.menu-modal--check-in{width:max-content}.menu-modal--check-in:hover{background-color:var(--color-check-in-hover)}.menu-modal--check-in span{font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:20.83px;text-align:center}.menu-modal--socials{display:flex;gap:30px}.menu-modal--social-media{padding:37px 0;border-top:1px solid rgba(124,77,58,.3019607843)}@media (max-width: 539px){.menu-modal--social-media{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap}}.menu-modal--social-media tent-button ::ng-deep .btn:after{display:none}.menu-modal--books{padding:37px 0;border-top:1px solid rgba(124,77,58,.3019607843)}.menu-modal--books tent-button ::ng-deep .btn:after{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled"], outputs: ["btnClick"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
|
|
1683
1683
|
}
|
|
1684
1684
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: MenuModalComponent, decorators: [{
|
|
1685
1685
|
type: Component,
|
|
1686
|
-
args: [{ selector: 'tent-menu-modal', standalone: true, imports: [CommonModule, ButtonComponent, RouterModule], template: "<div class=\"menu-modal\">\r\n <div class=\"menu-modal--close\">\r\n <tent-button\r\n type=\"dark-circle\"\r\n [icon]=\"closeBtn.icon\"\r\n [closeButton]=\"true\"\r\n (btnClick)=\"closeModal()\"\r\n ></tent-button>\r\n </div>\r\n\r\n <div class=\"menu-modal--content\">\r\n @if (logo) {\r\n <div class=\"flex-row flex-row--center menu-modal--logo\">\r\n <img class=\"menu-modal--logo--img\" [src]=\"logo\" alt=\"\" />\r\n </div>\r\n }\r\n <div class=\"menu-modal--links\">\r\n @if (items.length) { @for (item of items; track $index) { @if\r\n (item.title) {\r\n <a\r\n [href]=\"item.url\"\r\n [routerLink]=\"isInternalLink(item) ? [item.url] : null\"\r\n class=\"menu-modal--link-wrapper\"\r\n (click)=\"linkClicked(item, $event)\"\r\n >\r\n @if (item.image) {\r\n <div class=\"menu-modal--image-wrapper\">\r\n <figure\r\n class=\"menu-modal--image\"\r\n [style]=\"getImage(item.image)\"\r\n ></figure>\r\n </div>\r\n }\r\n <div class=\"menu-modal--link\">\r\n <p>\r\n {{ item.title }}\r\n </p>\r\n <tent-button\r\n class=\"menu-modal--btn\"\r\n type=\"dark-circle\"\r\n [icon]=\"buttonItem.icon\"\r\n ></tent-button>\r\n </div>\r\n </a>\r\n } }} @if (checkinLabel) {\r\n <div\r\n class=\"menu-modal--check-in--wrapper flex-row flex-row--center\"\r\n >\r\n <div class=\"menu-modal--check-in\" (click)=\"checkinClick.emit()\">\r\n <span class=\"color--white\">{{ checkinLabel }}</span>\r\n </div>\r\n </div>\r\n } @if (newsletterBtn || socialButtons) {\r\n <div class=\"flex-row flex-row--between menu-modal--social-media\">\r\n @if (newsletterBtn) {\r\n <tent-button\r\n type=\"dark-link\"\r\n [label]=\"newsletterBtn.label\"\r\n icon=\"icon-envelope-plus\"\r\n iconPosition=\"right\"\r\n (btnClick)=\"newsletterClick.emit()\"\r\n ></tent-button>\r\n } @if (socialButtons.length) {\r\n <ul class=\"menu-modal--socials\">\r\n @for (socialBtn of socialButtons; track $index) {\r\n <li>\r\n <a\r\n [href]=\"socialBtn.url\"\r\n rel=\"external\"\r\n target=\"_blank\"\r\n [ngClass]=\"socialBtn.icon\"\r\n class=\"module-travelers--social color--brown\"\r\n ></a>\r\n </li>\r\n\r\n }\r\n </ul>\r\n }\r\n </div>\r\n } @if (phoneBtn) {\r\n <div class=\"flex-row flex-row--between menu-modal--books\">\r\n <!-- <tent-button\r\n type=\"dark-link\"\r\n [label]=\"booksBtn.label\"\r\n [icon]=\"booksBtn.icon\"\r\n (btnClick)=\"booksClick.emit()\"\r\n ></tent-button> -->\r\n\r\n <tent-button\r\n type=\"dark-link\"\r\n [label]=\"phoneBtn.label\"\r\n [url]=\"phoneBtn.url\"\r\n linkType=\"external\"\r\n icon=\"icon-phone\"\r\n iconPosition=\"left\"\r\n ></tent-button>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}: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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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}.menu-modal{align-self:center;max-width:490px;padding-top:90px}@media (min-width: 540px){.menu-modal{width:100%;padding-top:40px}}.menu-modal--logo{padding-bottom:50px}@media (min-width: 1024px){.menu-modal--logo{display:none}}.menu-modal--logo--img{width:84px}@media (min-width: 540px){.menu-modal--logo--img{width:125px}}@media (min-width: 768px){.menu-modal--logo--img{width:150px}}.menu-modal--title{font-family:var(--tent-font);color:#693d2d}.menu-modal--close{position:absolute;right:20px;top:20px}.menu-modal--content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.menu-modal--links{font-family:var(--tent-font);font-size:24px;font-weight:700;line-height:31.25px;text-align:left;width:100%}.menu-modal--link-wrapper{padding:12px 0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px;border-top:1px solid rgba(124,77,58,.3019607843);position:relative;cursor:pointer}@media (min-width: 540px){.menu-modal--link-wrapper{gap:26px}}.menu-modal--link-wrapper:before{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);content:\"\";position:absolute;left:0;bottom:-1px;width:0;height:1px;background-color:#693d2d}.menu-modal--link-wrapper:hover:before{width:100%}@media (min-width: 1280px){.menu-modal--link-wrapper{padding:30px 0 25px}}.menu-modal--btn{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.menu-modal--btn ::ng-deep .btn{width:36px;height:36px}.menu-modal--btn ::ng-deep .btn mat-icon{font-size:10px}.menu-modal--image-wrapper{width:65px;height:65px}@media (min-width: 768px){.menu-modal--image-wrapper{width:85px;height:85px}}.menu-modal--image{background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;padding-top:65px;width:65px}@media (min-width: 768px){.menu-modal--image{padding-top:85px;width:85px}}.menu-modal--link{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:30px}.menu-modal--link p{color:#693d2d;font-size:18px;font-family:var(--tent-font)}@media (min-width: 540px){.menu-modal--link p{font-size:24px}}.menu-modal--check-in--wrapper{padding:37px 0;border-top:1px solid rgba(124,77,58,.3019607843)}.menu-modal--check-in{padding:5px 30px;border-radius:6px;background-color:var(--color-check-in);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}.menu-modal--check-in{width:max-content}.menu-modal--check-in:hover{background-color:var(--color-check-in-hover)}.menu-modal--check-in span{font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:20.83px;text-align:center}.menu-modal--socials{display:flex;gap:30px}.menu-modal--social-media{padding:37px 0;border-top:1px solid rgba(124,77,58,.3019607843)}@media (max-width: 539px){.menu-modal--social-media{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap}}.menu-modal--social-media tent-button ::ng-deep .btn:after{display:none}.menu-modal--books{padding:37px 0;border-top:1px solid rgba(124,77,58,.3019607843)}.menu-modal--books tent-button ::ng-deep .btn:after{display:none}\n"] }]
|
|
1686
|
+
args: [{ selector: 'tent-menu-modal', standalone: true, imports: [CommonModule, ButtonComponent, RouterModule], template: "<div class=\"menu-modal\">\r\n <div class=\"menu-modal--close\">\r\n <tent-button\r\n type=\"dark-circle\"\r\n [icon]=\"closeBtn.icon\"\r\n [closeButton]=\"true\"\r\n (btnClick)=\"closeModal()\"\r\n ></tent-button>\r\n </div>\r\n\r\n <div class=\"menu-modal--content\">\r\n @if (logo) {\r\n <div class=\"flex-row flex-row--center menu-modal--logo\">\r\n <img class=\"menu-modal--logo--img\" [src]=\"logo\" alt=\"\" />\r\n </div>\r\n }\r\n <div class=\"menu-modal--links\">\r\n @if (items.length) { @for (item of items; track $index) { @if\r\n (item.title) {\r\n <a\r\n [href]=\"item.url\"\r\n [routerLink]=\"isInternalLink(item) ? [item.url] : null\"\r\n class=\"menu-modal--link-wrapper\"\r\n (click)=\"linkClicked(item, $event)\"\r\n >\r\n @if (item.image) {\r\n <div class=\"menu-modal--image-wrapper\">\r\n <figure\r\n class=\"menu-modal--image\"\r\n [style]=\"getImage(item.image)\"\r\n ></figure>\r\n </div>\r\n }\r\n <div class=\"menu-modal--link\">\r\n <p>\r\n {{ item.title }}\r\n </p>\r\n <tent-button\r\n class=\"menu-modal--btn\"\r\n type=\"dark-circle\"\r\n [icon]=\"buttonItem.icon\"\r\n ></tent-button>\r\n </div>\r\n </a>\r\n } }} @if (checkinLabel) {\r\n <div\r\n class=\"menu-modal--check-in--wrapper flex-row flex-row--center\"\r\n >\r\n <div class=\"menu-modal--check-in\" (click)=\"checkinClick.emit()\">\r\n <span class=\"color--white\">{{ checkinLabel }}</span>\r\n </div>\r\n </div>\r\n } @if (newsletterBtn || socialButtons) {\r\n <div class=\"flex-row flex-row--between menu-modal--social-media\">\r\n @if (newsletterBtn) {\r\n <tent-button\r\n type=\"dark-link\"\r\n [label]=\"newsletterBtn.label\"\r\n icon=\"icon-envelope-plus\"\r\n iconPosition=\"right\"\r\n (btnClick)=\"newsletterClick.emit()\"\r\n ></tent-button>\r\n } @if (socialButtons.length) {\r\n <ul class=\"menu-modal--socials\">\r\n @for (socialBtn of socialButtons; track $index) {\r\n <li>\r\n <a\r\n [href]=\"socialBtn.url\"\r\n rel=\"external\"\r\n target=\"_blank\"\r\n [ngClass]=\"socialBtn.icon\"\r\n class=\"module-travelers--social color--brown\"\r\n ></a>\r\n </li>\r\n\r\n }\r\n </ul>\r\n }\r\n </div>\r\n } @if (phoneBtn) {\r\n <div class=\"flex-row flex-row--between menu-modal--books\">\r\n <!-- <tent-button\r\n type=\"dark-link\"\r\n [label]=\"booksBtn.label\"\r\n [icon]=\"booksBtn.icon\"\r\n (btnClick)=\"booksClick.emit()\"\r\n ></tent-button> -->\r\n\r\n <tent-button\r\n type=\"dark-link\"\r\n [label]=\"phoneBtn.label\"\r\n [url]=\"phoneBtn.url\"\r\n icon=\"icon-phone\"\r\n iconPosition=\"left\"\r\n ></tent-button>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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}.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--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:38px}}@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:pointer;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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.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}: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;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: 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}.menu-modal{align-self:center;max-width:490px;padding-top:90px}@media (min-width: 540px){.menu-modal{width:100%;padding-top:40px}}.menu-modal--logo{padding-bottom:50px}@media (min-width: 1024px){.menu-modal--logo{display:none}}.menu-modal--logo--img{width:84px}@media (min-width: 540px){.menu-modal--logo--img{width:125px}}@media (min-width: 768px){.menu-modal--logo--img{width:150px}}.menu-modal--title{font-family:var(--tent-font);color:#693d2d}.menu-modal--close{position:absolute;right:20px;top:20px}.menu-modal--content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.menu-modal--links{font-family:var(--tent-font);font-size:24px;font-weight:700;line-height:31.25px;text-align:left;width:100%}.menu-modal--link-wrapper{padding:12px 0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px;border-top:1px solid rgba(124,77,58,.3019607843);position:relative;cursor:pointer}@media (min-width: 540px){.menu-modal--link-wrapper{gap:26px}}.menu-modal--link-wrapper:before{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);content:\"\";position:absolute;left:0;bottom:-1px;width:0;height:1px;background-color:#693d2d}.menu-modal--link-wrapper:hover:before{width:100%}@media (min-width: 1280px){.menu-modal--link-wrapper{padding:30px 0 25px}}.menu-modal--btn{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.menu-modal--btn ::ng-deep .btn{width:36px;height:36px}.menu-modal--btn ::ng-deep .btn mat-icon{font-size:10px}.menu-modal--image-wrapper{width:65px;height:65px}@media (min-width: 768px){.menu-modal--image-wrapper{width:85px;height:85px}}.menu-modal--image{background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;padding-top:65px;width:65px}@media (min-width: 768px){.menu-modal--image{padding-top:85px;width:85px}}.menu-modal--link{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:30px}.menu-modal--link p{color:#693d2d;font-size:18px;font-family:var(--tent-font)}@media (min-width: 540px){.menu-modal--link p{font-size:24px}}.menu-modal--check-in--wrapper{padding:37px 0;border-top:1px solid rgba(124,77,58,.3019607843)}.menu-modal--check-in{padding:5px 30px;border-radius:6px;background-color:var(--color-check-in);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}.menu-modal--check-in{width:max-content}.menu-modal--check-in:hover{background-color:var(--color-check-in-hover)}.menu-modal--check-in span{font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:20.83px;text-align:center}.menu-modal--socials{display:flex;gap:30px}.menu-modal--social-media{padding:37px 0;border-top:1px solid rgba(124,77,58,.3019607843)}@media (max-width: 539px){.menu-modal--social-media{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap}}.menu-modal--social-media tent-button ::ng-deep .btn:after{display:none}.menu-modal--books{padding:37px 0;border-top:1px solid rgba(124,77,58,.3019607843)}.menu-modal--books tent-button ::ng-deep .btn:after{display:none}\n"] }]
|
|
1687
1687
|
}], propDecorators: { closeBtn: [{
|
|
1688
1688
|
type: Input
|
|
1689
1689
|
}], logo: [{
|