ctt-babylon 0.13.21 → 0.13.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/core/babylon-list-c3-img-txt/babylon-list-c3-img-txt.component.mjs +2 -1
- package/esm2022/lib/components/external/core/c4-fo-link-svg/c4-fo-link-svg.component.mjs +3 -3
- package/esm2022/lib/components/external/core/c4-me-txt-svg-cta/c4-me-txt-svg-cta.component.mjs +3 -3
- package/esm2022/lib/interfaces/babylon-menu-button.interface.mjs +1 -1
- package/esm2022/lib/utils/utils.mjs +2 -2
- package/fesm2022/ctt-babylon.mjs +6 -5
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/lib/interfaces/babylon-menu-button.interface.d.ts +1 -0
- package/package.json +1 -1
package/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -585,7 +585,7 @@ class Utils {
|
|
|
585
585
|
? trimmedValue
|
|
586
586
|
: `mailto:${trimmedValue}`;
|
|
587
587
|
}
|
|
588
|
-
return `${trimmedValue}
|
|
588
|
+
return `${trimmedValue}`;
|
|
589
589
|
}
|
|
590
590
|
return undefined;
|
|
591
591
|
})(),
|
|
@@ -13655,6 +13655,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
13655
13655
|
|
|
13656
13656
|
class BabylonListC3ImgTxtComponent {
|
|
13657
13657
|
buildMenuUrl(item) {
|
|
13658
|
+
console.log(this.items);
|
|
13658
13659
|
if (!item?.url)
|
|
13659
13660
|
return '';
|
|
13660
13661
|
const baseUrl = item.url.replace(/\/+$/, '');
|
|
@@ -17166,11 +17167,11 @@ var componentData$1 = {
|
|
|
17166
17167
|
const defaultData$1 = componentData$1;
|
|
17167
17168
|
class C4FoLinkSvgComponent {
|
|
17168
17169
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4FoLinkSvgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17169
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4FoLinkSvgComponent, isStandalone: true, selector: "ces-c4-fo-link-svg", inputs: { texts: "texts", multimedia: "multimedia", footerLinks: "footerLinks", socialMedia: "socialMedia" }, ngImport: i0, template: "<section class=\"mdl-f01\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (footerLinks?.length) {\n <div class=\"m-left\">\n <ul>\n @for (item of footerLinks?.slice(0, 5); track $index) {\n <li>\n <a\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n </ul>\n <ul>\n @for (item of footerLinks?.slice(5, 9); track $index) {\n <li>\n <a\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n\n @if (socialMedia?.length) {\n <li class=\"m-rrss\">\n @for (\n social of socialMedia;\n track social.icon\n ) {\n <a\n [href]=\"social?.url\"\n [linkType]=\"'external'\"\n >\n <img [src]=\"social?.icon\" />\n </a>\n }\n </li>\n }\n </ul>\n </div>\n }\n @if (multimedia?.logo?.length) {\n <div class=\"m-right\">\n <img\n [src]=\"multimedia?.logo?.[0]?.img?.src\"\n [alt]=\"multimedia?.logo?.[0]?.img?.alt\"\n />\n </div>\n }\n </div>\n <div class=\"m-legal\">\n <ul>\n @for (item of footerLinks?.slice(9); track $index) {\n @if (item) {\n <li>\n <a
|
|
17170
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4FoLinkSvgComponent, isStandalone: true, selector: "ces-c4-fo-link-svg", inputs: { texts: "texts", multimedia: "multimedia", footerLinks: "footerLinks", socialMedia: "socialMedia" }, ngImport: i0, template: "<section class=\"mdl-f01\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (footerLinks?.length) {\n <div class=\"m-left\">\n <ul>\n @for (item of footerLinks?.slice(0, 5); track $index) {\n <li>\n <a\n [href]=\"item?.url + (item?.vars ?? '')\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n </ul>\n <ul>\n @for (item of footerLinks?.slice(5, 9); track $index) {\n <li>\n <a\n [href]=\"item?.url + (item?.vars ?? '')\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n\n @if (socialMedia?.length) {\n <li class=\"m-rrss\">\n @for (\n social of socialMedia;\n track social.icon\n ) {\n <a\n [href]=\"social?.url\"\n [linkType]=\"'external'\"\n >\n <img [src]=\"social?.icon\" />\n </a>\n }\n </li>\n }\n </ul>\n </div>\n }\n @if (multimedia?.logo?.length) {\n <div class=\"m-right\">\n <img\n [src]=\"multimedia?.logo?.[0]?.img?.src\"\n [alt]=\"multimedia?.logo?.[0]?.img?.alt\"\n />\n </div>\n }\n </div>\n <div class=\"m-legal\">\n <ul>\n @for (item of footerLinks?.slice(9); track $index) {\n @if (item) {\n <li>\n <a\n [href]=\"item?.url + (item?.vars ?? '')\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n }\n </ul>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-f01{padding:11.7rem 7.2rem 10.8rem}.mdl-f01 .mdl-container .m-content{width:calc(100% - 4.4rem);border-top:1px solid #b7985d;border-bottom:1px solid #b7985d;padding:5rem 2.2rem;display:flex;justify-content:space-between;align-items:center}.mdl-f01 .mdl-container .m-content .m-left{display:flex;gap:13rem}.mdl-f01 .mdl-container .m-content .m-left ul{list-style:none}.mdl-f01 .mdl-container .m-content .m-left ul>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-content .m-left ul:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-content .m-left ul:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-content .m-left ul li{margin-bottom:2.2rem;padding-left:0}.mdl-f01 .mdl-container .m-content .m-left ul li a{font-family:josefinsans,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;color:#b7985d}.mdl-f01 .mdl-container .m-content .m-left ul li:before{display:none}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss{display:flex;gap:1.5rem}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss img{width:30px;height:30px}.mdl-f01 .mdl-container .m-content .m-right img{width:250px;height:auto}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0 2.2rem}.mdl-f01 .mdl-container .m-legal ul{display:flex}.mdl-f01 .mdl-container .m-legal ul>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-legal ul:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-legal ul:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-legal ul li{padding-left:0;border-right:.1rem solid #b7985d;padding-right:1rem;margin-right:1rem}.mdl-f01 .mdl-container .m-legal ul li a{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:100%}@media (max-width: 540px){.mdl-f01 .mdl-container .m-legal ul li a{line-height:2.8rem}}.mdl-f01 .mdl-container .m-legal ul li a{color:#b7985d}.mdl-f01 .mdl-container .m-legal ul li:last-child{border:0;padding-right:0;margin-right:0}.mdl-f01 .mdl-container .m-legal ul li:before{display:none}@media (max-width: 1024px){.mdl-f01 .mdl-container .m-content{align-items:flex-start}.mdl-f01 .mdl-container .m-content .m-left{flex-direction:column;gap:0}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0;width:100%;display:flex;justify-content:center}}@media (max-width: 770px){.mdl-f01{padding:11.7rem 4rem 10.8rem}.mdl-f01 .mdl-container .m-content{flex-direction:column;gap:2rem}.mdl-f01 .mdl-container .m-content .m-right{width:100%;display:flex;justify-content:center}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0 2rem;width:100%;display:flex;justify-content:left}.mdl-f01 .mdl-container .m-legal ul{flex-direction:column}.mdl-f01 .mdl-container .m-legal ul li{border:0;line-height:2.8rem}.mdl-f01 .mdl-container .m-legal ul li:first-child{margin-bottom:1.2rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
17170
17171
|
}
|
|
17171
17172
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4FoLinkSvgComponent, decorators: [{
|
|
17172
17173
|
type: Component,
|
|
17173
|
-
args: [{ selector: 'ces-c4-fo-link-svg', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], encapsulation: ViewEncapsulation.None, template: "<section class=\"mdl-f01\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (footerLinks?.length) {\n <div class=\"m-left\">\n <ul>\n @for (item of footerLinks?.slice(0, 5); track $index) {\n <li>\n <a\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n </ul>\n <ul>\n @for (item of footerLinks?.slice(5, 9); track $index) {\n <li>\n <a\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n\n @if (socialMedia?.length) {\n <li class=\"m-rrss\">\n @for (\n social of socialMedia;\n track social.icon\n ) {\n <a\n [href]=\"social?.url\"\n [linkType]=\"'external'\"\n >\n <img [src]=\"social?.icon\" />\n </a>\n }\n </li>\n }\n </ul>\n </div>\n }\n @if (multimedia?.logo?.length) {\n <div class=\"m-right\">\n <img\n [src]=\"multimedia?.logo?.[0]?.img?.src\"\n [alt]=\"multimedia?.logo?.[0]?.img?.alt\"\n />\n </div>\n }\n </div>\n <div class=\"m-legal\">\n <ul>\n @for (item of footerLinks?.slice(9); track $index) {\n @if (item) {\n <li>\n <a
|
|
17174
|
+
args: [{ selector: 'ces-c4-fo-link-svg', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], encapsulation: ViewEncapsulation.None, template: "<section class=\"mdl-f01\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (footerLinks?.length) {\n <div class=\"m-left\">\n <ul>\n @for (item of footerLinks?.slice(0, 5); track $index) {\n <li>\n <a\n [href]=\"item?.url + (item?.vars ?? '')\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n </ul>\n <ul>\n @for (item of footerLinks?.slice(5, 9); track $index) {\n <li>\n <a\n [href]=\"item?.url + (item?.vars ?? '')\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n\n @if (socialMedia?.length) {\n <li class=\"m-rrss\">\n @for (\n social of socialMedia;\n track social.icon\n ) {\n <a\n [href]=\"social?.url\"\n [linkType]=\"'external'\"\n >\n <img [src]=\"social?.icon\" />\n </a>\n }\n </li>\n }\n </ul>\n </div>\n }\n @if (multimedia?.logo?.length) {\n <div class=\"m-right\">\n <img\n [src]=\"multimedia?.logo?.[0]?.img?.src\"\n [alt]=\"multimedia?.logo?.[0]?.img?.alt\"\n />\n </div>\n }\n </div>\n <div class=\"m-legal\">\n <ul>\n @for (item of footerLinks?.slice(9); track $index) {\n @if (item) {\n <li>\n <a\n [href]=\"item?.url + (item?.vars ?? '')\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n }\n </ul>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-f01{padding:11.7rem 7.2rem 10.8rem}.mdl-f01 .mdl-container .m-content{width:calc(100% - 4.4rem);border-top:1px solid #b7985d;border-bottom:1px solid #b7985d;padding:5rem 2.2rem;display:flex;justify-content:space-between;align-items:center}.mdl-f01 .mdl-container .m-content .m-left{display:flex;gap:13rem}.mdl-f01 .mdl-container .m-content .m-left ul{list-style:none}.mdl-f01 .mdl-container .m-content .m-left ul>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-content .m-left ul:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-content .m-left ul:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-content .m-left ul li{margin-bottom:2.2rem;padding-left:0}.mdl-f01 .mdl-container .m-content .m-left ul li a{font-family:josefinsans,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;color:#b7985d}.mdl-f01 .mdl-container .m-content .m-left ul li:before{display:none}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss{display:flex;gap:1.5rem}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss img{width:30px;height:30px}.mdl-f01 .mdl-container .m-content .m-right img{width:250px;height:auto}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0 2.2rem}.mdl-f01 .mdl-container .m-legal ul{display:flex}.mdl-f01 .mdl-container .m-legal ul>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-legal ul:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-legal ul:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-legal ul li{padding-left:0;border-right:.1rem solid #b7985d;padding-right:1rem;margin-right:1rem}.mdl-f01 .mdl-container .m-legal ul li a{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:100%}@media (max-width: 540px){.mdl-f01 .mdl-container .m-legal ul li a{line-height:2.8rem}}.mdl-f01 .mdl-container .m-legal ul li a{color:#b7985d}.mdl-f01 .mdl-container .m-legal ul li:last-child{border:0;padding-right:0;margin-right:0}.mdl-f01 .mdl-container .m-legal ul li:before{display:none}@media (max-width: 1024px){.mdl-f01 .mdl-container .m-content{align-items:flex-start}.mdl-f01 .mdl-container .m-content .m-left{flex-direction:column;gap:0}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0;width:100%;display:flex;justify-content:center}}@media (max-width: 770px){.mdl-f01{padding:11.7rem 4rem 10.8rem}.mdl-f01 .mdl-container .m-content{flex-direction:column;gap:2rem}.mdl-f01 .mdl-container .m-content .m-right{width:100%;display:flex;justify-content:center}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0 2rem;width:100%;display:flex;justify-content:left}.mdl-f01 .mdl-container .m-legal ul{flex-direction:column}.mdl-f01 .mdl-container .m-legal ul li{border:0;line-height:2.8rem}.mdl-f01 .mdl-container .m-legal ul li:first-child{margin-bottom:1.2rem}}\n"] }]
|
|
17174
17175
|
}], propDecorators: { texts: [{
|
|
17175
17176
|
type: Input
|
|
17176
17177
|
}], multimedia: [{
|
|
@@ -17439,7 +17440,7 @@ class C4MeTxtSvgCtaComponent {
|
|
|
17439
17440
|
}
|
|
17440
17441
|
}
|
|
17441
17442
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4MeTxtSvgCtaComponent, deps: [{ token: i0.Renderer2 }, { token: i1.Router }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17442
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4MeTxtSvgCtaComponent, isStandalone: true, selector: "ces-c4-me-txt-svg-cta", inputs: { multipleMotorsModal: "multipleMotorsModal", logos: "logos", linkLogo: "linkLogo", menu: "menu", menuInfo: "menuInfo", btnBook: "btnBook", texts: "texts", languages: "languages", engine: "engine", linkHome: "linkHome", ownBookModal: "ownBookModal" }, outputs: { modalClick: "modalClick", openModalMultMotors: "openModalMultMotors", openEngine: "openEngine" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, viewQueries: [{ propertyName: "burgerMenu", first: true, predicate: ["burgerMenu"], descendants: true }, { propertyName: "bookModal", first: true, predicate: ["bookModal"], descendants: true }, { propertyName: "mCont", first: true, predicate: ["mCont"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-m01\">\n <div\n class=\"m-cont\"\n #mCont\n [ngClass]=\"{ sticky: stickyHeader, stickyv2: menuOpen }\"\n >\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n <div class=\"m-openclose\">\n <button\n class=\"m-open\"\n role=\"button\"\n (click)=\"toggleMenu()\"\n *ngIf=\"!menuOpen && !bookModalOpen\"\n >\n <img\n src=\"/assets/babylon/images/icons/menuburguer.svg\"\n alt=\"Menu\"\n />\n </button>\n <button\n class=\"m-close\"\n role=\"button\"\n (click)=\"\n menuOpen\n ? toggleMenu()\n : bookModalOpen\n ? toggleBookModal()\n : null\n \"\n *ngIf=\"menuOpen || bookModalOpen\"\n >\n <img\n src=\"/assets/babylon/images/icons/close.svg\"\n alt=\"Close\"\n />\n </button>\n </div>\n @if (texts?.title) {\n <div class=\"m-text\">{{ texts?.title }}</div>\n }\n @if (logos?.logoMobile) {\n <a\n [href]=\"linkLogo?.url ?? linkHome\"\n aria-label=\"logo\"\n class=\"m-icono\"\n >\n <img\n [src]=\"logos?.logoMobile?.src\"\n [alt]=\"logos?.logoMobile?.alt ?? 'logo'\"\n />\n </a>\n }\n </div>\n @if (logos?.logo) {\n <a\n role=\"button\"\n [href]=\"linkLogo?.url ?? linkHome\"\n [attr.aria-label]=\"linkLogo?.label\"\n class=\"m-center\"\n >\n <img\n [src]=\"logos?.logo?.src\"\n [alt]=\"logos?.logo?.alt ?? 'logo'\"\n />\n </a>\n }\n <div class=\"m-right\">\n @if (texts?.bookText && !menuOpen) {\n <a\n role=\"button\"\n class=\"m-button\"\n [attr.aria-label]=\"texts?.bookText\"\n (click)=\"openEngineModal()\"\n >\n {{ texts?.bookText }}\n </a>\n }\n </div>\n </div>\n </div>\n</section>\n<section class=\"mdl-burguermenu\" #burgerMenu [ngClass]=\"{ show: menuOpen }\">\n @if (menu?.length) {\n <ul class=\"m-menu\">\n @for (link of menu; track $index) {\n <li>\n <a\n role=\"button\"\n [attr.aria-label]=\"link.label\"\n [linkType]=\"link.linkType\"\n [modalClick]=\"modalClick\"\n [href]=\"link?.url\"\n (anchorClicked)=\"toggleMenu()\"\n >\n {{ link?.label }}\n </a>\n </li>\n }\n @if (languages?.items?.length) {\n <ul class=\"m-idiomas\">\n @for (item of languages?.items; track $index) {\n <li>\n <a [href]=\"item?.code\">{{ item?.code }}</a>\n </li>\n }\n </ul>\n }\n </ul>\n }\n</section>\n\n<section class=\"mdl-book\" #bookModal [ngClass]=\"{ show: bookModalOpen }\">\n <lib-babylon-engine-modal-v3\n [engine]=\"engine\"\n ></lib-babylon-engine-modal-v3>\n</section>\n", styles: [".m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:-webkit-clip-path .3s ease;transition:clip-path .3s ease;transition:clip-path .3s ease,-webkit-clip-path .3s ease;-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{-webkit-clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%);clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px)and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{-moz-text-size-adjust:none;text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;-o-object-fit:contain;object-fit:contain}@keyframes swingV{15%{transform:translateY(.5rem)}30%{transform:translateY(-.5rem)}50%{transform:translateY(.3rem)}65%{transform:translateY(-.3rem)}80%{transform:translateY(.2rem)}to{transform:translateY(0)}}@keyframes swingH{15%{transform:translate(.5rem)}30%{transform:translate(-.5rem)}50%{transform:translate(.3rem)}65%{transform:translate(-.3rem)}80%{transform:translate(.2rem)}to{transform:translate(0)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#fff;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-m01{height:15rem}.mdl-m01 .m-cont{transition:opacity .5s,transform .5s;opacity:1;position:relative;z-index:10}.mdl-m01 .m-cont:not(.sticky){height:15rem}.mdl-m01 .m-cont.sticky{opacity:1;position:fixed;height:auto;top:0;left:0;right:0;box-shadow:0 4px 20px #0000001a;z-index:999;background-color:#fff}.mdl-m01 .m-cont.sticky .mdl-container{padding:1.8rem 5rem;position:fixed}.mdl-m01 .m-cont.sticky .mdl-container .m-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-m01 .m-cont.stickyv2{opacity:1;height:auto;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #0000001a;transform:translateY(0);z-index:999;background-color:#fff}.mdl-m01 .m-cont.stickyv2 .mdl-container{padding:1.8rem 5rem;position:fixed;top:4rem}.mdl-m01 .m-cont.stickyv2 .mdl-container .m-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-m01 .m-cont:not(.sticky){opacity:1;position:relative;box-shadow:none;transform:translateY(-4rem)}.mdl-m01 .m-cont .mdl-container{max-width:100%;padding:9.7rem 5rem 5.7rem;background-color:#fff;display:flex;justify-content:space-between;align-items:center;position:relative}.mdl-m01 .m-cont .mdl-container .m-left{display:flex;gap:5rem;align-items:center;width:22.7rem}.mdl-m01 .m-cont .mdl-container .m-left .m-text{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;color:#b7985d;white-space:nowrap}.mdl-m01 .m-cont .mdl-container .m-left .m-icono{display:none}.mdl-m01 .m-cont .mdl-container .m-center{position:absolute;left:50%;top:50%;transform:translate(-50%)}.mdl-m01 .m-cont .mdl-container .m-center img{height:4rem}.mdl-m01 .m-cont .mdl-container .m-right{width:22.7rem}@media (max-width: 1080px){.mdl-m01{height:9rem}.mdl-m01 .m-cont:not(.sticky){height:9rem}.mdl-m01 .m-cont .mdl-container{padding:6.7rem 5rem 2.7rem}.mdl-m01 .m-cont .mdl-container .m-left .m-text{display:none}.mdl-m01 .m-cont .mdl-container .m-center{top:6.7rem}.mdl-m01 .m-cont .mdl-container .m-right{display:flex;flex-direction:column;align-items:flex-end}}@media (max-width: 768px){.mdl-m01{height:8rem}.mdl-m01 .m-cont:not(.sticky){height:8rem}.mdl-m01 .m-cont .mdl-container .m-right{display:none}.mdl-m01 .m-cont .mdl-container .m-center{top:5.8rem}.mdl-m01 .m-cont.sticky .m-left{gap:3.5rem}.mdl-m01 .m-cont.sticky .m-left .m-icono{display:block}.mdl-m01 .m-cont.sticky .m-center{display:none}.mdl-m01 .m-cont.sticky .m-right{display:flex}}@media (max-width: 540px){.mdl-m01 .m-cont.sticky .mdl-container{padding:1.8rem 2.6rem}.mdl-m01 .m-cont .mdl-container{padding:6.7rem 2.5rem 2.7rem}.mdl-m01 .m-cont .mdl-container .m-center{top:6.3rem}.mdl-m01 .m-cont .mdl-container .m-center img{height:3.2rem}.mdl-m01 .m-cont .mdl-container .m-left{gap:2rem}}.mdl-book{display:none;position:fixed;width:100%;height:100vh;background-color:#fcfaf8;top:0;z-index:10;overflow:hidden;animation-duration:.5s;animation-fill-mode:forwards}.mdl-book.show{display:block;animation-name:slideDown}.mdl-burguermenu{display:none;position:fixed;width:100%;height:100vh;background-color:#fcfaf8;top:0;z-index:10;overflow:hidden;animation-duration:.5s;animation-fill-mode:forwards}.mdl-burguermenu .m-menu{list-style:none;position:absolute;top:50%;margin-top:4rem;transform:translateY(-50%);left:14rem}.mdl-burguermenu .m-menu>*{transition:opacity .3s ease}.mdl-burguermenu .m-menu:hover>*{filter:grayscale(70%);opacity:.6}.mdl-burguermenu .m-menu:hover>*:hover{filter:grayscale(0);opacity:1}.mdl-burguermenu .m-menu li{padding:1.5rem 0}.mdl-burguermenu .m-menu li a{font-family:josefinsans,sans-serif;font-weight:400;font-size:2.4rem;line-height:100%;text-transform:uppercase;color:#b7985d}.mdl-burguermenu .m-menu li:before{display:none}.mdl-burguermenu .m-menu .m-idiomas{display:flex}.mdl-burguermenu .m-menu .m-idiomas>*{transition:opacity .3s ease}.mdl-burguermenu .m-menu .m-idiomas:hover>*{opacity:.6}.mdl-burguermenu .m-menu .m-idiomas:hover>*:hover{opacity:1}.mdl-burguermenu .m-menu .m-idiomas li{font-size:1.8rem;margin-right:1rem;opacity:.6;transition:.3s}.mdl-burguermenu .m-menu .m-idiomas li:hover{opacity:1;transition:.3s}.mdl-burguermenu.show{display:block;animation-name:slideDown}@media (max-width: 768px){.mdl-burguermenu .m-menu{left:10rem;top:13rem;margin-top:0;transform:none}}@media (max-width: 540px){.mdl-burguermenu .m-menu{left:5rem;top:11rem}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.noscroll{overflow:hidden!important;height:100%!important}.m-openclose img{max-width:50px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }, { kind: "component", type: BabylonEngineModalV3Component, selector: "lib-babylon-engine-modal-v3", inputs: ["engine", "openInNewWindow", "lang", "codigo", "glValue", "adultsOptions", "isOpen"], outputs: ["submitEngine", "closed"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
17443
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4MeTxtSvgCtaComponent, isStandalone: true, selector: "ces-c4-me-txt-svg-cta", inputs: { multipleMotorsModal: "multipleMotorsModal", logos: "logos", linkLogo: "linkLogo", menu: "menu", menuInfo: "menuInfo", btnBook: "btnBook", texts: "texts", languages: "languages", engine: "engine", linkHome: "linkHome", ownBookModal: "ownBookModal" }, outputs: { modalClick: "modalClick", openModalMultMotors: "openModalMultMotors", openEngine: "openEngine" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, viewQueries: [{ propertyName: "burgerMenu", first: true, predicate: ["burgerMenu"], descendants: true }, { propertyName: "bookModal", first: true, predicate: ["bookModal"], descendants: true }, { propertyName: "mCont", first: true, predicate: ["mCont"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-m01\">\n <div\n class=\"m-cont\"\n #mCont\n [ngClass]=\"{ sticky: stickyHeader, stickyv2: menuOpen }\"\n >\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n <div class=\"m-openclose\">\n <button\n class=\"m-open\"\n role=\"button\"\n (click)=\"toggleMenu()\"\n *ngIf=\"!menuOpen && !bookModalOpen\"\n >\n <img\n src=\"/assets/babylon/images/icons/menuburguer.svg\"\n alt=\"Menu\"\n />\n </button>\n <button\n class=\"m-close\"\n role=\"button\"\n (click)=\"\n menuOpen\n ? toggleMenu()\n : bookModalOpen\n ? toggleBookModal()\n : null\n \"\n *ngIf=\"menuOpen || bookModalOpen\"\n >\n <img\n src=\"/assets/babylon/images/icons/close.svg\"\n alt=\"Close\"\n />\n </button>\n </div>\n @if (texts?.title) {\n <div class=\"m-text\">{{ texts?.title }}</div>\n }\n @if (logos?.logoMobile) {\n <a\n [href]=\"linkLogo?.url ?? linkHome\"\n aria-label=\"logo\"\n class=\"m-icono\"\n >\n <img\n [src]=\"logos?.logoMobile?.src\"\n [alt]=\"logos?.logoMobile?.alt ?? 'logo'\"\n />\n </a>\n }\n </div>\n @if (logos?.logo) {\n <a\n role=\"button\"\n [href]=\"linkLogo?.url ?? linkHome\"\n [attr.aria-label]=\"linkLogo?.label\"\n class=\"m-center\"\n >\n <img\n [src]=\"logos?.logo?.src\"\n [alt]=\"logos?.logo?.alt ?? 'logo'\"\n />\n </a>\n }\n <div class=\"m-right\">\n @if (texts?.bookText && !menuOpen) {\n <a\n role=\"button\"\n class=\"m-button\"\n [attr.aria-label]=\"texts?.bookText\"\n (click)=\"openEngineModal()\"\n >\n {{ texts?.bookText }}\n </a>\n }\n </div>\n </div>\n </div>\n</section>\n<section class=\"mdl-burguermenu\" #burgerMenu [ngClass]=\"{ show: menuOpen }\">\n @if (menu?.length) {\n <ul class=\"m-menu\">\n @for (link of menu; track $index) {\n <li>\n <a\n role=\"button\"\n [attr.aria-label]=\"link.label\"\n [linkType]=\"link.linkType\"\n [modalClick]=\"modalClick\"\n [href]=\"link?.url + (link?.vars ?? '')\"\n (anchorClicked)=\"toggleMenu()\"\n >\n {{ link?.label }}\n </a>\n </li>\n }\n @if (languages?.items?.length) {\n <ul class=\"m-idiomas\">\n @for (item of languages?.items; track $index) {\n <li>\n <a [href]=\"item?.code\">{{ item?.code }}</a>\n </li>\n }\n </ul>\n }\n </ul>\n }\n</section>\n\n<section class=\"mdl-book\" #bookModal [ngClass]=\"{ show: bookModalOpen }\">\n <lib-babylon-engine-modal-v3\n [engine]=\"engine\"\n ></lib-babylon-engine-modal-v3>\n</section>\n", styles: [".m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:-webkit-clip-path .3s ease;transition:clip-path .3s ease;transition:clip-path .3s ease,-webkit-clip-path .3s ease;-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{-webkit-clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%);clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px)and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{-moz-text-size-adjust:none;text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;-o-object-fit:contain;object-fit:contain}@keyframes swingV{15%{transform:translateY(.5rem)}30%{transform:translateY(-.5rem)}50%{transform:translateY(.3rem)}65%{transform:translateY(-.3rem)}80%{transform:translateY(.2rem)}to{transform:translateY(0)}}@keyframes swingH{15%{transform:translate(.5rem)}30%{transform:translate(-.5rem)}50%{transform:translate(.3rem)}65%{transform:translate(-.3rem)}80%{transform:translate(.2rem)}to{transform:translate(0)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#fff;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-m01{height:15rem}.mdl-m01 .m-cont{transition:opacity .5s,transform .5s;opacity:1;position:relative;z-index:10}.mdl-m01 .m-cont:not(.sticky){height:15rem}.mdl-m01 .m-cont.sticky{opacity:1;position:fixed;height:auto;top:0;left:0;right:0;box-shadow:0 4px 20px #0000001a;z-index:999;background-color:#fff}.mdl-m01 .m-cont.sticky .mdl-container{padding:1.8rem 5rem;position:fixed}.mdl-m01 .m-cont.sticky .mdl-container .m-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-m01 .m-cont.stickyv2{opacity:1;height:auto;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #0000001a;transform:translateY(0);z-index:999;background-color:#fff}.mdl-m01 .m-cont.stickyv2 .mdl-container{padding:1.8rem 5rem;position:fixed;top:4rem}.mdl-m01 .m-cont.stickyv2 .mdl-container .m-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-m01 .m-cont:not(.sticky){opacity:1;position:relative;box-shadow:none;transform:translateY(-4rem)}.mdl-m01 .m-cont .mdl-container{max-width:100%;padding:9.7rem 5rem 5.7rem;background-color:#fff;display:flex;justify-content:space-between;align-items:center;position:relative}.mdl-m01 .m-cont .mdl-container .m-left{display:flex;gap:5rem;align-items:center;width:22.7rem}.mdl-m01 .m-cont .mdl-container .m-left .m-text{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;color:#b7985d;white-space:nowrap}.mdl-m01 .m-cont .mdl-container .m-left .m-icono{display:none}.mdl-m01 .m-cont .mdl-container .m-center{position:absolute;left:50%;top:50%;transform:translate(-50%)}.mdl-m01 .m-cont .mdl-container .m-center img{height:4rem}.mdl-m01 .m-cont .mdl-container .m-right{width:22.7rem}@media (max-width: 1080px){.mdl-m01{height:9rem}.mdl-m01 .m-cont:not(.sticky){height:9rem}.mdl-m01 .m-cont .mdl-container{padding:6.7rem 5rem 2.7rem}.mdl-m01 .m-cont .mdl-container .m-left .m-text{display:none}.mdl-m01 .m-cont .mdl-container .m-center{top:6.7rem}.mdl-m01 .m-cont .mdl-container .m-right{display:flex;flex-direction:column;align-items:flex-end}}@media (max-width: 768px){.mdl-m01{height:8rem}.mdl-m01 .m-cont:not(.sticky){height:8rem}.mdl-m01 .m-cont .mdl-container .m-right{display:none}.mdl-m01 .m-cont .mdl-container .m-center{top:5.8rem}.mdl-m01 .m-cont.sticky .m-left{gap:3.5rem}.mdl-m01 .m-cont.sticky .m-left .m-icono{display:block}.mdl-m01 .m-cont.sticky .m-center{display:none}.mdl-m01 .m-cont.sticky .m-right{display:flex}}@media (max-width: 540px){.mdl-m01 .m-cont.sticky .mdl-container{padding:1.8rem 2.6rem}.mdl-m01 .m-cont .mdl-container{padding:6.7rem 2.5rem 2.7rem}.mdl-m01 .m-cont .mdl-container .m-center{top:6.3rem}.mdl-m01 .m-cont .mdl-container .m-center img{height:3.2rem}.mdl-m01 .m-cont .mdl-container .m-left{gap:2rem}}.mdl-book{display:none;position:fixed;width:100%;height:100vh;background-color:#fcfaf8;top:0;z-index:10;overflow:hidden;animation-duration:.5s;animation-fill-mode:forwards}.mdl-book.show{display:block;animation-name:slideDown}.mdl-burguermenu{display:none;position:fixed;width:100%;height:100vh;background-color:#fcfaf8;top:0;z-index:10;overflow:hidden;animation-duration:.5s;animation-fill-mode:forwards}.mdl-burguermenu .m-menu{list-style:none;position:absolute;top:50%;margin-top:4rem;transform:translateY(-50%);left:14rem}.mdl-burguermenu .m-menu>*{transition:opacity .3s ease}.mdl-burguermenu .m-menu:hover>*{filter:grayscale(70%);opacity:.6}.mdl-burguermenu .m-menu:hover>*:hover{filter:grayscale(0);opacity:1}.mdl-burguermenu .m-menu li{padding:1.5rem 0}.mdl-burguermenu .m-menu li a{font-family:josefinsans,sans-serif;font-weight:400;font-size:2.4rem;line-height:100%;text-transform:uppercase;color:#b7985d}.mdl-burguermenu .m-menu li:before{display:none}.mdl-burguermenu .m-menu .m-idiomas{display:flex}.mdl-burguermenu .m-menu .m-idiomas>*{transition:opacity .3s ease}.mdl-burguermenu .m-menu .m-idiomas:hover>*{opacity:.6}.mdl-burguermenu .m-menu .m-idiomas:hover>*:hover{opacity:1}.mdl-burguermenu .m-menu .m-idiomas li{font-size:1.8rem;margin-right:1rem;opacity:.6;transition:.3s}.mdl-burguermenu .m-menu .m-idiomas li:hover{opacity:1;transition:.3s}.mdl-burguermenu.show{display:block;animation-name:slideDown}@media (max-width: 768px){.mdl-burguermenu .m-menu{left:10rem;top:13rem;margin-top:0;transform:none}}@media (max-width: 540px){.mdl-burguermenu .m-menu{left:5rem;top:11rem}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.noscroll{overflow:hidden!important;height:100%!important}.m-openclose img{max-width:50px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }, { kind: "component", type: BabylonEngineModalV3Component, selector: "lib-babylon-engine-modal-v3", inputs: ["engine", "openInNewWindow", "lang", "codigo", "glValue", "adultsOptions", "isOpen"], outputs: ["submitEngine", "closed"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
17443
17444
|
}
|
|
17444
17445
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4MeTxtSvgCtaComponent, decorators: [{
|
|
17445
17446
|
type: Component,
|
|
@@ -17447,7 +17448,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
17447
17448
|
CommonModule,
|
|
17448
17449
|
BabylonLinkTypeDirective,
|
|
17449
17450
|
BabylonEngineModalV3Component,
|
|
17450
|
-
], encapsulation: ViewEncapsulation.None, template: "<section class=\"mdl-m01\">\n <div\n class=\"m-cont\"\n #mCont\n [ngClass]=\"{ sticky: stickyHeader, stickyv2: menuOpen }\"\n >\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n <div class=\"m-openclose\">\n <button\n class=\"m-open\"\n role=\"button\"\n (click)=\"toggleMenu()\"\n *ngIf=\"!menuOpen && !bookModalOpen\"\n >\n <img\n src=\"/assets/babylon/images/icons/menuburguer.svg\"\n alt=\"Menu\"\n />\n </button>\n <button\n class=\"m-close\"\n role=\"button\"\n (click)=\"\n menuOpen\n ? toggleMenu()\n : bookModalOpen\n ? toggleBookModal()\n : null\n \"\n *ngIf=\"menuOpen || bookModalOpen\"\n >\n <img\n src=\"/assets/babylon/images/icons/close.svg\"\n alt=\"Close\"\n />\n </button>\n </div>\n @if (texts?.title) {\n <div class=\"m-text\">{{ texts?.title }}</div>\n }\n @if (logos?.logoMobile) {\n <a\n [href]=\"linkLogo?.url ?? linkHome\"\n aria-label=\"logo\"\n class=\"m-icono\"\n >\n <img\n [src]=\"logos?.logoMobile?.src\"\n [alt]=\"logos?.logoMobile?.alt ?? 'logo'\"\n />\n </a>\n }\n </div>\n @if (logos?.logo) {\n <a\n role=\"button\"\n [href]=\"linkLogo?.url ?? linkHome\"\n [attr.aria-label]=\"linkLogo?.label\"\n class=\"m-center\"\n >\n <img\n [src]=\"logos?.logo?.src\"\n [alt]=\"logos?.logo?.alt ?? 'logo'\"\n />\n </a>\n }\n <div class=\"m-right\">\n @if (texts?.bookText && !menuOpen) {\n <a\n role=\"button\"\n class=\"m-button\"\n [attr.aria-label]=\"texts?.bookText\"\n (click)=\"openEngineModal()\"\n >\n {{ texts?.bookText }}\n </a>\n }\n </div>\n </div>\n </div>\n</section>\n<section class=\"mdl-burguermenu\" #burgerMenu [ngClass]=\"{ show: menuOpen }\">\n @if (menu?.length) {\n <ul class=\"m-menu\">\n @for (link of menu; track $index) {\n <li>\n <a\n role=\"button\"\n [attr.aria-label]=\"link.label\"\n [linkType]=\"link.linkType\"\n [modalClick]=\"modalClick\"\n [href]=\"link?.url\"\n (anchorClicked)=\"toggleMenu()\"\n >\n {{ link?.label }}\n </a>\n </li>\n }\n @if (languages?.items?.length) {\n <ul class=\"m-idiomas\">\n @for (item of languages?.items; track $index) {\n <li>\n <a [href]=\"item?.code\">{{ item?.code }}</a>\n </li>\n }\n </ul>\n }\n </ul>\n }\n</section>\n\n<section class=\"mdl-book\" #bookModal [ngClass]=\"{ show: bookModalOpen }\">\n <lib-babylon-engine-modal-v3\n [engine]=\"engine\"\n ></lib-babylon-engine-modal-v3>\n</section>\n", styles: [".m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:-webkit-clip-path .3s ease;transition:clip-path .3s ease;transition:clip-path .3s ease,-webkit-clip-path .3s ease;-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{-webkit-clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%);clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px)and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{-moz-text-size-adjust:none;text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;-o-object-fit:contain;object-fit:contain}@keyframes swingV{15%{transform:translateY(.5rem)}30%{transform:translateY(-.5rem)}50%{transform:translateY(.3rem)}65%{transform:translateY(-.3rem)}80%{transform:translateY(.2rem)}to{transform:translateY(0)}}@keyframes swingH{15%{transform:translate(.5rem)}30%{transform:translate(-.5rem)}50%{transform:translate(.3rem)}65%{transform:translate(-.3rem)}80%{transform:translate(.2rem)}to{transform:translate(0)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#fff;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-m01{height:15rem}.mdl-m01 .m-cont{transition:opacity .5s,transform .5s;opacity:1;position:relative;z-index:10}.mdl-m01 .m-cont:not(.sticky){height:15rem}.mdl-m01 .m-cont.sticky{opacity:1;position:fixed;height:auto;top:0;left:0;right:0;box-shadow:0 4px 20px #0000001a;z-index:999;background-color:#fff}.mdl-m01 .m-cont.sticky .mdl-container{padding:1.8rem 5rem;position:fixed}.mdl-m01 .m-cont.sticky .mdl-container .m-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-m01 .m-cont.stickyv2{opacity:1;height:auto;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #0000001a;transform:translateY(0);z-index:999;background-color:#fff}.mdl-m01 .m-cont.stickyv2 .mdl-container{padding:1.8rem 5rem;position:fixed;top:4rem}.mdl-m01 .m-cont.stickyv2 .mdl-container .m-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-m01 .m-cont:not(.sticky){opacity:1;position:relative;box-shadow:none;transform:translateY(-4rem)}.mdl-m01 .m-cont .mdl-container{max-width:100%;padding:9.7rem 5rem 5.7rem;background-color:#fff;display:flex;justify-content:space-between;align-items:center;position:relative}.mdl-m01 .m-cont .mdl-container .m-left{display:flex;gap:5rem;align-items:center;width:22.7rem}.mdl-m01 .m-cont .mdl-container .m-left .m-text{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;color:#b7985d;white-space:nowrap}.mdl-m01 .m-cont .mdl-container .m-left .m-icono{display:none}.mdl-m01 .m-cont .mdl-container .m-center{position:absolute;left:50%;top:50%;transform:translate(-50%)}.mdl-m01 .m-cont .mdl-container .m-center img{height:4rem}.mdl-m01 .m-cont .mdl-container .m-right{width:22.7rem}@media (max-width: 1080px){.mdl-m01{height:9rem}.mdl-m01 .m-cont:not(.sticky){height:9rem}.mdl-m01 .m-cont .mdl-container{padding:6.7rem 5rem 2.7rem}.mdl-m01 .m-cont .mdl-container .m-left .m-text{display:none}.mdl-m01 .m-cont .mdl-container .m-center{top:6.7rem}.mdl-m01 .m-cont .mdl-container .m-right{display:flex;flex-direction:column;align-items:flex-end}}@media (max-width: 768px){.mdl-m01{height:8rem}.mdl-m01 .m-cont:not(.sticky){height:8rem}.mdl-m01 .m-cont .mdl-container .m-right{display:none}.mdl-m01 .m-cont .mdl-container .m-center{top:5.8rem}.mdl-m01 .m-cont.sticky .m-left{gap:3.5rem}.mdl-m01 .m-cont.sticky .m-left .m-icono{display:block}.mdl-m01 .m-cont.sticky .m-center{display:none}.mdl-m01 .m-cont.sticky .m-right{display:flex}}@media (max-width: 540px){.mdl-m01 .m-cont.sticky .mdl-container{padding:1.8rem 2.6rem}.mdl-m01 .m-cont .mdl-container{padding:6.7rem 2.5rem 2.7rem}.mdl-m01 .m-cont .mdl-container .m-center{top:6.3rem}.mdl-m01 .m-cont .mdl-container .m-center img{height:3.2rem}.mdl-m01 .m-cont .mdl-container .m-left{gap:2rem}}.mdl-book{display:none;position:fixed;width:100%;height:100vh;background-color:#fcfaf8;top:0;z-index:10;overflow:hidden;animation-duration:.5s;animation-fill-mode:forwards}.mdl-book.show{display:block;animation-name:slideDown}.mdl-burguermenu{display:none;position:fixed;width:100%;height:100vh;background-color:#fcfaf8;top:0;z-index:10;overflow:hidden;animation-duration:.5s;animation-fill-mode:forwards}.mdl-burguermenu .m-menu{list-style:none;position:absolute;top:50%;margin-top:4rem;transform:translateY(-50%);left:14rem}.mdl-burguermenu .m-menu>*{transition:opacity .3s ease}.mdl-burguermenu .m-menu:hover>*{filter:grayscale(70%);opacity:.6}.mdl-burguermenu .m-menu:hover>*:hover{filter:grayscale(0);opacity:1}.mdl-burguermenu .m-menu li{padding:1.5rem 0}.mdl-burguermenu .m-menu li a{font-family:josefinsans,sans-serif;font-weight:400;font-size:2.4rem;line-height:100%;text-transform:uppercase;color:#b7985d}.mdl-burguermenu .m-menu li:before{display:none}.mdl-burguermenu .m-menu .m-idiomas{display:flex}.mdl-burguermenu .m-menu .m-idiomas>*{transition:opacity .3s ease}.mdl-burguermenu .m-menu .m-idiomas:hover>*{opacity:.6}.mdl-burguermenu .m-menu .m-idiomas:hover>*:hover{opacity:1}.mdl-burguermenu .m-menu .m-idiomas li{font-size:1.8rem;margin-right:1rem;opacity:.6;transition:.3s}.mdl-burguermenu .m-menu .m-idiomas li:hover{opacity:1;transition:.3s}.mdl-burguermenu.show{display:block;animation-name:slideDown}@media (max-width: 768px){.mdl-burguermenu .m-menu{left:10rem;top:13rem;margin-top:0;transform:none}}@media (max-width: 540px){.mdl-burguermenu .m-menu{left:5rem;top:11rem}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.noscroll{overflow:hidden!important;height:100%!important}.m-openclose img{max-width:50px}\n"] }]
|
|
17451
|
+
], encapsulation: ViewEncapsulation.None, template: "<section class=\"mdl-m01\">\n <div\n class=\"m-cont\"\n #mCont\n [ngClass]=\"{ sticky: stickyHeader, stickyv2: menuOpen }\"\n >\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n <div class=\"m-openclose\">\n <button\n class=\"m-open\"\n role=\"button\"\n (click)=\"toggleMenu()\"\n *ngIf=\"!menuOpen && !bookModalOpen\"\n >\n <img\n src=\"/assets/babylon/images/icons/menuburguer.svg\"\n alt=\"Menu\"\n />\n </button>\n <button\n class=\"m-close\"\n role=\"button\"\n (click)=\"\n menuOpen\n ? toggleMenu()\n : bookModalOpen\n ? toggleBookModal()\n : null\n \"\n *ngIf=\"menuOpen || bookModalOpen\"\n >\n <img\n src=\"/assets/babylon/images/icons/close.svg\"\n alt=\"Close\"\n />\n </button>\n </div>\n @if (texts?.title) {\n <div class=\"m-text\">{{ texts?.title }}</div>\n }\n @if (logos?.logoMobile) {\n <a\n [href]=\"linkLogo?.url ?? linkHome\"\n aria-label=\"logo\"\n class=\"m-icono\"\n >\n <img\n [src]=\"logos?.logoMobile?.src\"\n [alt]=\"logos?.logoMobile?.alt ?? 'logo'\"\n />\n </a>\n }\n </div>\n @if (logos?.logo) {\n <a\n role=\"button\"\n [href]=\"linkLogo?.url ?? linkHome\"\n [attr.aria-label]=\"linkLogo?.label\"\n class=\"m-center\"\n >\n <img\n [src]=\"logos?.logo?.src\"\n [alt]=\"logos?.logo?.alt ?? 'logo'\"\n />\n </a>\n }\n <div class=\"m-right\">\n @if (texts?.bookText && !menuOpen) {\n <a\n role=\"button\"\n class=\"m-button\"\n [attr.aria-label]=\"texts?.bookText\"\n (click)=\"openEngineModal()\"\n >\n {{ texts?.bookText }}\n </a>\n }\n </div>\n </div>\n </div>\n</section>\n<section class=\"mdl-burguermenu\" #burgerMenu [ngClass]=\"{ show: menuOpen }\">\n @if (menu?.length) {\n <ul class=\"m-menu\">\n @for (link of menu; track $index) {\n <li>\n <a\n role=\"button\"\n [attr.aria-label]=\"link.label\"\n [linkType]=\"link.linkType\"\n [modalClick]=\"modalClick\"\n [href]=\"link?.url + (link?.vars ?? '')\"\n (anchorClicked)=\"toggleMenu()\"\n >\n {{ link?.label }}\n </a>\n </li>\n }\n @if (languages?.items?.length) {\n <ul class=\"m-idiomas\">\n @for (item of languages?.items; track $index) {\n <li>\n <a [href]=\"item?.code\">{{ item?.code }}</a>\n </li>\n }\n </ul>\n }\n </ul>\n }\n</section>\n\n<section class=\"mdl-book\" #bookModal [ngClass]=\"{ show: bookModalOpen }\">\n <lib-babylon-engine-modal-v3\n [engine]=\"engine\"\n ></lib-babylon-engine-modal-v3>\n</section>\n", styles: [".m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:-webkit-clip-path .3s ease;transition:clip-path .3s ease;transition:clip-path .3s ease,-webkit-clip-path .3s ease;-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{-webkit-clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%);clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px)and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{-moz-text-size-adjust:none;text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;-o-object-fit:contain;object-fit:contain}@keyframes swingV{15%{transform:translateY(.5rem)}30%{transform:translateY(-.5rem)}50%{transform:translateY(.3rem)}65%{transform:translateY(-.3rem)}80%{transform:translateY(.2rem)}to{transform:translateY(0)}}@keyframes swingH{15%{transform:translate(.5rem)}30%{transform:translate(-.5rem)}50%{transform:translate(.3rem)}65%{transform:translate(-.3rem)}80%{transform:translate(.2rem)}to{transform:translate(0)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#fff;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-m01{height:15rem}.mdl-m01 .m-cont{transition:opacity .5s,transform .5s;opacity:1;position:relative;z-index:10}.mdl-m01 .m-cont:not(.sticky){height:15rem}.mdl-m01 .m-cont.sticky{opacity:1;position:fixed;height:auto;top:0;left:0;right:0;box-shadow:0 4px 20px #0000001a;z-index:999;background-color:#fff}.mdl-m01 .m-cont.sticky .mdl-container{padding:1.8rem 5rem;position:fixed}.mdl-m01 .m-cont.sticky .mdl-container .m-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-m01 .m-cont.stickyv2{opacity:1;height:auto;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #0000001a;transform:translateY(0);z-index:999;background-color:#fff}.mdl-m01 .m-cont.stickyv2 .mdl-container{padding:1.8rem 5rem;position:fixed;top:4rem}.mdl-m01 .m-cont.stickyv2 .mdl-container .m-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-m01 .m-cont:not(.sticky){opacity:1;position:relative;box-shadow:none;transform:translateY(-4rem)}.mdl-m01 .m-cont .mdl-container{max-width:100%;padding:9.7rem 5rem 5.7rem;background-color:#fff;display:flex;justify-content:space-between;align-items:center;position:relative}.mdl-m01 .m-cont .mdl-container .m-left{display:flex;gap:5rem;align-items:center;width:22.7rem}.mdl-m01 .m-cont .mdl-container .m-left .m-text{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;color:#b7985d;white-space:nowrap}.mdl-m01 .m-cont .mdl-container .m-left .m-icono{display:none}.mdl-m01 .m-cont .mdl-container .m-center{position:absolute;left:50%;top:50%;transform:translate(-50%)}.mdl-m01 .m-cont .mdl-container .m-center img{height:4rem}.mdl-m01 .m-cont .mdl-container .m-right{width:22.7rem}@media (max-width: 1080px){.mdl-m01{height:9rem}.mdl-m01 .m-cont:not(.sticky){height:9rem}.mdl-m01 .m-cont .mdl-container{padding:6.7rem 5rem 2.7rem}.mdl-m01 .m-cont .mdl-container .m-left .m-text{display:none}.mdl-m01 .m-cont .mdl-container .m-center{top:6.7rem}.mdl-m01 .m-cont .mdl-container .m-right{display:flex;flex-direction:column;align-items:flex-end}}@media (max-width: 768px){.mdl-m01{height:8rem}.mdl-m01 .m-cont:not(.sticky){height:8rem}.mdl-m01 .m-cont .mdl-container .m-right{display:none}.mdl-m01 .m-cont .mdl-container .m-center{top:5.8rem}.mdl-m01 .m-cont.sticky .m-left{gap:3.5rem}.mdl-m01 .m-cont.sticky .m-left .m-icono{display:block}.mdl-m01 .m-cont.sticky .m-center{display:none}.mdl-m01 .m-cont.sticky .m-right{display:flex}}@media (max-width: 540px){.mdl-m01 .m-cont.sticky .mdl-container{padding:1.8rem 2.6rem}.mdl-m01 .m-cont .mdl-container{padding:6.7rem 2.5rem 2.7rem}.mdl-m01 .m-cont .mdl-container .m-center{top:6.3rem}.mdl-m01 .m-cont .mdl-container .m-center img{height:3.2rem}.mdl-m01 .m-cont .mdl-container .m-left{gap:2rem}}.mdl-book{display:none;position:fixed;width:100%;height:100vh;background-color:#fcfaf8;top:0;z-index:10;overflow:hidden;animation-duration:.5s;animation-fill-mode:forwards}.mdl-book.show{display:block;animation-name:slideDown}.mdl-burguermenu{display:none;position:fixed;width:100%;height:100vh;background-color:#fcfaf8;top:0;z-index:10;overflow:hidden;animation-duration:.5s;animation-fill-mode:forwards}.mdl-burguermenu .m-menu{list-style:none;position:absolute;top:50%;margin-top:4rem;transform:translateY(-50%);left:14rem}.mdl-burguermenu .m-menu>*{transition:opacity .3s ease}.mdl-burguermenu .m-menu:hover>*{filter:grayscale(70%);opacity:.6}.mdl-burguermenu .m-menu:hover>*:hover{filter:grayscale(0);opacity:1}.mdl-burguermenu .m-menu li{padding:1.5rem 0}.mdl-burguermenu .m-menu li a{font-family:josefinsans,sans-serif;font-weight:400;font-size:2.4rem;line-height:100%;text-transform:uppercase;color:#b7985d}.mdl-burguermenu .m-menu li:before{display:none}.mdl-burguermenu .m-menu .m-idiomas{display:flex}.mdl-burguermenu .m-menu .m-idiomas>*{transition:opacity .3s ease}.mdl-burguermenu .m-menu .m-idiomas:hover>*{opacity:.6}.mdl-burguermenu .m-menu .m-idiomas:hover>*:hover{opacity:1}.mdl-burguermenu .m-menu .m-idiomas li{font-size:1.8rem;margin-right:1rem;opacity:.6;transition:.3s}.mdl-burguermenu .m-menu .m-idiomas li:hover{opacity:1;transition:.3s}.mdl-burguermenu.show{display:block;animation-name:slideDown}@media (max-width: 768px){.mdl-burguermenu .m-menu{left:10rem;top:13rem;margin-top:0;transform:none}}@media (max-width: 540px){.mdl-burguermenu .m-menu{left:5rem;top:11rem}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.noscroll{overflow:hidden!important;height:100%!important}.m-openclose img{max-width:50px}\n"] }]
|
|
17451
17452
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1.Router }, { type: undefined, decorators: [{
|
|
17452
17453
|
type: Inject,
|
|
17453
17454
|
args: [PLATFORM_ID]
|