tent-lib 0.0.751 → 0.0.752
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.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
|
2
|
-
import {
|
|
2
|
+
import { Component, Input } from '@angular/core';
|
|
3
3
|
import { YouTubePlayerModule } from '@angular/youtube-player';
|
|
4
4
|
import { ButtonComponent } from '../../atomic/button/button.component';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
@@ -24,7 +24,7 @@ export class BrunchComponent {
|
|
|
24
24
|
var firstScriptTag = document.getElementsByTagName('script')[0];
|
|
25
25
|
firstScriptTag.parentNode?.insertBefore(tag, firstScriptTag);
|
|
26
26
|
window['onYouTubeIframeAPIReady'] = () => {
|
|
27
|
-
this.player = new YT.Player('youtube-player', {
|
|
27
|
+
this.player = new YT.Player('youtube-player-brunch', {
|
|
28
28
|
videoId: this.video?.src,
|
|
29
29
|
playerVars: {
|
|
30
30
|
enablejsapi: 1,
|
|
@@ -59,11 +59,11 @@ export class BrunchComponent {
|
|
|
59
59
|
event.target.playVideo();
|
|
60
60
|
}
|
|
61
61
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrunchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
62
|
-
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 <div id=\"youtube-player\"></div>\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}\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 }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
62
|
+
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 <div id=\"youtube-player-brunch\"></div>\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}\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 }] }); }
|
|
63
63
|
}
|
|
64
64
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrunchComponent, decorators: [{
|
|
65
65
|
type: Component,
|
|
66
|
-
args: [{ selector: 'tent-brunch', standalone: true, imports: [CommonModule, ButtonComponent, YouTubePlayerModule], changeDetection: ChangeDetectionStrategy.OnPush, 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 <div id=\"youtube-player\"></div>\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}\n"] }]
|
|
66
|
+
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 <div id=\"youtube-player-brunch\"></div>\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}\n"] }]
|
|
67
67
|
}], propDecorators: { title: [{
|
|
68
68
|
type: Input
|
|
69
69
|
}], description: [{
|
|
@@ -81,4 +81,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
81
81
|
}], timmingItems: [{
|
|
82
82
|
type: Input
|
|
83
83
|
}] } });
|
|
84
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJ1bmNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RlbnQvc3JjL2xpYi9jb21wb25lbnRzL2NvcmUvYnJ1bmNoL2JydW5jaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ZW50L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2JydW5jaC9icnVuY2guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssR0FFUixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUc5RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7OztBQVN2RSxNQUFNLE9BQU8sZUFBZTtJQVI1QjtRQWlCSSxhQUFRLEdBQUcsS0FBSyxDQUFDO0tBeURwQjtJQXJERyxjQUFjO1FBQ1YsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDbkMsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDWixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7U0FDckI7SUFDTCxDQUFDO0lBRUQsVUFBVTtRQUNOLDJCQUEyQjtRQUMzQixJQUFJLEdBQUcsR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQzNDLEdBQUcsQ0FBQyxHQUFHLEdBQUcsb0NBQW9DLENBQUM7UUFDL0MsR0FBRyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7UUFDakIsSUFBSSxjQUFjLEdBQUcsUUFBUSxDQUFDLG9CQUFvQixDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2hFLGNBQWMsQ0FBQyxVQUFVLEVBQUUsWUFBWSxDQUFDLEdBQUcsRUFBRSxjQUFjLENBQUMsQ0FBQztRQUU1RCxNQUFjLENBQUMseUJBQXlCLENBQUMsR0FBRyxHQUFHLEVBQUU7WUFDOUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUMsZ0JBQWdCLEVBQUU7Z0JBQzFDLE9BQU8sRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLEdBQUc7Z0JBQ3hCLFVBQVUsRUFBRTtvQkFDUixXQUFXLEVBQUUsQ0FBQztvQkFDZCxRQUFRLEVBQUUsQ0FBQztvQkFDWCxRQUFRLEVBQUUsQ0FBQztvQkFDWCxRQUFRLEVBQUUsQ0FBQztvQkFDWCxjQUFjLEVBQUUsQ0FBQztvQkFDakIsSUFBSSxFQUFFLENBQUM7b0JBQ1AsRUFBRSxFQUFFLENBQUM7b0JBQ0wsY0FBYyxFQUFFLENBQUM7b0JBQ2pCLGNBQWMsRUFBRSxDQUFDO29CQUNqQixRQUFRLEVBQUUsQ0FBQztvQkFDWCxHQUFHLEVBQUUsQ0FBQztvQkFDTixXQUFXLEVBQUUsQ0FBQztvQkFDZCxRQUFRLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxHQUFHO2lCQUM1QjtnQkFDRCxNQUFNLEVBQUU7b0JBQ0osT0FBTyxFQUFFLElBQUksQ0FBQyxhQUFhO29CQUMzQixhQUFhLEVBQUUsQ0FBQyxLQUFVLEVBQUUsRUFBRTt3QkFDMUIsS0FBSyxDQUFDLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxTQUFTLENBQUMsQ0FBQzt3QkFDM0MsSUFBSSxLQUFLLENBQUMsSUFBSSxLQUFLLEVBQUUsQ0FBQyxXQUFXLENBQUMsS0FBSyxFQUFFOzRCQUNyQyxLQUFLLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQzs0QkFDdkIsS0FBSyxDQUFDLE1BQU0sQ0FBQyxTQUFTLEVBQUUsQ0FBQzt5QkFDNUI7b0JBQ0wsQ0FBQztpQkFDSjthQUNKLENBQUMsQ0FBQztRQUNQLENBQUMsQ0FBQztJQUNOLENBQUM7SUFDRCxhQUFhLENBQUMsS0FBVTtRQUNwQixLQUFLLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3BCLEtBQUssQ0FBQyxNQUFNLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDN0IsQ0FBQzsrR0FqRVEsZUFBZTttR0FBZixlQUFlLDJSQ25CNUIsMnpGQTJFQSx1anFCRDdEYyxZQUFZLDZIQUFFLGVBQWUsa1BBQUUsbUJBQW1COzs0RkFLbkQsZUFBZTtrQkFSM0IsU0FBUzsrQkFDSSxhQUFhLGNBQ1gsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGVBQWUsRUFBRSxtQkFBbUIsQ0FBQyxtQkFHNUMsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0cscUJBQXFCO3NCQUE3QixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7XHJcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICAgIENvbXBvbmVudCxcclxuICAgIElucHV0LFxyXG4gICAgT25Jbml0LFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBZb3VUdWJlUGxheWVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIveW91dHViZS1wbGF5ZXInO1xyXG5pbXBvcnQgeyBCdXR0b25JIH0gZnJvbSAnLi4vLi4vLi4vaW50ZXJmYWNlcy9hdG9taWMvYnV0dG9uLmludGVyZmFjZSc7XHJcbmltcG9ydCB7IEltYWdlSSB9IGZyb20gJy4uLy4uLy4uL2ludGVyZmFjZXMvYXRvbWljL2ltYWdlLmludGVyZmFjZSc7XHJcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2F0b21pYy9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICd0ZW50LWJydW5jaCcsXHJcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQnV0dG9uQ29tcG9uZW50LCBZb3VUdWJlUGxheWVyTW9kdWxlXSxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9icnVuY2guY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmw6ICcuL2JydW5jaC5jb21wb25lbnQuc2NzcycsXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIEJydW5jaENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgICBASW5wdXQoKSB0aXRsZT86IHN0cmluZztcclxuICAgIEBJbnB1dCgpIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgYWRkaXRpb25hbERlc2NyaXB0aW9uPzogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgbGlua3M/OiBCdXR0b25JW107XHJcbiAgICBASW5wdXQoKSBpbWFnZT86IEltYWdlSTtcclxuICAgIEBJbnB1dCgpIHZpZGVvPzogSW1hZ2VJO1xyXG4gICAgQElucHV0KCkgdGltbWluZ1RpdGxlPzogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgdGltbWluZ0l0ZW1zPzogVGltaW5nSXRlbVtdO1xyXG4gICAgc2hvd01vcmUgPSBmYWxzZTtcclxuXHJcbiAgICBwbGF5ZXIhOiBZVC5QbGF5ZXI7XHJcblxyXG4gICAgdG9nZ2xlU2hvd01vcmUoKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5zaG93TW9yZSA9ICF0aGlzLnNob3dNb3JlO1xyXG4gICAgfVxyXG5cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgICAgIGlmICh0aGlzLnZpZGVvKSB7XHJcbiAgICAgICAgICAgIHRoaXMuaW5pdFBsYXllcigpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBpbml0UGxheWVyKCk6IHZvaWQge1xyXG4gICAgICAgIC8vIENhcmdhciBsYSBBUEkgZGUgWW91VHViZVxyXG4gICAgICAgIHZhciB0YWcgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdzY3JpcHQnKTtcclxuICAgICAgICB0YWcuc3JjID0gJ2h0dHBzOi8vd3d3LnlvdXR1YmUuY29tL2lmcmFtZV9hcGknO1xyXG4gICAgICAgIHRhZy5hc3luYyA9IHRydWU7XHJcbiAgICAgICAgdmFyIGZpcnN0U2NyaXB0VGFnID0gZG9jdW1lbnQuZ2V0RWxlbWVudHNCeVRhZ05hbWUoJ3NjcmlwdCcpWzBdO1xyXG4gICAgICAgIGZpcnN0U2NyaXB0VGFnLnBhcmVudE5vZGU/Lmluc2VydEJlZm9yZSh0YWcsIGZpcnN0U2NyaXB0VGFnKTtcclxuXHJcbiAgICAgICAgKHdpbmRvdyBhcyBhbnkpWydvbllvdVR1YmVJZnJhbWVBUElSZWFkeSddID0gKCkgPT4ge1xyXG4gICAgICAgICAgICB0aGlzLnBsYXllciA9IG5ldyBZVC5QbGF5ZXIoJ3lvdXR1YmUtcGxheWVyJywge1xyXG4gICAgICAgICAgICAgICAgdmlkZW9JZDogdGhpcy52aWRlbz8uc3JjLFxyXG4gICAgICAgICAgICAgICAgcGxheWVyVmFyczoge1xyXG4gICAgICAgICAgICAgICAgICAgIGVuYWJsZWpzYXBpOiAxLFxyXG4gICAgICAgICAgICAgICAgICAgIGF1dG9wbGF5OiAxLFxyXG4gICAgICAgICAgICAgICAgICAgIGNvbnRyb2xzOiAwLFxyXG4gICAgICAgICAgICAgICAgICAgIHNob3dpbmZvOiAwLFxyXG4gICAgICAgICAgICAgICAgICAgIG1vZGVzdGJyYW5kaW5nOiAxLFxyXG4gICAgICAgICAgICAgICAgICAgIGxvb3A6IDEsXHJcbiAgICAgICAgICAgICAgICAgICAgZnM6IDEsXHJcbiAgICAgICAgICAgICAgICAgICAgY2NfbG9hZF9wb2xpY3k6IDEsXHJcbiAgICAgICAgICAgICAgICAgICAgaXZfbG9hZF9wb2xpY3k6IDMsXHJcbiAgICAgICAgICAgICAgICAgICAgYXV0b2hpZGU6IDEsXHJcbiAgICAgICAgICAgICAgICAgICAgcmVsOiAwLFxyXG4gICAgICAgICAgICAgICAgICAgIHBsYXlzaW5saW5lOiAxLFxyXG4gICAgICAgICAgICAgICAgICAgIHBsYXlsaXN0OiB0aGlzLnZpZGVvPy5zcmMsXHJcbiAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICAgICAgZXZlbnRzOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgb25SZWFkeTogdGhpcy5vblBsYXllclJlYWR5LFxyXG4gICAgICAgICAgICAgICAgICAgIG9uU3RhdGVDaGFuZ2U6IChldmVudDogYW55KSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGV2ZW50LnRhcmdldC5zZXRQbGF5YmFja1F1YWxpdHkoJ2hpZ2hyZXMnKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgaWYgKGV2ZW50LmRhdGEgPT09IFlULlBsYXllclN0YXRlLkVOREVEKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBldmVudC50YXJnZXQuc2Vla1RvKDApO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZXZlbnQudGFyZ2V0LnBsYXlWaWRlbygpO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH07XHJcbiAgICB9XHJcbiAgICBvblBsYXllclJlYWR5KGV2ZW50OiBhbnkpIHtcclxuICAgICAgICBldmVudC50YXJnZXQubXV0ZSgpO1xyXG4gICAgICAgIGV2ZW50LnRhcmdldC5wbGF5VmlkZW8oKTtcclxuICAgIH1cclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBUaW1pbmdJdGVtIHtcclxuICAgIGxhYmVsOiBzdHJpbmc7XHJcbiAgICBpY29uPzogc3RyaW5nO1xyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ3cmFwcGVyLWJpZyBtb2R1bGUtc3BhY2VyLS1ib3R0b21cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJicnVuY2hcIj5cclxuICAgICAgICBAaWYgKHZpZGVvIHx8IGltYWdlKSB7XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImJydW5jaC0tdmlkZW8td3JhcHBlciBmaWd1cmUtc3RpY2t5XCI+XHJcbiAgICAgICAgICAgIEBpZiAodmlkZW8pIHtcclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJydW5jaC0tdmlkZW9cIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgaWQ9XCJ5b3V0dWJlLXBsYXllclwiPjwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgfSBAZWxzZSBpZiAoaW1hZ2UpIHtcclxuICAgICAgICAgICAgPGltZ1xyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJicnVuY2gtLXZpZGVvXCJcclxuICAgICAgICAgICAgICAgIFtzcmNdPVwiaW1hZ2Uuc3JjXCJcclxuICAgICAgICAgICAgICAgIFthbHRdPVwiaW1hZ2UuYWx0XCJcclxuICAgICAgICAgICAgICAgIHdpZHRoPVwiNjAwXCJcclxuICAgICAgICAgICAgICAgIGhlaWdodD1cIjYwMFwiXHJcbiAgICAgICAgICAgICAgICBsb2FkaW5nPVwibGF6eVwiXHJcbiAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICB9XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImJydW5jaC0tY29udGVudC13cmFwcGVyXCI+XHJcbiAgICAgICAgICAgIEBpZiAodGl0bGUpIHtcclxuICAgICAgICAgICAgPGgyIGNsYXNzPVwiYnJ1bmNoLS10aXRsZSB0aXRsZS0tNjAgY29sb3ItLWJyb3duXCI+e3sgdGl0bGUgfX08L2gyPlxyXG4gICAgICAgICAgICB9IEBpZiAoZGVzY3JpcHRpb24pIHtcclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJicnVuY2gtLWRlc2NyaXB0aW9uIHRleHRcIj5cclxuICAgICAgICAgICAgICAgIHt7IGRlc2NyaXB0aW9uIH19XHJcbiAgICAgICAgICAgIDwvcD5cclxuICAgICAgICAgICAgfSBAaWYgKHNob3dNb3JlICYmIGFkZGl0aW9uYWxEZXNjcmlwdGlvbikge1xyXG4gICAgICAgICAgICA8cCBjbGFzcz1cImJydW5jaC0tZGVzY3JpcHRpb24gdGV4dFwiPlxyXG4gICAgICAgICAgICAgICAge3sgYWRkaXRpb25hbERlc2NyaXB0aW9uIH19XHJcbiAgICAgICAgICAgIDwvcD5cclxuXHJcbiAgICAgICAgICAgIH0gQGlmIChhZGRpdGlvbmFsRGVzY3JpcHRpb24gJiYgbGlua3M/Lmxlbmd0aCkgeyBAaWYgKCFzaG93TW9yZSkge1xyXG4gICAgICAgICAgICA8dGVudC1idXR0b25cclxuICAgICAgICAgICAgICAgIGNsYXNzPVwiYnJ1bmNoLS1zaG93LW1vcmVcIlxyXG4gICAgICAgICAgICAgICAgdHlwZT1cImRhcmstbGlua1wiXHJcbiAgICAgICAgICAgICAgICBbbGFiZWxdPVwibGlua3M/LlswXT8ubGFiZWxcIlxyXG4gICAgICAgICAgICAgICAgKGJ0bkNsaWNrKT1cInRvZ2dsZVNob3dNb3JlKClcIlxyXG4gICAgICAgICAgICAgICAgW25hbWVdPVwibGlua3M/LlswXT8ubGFiZWxcIlxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgIDwvdGVudC1idXR0b24+XHJcbiAgICAgICAgICAgIH0gQGVsc2Uge1xyXG4gICAgICAgICAgICA8dGVudC1idXR0b25cclxuICAgICAgICAgICAgICAgIHR5cGU9XCJkYXJrLWxpbmtcIlxyXG4gICAgICAgICAgICAgICAgW2xhYmVsXT1cImxpbmtzPy5bMV0/LmxhYmVsXCJcclxuICAgICAgICAgICAgICAgIChidG5DbGljayk9XCJ0b2dnbGVTaG93TW9yZSgpXCJcclxuICAgICAgICAgICAgICAgIFtuYW1lXT1cImxpbmtzPy5bMV0/LmxhYmVsXCJcclxuICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICA8L3RlbnQtYnV0dG9uPlxyXG4gICAgICAgICAgICB9IH0gQGlmICh0aW1taW5nSXRlbXM/Lmxlbmd0aCkge1xyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYnJ1bmNoLS10aW1pbmctaW5mb1wiPlxyXG4gICAgICAgICAgICAgICAgQGlmICh0aW1taW5nVGl0bGUpIHtcclxuICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwiYnJ1bmNoLS10aW1pbmctdGl0bGVcIj5ob3JhcmlvczwvcD5cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIDx1bCBjbGFzcz1cImJydW5jaC0tdGltaW5nLWxpc3RcIj5cclxuICAgICAgICAgICAgICAgICAgICBAZm9yIChpdGVtIG9mIHRpbW1pbmdJdGVtczsgdHJhY2sgJGluZGV4KSB7IEBpZiAoaXRlbS5sYWJlbClcclxuICAgICAgICAgICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwiYnJ1bmNoLS10aW1pbmctaXRlbVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBAaWYgKGl0ZW0uaWNvbikge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhblxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJicnVuY2gtLXRpbWluZy1pdGVtLS1pY29uXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIml0ZW0uaWNvblwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgID48L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJicnVuY2gtLXRpbWluZy1pdGVtLS10ZXh0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7eyBpdGVtLmxhYmVsIH19XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICAgICAgICAgIH0gfVxyXG4gICAgICAgICAgICAgICAgPC91bD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJ1bmNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RlbnQvc3JjL2xpYi9jb21wb25lbnRzL2NvcmUvYnJ1bmNoL2JydW5jaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ZW50L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2JydW5jaC9icnVuY2guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRzlELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7O0FBUXZFLE1BQU0sT0FBTyxlQUFlO0lBUDVCO1FBZ0JJLGFBQVEsR0FBRyxLQUFLLENBQUM7S0F5RHBCO0lBckRHLGNBQWM7UUFDVixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUNuQyxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNaLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztTQUNyQjtJQUNMLENBQUM7SUFFRCxVQUFVO1FBQ04sMkJBQTJCO1FBQzNCLElBQUksR0FBRyxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDM0MsR0FBRyxDQUFDLEdBQUcsR0FBRyxvQ0FBb0MsQ0FBQztRQUMvQyxHQUFHLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztRQUNqQixJQUFJLGNBQWMsR0FBRyxRQUFRLENBQUMsb0JBQW9CLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDaEUsY0FBYyxDQUFDLFVBQVUsRUFBRSxZQUFZLENBQUMsR0FBRyxFQUFFLGNBQWMsQ0FBQyxDQUFDO1FBRTVELE1BQWMsQ0FBQyx5QkFBeUIsQ0FBQyxHQUFHLEdBQUcsRUFBRTtZQUM5QyxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyx1QkFBdUIsRUFBRTtnQkFDakQsT0FBTyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsR0FBRztnQkFDeEIsVUFBVSxFQUFFO29CQUNSLFdBQVcsRUFBRSxDQUFDO29CQUNkLFFBQVEsRUFBRSxDQUFDO29CQUNYLFFBQVEsRUFBRSxDQUFDO29CQUNYLFFBQVEsRUFBRSxDQUFDO29CQUNYLGNBQWMsRUFBRSxDQUFDO29CQUNqQixJQUFJLEVBQUUsQ0FBQztvQkFDUCxFQUFFLEVBQUUsQ0FBQztvQkFDTCxjQUFjLEVBQUUsQ0FBQztvQkFDakIsY0FBYyxFQUFFLENBQUM7b0JBQ2pCLFFBQVEsRUFBRSxDQUFDO29CQUNYLEdBQUcsRUFBRSxDQUFDO29CQUNOLFdBQVcsRUFBRSxDQUFDO29CQUNkLFFBQVEsRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLEdBQUc7aUJBQzVCO2dCQUNELE1BQU0sRUFBRTtvQkFDSixPQUFPLEVBQUUsSUFBSSxDQUFDLGFBQWE7b0JBQzNCLGFBQWEsRUFBRSxDQUFDLEtBQVUsRUFBRSxFQUFFO3dCQUMxQixLQUFLLENBQUMsTUFBTSxDQUFDLGtCQUFrQixDQUFDLFNBQVMsQ0FBQyxDQUFDO3dCQUMzQyxJQUFJLEtBQUssQ0FBQyxJQUFJLEtBQUssRUFBRSxDQUFDLFdBQVcsQ0FBQyxLQUFLLEVBQUU7NEJBQ3JDLEtBQUssQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDOzRCQUN2QixLQUFLLENBQUMsTUFBTSxDQUFDLFNBQVMsRUFBRSxDQUFDO3lCQUM1QjtvQkFDTCxDQUFDO2lCQUNKO2FBQ0osQ0FBQyxDQUFDO1FBQ1AsQ0FBQyxDQUFDO0lBQ04sQ0FBQztJQUNELGFBQWEsQ0FBQyxLQUFVO1FBQ3BCLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDcEIsS0FBSyxDQUFDLE1BQU0sQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUM3QixDQUFDOytHQWpFUSxlQUFlO21HQUFmLGVBQWUsMlJDYjVCLGswRkEyRUEsdWpxQkRsRWMsWUFBWSw2SEFBRSxlQUFlLGtQQUFFLG1CQUFtQjs7NEZBSW5ELGVBQWU7a0JBUDNCLFNBQVM7K0JBQ0ksYUFBYSxjQUNYLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxlQUFlLEVBQUUsbUJBQW1CLENBQUM7OEJBS3BELEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLHFCQUFxQjtzQkFBN0IsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgWW91VHViZVBsYXllck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3lvdXR1YmUtcGxheWVyJztcclxuaW1wb3J0IHsgQnV0dG9uSSB9IGZyb20gJy4uLy4uLy4uL2ludGVyZmFjZXMvYXRvbWljL2J1dHRvbi5pbnRlcmZhY2UnO1xyXG5pbXBvcnQgeyBJbWFnZUkgfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzL2F0b21pYy9pbWFnZS5pbnRlcmZhY2UnO1xyXG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi8uLi9hdG9taWMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAndGVudC1icnVuY2gnLFxyXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEJ1dHRvbkNvbXBvbmVudCwgWW91VHViZVBsYXllck1vZHVsZV0sXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vYnJ1bmNoLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsOiAnLi9icnVuY2guY29tcG9uZW50LnNjc3MnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQnJ1bmNoQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICAgIEBJbnB1dCgpIHRpdGxlPzogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgZGVzY3JpcHRpb24/OiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBhZGRpdGlvbmFsRGVzY3JpcHRpb24/OiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBsaW5rcz86IEJ1dHRvbklbXTtcclxuICAgIEBJbnB1dCgpIGltYWdlPzogSW1hZ2VJO1xyXG4gICAgQElucHV0KCkgdmlkZW8/OiBJbWFnZUk7XHJcbiAgICBASW5wdXQoKSB0aW1taW5nVGl0bGU/OiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSB0aW1taW5nSXRlbXM/OiBUaW1pbmdJdGVtW107XHJcbiAgICBzaG93TW9yZSA9IGZhbHNlO1xyXG5cclxuICAgIHBsYXllciE6IFlULlBsYXllcjtcclxuXHJcbiAgICB0b2dnbGVTaG93TW9yZSgpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLnNob3dNb3JlID0gIXRoaXMuc2hvd01vcmU7XHJcbiAgICB9XHJcblxyXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKHRoaXMudmlkZW8pIHtcclxuICAgICAgICAgICAgdGhpcy5pbml0UGxheWVyKCk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIGluaXRQbGF5ZXIoKTogdm9pZCB7XHJcbiAgICAgICAgLy8gQ2FyZ2FyIGxhIEFQSSBkZSBZb3VUdWJlXHJcbiAgICAgICAgdmFyIHRhZyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3NjcmlwdCcpO1xyXG4gICAgICAgIHRhZy5zcmMgPSAnaHR0cHM6Ly93d3cueW91dHViZS5jb20vaWZyYW1lX2FwaSc7XHJcbiAgICAgICAgdGFnLmFzeW5jID0gdHJ1ZTtcclxuICAgICAgICB2YXIgZmlyc3RTY3JpcHRUYWcgPSBkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgnc2NyaXB0JylbMF07XHJcbiAgICAgICAgZmlyc3RTY3JpcHRUYWcucGFyZW50Tm9kZT8uaW5zZXJ0QmVmb3JlKHRhZywgZmlyc3RTY3JpcHRUYWcpO1xyXG5cclxuICAgICAgICAod2luZG93IGFzIGFueSlbJ29uWW91VHViZUlmcmFtZUFQSVJlYWR5J10gPSAoKSA9PiB7XHJcbiAgICAgICAgICAgIHRoaXMucGxheWVyID0gbmV3IFlULlBsYXllcigneW91dHViZS1wbGF5ZXItYnJ1bmNoJywge1xyXG4gICAgICAgICAgICAgICAgdmlkZW9JZDogdGhpcy52aWRlbz8uc3JjLFxyXG4gICAgICAgICAgICAgICAgcGxheWVyVmFyczoge1xyXG4gICAgICAgICAgICAgICAgICAgIGVuYWJsZWpzYXBpOiAxLFxyXG4gICAgICAgICAgICAgICAgICAgIGF1dG9wbGF5OiAxLFxyXG4gICAgICAgICAgICAgICAgICAgIGNvbnRyb2xzOiAwLFxyXG4gICAgICAgICAgICAgICAgICAgIHNob3dpbmZvOiAwLFxyXG4gICAgICAgICAgICAgICAgICAgIG1vZGVzdGJyYW5kaW5nOiAxLFxyXG4gICAgICAgICAgICAgICAgICAgIGxvb3A6IDEsXHJcbiAgICAgICAgICAgICAgICAgICAgZnM6IDEsXHJcbiAgICAgICAgICAgICAgICAgICAgY2NfbG9hZF9wb2xpY3k6IDEsXHJcbiAgICAgICAgICAgICAgICAgICAgaXZfbG9hZF9wb2xpY3k6IDMsXHJcbiAgICAgICAgICAgICAgICAgICAgYXV0b2hpZGU6IDEsXHJcbiAgICAgICAgICAgICAgICAgICAgcmVsOiAwLFxyXG4gICAgICAgICAgICAgICAgICAgIHBsYXlzaW5saW5lOiAxLFxyXG4gICAgICAgICAgICAgICAgICAgIHBsYXlsaXN0OiB0aGlzLnZpZGVvPy5zcmMsXHJcbiAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICAgICAgZXZlbnRzOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgb25SZWFkeTogdGhpcy5vblBsYXllclJlYWR5LFxyXG4gICAgICAgICAgICAgICAgICAgIG9uU3RhdGVDaGFuZ2U6IChldmVudDogYW55KSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGV2ZW50LnRhcmdldC5zZXRQbGF5YmFja1F1YWxpdHkoJ2hpZ2hyZXMnKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgaWYgKGV2ZW50LmRhdGEgPT09IFlULlBsYXllclN0YXRlLkVOREVEKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBldmVudC50YXJnZXQuc2Vla1RvKDApO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZXZlbnQudGFyZ2V0LnBsYXlWaWRlbygpO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH07XHJcbiAgICB9XHJcbiAgICBvblBsYXllclJlYWR5KGV2ZW50OiBhbnkpIHtcclxuICAgICAgICBldmVudC50YXJnZXQubXV0ZSgpO1xyXG4gICAgICAgIGV2ZW50LnRhcmdldC5wbGF5VmlkZW8oKTtcclxuICAgIH1cclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBUaW1pbmdJdGVtIHtcclxuICAgIGxhYmVsOiBzdHJpbmc7XHJcbiAgICBpY29uPzogc3RyaW5nO1xyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ3cmFwcGVyLWJpZyBtb2R1bGUtc3BhY2VyLS1ib3R0b21cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJicnVuY2hcIj5cclxuICAgICAgICBAaWYgKHZpZGVvIHx8IGltYWdlKSB7XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImJydW5jaC0tdmlkZW8td3JhcHBlciBmaWd1cmUtc3RpY2t5XCI+XHJcbiAgICAgICAgICAgIEBpZiAodmlkZW8pIHtcclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJydW5jaC0tdmlkZW9cIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgaWQ9XCJ5b3V0dWJlLXBsYXllci1icnVuY2hcIj48L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIH0gQGVsc2UgaWYgKGltYWdlKSB7XHJcbiAgICAgICAgICAgIDxpbWdcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwiYnJ1bmNoLS12aWRlb1wiXHJcbiAgICAgICAgICAgICAgICBbc3JjXT1cImltYWdlLnNyY1wiXHJcbiAgICAgICAgICAgICAgICBbYWx0XT1cImltYWdlLmFsdFwiXHJcbiAgICAgICAgICAgICAgICB3aWR0aD1cIjYwMFwiXHJcbiAgICAgICAgICAgICAgICBoZWlnaHQ9XCI2MDBcIlxyXG4gICAgICAgICAgICAgICAgbG9hZGluZz1cImxhenlcIlxyXG4gICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJicnVuY2gtLWNvbnRlbnQtd3JhcHBlclwiPlxyXG4gICAgICAgICAgICBAaWYgKHRpdGxlKSB7XHJcbiAgICAgICAgICAgIDxoMiBjbGFzcz1cImJydW5jaC0tdGl0bGUgdGl0bGUtLTYwIGNvbG9yLS1icm93blwiPnt7IHRpdGxlIH19PC9oMj5cclxuICAgICAgICAgICAgfSBAaWYgKGRlc2NyaXB0aW9uKSB7XHJcbiAgICAgICAgICAgIDxwIGNsYXNzPVwiYnJ1bmNoLS1kZXNjcmlwdGlvbiB0ZXh0XCI+XHJcbiAgICAgICAgICAgICAgICB7eyBkZXNjcmlwdGlvbiB9fVxyXG4gICAgICAgICAgICA8L3A+XHJcbiAgICAgICAgICAgIH0gQGlmIChzaG93TW9yZSAmJiBhZGRpdGlvbmFsRGVzY3JpcHRpb24pIHtcclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJicnVuY2gtLWRlc2NyaXB0aW9uIHRleHRcIj5cclxuICAgICAgICAgICAgICAgIHt7IGFkZGl0aW9uYWxEZXNjcmlwdGlvbiB9fVxyXG4gICAgICAgICAgICA8L3A+XHJcblxyXG4gICAgICAgICAgICB9IEBpZiAoYWRkaXRpb25hbERlc2NyaXB0aW9uICYmIGxpbmtzPy5sZW5ndGgpIHsgQGlmICghc2hvd01vcmUpIHtcclxuICAgICAgICAgICAgPHRlbnQtYnV0dG9uXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImJydW5jaC0tc2hvdy1tb3JlXCJcclxuICAgICAgICAgICAgICAgIHR5cGU9XCJkYXJrLWxpbmtcIlxyXG4gICAgICAgICAgICAgICAgW2xhYmVsXT1cImxpbmtzPy5bMF0/LmxhYmVsXCJcclxuICAgICAgICAgICAgICAgIChidG5DbGljayk9XCJ0b2dnbGVTaG93TW9yZSgpXCJcclxuICAgICAgICAgICAgICAgIFtuYW1lXT1cImxpbmtzPy5bMF0/LmxhYmVsXCJcclxuICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICA8L3RlbnQtYnV0dG9uPlxyXG4gICAgICAgICAgICB9IEBlbHNlIHtcclxuICAgICAgICAgICAgPHRlbnQtYnV0dG9uXHJcbiAgICAgICAgICAgICAgICB0eXBlPVwiZGFyay1saW5rXCJcclxuICAgICAgICAgICAgICAgIFtsYWJlbF09XCJsaW5rcz8uWzFdPy5sYWJlbFwiXHJcbiAgICAgICAgICAgICAgICAoYnRuQ2xpY2spPVwidG9nZ2xlU2hvd01vcmUoKVwiXHJcbiAgICAgICAgICAgICAgICBbbmFtZV09XCJsaW5rcz8uWzFdPy5sYWJlbFwiXHJcbiAgICAgICAgICAgID5cclxuICAgICAgICAgICAgPC90ZW50LWJ1dHRvbj5cclxuICAgICAgICAgICAgfSB9IEBpZiAodGltbWluZ0l0ZW1zPy5sZW5ndGgpIHtcclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJydW5jaC0tdGltaW5nLWluZm9cIj5cclxuICAgICAgICAgICAgICAgIEBpZiAodGltbWluZ1RpdGxlKSB7XHJcbiAgICAgICAgICAgICAgICA8cCBjbGFzcz1cImJydW5jaC0tdGltaW5nLXRpdGxlXCI+aG9yYXJpb3M8L3A+XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICA8dWwgY2xhc3M9XCJicnVuY2gtLXRpbWluZy1saXN0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgQGZvciAoaXRlbSBvZiB0aW1taW5nSXRlbXM7IHRyYWNrICRpbmRleCkgeyBAaWYgKGl0ZW0ubGFiZWwpXHJcbiAgICAgICAgICAgICAgICAgICAge1xyXG4gICAgICAgICAgICAgICAgICAgIDxsaSBjbGFzcz1cImJydW5jaC0tdGltaW5nLWl0ZW1cIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgQGlmIChpdGVtLmljb24pIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYnJ1bmNoLS10aW1pbmctaXRlbS0taWNvblwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJpdGVtLmljb25cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA+PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYnJ1bmNoLS10aW1pbmctaXRlbS0tdGV4dFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge3sgaXRlbS5sYWJlbCB9fVxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgICAgICAgICB9IH1cclxuICAgICAgICAgICAgICAgIDwvdWw+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|
package/fesm2022/tent-lib.mjs
CHANGED
|
@@ -3691,7 +3691,7 @@ class BrunchComponent {
|
|
|
3691
3691
|
var firstScriptTag = document.getElementsByTagName('script')[0];
|
|
3692
3692
|
firstScriptTag.parentNode?.insertBefore(tag, firstScriptTag);
|
|
3693
3693
|
window['onYouTubeIframeAPIReady'] = () => {
|
|
3694
|
-
this.player = new YT.Player('youtube-player', {
|
|
3694
|
+
this.player = new YT.Player('youtube-player-brunch', {
|
|
3695
3695
|
videoId: this.video?.src,
|
|
3696
3696
|
playerVars: {
|
|
3697
3697
|
enablejsapi: 1,
|
|
@@ -3726,11 +3726,11 @@ class BrunchComponent {
|
|
|
3726
3726
|
event.target.playVideo();
|
|
3727
3727
|
}
|
|
3728
3728
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrunchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3729
|
-
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 <div id=\"youtube-player\"></div>\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}\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 }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3729
|
+
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 <div id=\"youtube-player-brunch\"></div>\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}\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 }] }); }
|
|
3730
3730
|
}
|
|
3731
3731
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrunchComponent, decorators: [{
|
|
3732
3732
|
type: Component,
|
|
3733
|
-
args: [{ selector: 'tent-brunch', standalone: true, imports: [CommonModule, ButtonComponent, YouTubePlayerModule], changeDetection: ChangeDetectionStrategy.OnPush, 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 <div id=\"youtube-player\"></div>\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}\n"] }]
|
|
3733
|
+
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 <div id=\"youtube-player-brunch\"></div>\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}\n"] }]
|
|
3734
3734
|
}], propDecorators: { title: [{
|
|
3735
3735
|
type: Input
|
|
3736
3736
|
}], description: [{
|