tent-lib 0.0.783 → 0.0.784
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/core/brunch/brunch.component.mjs +14 -63
- package/esm2022/lib/components/core/info-slider/info-slider.component.mjs +49 -50
- package/fesm2022/tent-lib.mjs +59 -112
- package/fesm2022/tent-lib.mjs.map +1 -1
- package/lib/components/core/brunch/brunch.component.d.ts +3 -5
- package/lib/components/core/info-slider/info-slider.component.d.ts +4 -3
- package/package.json +1 -1
package/fesm2022/tent-lib.mjs
CHANGED
|
@@ -22,7 +22,9 @@ import { DialogModule } from 'primeng/dialog';
|
|
|
22
22
|
import { fromEvent, tap, debounceTime, map, distinctUntilChanged, startWith } from 'rxjs';
|
|
23
23
|
import * as i2$4 from '@angular/material/checkbox';
|
|
24
24
|
import { MatCheckboxModule } from '@angular/material/checkbox';
|
|
25
|
-
import * as
|
|
25
|
+
import * as i5 from '@angular/material/progress-spinner';
|
|
26
|
+
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
|
|
27
|
+
import * as i4 from '@angular/youtube-player';
|
|
26
28
|
import { YouTubePlayerModule } from '@angular/youtube-player';
|
|
27
29
|
import * as i1$3 from '@angular/google-maps';
|
|
28
30
|
import { GoogleMapsModule } from '@angular/google-maps';
|
|
@@ -2564,6 +2566,8 @@ class InfoSliderComponent {
|
|
|
2564
2566
|
nav: true,
|
|
2565
2567
|
};
|
|
2566
2568
|
this.collapsed = true;
|
|
2569
|
+
this.apiloaded = false;
|
|
2570
|
+
this.loading = true;
|
|
2567
2571
|
}
|
|
2568
2572
|
toggleCollapse() {
|
|
2569
2573
|
this.collapsed = !this.collapsed;
|
|
@@ -2571,6 +2575,21 @@ class InfoSliderComponent {
|
|
|
2571
2575
|
ngOnInit() {
|
|
2572
2576
|
if (this.video) {
|
|
2573
2577
|
this.initPlayer();
|
|
2578
|
+
this.playerVars = {
|
|
2579
|
+
enablejsapi: 1,
|
|
2580
|
+
autoplay: 1,
|
|
2581
|
+
controls: 0,
|
|
2582
|
+
showinfo: 0,
|
|
2583
|
+
modestbranding: 1,
|
|
2584
|
+
loop: 1,
|
|
2585
|
+
fs: 1,
|
|
2586
|
+
cc_load_policy: 1,
|
|
2587
|
+
iv_load_policy: 3,
|
|
2588
|
+
autohide: 1,
|
|
2589
|
+
rel: 0,
|
|
2590
|
+
playsinline: 1,
|
|
2591
|
+
playlist: this.video?.src,
|
|
2592
|
+
};
|
|
2574
2593
|
}
|
|
2575
2594
|
this.sliderOptions = {
|
|
2576
2595
|
...this.sliderOptions,
|
|
@@ -2584,9 +2603,29 @@ class InfoSliderComponent {
|
|
|
2584
2603
|
],
|
|
2585
2604
|
};
|
|
2586
2605
|
}
|
|
2587
|
-
|
|
2588
|
-
|
|
2589
|
-
|
|
2606
|
+
onStateChange(e) {
|
|
2607
|
+
e.target.setPlaybackQuality('highres');
|
|
2608
|
+
if (e.data == YT.PlayerState.PLAYING) {
|
|
2609
|
+
setTimeout(() => {
|
|
2610
|
+
e.target.playVideo();
|
|
2611
|
+
document
|
|
2612
|
+
.getElementsByTagName('youtube-player')[0]
|
|
2613
|
+
.children[0].children[0].setAttribute('style', 'opacity: 1');
|
|
2614
|
+
this.loading = false;
|
|
2615
|
+
}, 3000);
|
|
2616
|
+
}
|
|
2617
|
+
if (e.data == YT.PlayerState.PAUSED) {
|
|
2618
|
+
setTimeout(() => {
|
|
2619
|
+
e.target.playVideo();
|
|
2620
|
+
document
|
|
2621
|
+
.getElementsByTagName('youtube-player')[0]
|
|
2622
|
+
.children[0].children[0].setAttribute('style', 'opacity: 1');
|
|
2623
|
+
this.loading = false;
|
|
2624
|
+
}, 3000);
|
|
2625
|
+
}
|
|
2626
|
+
if (e.data == YT.PlayerState.ENDED) {
|
|
2627
|
+
e.target.seekTo(0);
|
|
2628
|
+
e.target.playVideo();
|
|
2590
2629
|
}
|
|
2591
2630
|
}
|
|
2592
2631
|
initPlayer() {
|
|
@@ -2598,55 +2637,13 @@ class InfoSliderComponent {
|
|
|
2598
2637
|
const firstScriptTag = document.getElementsByTagName('script')[0];
|
|
2599
2638
|
firstScriptTag.parentNode?.insertBefore(this.tag, firstScriptTag);
|
|
2600
2639
|
window['onYouTubeIframeAPIReady'] = () => {
|
|
2601
|
-
this.
|
|
2640
|
+
this.apiloaded = true;
|
|
2602
2641
|
};
|
|
2603
2642
|
}
|
|
2604
2643
|
else {
|
|
2605
|
-
this.
|
|
2644
|
+
this.apiloaded = true;
|
|
2606
2645
|
}
|
|
2607
2646
|
}
|
|
2608
|
-
createPlayer() {
|
|
2609
|
-
this.player = new YT.Player('youtube-player-services', {
|
|
2610
|
-
videoId: this.video?.src,
|
|
2611
|
-
playerVars: {
|
|
2612
|
-
enablejsapi: 1,
|
|
2613
|
-
autoplay: 1,
|
|
2614
|
-
controls: 0,
|
|
2615
|
-
showinfo: 0,
|
|
2616
|
-
modestbranding: 1,
|
|
2617
|
-
loop: 1,
|
|
2618
|
-
fs: 1,
|
|
2619
|
-
cc_load_policy: 1,
|
|
2620
|
-
iv_load_policy: 3,
|
|
2621
|
-
autohide: 1,
|
|
2622
|
-
rel: 0,
|
|
2623
|
-
playsinline: 1,
|
|
2624
|
-
playlist: this.video?.src,
|
|
2625
|
-
},
|
|
2626
|
-
events: {
|
|
2627
|
-
onReady: this.onPlayerReady,
|
|
2628
|
-
onStateChange: (e) => {
|
|
2629
|
-
e.target.setPlaybackQuality('highres');
|
|
2630
|
-
if (e.data == YT.PlayerState.PLAYING) {
|
|
2631
|
-
setTimeout(() => {
|
|
2632
|
-
e.target.playVideo();
|
|
2633
|
-
document.getElementById('youtube-player-brunch').style.opacity = '1';
|
|
2634
|
-
}, 2800);
|
|
2635
|
-
}
|
|
2636
|
-
if (e.data == YT.PlayerState.PAUSED) {
|
|
2637
|
-
setTimeout(function () {
|
|
2638
|
-
e.target.playVideo();
|
|
2639
|
-
document.getElementById('youtube-player-brunch').style.opacity = '1';
|
|
2640
|
-
}, 2800);
|
|
2641
|
-
}
|
|
2642
|
-
if (e.data == YT.PlayerState.ENDED) {
|
|
2643
|
-
e.target.seekTo(0);
|
|
2644
|
-
e.target.playVideo();
|
|
2645
|
-
}
|
|
2646
|
-
},
|
|
2647
|
-
},
|
|
2648
|
-
});
|
|
2649
|
-
}
|
|
2650
2647
|
onPlayerReady(event) {
|
|
2651
2648
|
event.target.mute();
|
|
2652
2649
|
event.target.playVideo();
|
|
@@ -2655,7 +2652,7 @@ class InfoSliderComponent {
|
|
|
2655
2652
|
return this.sanitizer.bypassSecurityTrustStyle(`background-image: url(${image})`);
|
|
2656
2653
|
}
|
|
2657
2654
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InfoSliderComponent, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2658
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InfoSliderComponent, isStandalone: true, selector: "tent-info-slider", inputs: { theme: "theme", infoalign: "infoalign", images: "images", title: "title", description: "description", video: "video", additionalDescription: "additionalDescription", links: "links", slim: "slim" }, ngImport: i0, template: "<section class=\"info-slider module-spacer--bottom\" [ngClass]=\"[theme]\">\r\n <div\r\n class=\"info-slider--content wrapper-big\"\r\n [ngClass]=\"{ 'info-slider--content--slim': slim }\"\r\n >\r\n <div class=\"info-slider--box\" [ngClass]=\"[infoalign]\">\r\n @if (video) {\r\n <div class=\"info-slider--video info-slider--slider\">\r\n <div id=\"youtube-player-services\"></div>\r\n </div>\r\n } @else if (images?.length) {\r\n <owl-carousel-o\r\n class=\"info-slider--slider slider-circle--center figure-sticky\"\r\n [ngClass]=\"{ 'info-slider--slider--slim': slim }\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (img of images; track $index) {\r\n <ng-template carouselSlide>\r\n <div\r\n class=\"info-slider--photo figure-content\"\r\n [ngClass]=\"{ 'info-slider--photo--slim': slim }\"\r\n >\r\n <figure\r\n class=\"figure-full\"\r\n [style]=\"getImage(img)\"\r\n ></figure>\r\n </div>\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n }\r\n <div\r\n class=\"info-slider--info\"\r\n [ngClass]=\"collapsed ? 'close' : 'open'\"\r\n >\r\n @if (title || description) {\r\n <div class=\"info-slider--info--inner\">\r\n @if (title) {\r\n <h2\r\n class=\"location-beach--info--title title--60 color--brown\"\r\n >\r\n {{ title }}\r\n </h2>\r\n\r\n } @if (description) {\r\n <div class=\"info-slider--info--des\">\r\n <p class=\"text\">\r\n {{ description }}\r\n </p>\r\n @if (additionalDescription) {\r\n <p class=\"text text-more\">\r\n {{ additionalDescription }}\r\n </p>\r\n } @if (links?.length) {\r\n <div class=\"info-slider--btns\">\r\n @for (link of links; track $index; let first =\r\n $first) {\r\n <tent-button\r\n class=\"btn-more\"\r\n [ngClass]=\"{\r\n 'btn-more': first,\r\n 'btn-minus': !first\r\n }\"\r\n type=\"dark-link\"\r\n [label]=\"link.label\"\r\n (click)=\"toggleCollapse()\"\r\n [name]=\"link.label\"\r\n ></tent-button>\r\n }\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\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;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.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:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor: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-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.info-slider.theme-laundry ::ng-deep .color--brown{color:#005f87}.info-slider.theme-laundry ::ng-deep .info-slider--box:before{background-color:#e7f9fb}.info-slider.theme-laundry ::ng-deep .info-slider--info:before,.info-slider.theme-laundry ::ng-deep .info-slider--slider:before{background-color:#e7f9fb}.info-slider.theme-laundry ::ng-deep .btn--link{color:#0cc2ce}.info-slider.theme-laundry ::ng-deep .btn--link:after{background-color:#0cc2ce}.info-slider--content{position:relative}.info-slider--box{gap:0rem;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.info-slider--slider{max-width:100%;width:100%;position:relative}.info-slider--slider:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;z-index:-1;height:110%;width:124%;left:-12%;top:50%;border-radius:12px 12px 0 0}.info-slider--info{flex:1 0 0%;width:100%;max-width:100%;margin:0 auto;position:relative;padding-bottom:40px}.info-slider--info:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;z-index:-1;width:calc(100% + 60px);left:-30px;top:0%;border-radius:0 0 12px 12px}.info-slider--info.close .btn-minus,.info-slider--info.close .text-more,.info-slider--info.open .btn-more{display:none}.info-slider--info--title{padding-bottom:30px;margin-bottom:30px;margin-top:10px;border-bottom:1px solid var(--color-linea-brown-light2)}.info-slider--info .text{margin-bottom:20px}.info-slider--info--des{padding:10px 0 25px}.info-slider--photo{aspect-ratio:412/263;position:relative;overflow:hidden;width:100%;border-radius:12px}.info-slider--photo--slim{max-height:400px}.info-slider--video{height:220px}.info-slider ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 20px);left:10px;top:50%}@media (max-width: 1279px){.info-slider ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 20px);left:10px;top:50%}}@media (max-width: 1023px){.info-slider ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 10px);left:5px;top:50%}}@media (max-width: 539px){.info-slider ::ng-deep .slider-circle--center .owl-nav{width:calc(100% + 60px);left:-30px;top:50%}}@media (min-width: 540px){.info-slider--content{padding:0 25px;position:relative}.info-slider--slider:before{width:calc(100% + 50px);left:-25px}.info-slider--photo{aspect-ratio:412/276}.info-slider--info:before{width:calc(100% + 50px);left:-25px}.info-slider--info--inner{padding:0 15px}.info-slider--info--title{padding-bottom:25px;margin-bottom:25px}.info-slider--video{height:284px}}@media (min-width: 768px){.info-slider--content{padding:0 35px;position:relative}.info-slider--slider:before{width:calc(100% + 70px);left:-35px;height:100%}.info-slider--photo{aspect-ratio:581/388}.info-slider--video{height:407px}.info-slider--info:before{width:calc(100% + 70px);left:-35px}.info-slider--info--inner{padding:0 35px}.info-slider--info--title{padding-bottom:40px;margin-bottom:30px}}@media (min-width: 1024px){.info-slider--content{padding:0 82px;position:relative}.info-slider--slider:before{width:calc(100% + 82px);left:-41px;height:60%}.info-slider--video{height:527px}.info-slider--photo{aspect-ratio:581/388}.info-slider--info:before{width:calc(100% + 82px);left:-41px}}@media (min-width: 1280px){.info-slider{padding-top:35px}.info-slider--content{padding:0 65px}.info-slider--box{gap:0px;position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.info-slider--box.info-left{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.info-slider--box.info-left:before{left:-80px}.info-slider--box:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;left:0;top:0%;height:calc(100% + 60px);width:calc(50% + 180px);left:calc(50% - 120px);top:-30px;z-index:-1;border-radius:12px}.info-slider--slider{width:55%}.info-slider--slider:before{content:none}.info-slider--video{height:420px}.info-slider--photo{aspect-ratio:560/410}.info-slider--info{width:45%;padding-bottom:0}.info-slider--info:before{content:none}.info-slider--info--inner{padding:0 50px;display:flex;flex-direction:column;justify-content:center;min-height:400px}.info-slider--info--title{padding-bottom:30px;margin-bottom:30px}}@media (min-width: 1366px){.info-slider{padding-top:30px}.info-slider--photo{aspect-ratio:606/440}.info-slider--inner{min-height:540px}.info-slider--video{height:450px}}@media (min-width: 1680px){.info-slider{padding-top:45px}.info-slider--content{padding:0 93px}.info-slider--photo{aspect-ratio:803/437}.info-slider--info--inner{padding:15px 60px 0;min-height:401px}.info-slider--video{height:410px}}@media (min-width: 1800px){.info-slider{padding-top:0;padding-bottom:50px!important}.info-slider--content{padding:0 100px}.info-slider--content--slim{max-height:456px}.info-slider--photo{aspect-ratio:861/576}.info-slider--info--inner{padding:10px 60px 0;min-height:546px}.info-slider--slider{top:2rem}.info-slider--video{height:577px}.info-slider--box:before{top:0;max-height:470px}}\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", "name"], outputs: ["btnClick"] }, { 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: YouTubePlayerModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2655
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InfoSliderComponent, isStandalone: true, selector: "tent-info-slider", inputs: { theme: "theme", infoalign: "infoalign", images: "images", title: "title", description: "description", video: "video", additionalDescription: "additionalDescription", links: "links", slim: "slim" }, ngImport: i0, template: "<section class=\"info-slider module-spacer--bottom\" [ngClass]=\"[theme]\">\r\n <div\r\n class=\"info-slider--content wrapper-big\"\r\n [ngClass]=\"{ 'info-slider--content--slim': slim }\"\r\n >\r\n <div class=\"info-slider--box\" [ngClass]=\"[infoalign]\">\r\n @if (video) {\r\n <div class=\"info-slider--video info-slider--slider\">\r\n @if (loading) {\r\n <mat-spinner></mat-spinner>\r\n } @if (apiloaded) {\r\n <youtube-player\r\n #ytPlayer\r\n [videoId]=\"video.src\"\r\n suggestedQuality=\"highres\"\r\n [showBeforeIframeApiLoads]=\"true\"\r\n [playerVars]=\"playerVars\"\r\n (stateChange)=\"onStateChange($event)\"\r\n (ready)=\"onPlayerReady($event)\"\r\n [disablePlaceholder]=\"true\"\r\n >\r\n </youtube-player\r\n >}\r\n </div>\r\n } @else if (images?.length) {\r\n <owl-carousel-o\r\n class=\"info-slider--slider slider-circle--center figure-sticky\"\r\n [ngClass]=\"{ 'info-slider--slider--slim': slim }\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (img of images; track $index) {\r\n <ng-template carouselSlide>\r\n <div\r\n class=\"info-slider--photo figure-content\"\r\n [ngClass]=\"{ 'info-slider--photo--slim': slim }\"\r\n >\r\n <figure\r\n class=\"figure-full\"\r\n [style]=\"getImage(img)\"\r\n ></figure>\r\n </div>\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n }\r\n <div\r\n class=\"info-slider--info\"\r\n [ngClass]=\"collapsed ? 'close' : 'open'\"\r\n >\r\n @if (title || description) {\r\n <div class=\"info-slider--info--inner\">\r\n @if (title) {\r\n <h2\r\n class=\"location-beach--info--title title--60 color--brown\"\r\n >\r\n {{ title }}\r\n </h2>\r\n\r\n } @if (description) {\r\n <div class=\"info-slider--info--des\">\r\n <p class=\"text\">\r\n {{ description }}\r\n </p>\r\n @if (additionalDescription) {\r\n <p class=\"text text-more\">\r\n {{ additionalDescription }}\r\n </p>\r\n } @if (links?.length) {\r\n <div class=\"info-slider--btns\">\r\n @for (link of links; track $index; let first =\r\n $first) {\r\n <tent-button\r\n class=\"btn-more\"\r\n [ngClass]=\"{\r\n 'btn-more': first,\r\n 'btn-minus': !first\r\n }\"\r\n type=\"dark-link\"\r\n [label]=\"link.label\"\r\n (click)=\"toggleCollapse()\"\r\n [name]=\"link.label\"\r\n ></tent-button>\r\n }\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\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;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.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:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor: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-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.info-slider.theme-laundry ::ng-deep .color--brown{color:#005f87}.info-slider.theme-laundry ::ng-deep .info-slider--box:before{background-color:#e7f9fb}.info-slider.theme-laundry ::ng-deep .info-slider--info:before,.info-slider.theme-laundry ::ng-deep .info-slider--slider:before{background-color:#e7f9fb}.info-slider.theme-laundry ::ng-deep .btn--link{color:#0cc2ce}.info-slider.theme-laundry ::ng-deep .btn--link:after{background-color:#0cc2ce}.info-slider--content{position:relative}.info-slider--box{gap:0rem;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.info-slider--slider{max-width:100%;width:100%;position:relative}.info-slider--slider:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;z-index:-1;height:110%;width:124%;left:-12%;top:50%;border-radius:12px 12px 0 0}.info-slider--info{flex:1 0 0%;width:100%;max-width:100%;margin:0 auto;position:relative;padding-bottom:40px}.info-slider--info:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;z-index:-1;width:calc(100% + 60px);left:-30px;top:0%;border-radius:0 0 12px 12px}.info-slider--info.close .btn-minus,.info-slider--info.close .text-more,.info-slider--info.open .btn-more{display:none}.info-slider--info--title{padding-bottom:30px;margin-bottom:30px;margin-top:10px;border-bottom:1px solid var(--color-linea-brown-light2)}.info-slider--info .text{margin-bottom:20px}.info-slider--info--des{padding:10px 0 25px}.info-slider--photo{aspect-ratio:412/263;position:relative;overflow:hidden;width:100%;border-radius:12px}.info-slider--photo--slim{max-height:400px}.info-slider--video{height:220px}.info-slider youtube-player ::ng-deep div{height:100%}.info-slider youtube-player ::ng-deep div iframe{width:100%;height:100%;border-radius:12px;pointer-events:none;opacity:0}@media (min-width: 1800px){.info-slider youtube-player ::ng-deep div iframe{height:98%}}.info-slider ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 20px);left:10px;top:50%}@media (max-width: 1279px){.info-slider ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 20px);left:10px;top:50%}}@media (max-width: 1023px){.info-slider ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 10px);left:5px;top:50%}}@media (max-width: 539px){.info-slider ::ng-deep .slider-circle--center .owl-nav{width:calc(100% + 60px);left:-30px;top:50%}}@media (min-width: 540px){.info-slider--content{padding:0 25px;position:relative}.info-slider--slider:before{width:calc(100% + 50px);left:-25px}.info-slider--photo{aspect-ratio:412/276}.info-slider--info:before{width:calc(100% + 50px);left:-25px}.info-slider--info--inner{padding:0 15px}.info-slider--info--title{padding-bottom:25px;margin-bottom:25px}.info-slider--video{height:284px}}@media (min-width: 768px){.info-slider--content{padding:0 35px;position:relative}.info-slider--slider:before{width:calc(100% + 70px);left:-35px;height:100%}.info-slider--photo{aspect-ratio:581/388}.info-slider--video{height:407px}.info-slider--info:before{width:calc(100% + 70px);left:-35px}.info-slider--info--inner{padding:0 35px}.info-slider--info--title{padding-bottom:40px;margin-bottom:30px}}@media (min-width: 1024px){.info-slider--content{padding:0 82px;position:relative}.info-slider--slider:before{width:calc(100% + 82px);left:-41px;height:60%}.info-slider--video{height:527px}.info-slider--photo{aspect-ratio:581/388}.info-slider--info:before{width:calc(100% + 82px);left:-41px}}@media (min-width: 1280px){.info-slider{padding-top:35px}.info-slider--content{padding:0 65px}.info-slider--box{gap:0px;position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.info-slider--box.info-left{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.info-slider--box.info-left:before{left:-80px}.info-slider--box:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;left:0;top:0%;height:calc(100% + 60px);width:calc(50% + 180px);left:calc(50% - 120px);top:-30px;z-index:-1;border-radius:12px}.info-slider--slider{width:55%}.info-slider--slider:before{content:none}.info-slider--video{height:420px}.info-slider--photo{aspect-ratio:560/410}.info-slider--info{width:45%;padding-bottom:0}.info-slider--info:before{content:none}.info-slider--info--inner{padding:0 50px;display:flex;flex-direction:column;justify-content:center;min-height:400px}.info-slider--info--title{padding-bottom:30px;margin-bottom:30px}}@media (min-width: 1366px){.info-slider{padding-top:30px}.info-slider--photo{aspect-ratio:606/440}.info-slider--inner{min-height:540px}.info-slider--video{height:450px}}@media (min-width: 1680px){.info-slider{padding-top:45px}.info-slider--content{padding:0 93px}.info-slider--photo{aspect-ratio:803/437}.info-slider--info--inner{padding:15px 60px 0;min-height:401px}.info-slider--video{height:410px}}@media (min-width: 1800px){.info-slider{padding-top:0;padding-bottom:50px!important}.info-slider--content{padding:0 100px}.info-slider--content--slim{max-height:456px}.info-slider--photo{aspect-ratio:861/576}.info-slider--info--inner{padding:10px 60px 0;min-height:546px}.info-slider--slider{top:2rem}.info-slider--video{height:577px}.info-slider--box:before{top:0;max-height:470px}}\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", "name"], outputs: ["btnClick"] }, { 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: YouTubePlayerModule }, { kind: "component", type: i4.YouTubePlayer, selector: "youtube-player", inputs: ["videoId", "height", "width", "startSeconds", "endSeconds", "suggestedQuality", "playerVars", "disableCookies", "loadApi", "disablePlaceholder", "showBeforeIframeApiLoads", "placeholderButtonLabel", "placeholderImageQuality"], outputs: ["ready", "stateChange", "error", "apiChange", "playbackQualityChange", "playbackRateChange"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2659
2656
|
}
|
|
2660
2657
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InfoSliderComponent, decorators: [{
|
|
2661
2658
|
type: Component,
|
|
@@ -2664,7 +2661,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2664
2661
|
ButtonComponent,
|
|
2665
2662
|
CarouselModule,
|
|
2666
2663
|
YouTubePlayerModule,
|
|
2667
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"info-slider module-spacer--bottom\" [ngClass]=\"[theme]\">\r\n <div\r\n class=\"info-slider--content wrapper-big\"\r\n [ngClass]=\"{ 'info-slider--content--slim': slim }\"\r\n >\r\n <div class=\"info-slider--box\" [ngClass]=\"[infoalign]\">\r\n @if (video) {\r\n <div class=\"info-slider--video info-slider--slider\">\r\n <div id=\"youtube-player-services\"></div>\r\n </div>\r\n } @else if (images?.length) {\r\n <owl-carousel-o\r\n class=\"info-slider--slider slider-circle--center figure-sticky\"\r\n [ngClass]=\"{ 'info-slider--slider--slim': slim }\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (img of images; track $index) {\r\n <ng-template carouselSlide>\r\n <div\r\n class=\"info-slider--photo figure-content\"\r\n [ngClass]=\"{ 'info-slider--photo--slim': slim }\"\r\n >\r\n <figure\r\n class=\"figure-full\"\r\n [style]=\"getImage(img)\"\r\n ></figure>\r\n </div>\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n }\r\n <div\r\n class=\"info-slider--info\"\r\n [ngClass]=\"collapsed ? 'close' : 'open'\"\r\n >\r\n @if (title || description) {\r\n <div class=\"info-slider--info--inner\">\r\n @if (title) {\r\n <h2\r\n class=\"location-beach--info--title title--60 color--brown\"\r\n >\r\n {{ title }}\r\n </h2>\r\n\r\n } @if (description) {\r\n <div class=\"info-slider--info--des\">\r\n <p class=\"text\">\r\n {{ description }}\r\n </p>\r\n @if (additionalDescription) {\r\n <p class=\"text text-more\">\r\n {{ additionalDescription }}\r\n </p>\r\n } @if (links?.length) {\r\n <div class=\"info-slider--btns\">\r\n @for (link of links; track $index; let first =\r\n $first) {\r\n <tent-button\r\n class=\"btn-more\"\r\n [ngClass]=\"{\r\n 'btn-more': first,\r\n 'btn-minus': !first\r\n }\"\r\n type=\"dark-link\"\r\n [label]=\"link.label\"\r\n (click)=\"toggleCollapse()\"\r\n [name]=\"link.label\"\r\n ></tent-button>\r\n }\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\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;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.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:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor: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-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.info-slider.theme-laundry ::ng-deep .color--brown{color:#005f87}.info-slider.theme-laundry ::ng-deep .info-slider--box:before{background-color:#e7f9fb}.info-slider.theme-laundry ::ng-deep .info-slider--info:before,.info-slider.theme-laundry ::ng-deep .info-slider--slider:before{background-color:#e7f9fb}.info-slider.theme-laundry ::ng-deep .btn--link{color:#0cc2ce}.info-slider.theme-laundry ::ng-deep .btn--link:after{background-color:#0cc2ce}.info-slider--content{position:relative}.info-slider--box{gap:0rem;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.info-slider--slider{max-width:100%;width:100%;position:relative}.info-slider--slider:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;z-index:-1;height:110%;width:124%;left:-12%;top:50%;border-radius:12px 12px 0 0}.info-slider--info{flex:1 0 0%;width:100%;max-width:100%;margin:0 auto;position:relative;padding-bottom:40px}.info-slider--info:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;z-index:-1;width:calc(100% + 60px);left:-30px;top:0%;border-radius:0 0 12px 12px}.info-slider--info.close .btn-minus,.info-slider--info.close .text-more,.info-slider--info.open .btn-more{display:none}.info-slider--info--title{padding-bottom:30px;margin-bottom:30px;margin-top:10px;border-bottom:1px solid var(--color-linea-brown-light2)}.info-slider--info .text{margin-bottom:20px}.info-slider--info--des{padding:10px 0 25px}.info-slider--photo{aspect-ratio:412/263;position:relative;overflow:hidden;width:100%;border-radius:12px}.info-slider--photo--slim{max-height:400px}.info-slider--video{height:220px}.info-slider ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 20px);left:10px;top:50%}@media (max-width: 1279px){.info-slider ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 20px);left:10px;top:50%}}@media (max-width: 1023px){.info-slider ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 10px);left:5px;top:50%}}@media (max-width: 539px){.info-slider ::ng-deep .slider-circle--center .owl-nav{width:calc(100% + 60px);left:-30px;top:50%}}@media (min-width: 540px){.info-slider--content{padding:0 25px;position:relative}.info-slider--slider:before{width:calc(100% + 50px);left:-25px}.info-slider--photo{aspect-ratio:412/276}.info-slider--info:before{width:calc(100% + 50px);left:-25px}.info-slider--info--inner{padding:0 15px}.info-slider--info--title{padding-bottom:25px;margin-bottom:25px}.info-slider--video{height:284px}}@media (min-width: 768px){.info-slider--content{padding:0 35px;position:relative}.info-slider--slider:before{width:calc(100% + 70px);left:-35px;height:100%}.info-slider--photo{aspect-ratio:581/388}.info-slider--video{height:407px}.info-slider--info:before{width:calc(100% + 70px);left:-35px}.info-slider--info--inner{padding:0 35px}.info-slider--info--title{padding-bottom:40px;margin-bottom:30px}}@media (min-width: 1024px){.info-slider--content{padding:0 82px;position:relative}.info-slider--slider:before{width:calc(100% + 82px);left:-41px;height:60%}.info-slider--video{height:527px}.info-slider--photo{aspect-ratio:581/388}.info-slider--info:before{width:calc(100% + 82px);left:-41px}}@media (min-width: 1280px){.info-slider{padding-top:35px}.info-slider--content{padding:0 65px}.info-slider--box{gap:0px;position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.info-slider--box.info-left{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.info-slider--box.info-left:before{left:-80px}.info-slider--box:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;left:0;top:0%;height:calc(100% + 60px);width:calc(50% + 180px);left:calc(50% - 120px);top:-30px;z-index:-1;border-radius:12px}.info-slider--slider{width:55%}.info-slider--slider:before{content:none}.info-slider--video{height:420px}.info-slider--photo{aspect-ratio:560/410}.info-slider--info{width:45%;padding-bottom:0}.info-slider--info:before{content:none}.info-slider--info--inner{padding:0 50px;display:flex;flex-direction:column;justify-content:center;min-height:400px}.info-slider--info--title{padding-bottom:30px;margin-bottom:30px}}@media (min-width: 1366px){.info-slider{padding-top:30px}.info-slider--photo{aspect-ratio:606/440}.info-slider--inner{min-height:540px}.info-slider--video{height:450px}}@media (min-width: 1680px){.info-slider{padding-top:45px}.info-slider--content{padding:0 93px}.info-slider--photo{aspect-ratio:803/437}.info-slider--info--inner{padding:15px 60px 0;min-height:401px}.info-slider--video{height:410px}}@media (min-width: 1800px){.info-slider{padding-top:0;padding-bottom:50px!important}.info-slider--content{padding:0 100px}.info-slider--content--slim{max-height:456px}.info-slider--photo{aspect-ratio:861/576}.info-slider--info--inner{padding:10px 60px 0;min-height:546px}.info-slider--slider{top:2rem}.info-slider--video{height:577px}.info-slider--box:before{top:0;max-height:470px}}\n"] }]
|
|
2664
|
+
MatProgressSpinnerModule,
|
|
2665
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"info-slider module-spacer--bottom\" [ngClass]=\"[theme]\">\r\n <div\r\n class=\"info-slider--content wrapper-big\"\r\n [ngClass]=\"{ 'info-slider--content--slim': slim }\"\r\n >\r\n <div class=\"info-slider--box\" [ngClass]=\"[infoalign]\">\r\n @if (video) {\r\n <div class=\"info-slider--video info-slider--slider\">\r\n @if (loading) {\r\n <mat-spinner></mat-spinner>\r\n } @if (apiloaded) {\r\n <youtube-player\r\n #ytPlayer\r\n [videoId]=\"video.src\"\r\n suggestedQuality=\"highres\"\r\n [showBeforeIframeApiLoads]=\"true\"\r\n [playerVars]=\"playerVars\"\r\n (stateChange)=\"onStateChange($event)\"\r\n (ready)=\"onPlayerReady($event)\"\r\n [disablePlaceholder]=\"true\"\r\n >\r\n </youtube-player\r\n >}\r\n </div>\r\n } @else if (images?.length) {\r\n <owl-carousel-o\r\n class=\"info-slider--slider slider-circle--center figure-sticky\"\r\n [ngClass]=\"{ 'info-slider--slider--slim': slim }\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (img of images; track $index) {\r\n <ng-template carouselSlide>\r\n <div\r\n class=\"info-slider--photo figure-content\"\r\n [ngClass]=\"{ 'info-slider--photo--slim': slim }\"\r\n >\r\n <figure\r\n class=\"figure-full\"\r\n [style]=\"getImage(img)\"\r\n ></figure>\r\n </div>\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n }\r\n <div\r\n class=\"info-slider--info\"\r\n [ngClass]=\"collapsed ? 'close' : 'open'\"\r\n >\r\n @if (title || description) {\r\n <div class=\"info-slider--info--inner\">\r\n @if (title) {\r\n <h2\r\n class=\"location-beach--info--title title--60 color--brown\"\r\n >\r\n {{ title }}\r\n </h2>\r\n\r\n } @if (description) {\r\n <div class=\"info-slider--info--des\">\r\n <p class=\"text\">\r\n {{ description }}\r\n </p>\r\n @if (additionalDescription) {\r\n <p class=\"text text-more\">\r\n {{ additionalDescription }}\r\n </p>\r\n } @if (links?.length) {\r\n <div class=\"info-slider--btns\">\r\n @for (link of links; track $index; let first =\r\n $first) {\r\n <tent-button\r\n class=\"btn-more\"\r\n [ngClass]=\"{\r\n 'btn-more': first,\r\n 'btn-minus': !first\r\n }\"\r\n type=\"dark-link\"\r\n [label]=\"link.label\"\r\n (click)=\"toggleCollapse()\"\r\n [name]=\"link.label\"\r\n ></tent-button>\r\n }\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\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;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.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:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor: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-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.info-slider.theme-laundry ::ng-deep .color--brown{color:#005f87}.info-slider.theme-laundry ::ng-deep .info-slider--box:before{background-color:#e7f9fb}.info-slider.theme-laundry ::ng-deep .info-slider--info:before,.info-slider.theme-laundry ::ng-deep .info-slider--slider:before{background-color:#e7f9fb}.info-slider.theme-laundry ::ng-deep .btn--link{color:#0cc2ce}.info-slider.theme-laundry ::ng-deep .btn--link:after{background-color:#0cc2ce}.info-slider--content{position:relative}.info-slider--box{gap:0rem;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.info-slider--slider{max-width:100%;width:100%;position:relative}.info-slider--slider:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;z-index:-1;height:110%;width:124%;left:-12%;top:50%;border-radius:12px 12px 0 0}.info-slider--info{flex:1 0 0%;width:100%;max-width:100%;margin:0 auto;position:relative;padding-bottom:40px}.info-slider--info:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;z-index:-1;width:calc(100% + 60px);left:-30px;top:0%;border-radius:0 0 12px 12px}.info-slider--info.close .btn-minus,.info-slider--info.close .text-more,.info-slider--info.open .btn-more{display:none}.info-slider--info--title{padding-bottom:30px;margin-bottom:30px;margin-top:10px;border-bottom:1px solid var(--color-linea-brown-light2)}.info-slider--info .text{margin-bottom:20px}.info-slider--info--des{padding:10px 0 25px}.info-slider--photo{aspect-ratio:412/263;position:relative;overflow:hidden;width:100%;border-radius:12px}.info-slider--photo--slim{max-height:400px}.info-slider--video{height:220px}.info-slider youtube-player ::ng-deep div{height:100%}.info-slider youtube-player ::ng-deep div iframe{width:100%;height:100%;border-radius:12px;pointer-events:none;opacity:0}@media (min-width: 1800px){.info-slider youtube-player ::ng-deep div iframe{height:98%}}.info-slider ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 20px);left:10px;top:50%}@media (max-width: 1279px){.info-slider ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 20px);left:10px;top:50%}}@media (max-width: 1023px){.info-slider ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 10px);left:5px;top:50%}}@media (max-width: 539px){.info-slider ::ng-deep .slider-circle--center .owl-nav{width:calc(100% + 60px);left:-30px;top:50%}}@media (min-width: 540px){.info-slider--content{padding:0 25px;position:relative}.info-slider--slider:before{width:calc(100% + 50px);left:-25px}.info-slider--photo{aspect-ratio:412/276}.info-slider--info:before{width:calc(100% + 50px);left:-25px}.info-slider--info--inner{padding:0 15px}.info-slider--info--title{padding-bottom:25px;margin-bottom:25px}.info-slider--video{height:284px}}@media (min-width: 768px){.info-slider--content{padding:0 35px;position:relative}.info-slider--slider:before{width:calc(100% + 70px);left:-35px;height:100%}.info-slider--photo{aspect-ratio:581/388}.info-slider--video{height:407px}.info-slider--info:before{width:calc(100% + 70px);left:-35px}.info-slider--info--inner{padding:0 35px}.info-slider--info--title{padding-bottom:40px;margin-bottom:30px}}@media (min-width: 1024px){.info-slider--content{padding:0 82px;position:relative}.info-slider--slider:before{width:calc(100% + 82px);left:-41px;height:60%}.info-slider--video{height:527px}.info-slider--photo{aspect-ratio:581/388}.info-slider--info:before{width:calc(100% + 82px);left:-41px}}@media (min-width: 1280px){.info-slider{padding-top:35px}.info-slider--content{padding:0 65px}.info-slider--box{gap:0px;position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.info-slider--box.info-left{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.info-slider--box.info-left:before{left:-80px}.info-slider--box:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;left:0;top:0%;height:calc(100% + 60px);width:calc(50% + 180px);left:calc(50% - 120px);top:-30px;z-index:-1;border-radius:12px}.info-slider--slider{width:55%}.info-slider--slider:before{content:none}.info-slider--video{height:420px}.info-slider--photo{aspect-ratio:560/410}.info-slider--info{width:45%;padding-bottom:0}.info-slider--info:before{content:none}.info-slider--info--inner{padding:0 50px;display:flex;flex-direction:column;justify-content:center;min-height:400px}.info-slider--info--title{padding-bottom:30px;margin-bottom:30px}}@media (min-width: 1366px){.info-slider{padding-top:30px}.info-slider--photo{aspect-ratio:606/440}.info-slider--inner{min-height:540px}.info-slider--video{height:450px}}@media (min-width: 1680px){.info-slider{padding-top:45px}.info-slider--content{padding:0 93px}.info-slider--photo{aspect-ratio:803/437}.info-slider--info--inner{padding:15px 60px 0;min-height:401px}.info-slider--video{height:410px}}@media (min-width: 1800px){.info-slider{padding-top:0;padding-bottom:50px!important}.info-slider--content{padding:0 100px}.info-slider--content--slim{max-height:456px}.info-slider--photo{aspect-ratio:861/576}.info-slider--info--inner{padding:10px 60px 0;min-height:546px}.info-slider--slider{top:2rem}.info-slider--video{height:577px}.info-slider--box:before{top:0;max-height:470px}}\n"] }]
|
|
2668
2666
|
}], ctorParameters: () => [{ type: i1$2.DomSanitizer }], propDecorators: { theme: [{
|
|
2669
2667
|
type: Input
|
|
2670
2668
|
}], infoalign: [{
|
|
@@ -3758,6 +3756,7 @@ class BrunchComponent {
|
|
|
3758
3756
|
this.renderer = renderer;
|
|
3759
3757
|
this.showMore = false;
|
|
3760
3758
|
this.apiloaded = false;
|
|
3759
|
+
this.loading = true;
|
|
3761
3760
|
}
|
|
3762
3761
|
toggleShowMore() {
|
|
3763
3762
|
this.showMore = !this.showMore;
|
|
@@ -3782,39 +3781,24 @@ class BrunchComponent {
|
|
|
3782
3781
|
this.initPlayer();
|
|
3783
3782
|
}
|
|
3784
3783
|
}
|
|
3785
|
-
ngOnDestroy() {
|
|
3786
|
-
if (this.player) {
|
|
3787
|
-
this.player.destroy();
|
|
3788
|
-
// this.renderer.removeChild(
|
|
3789
|
-
// document.head,
|
|
3790
|
-
// Array.from(document.getElementsByTagName('script')).find(
|
|
3791
|
-
// (script) =>
|
|
3792
|
-
// script.src === 'https://www.youtube.com/iframe_api'
|
|
3793
|
-
// )
|
|
3794
|
-
// );
|
|
3795
|
-
// this.renderer.removeChild(
|
|
3796
|
-
// document.head,
|
|
3797
|
-
// document.getElementById('www-widgetapi-script')
|
|
3798
|
-
// );
|
|
3799
|
-
}
|
|
3800
|
-
}
|
|
3801
3784
|
onStateChange(e) {
|
|
3802
3785
|
e.target.setPlaybackQuality('highres');
|
|
3803
3786
|
if (e.data == YT.PlayerState.PLAYING) {
|
|
3804
3787
|
setTimeout(() => {
|
|
3805
|
-
e.target.mute();
|
|
3806
3788
|
e.target.playVideo();
|
|
3807
3789
|
document
|
|
3808
3790
|
.getElementsByTagName('youtube-player')[0]
|
|
3809
3791
|
.children[0].children[0].setAttribute('style', 'opacity: 1');
|
|
3792
|
+
this.loading = false;
|
|
3810
3793
|
}, 3000);
|
|
3811
3794
|
}
|
|
3812
3795
|
if (e.data == YT.PlayerState.PAUSED) {
|
|
3813
|
-
setTimeout(
|
|
3796
|
+
setTimeout(() => {
|
|
3814
3797
|
e.target.playVideo();
|
|
3815
3798
|
document
|
|
3816
3799
|
.getElementsByTagName('youtube-player')[0]
|
|
3817
3800
|
.children[0].children[0].setAttribute('style', 'opacity: 1');
|
|
3801
|
+
this.loading = false;
|
|
3818
3802
|
}, 3000);
|
|
3819
3803
|
}
|
|
3820
3804
|
if (e.data == YT.PlayerState.ENDED) {
|
|
@@ -3838,58 +3822,21 @@ class BrunchComponent {
|
|
|
3838
3822
|
this.apiloaded = true;
|
|
3839
3823
|
}
|
|
3840
3824
|
}
|
|
3841
|
-
createPlayer() {
|
|
3842
|
-
this.player = new YT.Player('youtube-player-brunch', {
|
|
3843
|
-
videoId: this.video?.src,
|
|
3844
|
-
playerVars: {
|
|
3845
|
-
enablejsapi: 1,
|
|
3846
|
-
autoplay: 1,
|
|
3847
|
-
controls: 0,
|
|
3848
|
-
showinfo: 0,
|
|
3849
|
-
modestbranding: 1,
|
|
3850
|
-
loop: 1,
|
|
3851
|
-
fs: 1,
|
|
3852
|
-
cc_load_policy: 1,
|
|
3853
|
-
iv_load_policy: 3,
|
|
3854
|
-
autohide: 1,
|
|
3855
|
-
rel: 0,
|
|
3856
|
-
playsinline: 1,
|
|
3857
|
-
playlist: this.video?.src,
|
|
3858
|
-
},
|
|
3859
|
-
events: {
|
|
3860
|
-
onReady: this.onPlayerReady,
|
|
3861
|
-
onStateChange: (e) => {
|
|
3862
|
-
e.target.setPlaybackQuality('highres');
|
|
3863
|
-
if (e.data == YT.PlayerState.PLAYING) {
|
|
3864
|
-
setTimeout(() => {
|
|
3865
|
-
e.target.playVideo();
|
|
3866
|
-
document.getElementById('youtube-player-brunch').style.opacity = '1';
|
|
3867
|
-
}, 3000);
|
|
3868
|
-
}
|
|
3869
|
-
if (e.data == YT.PlayerState.PAUSED) {
|
|
3870
|
-
setTimeout(function () {
|
|
3871
|
-
e.target.playVideo();
|
|
3872
|
-
document.getElementById('youtube-player-brunch').style.opacity = '1';
|
|
3873
|
-
}, 3000);
|
|
3874
|
-
}
|
|
3875
|
-
if (e.data == YT.PlayerState.ENDED) {
|
|
3876
|
-
e.target.seekTo(0);
|
|
3877
|
-
e.target.playVideo();
|
|
3878
|
-
}
|
|
3879
|
-
},
|
|
3880
|
-
},
|
|
3881
|
-
});
|
|
3882
|
-
}
|
|
3883
3825
|
onPlayerReady(event) {
|
|
3884
3826
|
event.target.mute();
|
|
3885
3827
|
event.target.playVideo();
|
|
3886
3828
|
}
|
|
3887
3829
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrunchComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3888
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BrunchComponent, isStandalone: true, selector: "tent-brunch", inputs: { title: "title", description: "description", additionalDescription: "additionalDescription", links: "links", image: "image", video: "video", timmingTitle: "timmingTitle", timmingItems: "timmingItems" }, ngImport: i0, template: "<div class=\"wrapper-big module-spacer--bottom\">\r\n <div class=\"brunch\">\r\n @if (video || image) {\r\n <div class=\"brunch--video-wrapper figure-sticky\">\r\n @if (video) {\r\n <div class=\"brunch--video\">\r\n @if (apiloaded) {\r\n <youtube-player\r\n #ytPlayer\r\n [videoId]=\"video.src\"\r\n suggestedQuality=\"highres\"\r\n [showBeforeIframeApiLoads]=\"true\"\r\n [playerVars]=\"playerVars\"\r\n (stateChange)=\"onStateChange($event)\"\r\n [disablePlaceholder]=\"true\"\r\n >\r\n </youtube-player\r\n >}\r\n </div>\r\n } @else if (image) {\r\n <img\r\n class=\"brunch--video\"\r\n [src]=\"image.src\"\r\n [alt]=\"image.alt\"\r\n width=\"600\"\r\n height=\"600\"\r\n loading=\"lazy\"\r\n />\r\n }\r\n </div>\r\n }\r\n <div class=\"brunch--content-wrapper\">\r\n @if (title) {\r\n <h2 class=\"brunch--title title--60 color--brown\">{{ title }}</h2>\r\n } @if (description) {\r\n <p class=\"brunch--description text\">\r\n {{ description }}\r\n </p>\r\n } @if (showMore && additionalDescription) {\r\n <p class=\"brunch--description text\">\r\n {{ additionalDescription }}\r\n </p>\r\n\r\n } @if (additionalDescription && links?.length) { @if (!showMore) {\r\n <tent-button\r\n class=\"brunch--show-more\"\r\n type=\"dark-link\"\r\n [label]=\"links?.[0]?.label\"\r\n (btnClick)=\"toggleShowMore()\"\r\n [name]=\"links?.[0]?.label\"\r\n >\r\n </tent-button>\r\n } @else {\r\n <tent-button\r\n type=\"dark-link\"\r\n [label]=\"links?.[1]?.label\"\r\n (btnClick)=\"toggleShowMore()\"\r\n [name]=\"links?.[1]?.label\"\r\n >\r\n </tent-button>\r\n } } @if (timmingItems?.length) {\r\n <div class=\"brunch--timing-info\">\r\n @if (timmingTitle) {\r\n <p class=\"brunch--timing-title\">horarios</p>\r\n }\r\n <ul class=\"brunch--timing-list\">\r\n @for (item of timmingItems; track $index) { @if (item.label)\r\n {\r\n <li class=\"brunch--timing-item\">\r\n @if (item.icon) {\r\n <span\r\n class=\"brunch--timing-item--icon\"\r\n [ngClass]=\"item.icon\"\r\n ></span>\r\n }\r\n <span class=\"brunch--timing-item--text\">\r\n {{ item.label }}\r\n </span>\r\n </li>\r\n } }\r\n </ul>\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-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.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:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor: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-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}:host{margin-bottom:100px}.brunch{position:relative;left:50%;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);-o-transform:translate(-50%);transform:translate(-50%);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:10px}@media (min-width: 1280px){.brunch{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex-wrap:nowrap;max-width:1111px;width:100%;gap:56px;margin-top:40px}}@media (min-width: 1366px){.brunch{max-width:1164px;width:100%}}@media (min-width: 1680px){.brunch{max-width:1249px;width:100%;gap:80px}}@media (min-width: 1800px){.brunch{max-width:1276px;width:100%}}.brunch--video-wrapper{position:relative;z-index:2;width:314px;height:314px}@media (min-width: 540px){.brunch--video-wrapper{width:412px;height:412px}}@media (min-width: 768px){.brunch--video-wrapper{width:506px;height:506px}}@media (min-width: 1280px){.brunch--video-wrapper{width:430px;height:430px}}@media (min-width: 1366px){.brunch--video-wrapper{width:443px;height:443px}}@media (min-width: 1680px){.brunch--video-wrapper{width:537px;height:537px}}@media (min-width: 1800px){.brunch--video-wrapper{width:576px;height:576px}}.brunch--video{border-radius:12px;width:100%;height:100%;object-fit:cover}.brunch--video iframe{width:100%;height:100%;border-radius:12px}.brunch--content-wrapper{max-width:320px;z-index:1}@media (min-width: 540px){.brunch--content-wrapper{max-width:390px}}@media (min-width: 768px){.brunch--content-wrapper{max-width:506px}}@media (min-width: 1280px){.brunch--content-wrapper{max-width:534px;min-height:430px;display:flex;flex-direction:column;justify-content:center}}@media (min-width: 1366px){.brunch--content-wrapper{min-height:443px}}@media (min-width: 1680px){.brunch--content-wrapper{max-width:631px;min-height:537px}}@media (min-width: 1800px){.brunch--content-wrapper{min-height:576px}}.brunch--content-wrapper:before{content:\"\";height:100%;background-color:#fbf5f0;display:block;position:absolute;z-index:-1;border-radius:12px;padding:40px 0;width:100vw;top:157px;left:-36px}@media (min-width: 540px){.brunch--content-wrapper:before{height:calc(100% - 180px);top:206px;padding:0;width:461px;left:50%;transform:translate(-50%)}}@media (min-width: 768px){.brunch--content-wrapper:before{height:calc(100% - 200px);top:250px;width:650px}}@media (min-width: 768px){.brunch--content-wrapper:before{width:727px}}@media (min-width: 1280px){.brunch--content-wrapper:before{top:-40px;width:857px;padding:40px 0;height:100%;-webkit-transform:translateX(-230px);-moz-transform:translateX(-230px);-ms-transform:translateX(-230px);-o-transform:translateX(-230px);transform:translate(-230px)}}@media (min-width: 1680px){.brunch--content-wrapper:before{width:1045px;-webkit-transform:translateX(-304px);-moz-transform:translateX(-304px);-ms-transform:translateX(-304px);-o-transform:translateX(-304px);transform:translate(-304px)}}@media (min-width: 1800px){.brunch--content-wrapper:before{width:1091px;-webkit-transform:translateX(-396px);-moz-transform:translateX(-396px);-ms-transform:translateX(-396px);-o-transform:translateX(-396px);transform:translate(-396px)}}@media (min-width: 1280px){.brunch--description:first-of-type{padding-top:35px}}.brunch--description:nth-of-type(2){margin-top:25px;padding-bottom:40px}.brunch--show-more{margin-top:40px}.brunch--timing-info{padding-top:50px}@media (min-width: 768px){.brunch--timing-info{padding-top:60px}}.brunch--timing-title{color:#693d2dcc;font-family:var(--tent-font);font-size:30px;font-weight:700;line-height:30px;letter-spacing:0;text-align:left;padding-bottom:30px;width:100%;border-bottom:1px solid rgba(124,77,58,.3019607843)}.brunch--timing-list{list-style:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:27px;padding-top:40px}.brunch--timing-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:27px}.brunch--timing-item--text{font-family:var(--tent-font);font-size:20px;font-weight:400;line-height:34px;text-align:left;color:#5d5d5d}.brunch--timing-item--icon{color:#7c4d3a;opacity:.9;padding:18px;font-size:20px;border-radius:50%;background-color:#fff}.brunch youtube-player ::ng-deep div{height:100%}.brunch youtube-player ::ng-deep div iframe{width:100%;height:100%;border-radius:12px;pointer-events:none;opacity:0}@media (min-width: 1800px){.brunch youtube-player ::ng-deep div iframe{height:98%}}\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", "name"], outputs: ["btnClick"] }, { kind: "ngmodule", type: YouTubePlayerModule }, { kind: "component", type: i2$5.YouTubePlayer, selector: "youtube-player", inputs: ["videoId", "height", "width", "startSeconds", "endSeconds", "suggestedQuality", "playerVars", "disableCookies", "loadApi", "disablePlaceholder", "showBeforeIframeApiLoads", "placeholderButtonLabel", "placeholderImageQuality"], outputs: ["ready", "stateChange", "error", "apiChange", "playbackQualityChange", "playbackRateChange"] }] }); }
|
|
3830
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BrunchComponent, isStandalone: true, selector: "tent-brunch", inputs: { title: "title", description: "description", additionalDescription: "additionalDescription", links: "links", image: "image", video: "video", timmingTitle: "timmingTitle", timmingItems: "timmingItems" }, ngImport: i0, template: "<div class=\"wrapper-big module-spacer--bottom\">\r\n <div class=\"brunch\">\r\n @if (video || image) {\r\n <div class=\"brunch--video-wrapper figure-sticky\">\r\n @if (video) {\r\n <div class=\"brunch--video\">\r\n @if (loading) {\r\n <mat-spinner></mat-spinner>\r\n } @if (apiloaded) {\r\n <youtube-player\r\n #ytPlayer\r\n [videoId]=\"video.src\"\r\n suggestedQuality=\"highres\"\r\n [showBeforeIframeApiLoads]=\"true\"\r\n [playerVars]=\"playerVars\"\r\n (stateChange)=\"onStateChange($event)\"\r\n (ready)=\"onPlayerReady($event)\"\r\n [disablePlaceholder]=\"true\"\r\n >\r\n </youtube-player\r\n >}\r\n </div>\r\n } @else if (image) {\r\n <img\r\n class=\"brunch--video\"\r\n [src]=\"image.src\"\r\n [alt]=\"image.alt\"\r\n width=\"600\"\r\n height=\"600\"\r\n loading=\"lazy\"\r\n />\r\n }\r\n </div>\r\n }\r\n <div class=\"brunch--content-wrapper\">\r\n @if (title) {\r\n <h2 class=\"brunch--title title--60 color--brown\">{{ title }}</h2>\r\n } @if (description) {\r\n <p class=\"brunch--description text\">\r\n {{ description }}\r\n </p>\r\n } @if (showMore && additionalDescription) {\r\n <p class=\"brunch--description text\">\r\n {{ additionalDescription }}\r\n </p>\r\n\r\n } @if (additionalDescription && links?.length) { @if (!showMore) {\r\n <tent-button\r\n class=\"brunch--show-more\"\r\n type=\"dark-link\"\r\n [label]=\"links?.[0]?.label\"\r\n (btnClick)=\"toggleShowMore()\"\r\n [name]=\"links?.[0]?.label\"\r\n >\r\n </tent-button>\r\n } @else {\r\n <tent-button\r\n type=\"dark-link\"\r\n [label]=\"links?.[1]?.label\"\r\n (btnClick)=\"toggleShowMore()\"\r\n [name]=\"links?.[1]?.label\"\r\n >\r\n </tent-button>\r\n } } @if (timmingItems?.length) {\r\n <div class=\"brunch--timing-info\">\r\n @if (timmingTitle) {\r\n <p class=\"brunch--timing-title\">horarios</p>\r\n }\r\n <ul class=\"brunch--timing-list\">\r\n @for (item of timmingItems; track $index) { @if (item.label)\r\n {\r\n <li class=\"brunch--timing-item\">\r\n @if (item.icon) {\r\n <span\r\n class=\"brunch--timing-item--icon\"\r\n [ngClass]=\"item.icon\"\r\n ></span>\r\n }\r\n <span class=\"brunch--timing-item--text\">\r\n {{ item.label }}\r\n </span>\r\n </li>\r\n } }\r\n </ul>\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-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.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:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor: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-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}:host{margin-bottom:100px}.brunch{position:relative;left:50%;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);-o-transform:translate(-50%);transform:translate(-50%);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:10px}@media (min-width: 1280px){.brunch{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex-wrap:nowrap;max-width:1111px;width:100%;gap:56px;margin-top:40px}}@media (min-width: 1366px){.brunch{max-width:1164px;width:100%}}@media (min-width: 1680px){.brunch{max-width:1249px;width:100%;gap:80px}}@media (min-width: 1800px){.brunch{max-width:1276px;width:100%}}.brunch--video-wrapper{position:relative;z-index:2;width:314px;height:314px}@media (min-width: 540px){.brunch--video-wrapper{width:412px;height:412px}}@media (min-width: 768px){.brunch--video-wrapper{width:506px;height:506px}}@media (min-width: 1280px){.brunch--video-wrapper{width:430px;height:430px}}@media (min-width: 1366px){.brunch--video-wrapper{width:443px;height:443px}}@media (min-width: 1680px){.brunch--video-wrapper{width:537px;height:537px}}@media (min-width: 1800px){.brunch--video-wrapper{width:576px;height:576px}}.brunch--video{border-radius:12px;width:100%;height:100%;object-fit:cover}.brunch--video iframe{width:100%;height:100%;border-radius:12px}.brunch--content-wrapper{max-width:320px;z-index:1}@media (min-width: 540px){.brunch--content-wrapper{max-width:390px}}@media (min-width: 768px){.brunch--content-wrapper{max-width:506px}}@media (min-width: 1280px){.brunch--content-wrapper{max-width:534px;min-height:430px;display:flex;flex-direction:column;justify-content:center}}@media (min-width: 1366px){.brunch--content-wrapper{min-height:443px}}@media (min-width: 1680px){.brunch--content-wrapper{max-width:631px;min-height:537px}}@media (min-width: 1800px){.brunch--content-wrapper{min-height:576px}}.brunch--content-wrapper:before{content:\"\";height:100%;background-color:#fbf5f0;display:block;position:absolute;z-index:-1;border-radius:12px;padding:40px 0;width:100vw;top:157px;left:-36px}@media (min-width: 540px){.brunch--content-wrapper:before{height:calc(100% - 180px);top:206px;padding:0;width:461px;left:50%;transform:translate(-50%)}}@media (min-width: 768px){.brunch--content-wrapper:before{height:calc(100% - 200px);top:250px;width:650px}}@media (min-width: 768px){.brunch--content-wrapper:before{width:727px}}@media (min-width: 1280px){.brunch--content-wrapper:before{top:-40px;width:857px;padding:40px 0;height:100%;-webkit-transform:translateX(-230px);-moz-transform:translateX(-230px);-ms-transform:translateX(-230px);-o-transform:translateX(-230px);transform:translate(-230px)}}@media (min-width: 1680px){.brunch--content-wrapper:before{width:1045px;-webkit-transform:translateX(-304px);-moz-transform:translateX(-304px);-ms-transform:translateX(-304px);-o-transform:translateX(-304px);transform:translate(-304px)}}@media (min-width: 1800px){.brunch--content-wrapper:before{width:1091px;-webkit-transform:translateX(-396px);-moz-transform:translateX(-396px);-ms-transform:translateX(-396px);-o-transform:translateX(-396px);transform:translate(-396px)}}@media (min-width: 1280px){.brunch--description:first-of-type{padding-top:35px}}.brunch--description:nth-of-type(2){margin-top:25px;padding-bottom:40px}.brunch--show-more{margin-top:40px}.brunch--timing-info{padding-top:50px}@media (min-width: 768px){.brunch--timing-info{padding-top:60px}}.brunch--timing-title{color:#693d2dcc;font-family:var(--tent-font);font-size:30px;font-weight:700;line-height:30px;letter-spacing:0;text-align:left;padding-bottom:30px;width:100%;border-bottom:1px solid rgba(124,77,58,.3019607843)}.brunch--timing-list{list-style:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:27px;padding-top:40px}.brunch--timing-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:27px}.brunch--timing-item--text{font-family:var(--tent-font);font-size:20px;font-weight:400;line-height:34px;text-align:left;color:#5d5d5d}.brunch--timing-item--icon{color:#7c4d3a;opacity:.9;padding:18px;font-size:20px;border-radius:50%;background-color:#fff}.brunch youtube-player ::ng-deep div{height:100%}.brunch youtube-player ::ng-deep div iframe{width:100%;height:100%;border-radius:12px;pointer-events:none;opacity:0}@media (min-width: 1800px){.brunch youtube-player ::ng-deep div iframe{height:98%}}\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", "name"], outputs: ["btnClick"] }, { kind: "ngmodule", type: YouTubePlayerModule }, { kind: "component", type: i4.YouTubePlayer, selector: "youtube-player", inputs: ["videoId", "height", "width", "startSeconds", "endSeconds", "suggestedQuality", "playerVars", "disableCookies", "loadApi", "disablePlaceholder", "showBeforeIframeApiLoads", "placeholderButtonLabel", "placeholderImageQuality"], outputs: ["ready", "stateChange", "error", "apiChange", "playbackQualityChange", "playbackRateChange"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
|
|
3889
3831
|
}
|
|
3890
3832
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrunchComponent, decorators: [{
|
|
3891
3833
|
type: Component,
|
|
3892
|
-
args: [{ selector: 'tent-brunch', standalone: true, imports: [CommonModule, ButtonComponent, YouTubePlayerModule], template: "<div class=\"wrapper-big module-spacer--bottom\">\r\n <div class=\"brunch\">\r\n @if (video || image) {\r\n <div class=\"brunch--video-wrapper figure-sticky\">\r\n @if (video) {\r\n <div class=\"brunch--video\">\r\n @if (apiloaded) {\r\n <youtube-player\r\n #ytPlayer\r\n [videoId]=\"video.src\"\r\n suggestedQuality=\"highres\"\r\n [showBeforeIframeApiLoads]=\"true\"\r\n [playerVars]=\"playerVars\"\r\n (stateChange)=\"onStateChange($event)\"\r\n [disablePlaceholder]=\"true\"\r\n >\r\n </youtube-player\r\n >}\r\n </div>\r\n } @else if (image) {\r\n <img\r\n class=\"brunch--video\"\r\n [src]=\"image.src\"\r\n [alt]=\"image.alt\"\r\n width=\"600\"\r\n height=\"600\"\r\n loading=\"lazy\"\r\n />\r\n }\r\n </div>\r\n }\r\n <div class=\"brunch--content-wrapper\">\r\n @if (title) {\r\n <h2 class=\"brunch--title title--60 color--brown\">{{ title }}</h2>\r\n } @if (description) {\r\n <p class=\"brunch--description text\">\r\n {{ description }}\r\n </p>\r\n } @if (showMore && additionalDescription) {\r\n <p class=\"brunch--description text\">\r\n {{ additionalDescription }}\r\n </p>\r\n\r\n } @if (additionalDescription && links?.length) { @if (!showMore) {\r\n <tent-button\r\n class=\"brunch--show-more\"\r\n type=\"dark-link\"\r\n [label]=\"links?.[0]?.label\"\r\n (btnClick)=\"toggleShowMore()\"\r\n [name]=\"links?.[0]?.label\"\r\n >\r\n </tent-button>\r\n } @else {\r\n <tent-button\r\n type=\"dark-link\"\r\n [label]=\"links?.[1]?.label\"\r\n (btnClick)=\"toggleShowMore()\"\r\n [name]=\"links?.[1]?.label\"\r\n >\r\n </tent-button>\r\n } } @if (timmingItems?.length) {\r\n <div class=\"brunch--timing-info\">\r\n @if (timmingTitle) {\r\n <p class=\"brunch--timing-title\">horarios</p>\r\n }\r\n <ul class=\"brunch--timing-list\">\r\n @for (item of timmingItems; track $index) { @if (item.label)\r\n {\r\n <li class=\"brunch--timing-item\">\r\n @if (item.icon) {\r\n <span\r\n class=\"brunch--timing-item--icon\"\r\n [ngClass]=\"item.icon\"\r\n ></span>\r\n }\r\n <span class=\"brunch--timing-item--text\">\r\n {{ item.label }}\r\n </span>\r\n </li>\r\n } }\r\n </ul>\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-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.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:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor: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-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}:host{margin-bottom:100px}.brunch{position:relative;left:50%;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);-o-transform:translate(-50%);transform:translate(-50%);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:10px}@media (min-width: 1280px){.brunch{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex-wrap:nowrap;max-width:1111px;width:100%;gap:56px;margin-top:40px}}@media (min-width: 1366px){.brunch{max-width:1164px;width:100%}}@media (min-width: 1680px){.brunch{max-width:1249px;width:100%;gap:80px}}@media (min-width: 1800px){.brunch{max-width:1276px;width:100%}}.brunch--video-wrapper{position:relative;z-index:2;width:314px;height:314px}@media (min-width: 540px){.brunch--video-wrapper{width:412px;height:412px}}@media (min-width: 768px){.brunch--video-wrapper{width:506px;height:506px}}@media (min-width: 1280px){.brunch--video-wrapper{width:430px;height:430px}}@media (min-width: 1366px){.brunch--video-wrapper{width:443px;height:443px}}@media (min-width: 1680px){.brunch--video-wrapper{width:537px;height:537px}}@media (min-width: 1800px){.brunch--video-wrapper{width:576px;height:576px}}.brunch--video{border-radius:12px;width:100%;height:100%;object-fit:cover}.brunch--video iframe{width:100%;height:100%;border-radius:12px}.brunch--content-wrapper{max-width:320px;z-index:1}@media (min-width: 540px){.brunch--content-wrapper{max-width:390px}}@media (min-width: 768px){.brunch--content-wrapper{max-width:506px}}@media (min-width: 1280px){.brunch--content-wrapper{max-width:534px;min-height:430px;display:flex;flex-direction:column;justify-content:center}}@media (min-width: 1366px){.brunch--content-wrapper{min-height:443px}}@media (min-width: 1680px){.brunch--content-wrapper{max-width:631px;min-height:537px}}@media (min-width: 1800px){.brunch--content-wrapper{min-height:576px}}.brunch--content-wrapper:before{content:\"\";height:100%;background-color:#fbf5f0;display:block;position:absolute;z-index:-1;border-radius:12px;padding:40px 0;width:100vw;top:157px;left:-36px}@media (min-width: 540px){.brunch--content-wrapper:before{height:calc(100% - 180px);top:206px;padding:0;width:461px;left:50%;transform:translate(-50%)}}@media (min-width: 768px){.brunch--content-wrapper:before{height:calc(100% - 200px);top:250px;width:650px}}@media (min-width: 768px){.brunch--content-wrapper:before{width:727px}}@media (min-width: 1280px){.brunch--content-wrapper:before{top:-40px;width:857px;padding:40px 0;height:100%;-webkit-transform:translateX(-230px);-moz-transform:translateX(-230px);-ms-transform:translateX(-230px);-o-transform:translateX(-230px);transform:translate(-230px)}}@media (min-width: 1680px){.brunch--content-wrapper:before{width:1045px;-webkit-transform:translateX(-304px);-moz-transform:translateX(-304px);-ms-transform:translateX(-304px);-o-transform:translateX(-304px);transform:translate(-304px)}}@media (min-width: 1800px){.brunch--content-wrapper:before{width:1091px;-webkit-transform:translateX(-396px);-moz-transform:translateX(-396px);-ms-transform:translateX(-396px);-o-transform:translateX(-396px);transform:translate(-396px)}}@media (min-width: 1280px){.brunch--description:first-of-type{padding-top:35px}}.brunch--description:nth-of-type(2){margin-top:25px;padding-bottom:40px}.brunch--show-more{margin-top:40px}.brunch--timing-info{padding-top:50px}@media (min-width: 768px){.brunch--timing-info{padding-top:60px}}.brunch--timing-title{color:#693d2dcc;font-family:var(--tent-font);font-size:30px;font-weight:700;line-height:30px;letter-spacing:0;text-align:left;padding-bottom:30px;width:100%;border-bottom:1px solid rgba(124,77,58,.3019607843)}.brunch--timing-list{list-style:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:27px;padding-top:40px}.brunch--timing-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:27px}.brunch--timing-item--text{font-family:var(--tent-font);font-size:20px;font-weight:400;line-height:34px;text-align:left;color:#5d5d5d}.brunch--timing-item--icon{color:#7c4d3a;opacity:.9;padding:18px;font-size:20px;border-radius:50%;background-color:#fff}.brunch youtube-player ::ng-deep div{height:100%}.brunch youtube-player ::ng-deep div iframe{width:100%;height:100%;border-radius:12px;pointer-events:none;opacity:0}@media (min-width: 1800px){.brunch youtube-player ::ng-deep div iframe{height:98%}}\n"] }]
|
|
3834
|
+
args: [{ selector: 'tent-brunch', standalone: true, imports: [
|
|
3835
|
+
CommonModule,
|
|
3836
|
+
ButtonComponent,
|
|
3837
|
+
YouTubePlayerModule,
|
|
3838
|
+
MatProgressSpinnerModule,
|
|
3839
|
+
], template: "<div class=\"wrapper-big module-spacer--bottom\">\r\n <div class=\"brunch\">\r\n @if (video || image) {\r\n <div class=\"brunch--video-wrapper figure-sticky\">\r\n @if (video) {\r\n <div class=\"brunch--video\">\r\n @if (loading) {\r\n <mat-spinner></mat-spinner>\r\n } @if (apiloaded) {\r\n <youtube-player\r\n #ytPlayer\r\n [videoId]=\"video.src\"\r\n suggestedQuality=\"highres\"\r\n [showBeforeIframeApiLoads]=\"true\"\r\n [playerVars]=\"playerVars\"\r\n (stateChange)=\"onStateChange($event)\"\r\n (ready)=\"onPlayerReady($event)\"\r\n [disablePlaceholder]=\"true\"\r\n >\r\n </youtube-player\r\n >}\r\n </div>\r\n } @else if (image) {\r\n <img\r\n class=\"brunch--video\"\r\n [src]=\"image.src\"\r\n [alt]=\"image.alt\"\r\n width=\"600\"\r\n height=\"600\"\r\n loading=\"lazy\"\r\n />\r\n }\r\n </div>\r\n }\r\n <div class=\"brunch--content-wrapper\">\r\n @if (title) {\r\n <h2 class=\"brunch--title title--60 color--brown\">{{ title }}</h2>\r\n } @if (description) {\r\n <p class=\"brunch--description text\">\r\n {{ description }}\r\n </p>\r\n } @if (showMore && additionalDescription) {\r\n <p class=\"brunch--description text\">\r\n {{ additionalDescription }}\r\n </p>\r\n\r\n } @if (additionalDescription && links?.length) { @if (!showMore) {\r\n <tent-button\r\n class=\"brunch--show-more\"\r\n type=\"dark-link\"\r\n [label]=\"links?.[0]?.label\"\r\n (btnClick)=\"toggleShowMore()\"\r\n [name]=\"links?.[0]?.label\"\r\n >\r\n </tent-button>\r\n } @else {\r\n <tent-button\r\n type=\"dark-link\"\r\n [label]=\"links?.[1]?.label\"\r\n (btnClick)=\"toggleShowMore()\"\r\n [name]=\"links?.[1]?.label\"\r\n >\r\n </tent-button>\r\n } } @if (timmingItems?.length) {\r\n <div class=\"brunch--timing-info\">\r\n @if (timmingTitle) {\r\n <p class=\"brunch--timing-title\">horarios</p>\r\n }\r\n <ul class=\"brunch--timing-list\">\r\n @for (item of timmingItems; track $index) { @if (item.label)\r\n {\r\n <li class=\"brunch--timing-item\">\r\n @if (item.icon) {\r\n <span\r\n class=\"brunch--timing-item--icon\"\r\n [ngClass]=\"item.icon\"\r\n ></span>\r\n }\r\n <span class=\"brunch--timing-item--text\">\r\n {{ item.label }}\r\n </span>\r\n </li>\r\n } }\r\n </ul>\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-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.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:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor: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-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}:host{margin-bottom:100px}.brunch{position:relative;left:50%;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);-o-transform:translate(-50%);transform:translate(-50%);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:10px}@media (min-width: 1280px){.brunch{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex-wrap:nowrap;max-width:1111px;width:100%;gap:56px;margin-top:40px}}@media (min-width: 1366px){.brunch{max-width:1164px;width:100%}}@media (min-width: 1680px){.brunch{max-width:1249px;width:100%;gap:80px}}@media (min-width: 1800px){.brunch{max-width:1276px;width:100%}}.brunch--video-wrapper{position:relative;z-index:2;width:314px;height:314px}@media (min-width: 540px){.brunch--video-wrapper{width:412px;height:412px}}@media (min-width: 768px){.brunch--video-wrapper{width:506px;height:506px}}@media (min-width: 1280px){.brunch--video-wrapper{width:430px;height:430px}}@media (min-width: 1366px){.brunch--video-wrapper{width:443px;height:443px}}@media (min-width: 1680px){.brunch--video-wrapper{width:537px;height:537px}}@media (min-width: 1800px){.brunch--video-wrapper{width:576px;height:576px}}.brunch--video{border-radius:12px;width:100%;height:100%;object-fit:cover}.brunch--video iframe{width:100%;height:100%;border-radius:12px}.brunch--content-wrapper{max-width:320px;z-index:1}@media (min-width: 540px){.brunch--content-wrapper{max-width:390px}}@media (min-width: 768px){.brunch--content-wrapper{max-width:506px}}@media (min-width: 1280px){.brunch--content-wrapper{max-width:534px;min-height:430px;display:flex;flex-direction:column;justify-content:center}}@media (min-width: 1366px){.brunch--content-wrapper{min-height:443px}}@media (min-width: 1680px){.brunch--content-wrapper{max-width:631px;min-height:537px}}@media (min-width: 1800px){.brunch--content-wrapper{min-height:576px}}.brunch--content-wrapper:before{content:\"\";height:100%;background-color:#fbf5f0;display:block;position:absolute;z-index:-1;border-radius:12px;padding:40px 0;width:100vw;top:157px;left:-36px}@media (min-width: 540px){.brunch--content-wrapper:before{height:calc(100% - 180px);top:206px;padding:0;width:461px;left:50%;transform:translate(-50%)}}@media (min-width: 768px){.brunch--content-wrapper:before{height:calc(100% - 200px);top:250px;width:650px}}@media (min-width: 768px){.brunch--content-wrapper:before{width:727px}}@media (min-width: 1280px){.brunch--content-wrapper:before{top:-40px;width:857px;padding:40px 0;height:100%;-webkit-transform:translateX(-230px);-moz-transform:translateX(-230px);-ms-transform:translateX(-230px);-o-transform:translateX(-230px);transform:translate(-230px)}}@media (min-width: 1680px){.brunch--content-wrapper:before{width:1045px;-webkit-transform:translateX(-304px);-moz-transform:translateX(-304px);-ms-transform:translateX(-304px);-o-transform:translateX(-304px);transform:translate(-304px)}}@media (min-width: 1800px){.brunch--content-wrapper:before{width:1091px;-webkit-transform:translateX(-396px);-moz-transform:translateX(-396px);-ms-transform:translateX(-396px);-o-transform:translateX(-396px);transform:translate(-396px)}}@media (min-width: 1280px){.brunch--description:first-of-type{padding-top:35px}}.brunch--description:nth-of-type(2){margin-top:25px;padding-bottom:40px}.brunch--show-more{margin-top:40px}.brunch--timing-info{padding-top:50px}@media (min-width: 768px){.brunch--timing-info{padding-top:60px}}.brunch--timing-title{color:#693d2dcc;font-family:var(--tent-font);font-size:30px;font-weight:700;line-height:30px;letter-spacing:0;text-align:left;padding-bottom:30px;width:100%;border-bottom:1px solid rgba(124,77,58,.3019607843)}.brunch--timing-list{list-style:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:27px;padding-top:40px}.brunch--timing-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:27px}.brunch--timing-item--text{font-family:var(--tent-font);font-size:20px;font-weight:400;line-height:34px;text-align:left;color:#5d5d5d}.brunch--timing-item--icon{color:#7c4d3a;opacity:.9;padding:18px;font-size:20px;border-radius:50%;background-color:#fff}.brunch youtube-player ::ng-deep div{height:100%}.brunch youtube-player ::ng-deep div iframe{width:100%;height:100%;border-radius:12px;pointer-events:none;opacity:0}@media (min-width: 1800px){.brunch youtube-player ::ng-deep div iframe{height:98%}}\n"] }]
|
|
3893
3840
|
}], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { title: [{
|
|
3894
3841
|
type: Input
|
|
3895
3842
|
}], description: [{
|