tent-lib 1.14.15 → 1.14.16
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.
|
@@ -40,11 +40,11 @@ export class TentVideoComponent {
|
|
|
40
40
|
this.isPlaying = true;
|
|
41
41
|
}
|
|
42
42
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TentVideoComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
43
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: TentVideoComponent, isStandalone: true, selector: "lib-tent-video", inputs: { title: "title", subtitle: "subtitle", youtubeUrl: "youtubeUrl", imagen: "imagen" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"hero-video-block\">\n <!-- Tarjeta de fondo -->\n <div class=\"hero-video-block__bg\"></div>\n\n <!-- Contenido -->\n <div class=\"hero-video-block__content\">\n <div class=\"hero-video-block__title\">\n <span class=\"line1\">{{ title }}</span>\n <span class=\"line2\">{{ subtitle }}</span>\n </div>\n\n <div class=\"hero-video-block__video-wrapper\">\n <!-- Mientras no se est\u00E9 reproduciendo: miniatura + bot\u00F3n play -->\n <ng-container *ngIf=\"!isPlaying; else playingTpl\">\n @if (imagen || thumbnailUrl) {\n <div class=\"hero-video-block__thumb\">\n <img\n [src]=\"imagen ?? thumbnailUrl\"\n alt=\"Video thumbnail\"\n loading=\"lazy\"\n />\n </div>\n }\n\n <button\n class=\"hero-video-block__play-btn\"\n type=\"button\"\n (click)=\"onPlayClick()\"\n >\n <svg\n width=\"50\"\n height=\"50\"\n viewBox=\"0 0 50 50\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g filter=\"url(#filter0_d_2054_3)\">\n <path\n d=\"M41.5 17.2672C45.5 19.5766 45.5 25.3501 41.5 27.6595L13 44.114C9 46.4234 4 43.5367 4 38.9179L4 6.00889C4 1.39009 9 -1.49666 13 0.812744L41.5 17.2672Z\"\n fill=\"white\"\n />\n </g>\n <defs>\n <filter\n id=\"filter0_d_2054_3\"\n x=\"0\"\n y=\"0\"\n width=\"48.5\"\n height=\"52.9268\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood\n flood-opacity=\"0\"\n result=\"BackgroundImageFix\"\n />\n <feColorMatrix\n in=\"SourceAlpha\"\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n result=\"hardAlpha\"\n />\n <feOffset dy=\"4\" />\n <feGaussianBlur stdDeviation=\"2\" />\n <feComposite in2=\"hardAlpha\" operator=\"out\" />\n <feColorMatrix\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"\n />\n <feBlend\n mode=\"normal\"\n in2=\"BackgroundImageFix\"\n result=\"effect1_dropShadow_2054_3\"\n />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"effect1_dropShadow_2054_3\"\n result=\"shape\"\n />\n </filter>\n </defs>\n </svg>\n </button>\n </ng-container>\n\n <!-- Cuando se pulsa play: iframe de YouTube con autoplay -->\n <ng-template #playingTpl>\n <iframe\n class=\"hero-video-block__iframe\"\n *ngIf=\"safeEmbedUrl\"\n [src]=\"safeEmbedUrl\"\n title=\"YouTube video player\"\n frameborder=\"0\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n allowfullscreen\n ></iframe>\n </ng-template>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693d2d;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693e2e;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.text strong{font-weight:700}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--20{font-weight:700;font-size:16px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--20{font-size:16px}}@media (min-width: 768px){.title--20{font-size:16px}}@media (min-width: 1024px){.title--20{font-size:18px}}@media (min-width: 1680px){.title--20{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:default;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.hero-video-block{position:relative;padding:4rem 2rem;display:flex;justify-content:center;height:900px}.hero-video-block__bg{background-color:var(--color-background-2);border-radius:12px;width:98%;height:22rem}.hero-video-block__content{position:absolute;inset:50px 0 0;display:flex;align-items:flex-start;justify-content:flex-start;padding:4rem 4rem 0;pointer-events:none}.hero-video-block__title{position:absolute;top:4rem;left:7vw;font-size:3rem;font-weight:700;line-height:1.1;padding:5px 50px;z-index:9}.hero-video-block__title .line1{display:block;color:var(--color-title);font-size:80px}.hero-video-block__title .line2{display:block;color:var(--color-title-2);font-size:80px}@media (max-width: 1365px){.hero-video-block__title .line1,.hero-video-block__title .line2{font-size:80px}}@media (max-width: 1023px){.hero-video-block__title .line1,.hero-video-block__title .line2{font-size:60px}}@media (max-width: 767px){.hero-video-block__title{padding:5px 2rem}.hero-video-block__title .line1,.hero-video-block__title .line2{font-size:40px}}.hero-video-block__video-wrapper{position:relative;pointer-events:auto;margin:0 auto;margin-top:9rem;border-radius:12px;overflow:hidden;background:#000}.hero-video-block__thumb img{display:block;width:100%;height:auto;object-fit:cover}.hero-video-block__iframe{display:block}.hero-video-block__play-btn{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:5rem;height:5rem;border-radius:50%;border:none;background:#693d2dcc;font-size:2.2rem;line-height:5rem;text-align:center;cursor:pointer;box-shadow:0 .8rem 2rem #00000040;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center}.hero-video-block__play-btn:hover{background:#884f3acc}.hero-video-block__play-btn svg{position:relative;margin-top:7px;margin-left:7px}@media (max-width: 1279px){.hero-video-block{height:66vw}.hero-video-block__content{top:5px}}@media (max-width: 1200px){.hero-video-block{height:50vw}}@media (max-width: 1023px){.hero-video-block{height:70vw}.hero-video-block__bg{width:95%}}@media (max-width: 767px){.hero-video-block{padding:3rem 1.5rem;height:65vw}.hero-video-block__bg{height:245px}.hero-video-block__content{padding:3rem 2rem 0}.hero-video-block__title{top:3rem;left:2rem;font-size:80px}}@media (max-width: 539px){.hero-video-block{height:85vw}}@media (max-width: 539px){.hero-video-block__bg{width:436px}}.hero-video-block__video-wrapper{width:1200px;max-height:700px}.hero-video-block__video-wrapper .hero-video-block__iframe,.hero-video-block__video-wrapper .hero-video-block__thumb img{width:1200px;height:675px}@media (max-width: 1200px){.hero-video-block__video-wrapper{width:700px;height:400px}.hero-video-block__video-wrapper .hero-video-block__thumb img,.hero-video-block__video-wrapper .hero-video-block__iframe{width:712px;height:400px}}@media (max-width: 1024px){.hero-video-block__video-wrapper,.hero-video-block__video-wrapper .hero-video-block__iframe,.hero-video-block__video-wrapper .hero-video-block__thumb img{width:711px;height:400px}}@media (max-width: 765px){.hero-video-block__video-wrapper{margin-top:6rem;width:436px;height:245px}.hero-video-block__video-wrapper .hero-video-block__thumb img,.hero-video-block__video-wrapper .hero-video-block__iframe{width:436px;height:245px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
43
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: TentVideoComponent, isStandalone: true, selector: "lib-tent-video", inputs: { title: "title", subtitle: "subtitle", youtubeUrl: "youtubeUrl", imagen: "imagen" }, usesOnChanges: true, ngImport: i0, template: "@if (youtubeUrl) {\n <section class=\"hero-video-block\">\n <!-- Tarjeta de fondo -->\n <div class=\"hero-video-block__bg\"></div>\n\n <!-- Contenido -->\n <div class=\"hero-video-block__content\">\n <div class=\"hero-video-block__title\">\n <span class=\"line1\">{{ title }}</span>\n <span class=\"line2\">{{ subtitle }}</span>\n </div>\n\n <div class=\"hero-video-block__video-wrapper\">\n <!-- Mientras no se est\u00E9 reproduciendo: miniatura + bot\u00F3n play -->\n <ng-container *ngIf=\"!isPlaying; else playingTpl\">\n @if (imagen || thumbnailUrl) {\n <div class=\"hero-video-block__thumb\">\n <img\n [src]=\"imagen ?? thumbnailUrl\"\n alt=\"Video thumbnail\"\n loading=\"lazy\"\n />\n </div>\n }\n\n <button\n class=\"hero-video-block__play-btn\"\n type=\"button\"\n (click)=\"onPlayClick()\"\n >\n <svg\n width=\"50\"\n height=\"50\"\n viewBox=\"0 0 50 50\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g filter=\"url(#filter0_d_2054_3)\">\n <path\n d=\"M41.5 17.2672C45.5 19.5766 45.5 25.3501 41.5 27.6595L13 44.114C9 46.4234 4 43.5367 4 38.9179L4 6.00889C4 1.39009 9 -1.49666 13 0.812744L41.5 17.2672Z\"\n fill=\"white\"\n />\n </g>\n <defs>\n <filter\n id=\"filter0_d_2054_3\"\n x=\"0\"\n y=\"0\"\n width=\"48.5\"\n height=\"52.9268\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood\n flood-opacity=\"0\"\n result=\"BackgroundImageFix\"\n />\n <feColorMatrix\n in=\"SourceAlpha\"\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n result=\"hardAlpha\"\n />\n <feOffset dy=\"4\" />\n <feGaussianBlur stdDeviation=\"2\" />\n <feComposite\n in2=\"hardAlpha\"\n operator=\"out\"\n />\n <feColorMatrix\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"\n />\n <feBlend\n mode=\"normal\"\n in2=\"BackgroundImageFix\"\n result=\"effect1_dropShadow_2054_3\"\n />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"effect1_dropShadow_2054_3\"\n result=\"shape\"\n />\n </filter>\n </defs>\n </svg>\n </button>\n </ng-container>\n\n <!-- Cuando se pulsa play: iframe de YouTube con autoplay -->\n <ng-template #playingTpl>\n <iframe\n class=\"hero-video-block__iframe\"\n *ngIf=\"safeEmbedUrl\"\n [src]=\"safeEmbedUrl\"\n title=\"YouTube video player\"\n frameborder=\"0\"\n allow=\"\n accelerometer;\n autoplay;\n clipboard-write;\n encrypted-media;\n gyroscope;\n picture-in-picture;\n web-share;\n \"\n allowfullscreen\n ></iframe>\n </ng-template>\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693d2d;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693e2e;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.text strong{font-weight:700}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--20{font-weight:700;font-size:16px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--20{font-size:16px}}@media (min-width: 768px){.title--20{font-size:16px}}@media (min-width: 1024px){.title--20{font-size:18px}}@media (min-width: 1680px){.title--20{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:default;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.hero-video-block{position:relative;padding:4rem 2rem;display:flex;justify-content:center;height:900px}.hero-video-block__bg{background-color:var(--color-background-2);border-radius:12px;width:98%;height:22rem}.hero-video-block__content{position:absolute;inset:50px 0 0;display:flex;align-items:flex-start;justify-content:flex-start;padding:4rem 4rem 0;pointer-events:none}.hero-video-block__title{position:absolute;top:4rem;left:7vw;font-size:3rem;font-weight:700;line-height:1.1;padding:5px 50px;z-index:9}.hero-video-block__title .line1{display:block;color:var(--color-title);font-size:80px}.hero-video-block__title .line2{display:block;color:var(--color-title-2);font-size:80px}@media (max-width: 1365px){.hero-video-block__title .line1,.hero-video-block__title .line2{font-size:80px}}@media (max-width: 1023px){.hero-video-block__title .line1,.hero-video-block__title .line2{font-size:60px}}@media (max-width: 767px){.hero-video-block__title{padding:5px 2rem}.hero-video-block__title .line1,.hero-video-block__title .line2{font-size:40px}}.hero-video-block__video-wrapper{position:relative;pointer-events:auto;margin:0 auto;margin-top:9rem;border-radius:12px;overflow:hidden;background:#000}.hero-video-block__thumb img{display:block;width:100%;height:auto;object-fit:cover}.hero-video-block__iframe{display:block}.hero-video-block__play-btn{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:5rem;height:5rem;border-radius:50%;border:none;background:#693d2dcc;font-size:2.2rem;line-height:5rem;text-align:center;cursor:pointer;box-shadow:0 .8rem 2rem #00000040;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center}.hero-video-block__play-btn:hover{background:#884f3acc}.hero-video-block__play-btn svg{position:relative;margin-top:7px;margin-left:7px}@media (max-width: 1279px){.hero-video-block{height:66vw}.hero-video-block__content{top:5px}}@media (max-width: 1200px){.hero-video-block{height:50vw}}@media (max-width: 1023px){.hero-video-block{height:70vw}.hero-video-block__bg{width:95%}}@media (max-width: 767px){.hero-video-block{padding:3rem 1.5rem;height:65vw}.hero-video-block__bg{height:245px}.hero-video-block__content{padding:3rem 2rem 0}.hero-video-block__title{top:3rem;left:2rem;font-size:80px}}@media (max-width: 539px){.hero-video-block{height:85vw}}@media (max-width: 539px){.hero-video-block__bg{width:436px}}.hero-video-block__video-wrapper{width:1200px;max-height:700px}.hero-video-block__video-wrapper .hero-video-block__iframe,.hero-video-block__video-wrapper .hero-video-block__thumb img{width:1200px;height:675px}@media (max-width: 1200px){.hero-video-block__video-wrapper{width:700px;height:400px}.hero-video-block__video-wrapper .hero-video-block__thumb img,.hero-video-block__video-wrapper .hero-video-block__iframe{width:712px;height:400px}}@media (max-width: 1024px){.hero-video-block__video-wrapper,.hero-video-block__video-wrapper .hero-video-block__iframe,.hero-video-block__video-wrapper .hero-video-block__thumb img{width:711px;height:400px}}@media (max-width: 765px){.hero-video-block__video-wrapper{margin-top:6rem;width:436px;height:245px}.hero-video-block__video-wrapper .hero-video-block__thumb img,.hero-video-block__video-wrapper .hero-video-block__iframe{width:436px;height:245px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
44
44
|
}
|
|
45
45
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TentVideoComponent, decorators: [{
|
|
46
46
|
type: Component,
|
|
47
|
-
args: [{ selector: 'lib-tent-video', standalone: true, imports: [CommonModule], template: "<section class=\"hero-video-block\">\n <!-- Tarjeta de fondo -->\n <div class=\"hero-video-block__bg\"></div>\n\n <!-- Contenido -->\n <div class=\"hero-video-block__content\">\n <div class=\"hero-video-block__title\">\n <span class=\"line1\">{{ title }}</span>\n <span class=\"line2\">{{ subtitle }}</span>\n </div>\n\n <div class=\"hero-video-block__video-wrapper\">\n <!-- Mientras no se est\u00E9 reproduciendo: miniatura + bot\u00F3n play -->\n <ng-container *ngIf=\"!isPlaying; else playingTpl\">\n @if (imagen || thumbnailUrl) {\n <div class=\"hero-video-block__thumb\">\n <img\n [src]=\"imagen ?? thumbnailUrl\"\n alt=\"Video thumbnail\"\n loading=\"lazy\"\n />\n </div>\n }\n\n <button\n class=\"hero-video-block__play-btn\"\n type=\"button\"\n (click)=\"onPlayClick()\"\n >\n <svg\n width=\"50\"\n height=\"50\"\n viewBox=\"0 0 50 50\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g filter=\"url(#filter0_d_2054_3)\">\n <path\n d=\"M41.5 17.2672C45.5 19.5766 45.5 25.3501 41.5 27.6595L13 44.114C9 46.4234 4 43.5367 4 38.9179L4 6.00889C4 1.39009 9 -1.49666 13 0.812744L41.5 17.2672Z\"\n fill=\"white\"\n />\n </g>\n <defs>\n <filter\n id=\"filter0_d_2054_3\"\n x=\"0\"\n y=\"0\"\n width=\"48.5\"\n height=\"52.9268\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood\n flood-opacity=\"0\"\n result=\"BackgroundImageFix\"\n />\n <feColorMatrix\n in=\"SourceAlpha\"\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n result=\"hardAlpha\"\n />\n <feOffset dy=\"4\" />\n <feGaussianBlur stdDeviation=\"2\" />\n <feComposite in2=\"hardAlpha\" operator=\"out\" />\n <feColorMatrix\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"\n />\n <feBlend\n mode=\"normal\"\n in2=\"BackgroundImageFix\"\n result=\"effect1_dropShadow_2054_3\"\n />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"effect1_dropShadow_2054_3\"\n result=\"shape\"\n />\n </filter>\n </defs>\n </svg>\n </button>\n </ng-container>\n\n <!-- Cuando se pulsa play: iframe de YouTube con autoplay -->\n <ng-template #playingTpl>\n <iframe\n class=\"hero-video-block__iframe\"\n *ngIf=\"safeEmbedUrl\"\n [src]=\"safeEmbedUrl\"\n title=\"YouTube video player\"\n frameborder=\"0\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n allowfullscreen\n ></iframe>\n </ng-template>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693d2d;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693e2e;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.text strong{font-weight:700}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--20{font-weight:700;font-size:16px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--20{font-size:16px}}@media (min-width: 768px){.title--20{font-size:16px}}@media (min-width: 1024px){.title--20{font-size:18px}}@media (min-width: 1680px){.title--20{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:default;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.hero-video-block{position:relative;padding:4rem 2rem;display:flex;justify-content:center;height:900px}.hero-video-block__bg{background-color:var(--color-background-2);border-radius:12px;width:98%;height:22rem}.hero-video-block__content{position:absolute;inset:50px 0 0;display:flex;align-items:flex-start;justify-content:flex-start;padding:4rem 4rem 0;pointer-events:none}.hero-video-block__title{position:absolute;top:4rem;left:7vw;font-size:3rem;font-weight:700;line-height:1.1;padding:5px 50px;z-index:9}.hero-video-block__title .line1{display:block;color:var(--color-title);font-size:80px}.hero-video-block__title .line2{display:block;color:var(--color-title-2);font-size:80px}@media (max-width: 1365px){.hero-video-block__title .line1,.hero-video-block__title .line2{font-size:80px}}@media (max-width: 1023px){.hero-video-block__title .line1,.hero-video-block__title .line2{font-size:60px}}@media (max-width: 767px){.hero-video-block__title{padding:5px 2rem}.hero-video-block__title .line1,.hero-video-block__title .line2{font-size:40px}}.hero-video-block__video-wrapper{position:relative;pointer-events:auto;margin:0 auto;margin-top:9rem;border-radius:12px;overflow:hidden;background:#000}.hero-video-block__thumb img{display:block;width:100%;height:auto;object-fit:cover}.hero-video-block__iframe{display:block}.hero-video-block__play-btn{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:5rem;height:5rem;border-radius:50%;border:none;background:#693d2dcc;font-size:2.2rem;line-height:5rem;text-align:center;cursor:pointer;box-shadow:0 .8rem 2rem #00000040;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center}.hero-video-block__play-btn:hover{background:#884f3acc}.hero-video-block__play-btn svg{position:relative;margin-top:7px;margin-left:7px}@media (max-width: 1279px){.hero-video-block{height:66vw}.hero-video-block__content{top:5px}}@media (max-width: 1200px){.hero-video-block{height:50vw}}@media (max-width: 1023px){.hero-video-block{height:70vw}.hero-video-block__bg{width:95%}}@media (max-width: 767px){.hero-video-block{padding:3rem 1.5rem;height:65vw}.hero-video-block__bg{height:245px}.hero-video-block__content{padding:3rem 2rem 0}.hero-video-block__title{top:3rem;left:2rem;font-size:80px}}@media (max-width: 539px){.hero-video-block{height:85vw}}@media (max-width: 539px){.hero-video-block__bg{width:436px}}.hero-video-block__video-wrapper{width:1200px;max-height:700px}.hero-video-block__video-wrapper .hero-video-block__iframe,.hero-video-block__video-wrapper .hero-video-block__thumb img{width:1200px;height:675px}@media (max-width: 1200px){.hero-video-block__video-wrapper{width:700px;height:400px}.hero-video-block__video-wrapper .hero-video-block__thumb img,.hero-video-block__video-wrapper .hero-video-block__iframe{width:712px;height:400px}}@media (max-width: 1024px){.hero-video-block__video-wrapper,.hero-video-block__video-wrapper .hero-video-block__iframe,.hero-video-block__video-wrapper .hero-video-block__thumb img{width:711px;height:400px}}@media (max-width: 765px){.hero-video-block__video-wrapper{margin-top:6rem;width:436px;height:245px}.hero-video-block__video-wrapper .hero-video-block__thumb img,.hero-video-block__video-wrapper .hero-video-block__iframe{width:436px;height:245px}}\n"] }]
|
|
47
|
+
args: [{ selector: 'lib-tent-video', standalone: true, imports: [CommonModule], template: "@if (youtubeUrl) {\n <section class=\"hero-video-block\">\n <!-- Tarjeta de fondo -->\n <div class=\"hero-video-block__bg\"></div>\n\n <!-- Contenido -->\n <div class=\"hero-video-block__content\">\n <div class=\"hero-video-block__title\">\n <span class=\"line1\">{{ title }}</span>\n <span class=\"line2\">{{ subtitle }}</span>\n </div>\n\n <div class=\"hero-video-block__video-wrapper\">\n <!-- Mientras no se est\u00E9 reproduciendo: miniatura + bot\u00F3n play -->\n <ng-container *ngIf=\"!isPlaying; else playingTpl\">\n @if (imagen || thumbnailUrl) {\n <div class=\"hero-video-block__thumb\">\n <img\n [src]=\"imagen ?? thumbnailUrl\"\n alt=\"Video thumbnail\"\n loading=\"lazy\"\n />\n </div>\n }\n\n <button\n class=\"hero-video-block__play-btn\"\n type=\"button\"\n (click)=\"onPlayClick()\"\n >\n <svg\n width=\"50\"\n height=\"50\"\n viewBox=\"0 0 50 50\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g filter=\"url(#filter0_d_2054_3)\">\n <path\n d=\"M41.5 17.2672C45.5 19.5766 45.5 25.3501 41.5 27.6595L13 44.114C9 46.4234 4 43.5367 4 38.9179L4 6.00889C4 1.39009 9 -1.49666 13 0.812744L41.5 17.2672Z\"\n fill=\"white\"\n />\n </g>\n <defs>\n <filter\n id=\"filter0_d_2054_3\"\n x=\"0\"\n y=\"0\"\n width=\"48.5\"\n height=\"52.9268\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood\n flood-opacity=\"0\"\n result=\"BackgroundImageFix\"\n />\n <feColorMatrix\n in=\"SourceAlpha\"\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n result=\"hardAlpha\"\n />\n <feOffset dy=\"4\" />\n <feGaussianBlur stdDeviation=\"2\" />\n <feComposite\n in2=\"hardAlpha\"\n operator=\"out\"\n />\n <feColorMatrix\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"\n />\n <feBlend\n mode=\"normal\"\n in2=\"BackgroundImageFix\"\n result=\"effect1_dropShadow_2054_3\"\n />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"effect1_dropShadow_2054_3\"\n result=\"shape\"\n />\n </filter>\n </defs>\n </svg>\n </button>\n </ng-container>\n\n <!-- Cuando se pulsa play: iframe de YouTube con autoplay -->\n <ng-template #playingTpl>\n <iframe\n class=\"hero-video-block__iframe\"\n *ngIf=\"safeEmbedUrl\"\n [src]=\"safeEmbedUrl\"\n title=\"YouTube video player\"\n frameborder=\"0\"\n allow=\"\n accelerometer;\n autoplay;\n clipboard-write;\n encrypted-media;\n gyroscope;\n picture-in-picture;\n web-share;\n \"\n allowfullscreen\n ></iframe>\n </ng-template>\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693d2d;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693e2e;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.text strong{font-weight:700}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--20{font-weight:700;font-size:16px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--20{font-size:16px}}@media (min-width: 768px){.title--20{font-size:16px}}@media (min-width: 1024px){.title--20{font-size:18px}}@media (min-width: 1680px){.title--20{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:default;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.hero-video-block{position:relative;padding:4rem 2rem;display:flex;justify-content:center;height:900px}.hero-video-block__bg{background-color:var(--color-background-2);border-radius:12px;width:98%;height:22rem}.hero-video-block__content{position:absolute;inset:50px 0 0;display:flex;align-items:flex-start;justify-content:flex-start;padding:4rem 4rem 0;pointer-events:none}.hero-video-block__title{position:absolute;top:4rem;left:7vw;font-size:3rem;font-weight:700;line-height:1.1;padding:5px 50px;z-index:9}.hero-video-block__title .line1{display:block;color:var(--color-title);font-size:80px}.hero-video-block__title .line2{display:block;color:var(--color-title-2);font-size:80px}@media (max-width: 1365px){.hero-video-block__title .line1,.hero-video-block__title .line2{font-size:80px}}@media (max-width: 1023px){.hero-video-block__title .line1,.hero-video-block__title .line2{font-size:60px}}@media (max-width: 767px){.hero-video-block__title{padding:5px 2rem}.hero-video-block__title .line1,.hero-video-block__title .line2{font-size:40px}}.hero-video-block__video-wrapper{position:relative;pointer-events:auto;margin:0 auto;margin-top:9rem;border-radius:12px;overflow:hidden;background:#000}.hero-video-block__thumb img{display:block;width:100%;height:auto;object-fit:cover}.hero-video-block__iframe{display:block}.hero-video-block__play-btn{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:5rem;height:5rem;border-radius:50%;border:none;background:#693d2dcc;font-size:2.2rem;line-height:5rem;text-align:center;cursor:pointer;box-shadow:0 .8rem 2rem #00000040;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center}.hero-video-block__play-btn:hover{background:#884f3acc}.hero-video-block__play-btn svg{position:relative;margin-top:7px;margin-left:7px}@media (max-width: 1279px){.hero-video-block{height:66vw}.hero-video-block__content{top:5px}}@media (max-width: 1200px){.hero-video-block{height:50vw}}@media (max-width: 1023px){.hero-video-block{height:70vw}.hero-video-block__bg{width:95%}}@media (max-width: 767px){.hero-video-block{padding:3rem 1.5rem;height:65vw}.hero-video-block__bg{height:245px}.hero-video-block__content{padding:3rem 2rem 0}.hero-video-block__title{top:3rem;left:2rem;font-size:80px}}@media (max-width: 539px){.hero-video-block{height:85vw}}@media (max-width: 539px){.hero-video-block__bg{width:436px}}.hero-video-block__video-wrapper{width:1200px;max-height:700px}.hero-video-block__video-wrapper .hero-video-block__iframe,.hero-video-block__video-wrapper .hero-video-block__thumb img{width:1200px;height:675px}@media (max-width: 1200px){.hero-video-block__video-wrapper{width:700px;height:400px}.hero-video-block__video-wrapper .hero-video-block__thumb img,.hero-video-block__video-wrapper .hero-video-block__iframe{width:712px;height:400px}}@media (max-width: 1024px){.hero-video-block__video-wrapper,.hero-video-block__video-wrapper .hero-video-block__iframe,.hero-video-block__video-wrapper .hero-video-block__thumb img{width:711px;height:400px}}@media (max-width: 765px){.hero-video-block__video-wrapper{margin-top:6rem;width:436px;height:245px}.hero-video-block__video-wrapper .hero-video-block__thumb img,.hero-video-block__video-wrapper .hero-video-block__iframe{width:436px;height:245px}}\n"] }]
|
|
48
48
|
}], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { title: [{
|
|
49
49
|
type: Input
|
|
50
50
|
}], subtitle: [{
|
|
@@ -54,4 +54,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
54
54
|
}], imagen: [{
|
|
55
55
|
type: Input
|
|
56
56
|
}] } });
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVudC12aWRlby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ZW50L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL3RlbnQtdmlkZW8vdGVudC12aWRlby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ZW50L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL3RlbnQtdmlkZW8vdGVudC12aWRlby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWlCLE1BQU0sZUFBZSxDQUFDOzs7O0FBVWhFLE1BQU0sT0FBTyxrQkFBa0I7SUFjM0IsWUFBb0IsU0FBdUI7UUFBdkIsY0FBUyxHQUFULFNBQVMsQ0FBYztRQVYzQywwQkFBMEI7UUFDakIsZUFBVSxHQUFXLEVBQUUsQ0FBQztRQUdqQyxZQUFPLEdBQWtCLElBQUksQ0FBQztRQUM5QixpQkFBWSxHQUFrQixJQUFJLENBQUM7UUFHbkMsY0FBUyxHQUFHLEtBQUssQ0FBQztJQUU0QixDQUFDO0lBRS9DLFdBQVcsQ0FBQyxPQUFzQjtRQUM5QixJQUFJLE9BQU8sQ0FBQyxZQUFZLENBQUMsRUFBRTtZQUN2QixJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztTQUMzQjtJQUNMLENBQUM7SUFFTyxnQkFBZ0I7UUFDcEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUNwRCxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU87WUFBRSxPQUFPO1FBRTFCLHVCQUF1QjtRQUN2QixJQUFJLENBQUMsWUFBWSxHQUFHLDhCQUE4QixJQUFJLENBQUMsT0FBTyxvQkFBb0IsQ0FBQztRQUVuRixxQ0FBcUM7UUFDckMsTUFBTSxLQUFLLEdBQUcsaUNBQWlDLElBQUksQ0FBQyxPQUFPLDBCQUEwQixDQUFDO1FBQ3RGLElBQUksQ0FBQyxZQUFZO1lBQ2IsSUFBSSxDQUFDLFNBQVMsQ0FBQyw4QkFBOEIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM3RCxDQUFDO0lBRU8sY0FBYyxDQUFDLEdBQVc7UUFDOUIsc0NBQXNDO1FBQ3RDLE1BQU0sR0FBRyxHQUFHLDBDQUEwQyxDQUFDO1FBQ3ZELE1BQU0sS0FBSyxHQUFHLEdBQUcsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDN0IsT0FBTyxLQUFLLElBQUksS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUMvQyxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWTtZQUFFLE9BQU87UUFDL0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7SUFDMUIsQ0FBQzsrR0E3Q1Esa0JBQWtCO21HQUFsQixrQkFBa0IsNkxDWC9CLDBpSkFxR0EsKzhvQkQ5RmMsWUFBWTs7NEZBSWIsa0JBQWtCO2tCQVA5QixTQUFTOytCQUNJLGdCQUFnQixjQUNkLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQztpRkFLZCxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFHRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIsIFNhZmVSZXNvdXJjZVVybCB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2xpYi10ZW50LXZpZGVvJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90ZW50LXZpZGVvLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi90ZW50LXZpZGVvLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFRlbnRWaWRlb0NvbXBvbmVudCB7XG4gICAgQElucHV0KCkgdGl0bGU/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgc3VidGl0bGU/OiBzdHJpbmc7XG5cbiAgICAvLyBVUkwgY29tcGxldGEgZGUgWW91VHViZVxuICAgIEBJbnB1dCgpIHlvdXR1YmVVcmw6IHN0cmluZyA9ICcnO1xuICAgIEBJbnB1dCgpIGltYWdlbj86IHN0cmluZztcblxuICAgIHZpZGVvSWQ6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICAgIHRodW1ibmFpbFVybDogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG4gICAgc2FmZUVtYmVkVXJsPzogU2FmZVJlc291cmNlVXJsO1xuXG4gICAgaXNQbGF5aW5nID0gZmFsc2U7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHNhbml0aXplcjogRG9tU2FuaXRpemVyKSB7fVxuXG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgICAgICBpZiAoY2hhbmdlc1sneW91dHViZVVybCddKSB7XG4gICAgICAgICAgICB0aGlzLnNldHVwWW91dHViZURhdGEoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgc2V0dXBZb3V0dWJlRGF0YSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy52aWRlb0lkID0gdGhpcy5leHRyYWN0VmlkZW9JZCh0aGlzLnlvdXR1YmVVcmwpO1xuICAgICAgICBpZiAoIXRoaXMudmlkZW9JZCkgcmV0dXJuO1xuXG4gICAgICAgIC8vIE1pbmlhdHVyYSBkZSBZb3VUdWJlXG4gICAgICAgIHRoaXMudGh1bWJuYWlsVXJsID0gYGh0dHBzOi8vaW1nLnlvdXR1YmUuY29tL3ZpLyR7dGhpcy52aWRlb0lkfS9tYXhyZXNkZWZhdWx0LmpwZ2A7XG5cbiAgICAgICAgLy8gVVJMIGVtYmViaWRhIHNlZ3VyYSBjb24gYXV0b3BsYXk9MVxuICAgICAgICBjb25zdCBlbWJlZCA9IGBodHRwczovL3d3dy55b3V0dWJlLmNvbS9lbWJlZC8ke3RoaXMudmlkZW9JZH0/YXV0b3BsYXk9MSZyZWw9MCZtdXRlPTBgO1xuICAgICAgICB0aGlzLnNhZmVFbWJlZFVybCA9XG4gICAgICAgICAgICB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0UmVzb3VyY2VVcmwoZW1iZWQpO1xuICAgIH1cblxuICAgIHByaXZhdGUgZXh0cmFjdFZpZGVvSWQodXJsOiBzdHJpbmcpOiBzdHJpbmcgfCBudWxsIHtcbiAgICAgICAgLy8gU29wb3J0YSBmb3JtYXRvcyB0w61waWNvcyBkZSBZb3VUdWJlXG4gICAgICAgIGNvbnN0IHJlZyA9IC8oPzp2PXxcXC5iZVxcL3xlbWJlZFxcLykoW2EtekEtWjAtOV8tXXsxMX0pLztcbiAgICAgICAgY29uc3QgbWF0Y2ggPSB1cmwubWF0Y2gocmVnKTtcbiAgICAgICAgcmV0dXJuIG1hdGNoICYmIG1hdGNoWzFdID8gbWF0Y2hbMV0gOiBudWxsO1xuICAgIH1cblxuICAgIG9uUGxheUNsaWNrKCk6IHZvaWQge1xuICAgICAgICBpZiAoIXRoaXMuc2FmZUVtYmVkVXJsKSByZXR1cm47XG4gICAgICAgIHRoaXMuaXNQbGF5aW5nID0gdHJ1ZTtcbiAgICB9XG59XG4iLCI8c2VjdGlvbiBjbGFzcz1cImhlcm8tdmlkZW8tYmxvY2tcIj5cbiAgICA8IS0tIFRhcmpldGEgZGUgZm9uZG8gLS0+XG4gICAgPGRpdiBjbGFzcz1cImhlcm8tdmlkZW8tYmxvY2tfX2JnXCI+PC9kaXY+XG5cbiAgICA8IS0tIENvbnRlbmlkbyAtLT5cbiAgICA8ZGl2IGNsYXNzPVwiaGVyby12aWRlby1ibG9ja19fY29udGVudFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaGVyby12aWRlby1ibG9ja19fdGl0bGVcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibGluZTFcIj57eyB0aXRsZSB9fTwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibGluZTJcIj57eyBzdWJ0aXRsZSB9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cImhlcm8tdmlkZW8tYmxvY2tfX3ZpZGVvLXdyYXBwZXJcIj5cbiAgICAgICAgICAgIDwhLS0gTWllbnRyYXMgbm8gc2UgZXN0w6kgcmVwcm9kdWNpZW5kbzogbWluaWF0dXJhICsgYm90w7NuIHBsYXkgLS0+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWlzUGxheWluZzsgZWxzZSBwbGF5aW5nVHBsXCI+XG4gICAgICAgICAgICAgICAgQGlmIChpbWFnZW4gfHwgdGh1bWJuYWlsVXJsKSB7XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJoZXJvLXZpZGVvLWJsb2NrX190aHVtYlwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzcmNdPVwiaW1hZ2VuID8/IHRodW1ibmFpbFVybFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYWx0PVwiVmlkZW8gdGh1bWJuYWlsXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBsb2FkaW5nPVwibGF6eVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiaGVyby12aWRlby1ibG9ja19fcGxheS1idG5cIlxuICAgICAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uUGxheUNsaWNrKClcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPHN2Z1xuICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg9XCI1MFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ9XCI1MFwiXG4gICAgICAgICAgICAgICAgICAgICAgICB2aWV3Qm94PVwiMCAwIDUwIDUwXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZyBmaWx0ZXI9XCJ1cmwoI2ZpbHRlcjBfZF8yMDU0XzMpXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZD1cIk00MS41IDE3LjI2NzJDNDUuNSAxOS41NzY2IDQ1LjUgMjUuMzUwMSA0MS41IDI3LjY1OTVMMTMgNDQuMTE0QzkgNDYuNDIzNCA0IDQzLjUzNjcgNCAzOC45MTc5TDQgNi4wMDg4OUM0IDEuMzkwMDkgOSAtMS40OTY2NiAxMyAwLjgxMjc0NEw0MS41IDE3LjI2NzJaXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZmlsbD1cIndoaXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9nPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRlZnM+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGZpbHRlclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZD1cImZpbHRlcjBfZF8yMDU0XzNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB4PVwiMFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHk9XCIwXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg9XCI0OC41XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PVwiNTIuOTI2OFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpbHRlclVuaXRzPVwidXNlclNwYWNlT25Vc2VcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9XCJzUkdCXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxmZUZsb29kXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbG9vZC1vcGFjaXR5PVwiMFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXN1bHQ9XCJCYWNrZ3JvdW5kSW1hZ2VGaXhcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZmVDb2xvck1hdHJpeFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaW49XCJTb3VyY2VBbHBoYVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwibWF0cml4XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlcz1cIjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJlc3VsdD1cImhhcmRBbHBoYVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxmZU9mZnNldCBkeT1cIjRcIiAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPVwiMlwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxmZUNvbXBvc2l0ZSBpbjI9XCJoYXJkQWxwaGFcIiBvcGVyYXRvcj1cIm91dFwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwibWF0cml4XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlcz1cIjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMjUgMFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxmZUJsZW5kXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBtb2RlPVwibm9ybWFsXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGluMj1cIkJhY2tncm91bmRJbWFnZUZpeFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXN1bHQ9XCJlZmZlY3QxX2Ryb3BTaGFkb3dfMjA1NF8zXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGZlQmxlbmRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1vZGU9XCJub3JtYWxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaW49XCJTb3VyY2VHcmFwaGljXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGluMj1cImVmZmVjdDFfZHJvcFNoYWRvd18yMDU0XzNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmVzdWx0PVwic2hhcGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZmlsdGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kZWZzPlxuICAgICAgICAgICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICA8IS0tIEN1YW5kbyBzZSBwdWxzYSBwbGF5OiBpZnJhbWUgZGUgWW91VHViZSBjb24gYXV0b3BsYXkgLS0+XG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgI3BsYXlpbmdUcGw+XG4gICAgICAgICAgICAgICAgPGlmcmFtZVxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImhlcm8tdmlkZW8tYmxvY2tfX2lmcmFtZVwiXG4gICAgICAgICAgICAgICAgICAgICpuZ0lmPVwic2FmZUVtYmVkVXJsXCJcbiAgICAgICAgICAgICAgICAgICAgW3NyY109XCJzYWZlRW1iZWRVcmxcIlxuICAgICAgICAgICAgICAgICAgICB0aXRsZT1cIllvdVR1YmUgdmlkZW8gcGxheWVyXCJcbiAgICAgICAgICAgICAgICAgICAgZnJhbWVib3JkZXI9XCIwXCJcbiAgICAgICAgICAgICAgICAgICAgYWxsb3c9XCJhY2NlbGVyb21ldGVyOyBhdXRvcGxheTsgY2xpcGJvYXJkLXdyaXRlOyBlbmNyeXB0ZWQtbWVkaWE7IGd5cm9zY29wZTsgcGljdHVyZS1pbi1waWN0dXJlOyB3ZWItc2hhcmVcIlxuICAgICAgICAgICAgICAgICAgICBhbGxvd2Z1bGxzY3JlZW5cbiAgICAgICAgICAgICAgICA+PC9pZnJhbWU+XG4gICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvc2VjdGlvbj5cbiJdfQ==
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVudC12aWRlby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ZW50L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL3RlbnQtdmlkZW8vdGVudC12aWRlby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ZW50L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL3RlbnQtdmlkZW8vdGVudC12aWRlby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWlCLE1BQU0sZUFBZSxDQUFDOzs7O0FBVWhFLE1BQU0sT0FBTyxrQkFBa0I7SUFjM0IsWUFBb0IsU0FBdUI7UUFBdkIsY0FBUyxHQUFULFNBQVMsQ0FBYztRQVYzQywwQkFBMEI7UUFDakIsZUFBVSxHQUFXLEVBQUUsQ0FBQztRQUdqQyxZQUFPLEdBQWtCLElBQUksQ0FBQztRQUM5QixpQkFBWSxHQUFrQixJQUFJLENBQUM7UUFHbkMsY0FBUyxHQUFHLEtBQUssQ0FBQztJQUU0QixDQUFDO0lBRS9DLFdBQVcsQ0FBQyxPQUFzQjtRQUM5QixJQUFJLE9BQU8sQ0FBQyxZQUFZLENBQUMsRUFBRTtZQUN2QixJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztTQUMzQjtJQUNMLENBQUM7SUFFTyxnQkFBZ0I7UUFDcEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUNwRCxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU87WUFBRSxPQUFPO1FBRTFCLHVCQUF1QjtRQUN2QixJQUFJLENBQUMsWUFBWSxHQUFHLDhCQUE4QixJQUFJLENBQUMsT0FBTyxvQkFBb0IsQ0FBQztRQUVuRixxQ0FBcUM7UUFDckMsTUFBTSxLQUFLLEdBQUcsaUNBQWlDLElBQUksQ0FBQyxPQUFPLDBCQUEwQixDQUFDO1FBQ3RGLElBQUksQ0FBQyxZQUFZO1lBQ2IsSUFBSSxDQUFDLFNBQVMsQ0FBQyw4QkFBOEIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM3RCxDQUFDO0lBRU8sY0FBYyxDQUFDLEdBQVc7UUFDOUIsc0NBQXNDO1FBQ3RDLE1BQU0sR0FBRyxHQUFHLDBDQUEwQyxDQUFDO1FBQ3ZELE1BQU0sS0FBSyxHQUFHLEdBQUcsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDN0IsT0FBTyxLQUFLLElBQUksS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUMvQyxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWTtZQUFFLE9BQU87UUFDL0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7SUFDMUIsQ0FBQzsrR0E3Q1Esa0JBQWtCO21HQUFsQixrQkFBa0IsNkxDWC9CLG15S0FrSEEsKzhvQkQzR2MsWUFBWTs7NEZBSWIsa0JBQWtCO2tCQVA5QixTQUFTOytCQUNJLGdCQUFnQixjQUNkLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQztpRkFLZCxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFHRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIsIFNhZmVSZXNvdXJjZVVybCB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2xpYi10ZW50LXZpZGVvJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90ZW50LXZpZGVvLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi90ZW50LXZpZGVvLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFRlbnRWaWRlb0NvbXBvbmVudCB7XG4gICAgQElucHV0KCkgdGl0bGU/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgc3VidGl0bGU/OiBzdHJpbmc7XG5cbiAgICAvLyBVUkwgY29tcGxldGEgZGUgWW91VHViZVxuICAgIEBJbnB1dCgpIHlvdXR1YmVVcmw6IHN0cmluZyA9ICcnO1xuICAgIEBJbnB1dCgpIGltYWdlbj86IHN0cmluZztcblxuICAgIHZpZGVvSWQ6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICAgIHRodW1ibmFpbFVybDogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG4gICAgc2FmZUVtYmVkVXJsPzogU2FmZVJlc291cmNlVXJsO1xuXG4gICAgaXNQbGF5aW5nID0gZmFsc2U7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHNhbml0aXplcjogRG9tU2FuaXRpemVyKSB7fVxuXG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgICAgICBpZiAoY2hhbmdlc1sneW91dHViZVVybCddKSB7XG4gICAgICAgICAgICB0aGlzLnNldHVwWW91dHViZURhdGEoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgc2V0dXBZb3V0dWJlRGF0YSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy52aWRlb0lkID0gdGhpcy5leHRyYWN0VmlkZW9JZCh0aGlzLnlvdXR1YmVVcmwpO1xuICAgICAgICBpZiAoIXRoaXMudmlkZW9JZCkgcmV0dXJuO1xuXG4gICAgICAgIC8vIE1pbmlhdHVyYSBkZSBZb3VUdWJlXG4gICAgICAgIHRoaXMudGh1bWJuYWlsVXJsID0gYGh0dHBzOi8vaW1nLnlvdXR1YmUuY29tL3ZpLyR7dGhpcy52aWRlb0lkfS9tYXhyZXNkZWZhdWx0LmpwZ2A7XG5cbiAgICAgICAgLy8gVVJMIGVtYmViaWRhIHNlZ3VyYSBjb24gYXV0b3BsYXk9MVxuICAgICAgICBjb25zdCBlbWJlZCA9IGBodHRwczovL3d3dy55b3V0dWJlLmNvbS9lbWJlZC8ke3RoaXMudmlkZW9JZH0/YXV0b3BsYXk9MSZyZWw9MCZtdXRlPTBgO1xuICAgICAgICB0aGlzLnNhZmVFbWJlZFVybCA9XG4gICAgICAgICAgICB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0UmVzb3VyY2VVcmwoZW1iZWQpO1xuICAgIH1cblxuICAgIHByaXZhdGUgZXh0cmFjdFZpZGVvSWQodXJsOiBzdHJpbmcpOiBzdHJpbmcgfCBudWxsIHtcbiAgICAgICAgLy8gU29wb3J0YSBmb3JtYXRvcyB0w61waWNvcyBkZSBZb3VUdWJlXG4gICAgICAgIGNvbnN0IHJlZyA9IC8oPzp2PXxcXC5iZVxcL3xlbWJlZFxcLykoW2EtekEtWjAtOV8tXXsxMX0pLztcbiAgICAgICAgY29uc3QgbWF0Y2ggPSB1cmwubWF0Y2gocmVnKTtcbiAgICAgICAgcmV0dXJuIG1hdGNoICYmIG1hdGNoWzFdID8gbWF0Y2hbMV0gOiBudWxsO1xuICAgIH1cblxuICAgIG9uUGxheUNsaWNrKCk6IHZvaWQge1xuICAgICAgICBpZiAoIXRoaXMuc2FmZUVtYmVkVXJsKSByZXR1cm47XG4gICAgICAgIHRoaXMuaXNQbGF5aW5nID0gdHJ1ZTtcbiAgICB9XG59XG4iLCJAaWYgKHlvdXR1YmVVcmwpIHtcbiAgICA8c2VjdGlvbiBjbGFzcz1cImhlcm8tdmlkZW8tYmxvY2tcIj5cbiAgICAgICAgPCEtLSBUYXJqZXRhIGRlIGZvbmRvIC0tPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaGVyby12aWRlby1ibG9ja19fYmdcIj48L2Rpdj5cblxuICAgICAgICA8IS0tIENvbnRlbmlkbyAtLT5cbiAgICAgICAgPGRpdiBjbGFzcz1cImhlcm8tdmlkZW8tYmxvY2tfX2NvbnRlbnRcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJoZXJvLXZpZGVvLWJsb2NrX190aXRsZVwiPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibGluZTFcIj57eyB0aXRsZSB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImxpbmUyXCI+e3sgc3VidGl0bGUgfX08L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhlcm8tdmlkZW8tYmxvY2tfX3ZpZGVvLXdyYXBwZXJcIj5cbiAgICAgICAgICAgICAgICA8IS0tIE1pZW50cmFzIG5vIHNlIGVzdMOpIHJlcHJvZHVjaWVuZG86IG1pbmlhdHVyYSArIGJvdMOzbiBwbGF5IC0tPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhaXNQbGF5aW5nOyBlbHNlIHBsYXlpbmdUcGxcIj5cbiAgICAgICAgICAgICAgICAgICAgQGlmIChpbWFnZW4gfHwgdGh1bWJuYWlsVXJsKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaGVyby12aWRlby1ibG9ja19fdGh1bWJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzcmNdPVwiaW1hZ2VuID8/IHRodW1ibmFpbFVybFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFsdD1cIlZpZGVvIHRodW1ibmFpbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxvYWRpbmc9XCJsYXp5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImhlcm8tdmlkZW8tYmxvY2tfX3BsYXktYnRuXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uUGxheUNsaWNrKClcIlxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3ZnXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg9XCI1MFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PVwiNTBcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZpZXdCb3g9XCIwIDAgNTAgNTBcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBmaWx0ZXI9XCJ1cmwoI2ZpbHRlcjBfZF8yMDU0XzMpXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkPVwiTTQxLjUgMTcuMjY3MkM0NS41IDE5LjU3NjYgNDUuNSAyNS4zNTAxIDQxLjUgMjcuNjU5NUwxMyA0NC4xMTRDOSA0Ni40MjM0IDQgNDMuNTM2NyA0IDM4LjkxNzlMNCA2LjAwODg5QzQgMS4zOTAwOSA5IC0xLjQ5NjY2IDEzIDAuODEyNzQ0TDQxLjUgMTcuMjY3MlpcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZmlsbD1cIndoaXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRlZnM+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxmaWx0ZXJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlkPVwiZmlsdGVyMF9kXzIwNTRfM1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB4PVwiMFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB5PVwiMFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aD1cIjQ4LjVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PVwiNTIuOTI2OFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmaWx0ZXJVbml0cz1cInVzZXJTcGFjZU9uVXNlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz1cInNSR0JcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZmVGbG9vZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZsb29kLW9wYWNpdHk9XCIwXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXN1bHQ9XCJCYWNrZ3JvdW5kSW1hZ2VGaXhcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaW49XCJTb3VyY2VBbHBoYVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cIm1hdHJpeFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWVzPVwiMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDBcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJlc3VsdD1cImhhcmRBbHBoYVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGZlT2Zmc2V0IGR5PVwiNFwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPVwiMlwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZmVDb21wb3NpdGVcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbjI9XCJoYXJkQWxwaGFcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9wZXJhdG9yPVwib3V0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZmVDb2xvck1hdHJpeFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJtYXRyaXhcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlcz1cIjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMjUgMFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGZlQmxlbmRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBtb2RlPVwibm9ybWFsXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbjI9XCJCYWNrZ3JvdW5kSW1hZ2VGaXhcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJlc3VsdD1cImVmZmVjdDFfZHJvcFNoYWRvd18yMDU0XzNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxmZUJsZW5kXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbW9kZT1cIm5vcm1hbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaW49XCJTb3VyY2VHcmFwaGljXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbjI9XCJlZmZlY3QxX2Ryb3BTaGFkb3dfMjA1NF8zXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXN1bHQ9XCJzaGFwZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2ZpbHRlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2RlZnM+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgICAgICA8IS0tIEN1YW5kbyBzZSBwdWxzYSBwbGF5OiBpZnJhbWUgZGUgWW91VHViZSBjb24gYXV0b3BsYXkgLS0+XG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlICNwbGF5aW5nVHBsPlxuICAgICAgICAgICAgICAgICAgICA8aWZyYW1lXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImhlcm8tdmlkZW8tYmxvY2tfX2lmcmFtZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cInNhZmVFbWJlZFVybFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbc3JjXT1cInNhZmVFbWJlZFVybFwiXG4gICAgICAgICAgICAgICAgICAgICAgICB0aXRsZT1cIllvdVR1YmUgdmlkZW8gcGxheWVyXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGZyYW1lYm9yZGVyPVwiMFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBhbGxvdz1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFjY2VsZXJvbWV0ZXI7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYXV0b3BsYXk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xpcGJvYXJkLXdyaXRlO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGVuY3J5cHRlZC1tZWRpYTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBneXJvc2NvcGU7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGljdHVyZS1pbi1waWN0dXJlO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdlYi1zaGFyZTtcbiAgICAgICAgICAgICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBhbGxvd2Z1bGxzY3JlZW5cbiAgICAgICAgICAgICAgICAgICAgPjwvaWZyYW1lPlxuICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9zZWN0aW9uPlxufVxuIl19
|
package/fesm2022/tent-lib.mjs
CHANGED
|
@@ -4621,11 +4621,11 @@ class TentVideoComponent {
|
|
|
4621
4621
|
this.isPlaying = true;
|
|
4622
4622
|
}
|
|
4623
4623
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TentVideoComponent, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4624
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: TentVideoComponent, isStandalone: true, selector: "lib-tent-video", inputs: { title: "title", subtitle: "subtitle", youtubeUrl: "youtubeUrl", imagen: "imagen" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"hero-video-block\">\n <!-- Tarjeta de fondo -->\n <div class=\"hero-video-block__bg\"></div>\n\n <!-- Contenido -->\n <div class=\"hero-video-block__content\">\n <div class=\"hero-video-block__title\">\n <span class=\"line1\">{{ title }}</span>\n <span class=\"line2\">{{ subtitle }}</span>\n </div>\n\n <div class=\"hero-video-block__video-wrapper\">\n <!-- Mientras no se est\u00E9 reproduciendo: miniatura + bot\u00F3n play -->\n <ng-container *ngIf=\"!isPlaying; else playingTpl\">\n @if (imagen || thumbnailUrl) {\n <div class=\"hero-video-block__thumb\">\n <img\n [src]=\"imagen ?? thumbnailUrl\"\n alt=\"Video thumbnail\"\n loading=\"lazy\"\n />\n </div>\n }\n\n <button\n class=\"hero-video-block__play-btn\"\n type=\"button\"\n (click)=\"onPlayClick()\"\n >\n <svg\n width=\"50\"\n height=\"50\"\n viewBox=\"0 0 50 50\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g filter=\"url(#filter0_d_2054_3)\">\n <path\n d=\"M41.5 17.2672C45.5 19.5766 45.5 25.3501 41.5 27.6595L13 44.114C9 46.4234 4 43.5367 4 38.9179L4 6.00889C4 1.39009 9 -1.49666 13 0.812744L41.5 17.2672Z\"\n fill=\"white\"\n />\n </g>\n <defs>\n <filter\n id=\"filter0_d_2054_3\"\n x=\"0\"\n y=\"0\"\n width=\"48.5\"\n height=\"52.9268\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood\n flood-opacity=\"0\"\n result=\"BackgroundImageFix\"\n />\n <feColorMatrix\n in=\"SourceAlpha\"\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n result=\"hardAlpha\"\n />\n <feOffset dy=\"4\" />\n <feGaussianBlur stdDeviation=\"2\" />\n <feComposite in2=\"hardAlpha\" operator=\"out\" />\n <feColorMatrix\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"\n />\n <feBlend\n mode=\"normal\"\n in2=\"BackgroundImageFix\"\n result=\"effect1_dropShadow_2054_3\"\n />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"effect1_dropShadow_2054_3\"\n result=\"shape\"\n />\n </filter>\n </defs>\n </svg>\n </button>\n </ng-container>\n\n <!-- Cuando se pulsa play: iframe de YouTube con autoplay -->\n <ng-template #playingTpl>\n <iframe\n class=\"hero-video-block__iframe\"\n *ngIf=\"safeEmbedUrl\"\n [src]=\"safeEmbedUrl\"\n title=\"YouTube video player\"\n frameborder=\"0\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n allowfullscreen\n ></iframe>\n </ng-template>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693d2d;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693e2e;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.text strong{font-weight:700}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--20{font-weight:700;font-size:16px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--20{font-size:16px}}@media (min-width: 768px){.title--20{font-size:16px}}@media (min-width: 1024px){.title--20{font-size:18px}}@media (min-width: 1680px){.title--20{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:default;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.hero-video-block{position:relative;padding:4rem 2rem;display:flex;justify-content:center;height:900px}.hero-video-block__bg{background-color:var(--color-background-2);border-radius:12px;width:98%;height:22rem}.hero-video-block__content{position:absolute;inset:50px 0 0;display:flex;align-items:flex-start;justify-content:flex-start;padding:4rem 4rem 0;pointer-events:none}.hero-video-block__title{position:absolute;top:4rem;left:7vw;font-size:3rem;font-weight:700;line-height:1.1;padding:5px 50px;z-index:9}.hero-video-block__title .line1{display:block;color:var(--color-title);font-size:80px}.hero-video-block__title .line2{display:block;color:var(--color-title-2);font-size:80px}@media (max-width: 1365px){.hero-video-block__title .line1,.hero-video-block__title .line2{font-size:80px}}@media (max-width: 1023px){.hero-video-block__title .line1,.hero-video-block__title .line2{font-size:60px}}@media (max-width: 767px){.hero-video-block__title{padding:5px 2rem}.hero-video-block__title .line1,.hero-video-block__title .line2{font-size:40px}}.hero-video-block__video-wrapper{position:relative;pointer-events:auto;margin:0 auto;margin-top:9rem;border-radius:12px;overflow:hidden;background:#000}.hero-video-block__thumb img{display:block;width:100%;height:auto;object-fit:cover}.hero-video-block__iframe{display:block}.hero-video-block__play-btn{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:5rem;height:5rem;border-radius:50%;border:none;background:#693d2dcc;font-size:2.2rem;line-height:5rem;text-align:center;cursor:pointer;box-shadow:0 .8rem 2rem #00000040;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center}.hero-video-block__play-btn:hover{background:#884f3acc}.hero-video-block__play-btn svg{position:relative;margin-top:7px;margin-left:7px}@media (max-width: 1279px){.hero-video-block{height:66vw}.hero-video-block__content{top:5px}}@media (max-width: 1200px){.hero-video-block{height:50vw}}@media (max-width: 1023px){.hero-video-block{height:70vw}.hero-video-block__bg{width:95%}}@media (max-width: 767px){.hero-video-block{padding:3rem 1.5rem;height:65vw}.hero-video-block__bg{height:245px}.hero-video-block__content{padding:3rem 2rem 0}.hero-video-block__title{top:3rem;left:2rem;font-size:80px}}@media (max-width: 539px){.hero-video-block{height:85vw}}@media (max-width: 539px){.hero-video-block__bg{width:436px}}.hero-video-block__video-wrapper{width:1200px;max-height:700px}.hero-video-block__video-wrapper .hero-video-block__iframe,.hero-video-block__video-wrapper .hero-video-block__thumb img{width:1200px;height:675px}@media (max-width: 1200px){.hero-video-block__video-wrapper{width:700px;height:400px}.hero-video-block__video-wrapper .hero-video-block__thumb img,.hero-video-block__video-wrapper .hero-video-block__iframe{width:712px;height:400px}}@media (max-width: 1024px){.hero-video-block__video-wrapper,.hero-video-block__video-wrapper .hero-video-block__iframe,.hero-video-block__video-wrapper .hero-video-block__thumb img{width:711px;height:400px}}@media (max-width: 765px){.hero-video-block__video-wrapper{margin-top:6rem;width:436px;height:245px}.hero-video-block__video-wrapper .hero-video-block__thumb img,.hero-video-block__video-wrapper .hero-video-block__iframe{width:436px;height:245px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
4624
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: TentVideoComponent, isStandalone: true, selector: "lib-tent-video", inputs: { title: "title", subtitle: "subtitle", youtubeUrl: "youtubeUrl", imagen: "imagen" }, usesOnChanges: true, ngImport: i0, template: "@if (youtubeUrl) {\n <section class=\"hero-video-block\">\n <!-- Tarjeta de fondo -->\n <div class=\"hero-video-block__bg\"></div>\n\n <!-- Contenido -->\n <div class=\"hero-video-block__content\">\n <div class=\"hero-video-block__title\">\n <span class=\"line1\">{{ title }}</span>\n <span class=\"line2\">{{ subtitle }}</span>\n </div>\n\n <div class=\"hero-video-block__video-wrapper\">\n <!-- Mientras no se est\u00E9 reproduciendo: miniatura + bot\u00F3n play -->\n <ng-container *ngIf=\"!isPlaying; else playingTpl\">\n @if (imagen || thumbnailUrl) {\n <div class=\"hero-video-block__thumb\">\n <img\n [src]=\"imagen ?? thumbnailUrl\"\n alt=\"Video thumbnail\"\n loading=\"lazy\"\n />\n </div>\n }\n\n <button\n class=\"hero-video-block__play-btn\"\n type=\"button\"\n (click)=\"onPlayClick()\"\n >\n <svg\n width=\"50\"\n height=\"50\"\n viewBox=\"0 0 50 50\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g filter=\"url(#filter0_d_2054_3)\">\n <path\n d=\"M41.5 17.2672C45.5 19.5766 45.5 25.3501 41.5 27.6595L13 44.114C9 46.4234 4 43.5367 4 38.9179L4 6.00889C4 1.39009 9 -1.49666 13 0.812744L41.5 17.2672Z\"\n fill=\"white\"\n />\n </g>\n <defs>\n <filter\n id=\"filter0_d_2054_3\"\n x=\"0\"\n y=\"0\"\n width=\"48.5\"\n height=\"52.9268\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood\n flood-opacity=\"0\"\n result=\"BackgroundImageFix\"\n />\n <feColorMatrix\n in=\"SourceAlpha\"\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n result=\"hardAlpha\"\n />\n <feOffset dy=\"4\" />\n <feGaussianBlur stdDeviation=\"2\" />\n <feComposite\n in2=\"hardAlpha\"\n operator=\"out\"\n />\n <feColorMatrix\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"\n />\n <feBlend\n mode=\"normal\"\n in2=\"BackgroundImageFix\"\n result=\"effect1_dropShadow_2054_3\"\n />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"effect1_dropShadow_2054_3\"\n result=\"shape\"\n />\n </filter>\n </defs>\n </svg>\n </button>\n </ng-container>\n\n <!-- Cuando se pulsa play: iframe de YouTube con autoplay -->\n <ng-template #playingTpl>\n <iframe\n class=\"hero-video-block__iframe\"\n *ngIf=\"safeEmbedUrl\"\n [src]=\"safeEmbedUrl\"\n title=\"YouTube video player\"\n frameborder=\"0\"\n allow=\"\n accelerometer;\n autoplay;\n clipboard-write;\n encrypted-media;\n gyroscope;\n picture-in-picture;\n web-share;\n \"\n allowfullscreen\n ></iframe>\n </ng-template>\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693d2d;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693e2e;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.text strong{font-weight:700}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--20{font-weight:700;font-size:16px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--20{font-size:16px}}@media (min-width: 768px){.title--20{font-size:16px}}@media (min-width: 1024px){.title--20{font-size:18px}}@media (min-width: 1680px){.title--20{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:default;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.hero-video-block{position:relative;padding:4rem 2rem;display:flex;justify-content:center;height:900px}.hero-video-block__bg{background-color:var(--color-background-2);border-radius:12px;width:98%;height:22rem}.hero-video-block__content{position:absolute;inset:50px 0 0;display:flex;align-items:flex-start;justify-content:flex-start;padding:4rem 4rem 0;pointer-events:none}.hero-video-block__title{position:absolute;top:4rem;left:7vw;font-size:3rem;font-weight:700;line-height:1.1;padding:5px 50px;z-index:9}.hero-video-block__title .line1{display:block;color:var(--color-title);font-size:80px}.hero-video-block__title .line2{display:block;color:var(--color-title-2);font-size:80px}@media (max-width: 1365px){.hero-video-block__title .line1,.hero-video-block__title .line2{font-size:80px}}@media (max-width: 1023px){.hero-video-block__title .line1,.hero-video-block__title .line2{font-size:60px}}@media (max-width: 767px){.hero-video-block__title{padding:5px 2rem}.hero-video-block__title .line1,.hero-video-block__title .line2{font-size:40px}}.hero-video-block__video-wrapper{position:relative;pointer-events:auto;margin:0 auto;margin-top:9rem;border-radius:12px;overflow:hidden;background:#000}.hero-video-block__thumb img{display:block;width:100%;height:auto;object-fit:cover}.hero-video-block__iframe{display:block}.hero-video-block__play-btn{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:5rem;height:5rem;border-radius:50%;border:none;background:#693d2dcc;font-size:2.2rem;line-height:5rem;text-align:center;cursor:pointer;box-shadow:0 .8rem 2rem #00000040;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center}.hero-video-block__play-btn:hover{background:#884f3acc}.hero-video-block__play-btn svg{position:relative;margin-top:7px;margin-left:7px}@media (max-width: 1279px){.hero-video-block{height:66vw}.hero-video-block__content{top:5px}}@media (max-width: 1200px){.hero-video-block{height:50vw}}@media (max-width: 1023px){.hero-video-block{height:70vw}.hero-video-block__bg{width:95%}}@media (max-width: 767px){.hero-video-block{padding:3rem 1.5rem;height:65vw}.hero-video-block__bg{height:245px}.hero-video-block__content{padding:3rem 2rem 0}.hero-video-block__title{top:3rem;left:2rem;font-size:80px}}@media (max-width: 539px){.hero-video-block{height:85vw}}@media (max-width: 539px){.hero-video-block__bg{width:436px}}.hero-video-block__video-wrapper{width:1200px;max-height:700px}.hero-video-block__video-wrapper .hero-video-block__iframe,.hero-video-block__video-wrapper .hero-video-block__thumb img{width:1200px;height:675px}@media (max-width: 1200px){.hero-video-block__video-wrapper{width:700px;height:400px}.hero-video-block__video-wrapper .hero-video-block__thumb img,.hero-video-block__video-wrapper .hero-video-block__iframe{width:712px;height:400px}}@media (max-width: 1024px){.hero-video-block__video-wrapper,.hero-video-block__video-wrapper .hero-video-block__iframe,.hero-video-block__video-wrapper .hero-video-block__thumb img{width:711px;height:400px}}@media (max-width: 765px){.hero-video-block__video-wrapper{margin-top:6rem;width:436px;height:245px}.hero-video-block__video-wrapper .hero-video-block__thumb img,.hero-video-block__video-wrapper .hero-video-block__iframe{width:436px;height:245px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
4625
4625
|
}
|
|
4626
4626
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TentVideoComponent, decorators: [{
|
|
4627
4627
|
type: Component,
|
|
4628
|
-
args: [{ selector: 'lib-tent-video', standalone: true, imports: [CommonModule], template: "<section class=\"hero-video-block\">\n <!-- Tarjeta de fondo -->\n <div class=\"hero-video-block__bg\"></div>\n\n <!-- Contenido -->\n <div class=\"hero-video-block__content\">\n <div class=\"hero-video-block__title\">\n <span class=\"line1\">{{ title }}</span>\n <span class=\"line2\">{{ subtitle }}</span>\n </div>\n\n <div class=\"hero-video-block__video-wrapper\">\n <!-- Mientras no se est\u00E9 reproduciendo: miniatura + bot\u00F3n play -->\n <ng-container *ngIf=\"!isPlaying; else playingTpl\">\n @if (imagen || thumbnailUrl) {\n <div class=\"hero-video-block__thumb\">\n <img\n [src]=\"imagen ?? thumbnailUrl\"\n alt=\"Video thumbnail\"\n loading=\"lazy\"\n />\n </div>\n }\n\n <button\n class=\"hero-video-block__play-btn\"\n type=\"button\"\n (click)=\"onPlayClick()\"\n >\n <svg\n width=\"50\"\n height=\"50\"\n viewBox=\"0 0 50 50\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g filter=\"url(#filter0_d_2054_3)\">\n <path\n d=\"M41.5 17.2672C45.5 19.5766 45.5 25.3501 41.5 27.6595L13 44.114C9 46.4234 4 43.5367 4 38.9179L4 6.00889C4 1.39009 9 -1.49666 13 0.812744L41.5 17.2672Z\"\n fill=\"white\"\n />\n </g>\n <defs>\n <filter\n id=\"filter0_d_2054_3\"\n x=\"0\"\n y=\"0\"\n width=\"48.5\"\n height=\"52.9268\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood\n flood-opacity=\"0\"\n result=\"BackgroundImageFix\"\n />\n <feColorMatrix\n in=\"SourceAlpha\"\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n result=\"hardAlpha\"\n />\n <feOffset dy=\"4\" />\n <feGaussianBlur stdDeviation=\"2\" />\n <feComposite in2=\"hardAlpha\" operator=\"out\" />\n <feColorMatrix\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"\n />\n <feBlend\n mode=\"normal\"\n in2=\"BackgroundImageFix\"\n result=\"effect1_dropShadow_2054_3\"\n />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"effect1_dropShadow_2054_3\"\n result=\"shape\"\n />\n </filter>\n </defs>\n </svg>\n </button>\n </ng-container>\n\n <!-- Cuando se pulsa play: iframe de YouTube con autoplay -->\n <ng-template #playingTpl>\n <iframe\n class=\"hero-video-block__iframe\"\n *ngIf=\"safeEmbedUrl\"\n [src]=\"safeEmbedUrl\"\n title=\"YouTube video player\"\n frameborder=\"0\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n allowfullscreen\n ></iframe>\n </ng-template>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693d2d;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693e2e;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.text strong{font-weight:700}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--20{font-weight:700;font-size:16px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--20{font-size:16px}}@media (min-width: 768px){.title--20{font-size:16px}}@media (min-width: 1024px){.title--20{font-size:18px}}@media (min-width: 1680px){.title--20{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:default;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.hero-video-block{position:relative;padding:4rem 2rem;display:flex;justify-content:center;height:900px}.hero-video-block__bg{background-color:var(--color-background-2);border-radius:12px;width:98%;height:22rem}.hero-video-block__content{position:absolute;inset:50px 0 0;display:flex;align-items:flex-start;justify-content:flex-start;padding:4rem 4rem 0;pointer-events:none}.hero-video-block__title{position:absolute;top:4rem;left:7vw;font-size:3rem;font-weight:700;line-height:1.1;padding:5px 50px;z-index:9}.hero-video-block__title .line1{display:block;color:var(--color-title);font-size:80px}.hero-video-block__title .line2{display:block;color:var(--color-title-2);font-size:80px}@media (max-width: 1365px){.hero-video-block__title .line1,.hero-video-block__title .line2{font-size:80px}}@media (max-width: 1023px){.hero-video-block__title .line1,.hero-video-block__title .line2{font-size:60px}}@media (max-width: 767px){.hero-video-block__title{padding:5px 2rem}.hero-video-block__title .line1,.hero-video-block__title .line2{font-size:40px}}.hero-video-block__video-wrapper{position:relative;pointer-events:auto;margin:0 auto;margin-top:9rem;border-radius:12px;overflow:hidden;background:#000}.hero-video-block__thumb img{display:block;width:100%;height:auto;object-fit:cover}.hero-video-block__iframe{display:block}.hero-video-block__play-btn{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:5rem;height:5rem;border-radius:50%;border:none;background:#693d2dcc;font-size:2.2rem;line-height:5rem;text-align:center;cursor:pointer;box-shadow:0 .8rem 2rem #00000040;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center}.hero-video-block__play-btn:hover{background:#884f3acc}.hero-video-block__play-btn svg{position:relative;margin-top:7px;margin-left:7px}@media (max-width: 1279px){.hero-video-block{height:66vw}.hero-video-block__content{top:5px}}@media (max-width: 1200px){.hero-video-block{height:50vw}}@media (max-width: 1023px){.hero-video-block{height:70vw}.hero-video-block__bg{width:95%}}@media (max-width: 767px){.hero-video-block{padding:3rem 1.5rem;height:65vw}.hero-video-block__bg{height:245px}.hero-video-block__content{padding:3rem 2rem 0}.hero-video-block__title{top:3rem;left:2rem;font-size:80px}}@media (max-width: 539px){.hero-video-block{height:85vw}}@media (max-width: 539px){.hero-video-block__bg{width:436px}}.hero-video-block__video-wrapper{width:1200px;max-height:700px}.hero-video-block__video-wrapper .hero-video-block__iframe,.hero-video-block__video-wrapper .hero-video-block__thumb img{width:1200px;height:675px}@media (max-width: 1200px){.hero-video-block__video-wrapper{width:700px;height:400px}.hero-video-block__video-wrapper .hero-video-block__thumb img,.hero-video-block__video-wrapper .hero-video-block__iframe{width:712px;height:400px}}@media (max-width: 1024px){.hero-video-block__video-wrapper,.hero-video-block__video-wrapper .hero-video-block__iframe,.hero-video-block__video-wrapper .hero-video-block__thumb img{width:711px;height:400px}}@media (max-width: 765px){.hero-video-block__video-wrapper{margin-top:6rem;width:436px;height:245px}.hero-video-block__video-wrapper .hero-video-block__thumb img,.hero-video-block__video-wrapper .hero-video-block__iframe{width:436px;height:245px}}\n"] }]
|
|
4628
|
+
args: [{ selector: 'lib-tent-video', standalone: true, imports: [CommonModule], template: "@if (youtubeUrl) {\n <section class=\"hero-video-block\">\n <!-- Tarjeta de fondo -->\n <div class=\"hero-video-block__bg\"></div>\n\n <!-- Contenido -->\n <div class=\"hero-video-block__content\">\n <div class=\"hero-video-block__title\">\n <span class=\"line1\">{{ title }}</span>\n <span class=\"line2\">{{ subtitle }}</span>\n </div>\n\n <div class=\"hero-video-block__video-wrapper\">\n <!-- Mientras no se est\u00E9 reproduciendo: miniatura + bot\u00F3n play -->\n <ng-container *ngIf=\"!isPlaying; else playingTpl\">\n @if (imagen || thumbnailUrl) {\n <div class=\"hero-video-block__thumb\">\n <img\n [src]=\"imagen ?? thumbnailUrl\"\n alt=\"Video thumbnail\"\n loading=\"lazy\"\n />\n </div>\n }\n\n <button\n class=\"hero-video-block__play-btn\"\n type=\"button\"\n (click)=\"onPlayClick()\"\n >\n <svg\n width=\"50\"\n height=\"50\"\n viewBox=\"0 0 50 50\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g filter=\"url(#filter0_d_2054_3)\">\n <path\n d=\"M41.5 17.2672C45.5 19.5766 45.5 25.3501 41.5 27.6595L13 44.114C9 46.4234 4 43.5367 4 38.9179L4 6.00889C4 1.39009 9 -1.49666 13 0.812744L41.5 17.2672Z\"\n fill=\"white\"\n />\n </g>\n <defs>\n <filter\n id=\"filter0_d_2054_3\"\n x=\"0\"\n y=\"0\"\n width=\"48.5\"\n height=\"52.9268\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood\n flood-opacity=\"0\"\n result=\"BackgroundImageFix\"\n />\n <feColorMatrix\n in=\"SourceAlpha\"\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n result=\"hardAlpha\"\n />\n <feOffset dy=\"4\" />\n <feGaussianBlur stdDeviation=\"2\" />\n <feComposite\n in2=\"hardAlpha\"\n operator=\"out\"\n />\n <feColorMatrix\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"\n />\n <feBlend\n mode=\"normal\"\n in2=\"BackgroundImageFix\"\n result=\"effect1_dropShadow_2054_3\"\n />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"effect1_dropShadow_2054_3\"\n result=\"shape\"\n />\n </filter>\n </defs>\n </svg>\n </button>\n </ng-container>\n\n <!-- Cuando se pulsa play: iframe de YouTube con autoplay -->\n <ng-template #playingTpl>\n <iframe\n class=\"hero-video-block__iframe\"\n *ngIf=\"safeEmbedUrl\"\n [src]=\"safeEmbedUrl\"\n title=\"YouTube video player\"\n frameborder=\"0\"\n allow=\"\n accelerometer;\n autoplay;\n clipboard-write;\n encrypted-media;\n gyroscope;\n picture-in-picture;\n web-share;\n \"\n allowfullscreen\n ></iframe>\n </ng-template>\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693d2d;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693e2e;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.text strong{font-weight:700}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--20{font-weight:700;font-size:16px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--20{font-size:16px}}@media (min-width: 768px){.title--20{font-size:16px}}@media (min-width: 1024px){.title--20{font-size:18px}}@media (min-width: 1680px){.title--20{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:default;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.hero-video-block{position:relative;padding:4rem 2rem;display:flex;justify-content:center;height:900px}.hero-video-block__bg{background-color:var(--color-background-2);border-radius:12px;width:98%;height:22rem}.hero-video-block__content{position:absolute;inset:50px 0 0;display:flex;align-items:flex-start;justify-content:flex-start;padding:4rem 4rem 0;pointer-events:none}.hero-video-block__title{position:absolute;top:4rem;left:7vw;font-size:3rem;font-weight:700;line-height:1.1;padding:5px 50px;z-index:9}.hero-video-block__title .line1{display:block;color:var(--color-title);font-size:80px}.hero-video-block__title .line2{display:block;color:var(--color-title-2);font-size:80px}@media (max-width: 1365px){.hero-video-block__title .line1,.hero-video-block__title .line2{font-size:80px}}@media (max-width: 1023px){.hero-video-block__title .line1,.hero-video-block__title .line2{font-size:60px}}@media (max-width: 767px){.hero-video-block__title{padding:5px 2rem}.hero-video-block__title .line1,.hero-video-block__title .line2{font-size:40px}}.hero-video-block__video-wrapper{position:relative;pointer-events:auto;margin:0 auto;margin-top:9rem;border-radius:12px;overflow:hidden;background:#000}.hero-video-block__thumb img{display:block;width:100%;height:auto;object-fit:cover}.hero-video-block__iframe{display:block}.hero-video-block__play-btn{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:5rem;height:5rem;border-radius:50%;border:none;background:#693d2dcc;font-size:2.2rem;line-height:5rem;text-align:center;cursor:pointer;box-shadow:0 .8rem 2rem #00000040;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center}.hero-video-block__play-btn:hover{background:#884f3acc}.hero-video-block__play-btn svg{position:relative;margin-top:7px;margin-left:7px}@media (max-width: 1279px){.hero-video-block{height:66vw}.hero-video-block__content{top:5px}}@media (max-width: 1200px){.hero-video-block{height:50vw}}@media (max-width: 1023px){.hero-video-block{height:70vw}.hero-video-block__bg{width:95%}}@media (max-width: 767px){.hero-video-block{padding:3rem 1.5rem;height:65vw}.hero-video-block__bg{height:245px}.hero-video-block__content{padding:3rem 2rem 0}.hero-video-block__title{top:3rem;left:2rem;font-size:80px}}@media (max-width: 539px){.hero-video-block{height:85vw}}@media (max-width: 539px){.hero-video-block__bg{width:436px}}.hero-video-block__video-wrapper{width:1200px;max-height:700px}.hero-video-block__video-wrapper .hero-video-block__iframe,.hero-video-block__video-wrapper .hero-video-block__thumb img{width:1200px;height:675px}@media (max-width: 1200px){.hero-video-block__video-wrapper{width:700px;height:400px}.hero-video-block__video-wrapper .hero-video-block__thumb img,.hero-video-block__video-wrapper .hero-video-block__iframe{width:712px;height:400px}}@media (max-width: 1024px){.hero-video-block__video-wrapper,.hero-video-block__video-wrapper .hero-video-block__iframe,.hero-video-block__video-wrapper .hero-video-block__thumb img{width:711px;height:400px}}@media (max-width: 765px){.hero-video-block__video-wrapper{margin-top:6rem;width:436px;height:245px}.hero-video-block__video-wrapper .hero-video-block__thumb img,.hero-video-block__video-wrapper .hero-video-block__iframe{width:436px;height:245px}}\n"] }]
|
|
4629
4629
|
}], ctorParameters: () => [{ type: i1$2.DomSanitizer }], propDecorators: { title: [{
|
|
4630
4630
|
type: Input
|
|
4631
4631
|
}], subtitle: [{
|