UNPKG

wumbox-landing

Version:

1 lines • 155 kB

JSON

{"__symbolic":"module","version":4,"metadata":{"LandingComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"app-landing","template":"<div class=\"sky\">\n <app-first></app-first>\n</div>\n<router-outlet></router-outlet>\n","styles":[".sky{overflow:hidden;color:#fff;background:#45c0ff}@media all and (min-width:1100px){.sky{padding:6em 10vw 0}}@media all and (min-width:1600px){.sky{padding:6em 15vw 0}}"]}]}],"members":{}},"WumboxLandingModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":20,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"WumboxLandingComponent"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"LandingComponent"},{"__symbolic":"reference","name":"ɵe"}],"imports":[{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":34,"character":4},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","module":"@angular/material","name":"MatSidenavModule","line":36,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatToolbarModule","line":37,"character":4}],"providers":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"RegisterService"},{"__symbolic":"reference","name":"ɵa"}],"bootstrap":[],"exports":[{"__symbolic":"reference","name":"WumboxLandingComponent"},{"__symbolic":"reference","name":"LandingComponent"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngDoBootstrap":[{"__symbolic":"method"}]}},"WumboxLandingComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"app-wumbox-landing","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":15,"character":4},"arguments":["routeAnimations",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":16,"character":6},"arguments":["Landing <=> Login",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":17,"character":8},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":18,"character":8},"arguments":[600]}]]}]]}],"template":"<style>\n mat-sidenav-container, mat-sidenav-content, mat-sidenav { height: 100%; min-height: 100vh }\n\n mat-sidenav { width: 80vw; }\n</style>\n<div fxFlex=\"grow\">\n <mat-sidenav-container>\n <mat-sidenav #sidenav role=\"navigation\">\n <app-sidenav (sidenavClose)=\"sidenav.close()\"></app-sidenav>\n </mat-sidenav>\n <mat-sidenav-content style=\"overflow-x: hidden;\">\n <app-header (sidenavToggle)=\"sidenav.toggle()\"></app-header>\n <div fxFill [@routeAnimations]=\"prepareRoute(outlet)\">\n <router-outlet #outlet=\"outlet\"></router-outlet>\n </div>\n\n <button fxHide.lt-md mat-raised-button class=\"mat-elevation-z24\" (click)=\"whatsappLink.click()\" fxLayout=\"row\"\n angulartics2On=\"click\"\n angularticsCategory=\"Global buttons\"\n angularticsAction=\"Clicked\"\n angularticsLabel=\"Wahtsapp\"\n style=\"\n position: fixed;\n bottom: 25px;\n right: 25px;\n z-index: 100;\n background-color: rgb(37, 211, 102);\n border-radius: 10px;\n padding-top: 5px;\n padding-bottom: 5px\"\n >\n <span fxLayout=\"column\">\n <span style=\"color: white; font-size: 20px\">\n <fa-icon style=\"color: white; margin-right: 3px\" [icon]=\"['fab', 'whatsapp']\" [size]=\"'2x'\"></fa-icon>\n\n Más información</span>\n <span style=\"color: white; font-size: 20px\">+54 9 1128991844</span>\n\n </span>\n\n </button>\n <button fxHide.gt-sm (click)=\"whatsappLink.click()\" mat-fab\n angulartics2On=\"click\"\n angularticsCategory=\"Global buttons\"\n angularticsAction=\"Clicked\"\n angularticsLabel=\"Wahtsapp\"\n style=\"\n position: fixed;\n bottom: 10px;\n right: 10px;\n z-index: 100;\n background-color: rgb(37, 211, 102)\"><fa-icon style=\"color: white\" [icon]=\"['fab', 'whatsapp']\" [size]=\"'2x'\"></fa-icon></button>\n <a rel=\"noopener\" #whatsappLink style=\"display: none\" [href]=\"whatsAppLink\" target=\"_blank\"></a>\n </mat-sidenav-content>\n </mat-sidenav-container>\n</div>\n\n","styles":[":host{display:flex;flex:1 1 100%;height:100%;margin:0;min-height:100%;min-width:100%;width:100%}"]}]}],"members":{"currentUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"registerStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"status":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"userEmail":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"userName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"continueAfterRegisterWithGoogle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":47,"character":3}}]}],"sendContactEmail":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":48,"character":3}}]}],"tryLogin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":49,"character":3}}]}],"recoverPassword":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":50,"character":3}}]}],"registerWithGoogle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":51,"character":3}}]}],"registerWithData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"prepareRoute":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":61,"character":30},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"angulartics2/gtm","name":"Angulartics2GoogleTagManager","line":62,"character":52},{"__symbolic":"reference","module":"@angular/flex-layout","name":"MediaObserver","line":62,"character":104},{"__symbolic":"reference","name":"RegisterService"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"updateWhatsAppLink":[{"__symbolic":"method"}]}},"MainModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵn"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":25,"character":4},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","module":"@angular/material","name":"MatTabsModule","line":27,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatDialogModule","line":28,"character":4},{"__symbolic":"reference","module":"ngx-swiper-wrapper","name":"SwiperModule","line":29,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":30,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":31,"character":4},"member":"forChild"},"arguments":[[{"path":"","component":{"__symbolic":"reference","name":"ɵh"}}]]}],"entryComponents":[{"__symbolic":"reference","name":"ɵi"}]}]}],"members":{}},"LoginModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵo"}],"imports":[{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":11,"character":4},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":13,"character":4},"member":"forChild"},"arguments":[[{"path":"","component":{"__symbolic":"reference","name":"ɵo"}}]]}]}]}],"members":{}},"RegisterModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵp"}],"imports":[{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":14,"character":4},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","module":"@angular/material","name":"MatStepperModule","line":16,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":17,"character":4},"member":"forChild"},"arguments":[[{"path":"","component":{"__symbolic":"reference","name":"ɵp"}}]]}]}]}],"members":{}},"ContactFormService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":1,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"LoginService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":1,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"RegisterService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":1,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":1,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-header","template":"<nav>\n <mat-toolbar style=\"position: relative\">\n <div fxHide.gt-sm style=\"position: absolute; left: 5%;\">\n <button mat-icon-button (click)=\"onToggleSidenav()\">\n <mat-icon>menu</mat-icon>\n </button>\n </div>\n <div fxLayout fxFlex fxLayoutAlign=\"center\" fxLayoutAlign.gt-sm=\"start\">\n <a queryParamsHandling=\"preserve\" routerLink=\"/\"><img src=\"https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/header.svg?alt=media&token=836d5eb6-485b-464b-b859-9ba34541e646\" alt=\"Wumbox\" class=\"logo-header\" /></a>\n </div>\n <div fxFlex fxLayout fxLayoutAlign=\"end\">\n <ul fxLayout fxLayoutGap=\"30px\" fxHide.lt-md class=\"navigation-items\">\n <li *ngFor=\"let item of scroll | keyvalue: indexOrderAsc\">\n <a (click)=\"this.router.navigate(['/'], {queryParamsHandling: 'preserve', fragment: item.value[0]})\">{{ item.key }}</a>\n </li>\n <li>\n <a class=\"push-btn\" routerLink=\"/ingresar\" queryParamsHandling=\"preserve\"\n angulartics2On=\"click\"\n angularticsCategory=\"Topbar Buttons\"\n angularticsAction=\"Clicked\"\n angularticsLabel=\"Ingresar\"\n >Ingresar</a>\n \n </li>\n </ul>\n <ul class=\"navigation-items\">\n <li>\n <a class=\"push-btn\" fxHide.gt-sm routerLink=\"/ingresar\" queryParamsHandling=\"preserve\"\n angulartics2On=\"click\"\n angularticsCategory=\"Topbar Buttons\"\n angularticsAction=\"Clicked\"\n angularticsLabel=\"Ingresar\"\n >Ingresar</a>\n </li>\n </ul>\n\n </div>\n </mat-toolbar>\n</nav>\n","styles":["html{touch-action:none;scroll-behavior:smooth}body{font-family:Roboto,sans-serif;font-weight:400;line-height:1.6;-webkit-overflow-scrolling:touch;background:#181818;min-height:100vh}img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a{cursor:pointer}[type=button],[type=reset],[type=submit],button{-webkit-appearance:none}.push-btn{position:relative;top:0;text-align:center;display:inline;background-color:#ff3f84;color:#fff;padding:.75em 1.5em;text-decoration:none;border-radius:.5em;border-bottom:.25em solid #8c2c4e;transition:.1s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.push-btn:first-child{margin-right:10px}.push-btn:active,.push-btn:hover{background-color:#ff659d;opacity:1}.push-btn:active{top:.2em;border-bottom-width:0}.bg-s{position:absolute;height:100%;width:100vw;background-position:center;background-size:contain;background-repeat:no-repeat;left:-5vw;display:none}@media all and (min-width:960px){.bg-s{left:-10vw;display:inherit}}@-webkit-keyframes floating{from,to{transform:translate(0,0)}65%{transform:translate(0,20px)}}@keyframes floating{from,to{transform:translate(0,0)}65%{transform:translate(0,20px)}}@-webkit-keyframes floating2{from,to{transform:translate(0,0)}65%{transform:translate(0,10px)}}@keyframes floating2{from,to{transform:translate(0,0)}65%{transform:translate(0,10px)}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeInLeft{from{margin-left:-60px;opacity:0}to{margin-left:0;opacity:1}}@keyframes fadeInLeft{from{margin-left:-60px;opacity:0}to{margin-left:0;opacity:1}}@-webkit-keyframes fadeInRight{from{margin-right:-60px;opacity:0}to{margin-right:0;opacity:1}}@keyframes fadeInRight{from{margin-right:-60px;opacity:0}to{margin-right:0;opacity:1}}*{outline:0}nav{position:fixed;z-index:100;width:100vw;height:80px}.logo-header{margin-top:10px;height:20px;width:auto}@media all and (min-width:1300px){.logo-header{height:30px}}.mat-toolbar{background:#3350b9;height:80px;box-shadow:0 0 30px -10px rgba(38,52,105,.5);padding-left:5%;padding-right:5%}.mat-toolbar .mat-icon-button{color:#fff}.mat-toolbar a{text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;font-size:1rem;transition:.1s}.mat-toolbar a:hover{opacity:.75}.mat-toolbar .push-btn:first-child{background-color:#4dabec;border-bottom-color:#0087e4}.mat-toolbar .push-btn:hover{opacity:1;background-color:#80c3f2}.mat-toolbar .navigation-items{list-style-type:none;padding:0;margin:0}.mat-nav-list{padding:15% 10%}.mat-nav-list .mat-nav-list-cont{position:fixed}.mat-nav-list .mat-nav-list-cont img{margin-bottom:2.5em;margin-left:1em;width:100px}.mat-nav-list .mat-nav-list-cont .mat-list-item{margin-bottom:1em;font-weight:600;color:#181818}.mat-nav-list .mat-nav-list-cont .mat-list-item:active,.mat-nav-list .mat-nav-list-cont .mat-list-item:hover{opacity:.75}.mat-nav-list .mat-nav-list-cont .push-btn-cont{margin:2em 0}.mat-nav-list .mat-nav-list-cont .push-btn-cont .push-btn:hover{opacity:1}.mat-nav-list .mat-nav-list-cont .push-btn-cont:active,.mat-nav-list .mat-nav-list-cont .push-btn-cont:hover{background:0 0;opacity:1}.mat-nav-list .mat-nav-list-cont .push-btn-cont-cyan .push-btn{background-color:#4dabec;border-bottom-color:#0087e4}.mat-nav-list .mat-nav-list-cont .push-btn-cont-cyan .push-btn:hover{opacity:1;background-color:#80c3f2}@media all and (min-width:1100px){.mat-toolbar{padding-left:10vw;padding-right:10vw}}@media all and (min-width:1600px){.bg-s{left:-15vw}.mat-toolbar{padding-left:15vw;padding-right:15vw}}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":10,"character":29}]}],"sidenavToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"clickLogin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}]}},"ɵd":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵc"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-sidenav","template":"<mat-nav-list>\n <div class=\"mat-nav-list-cont\">\n <a (click)=\"onSidenavClose()\" routerLink=\"\"><img src=\"https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/logo.svg?alt=media&token=c5fa98c7-d334-4484-a769-9a5447f0c502\" alt=\"Wumbox\" /></a>\n <a mat-list-item *ngFor=\"let item of scroll | keyvalue: indexOrderAsc\" (click)=\"onSidenavClose(); this.router.navigate(['/'],\n {queryParamsHandling: 'preserve', fragment: item.value[0]}) \">\n {{ item.key }}\n </a>\n\n \n <a class=\"push-btn-cont\" mat-list-item (click)=\"onSidenavClose();\" disableRipple routerLink fragment=\"suscribirse\"\n angulartics2On=\"click\"\n angularticsCategory=\"Sidebar\"\n angularticsAction=\"Clicked\"\n angularticsLabel=\"Probar\" queryParamsHandling=\"preserve\">\n <div class=\"push-btn\"\n >Probar</div>\n </a>\n <a class=\"push-btn-cont push-btn-cont-cyan\" mat-list-item disableRipple (click)=\"onSidenavClose()\"\n angulartics2On=\"click\"\n angularticsCategory=\"Sidebar\"\n angularticsAction=\"Clicked\"\n angularticsLabel=\"Ingresar\"\n routerLink=\"/ingresar\" queryParamsHandling=\"preserve\">\n <div class=\"push-btn\">Ingresar</div>\n </a>\n </div>\n</mat-nav-list>\n","styles":["html{touch-action:none;scroll-behavior:smooth}body{font-family:Roboto,sans-serif;font-weight:400;line-height:1.6;-webkit-overflow-scrolling:touch;background:#181818;min-height:100vh}img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a{cursor:pointer}[type=button],[type=reset],[type=submit],button{-webkit-appearance:none}.push-btn{position:relative;top:0;text-align:center;display:inline;background-color:#ff3f84;color:#fff;padding:.75em 1.5em;text-decoration:none;border-radius:.5em;border-bottom:.25em solid #8c2c4e;transition:.1s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.push-btn:first-child{margin-right:10px}.push-btn:active,.push-btn:hover{background-color:#ff659d;opacity:1}.push-btn:active{top:.2em;border-bottom-width:0}.bg-s{position:absolute;height:100%;width:100vw;background-position:center;background-size:contain;background-repeat:no-repeat;left:-5vw;display:none}@media all and (min-width:960px){.bg-s{left:-10vw;display:inherit}}@-webkit-keyframes floating{from,to{transform:translate(0,0)}65%{transform:translate(0,20px)}}@keyframes floating{from,to{transform:translate(0,0)}65%{transform:translate(0,20px)}}@-webkit-keyframes floating2{from,to{transform:translate(0,0)}65%{transform:translate(0,10px)}}@keyframes floating2{from,to{transform:translate(0,0)}65%{transform:translate(0,10px)}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeInLeft{from{margin-left:-60px;opacity:0}to{margin-left:0;opacity:1}}@keyframes fadeInLeft{from{margin-left:-60px;opacity:0}to{margin-left:0;opacity:1}}@-webkit-keyframes fadeInRight{from{margin-right:-60px;opacity:0}to{margin-right:0;opacity:1}}@keyframes fadeInRight{from{margin-right:-60px;opacity:0}to{margin-right:0;opacity:1}}*{outline:0}nav{position:fixed;z-index:100;width:100vw;height:80px}.logo-header{margin-top:10px;height:20px;width:auto}@media all and (min-width:1300px){.logo-header{height:30px}}.mat-toolbar{background:#3350b9;height:80px;box-shadow:0 0 30px -10px rgba(38,52,105,.5);padding-left:5%;padding-right:5%}.mat-toolbar .mat-icon-button{color:#fff}.mat-toolbar a{text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;font-size:1rem;transition:.1s}.mat-toolbar a:hover{opacity:.75}.mat-toolbar .push-btn:first-child{background-color:#4dabec;border-bottom-color:#0087e4}.mat-toolbar .push-btn:hover{opacity:1;background-color:#80c3f2}.mat-toolbar .navigation-items{list-style-type:none;padding:0;margin:0}.mat-nav-list{padding:15% 10%}.mat-nav-list .mat-nav-list-cont{position:fixed}.mat-nav-list .mat-nav-list-cont img{margin-bottom:2.5em;margin-left:1em;width:100px}.mat-nav-list .mat-nav-list-cont .mat-list-item{margin-bottom:1em;font-weight:600;color:#181818}.mat-nav-list .mat-nav-list-cont .mat-list-item:active,.mat-nav-list .mat-nav-list-cont .mat-list-item:hover{opacity:.75}.mat-nav-list .mat-nav-list-cont .push-btn-cont{margin:2em 0}.mat-nav-list .mat-nav-list-cont .push-btn-cont .push-btn:hover{opacity:1}.mat-nav-list .mat-nav-list-cont .push-btn-cont:active,.mat-nav-list .mat-nav-list-cont .push-btn-cont:hover{background:0 0;opacity:1}.mat-nav-list .mat-nav-list-cont .push-btn-cont-cyan .push-btn{background-color:#4dabec;border-bottom-color:#0087e4}.mat-nav-list .mat-nav-list-cont .push-btn-cont-cyan .push-btn:hover{opacity:1;background-color:#80c3f2}@media all and (min-width:1100px){.mat-toolbar{padding-left:10vw;padding-right:10vw}}@media all and (min-width:1600px){.bg-s{left:-15vw}.mat-toolbar{padding-left:15vw;padding-right:15vw}}"]}]}],"members":{"sidenavClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":12,"character":29}]}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"app-first","template":"<article class=\"first\">\n <div class=\"title\" >\n <img src=\"https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/logo.svg?alt=media&token=c5fa98c7-d334-4484-a769-9a5447f0c502\" alt=\"Wumbox\"/>\n <h1>Una plataforma para aprender jugando</h1>\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\" >\n <a class=\"push-btn extra-large\" routerLink fragment=\"suscribirse\" queryParamsHandling=\"preserve\"\n angulartics2On=\"click\"\n angularticsCategory=\"Welcome Buttons\"\n angularticsAction=\"Clicked\"\n angularticsLabel=\"Probar ahora\" fxLayout=\"column\" fxLayoutAlign=\"center center\"\n ><span>PROBAR AHORA</span></a>\n \n \n </div>\n\n \n </div>\n <img inViewport\n src=\"\" #leftDevicesImage (inViewportAction)=\"leftDevicesImage.src =\n media.isActive('gt-sm') ?\n 'https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/parallax%2Fscreens1_reduced.png?alt=media&token=9a2ea1d9-6366-4dc3-8115-c9f2cba5f6bc'\n : ''\"\n alt=\"Wumbox\" draggable=\"false\" class=\"screen left-screen\"/>\n <img inViewport\n src=\"\" #rightDevicesImage (inViewportAction)=\"rightDevicesImage.src =\n media.isActive('gt-sm') ?\n 'https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/parallax%2Fscreens2_reduced.png?alt=media&token=a65f4bee-faa5-4c1e-977b-c8790ab0296d'\n : ''\"\n alt=\"Wumbox\" draggable=\"false\" class=\"screen right-screen\"/>\n \n <div class=\"scene\" id=\"parallax\">\n <div class=\"layer-1 parallax\" data-speed=\"-20\"></div>\t\n <div class=\"layer-2 parallax\" data-speed=\"-10\"></div>\t\n <div class=\"layer-4 parallax\" data-speed=\"40\"></div>\t\t\n <div class=\"layer-3 parallax\" data-speed=\"20\"></div>\t\t\n </div>\n <img src=\"https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/parallax%2Ffront-mountain.svg?alt=media&token=67cfc8d8-deaa-47bd-9f38-5d8db6d3db63\" alt=\"Wumbox\" draggable=\"false\" class=\"front-mountain\" />\n</article>\n","styles":["html{touch-action:none;scroll-behavior:smooth}body{font-family:Roboto,sans-serif;font-weight:400;line-height:1.6;-webkit-overflow-scrolling:touch;background:#181818;min-height:100vh}img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a{cursor:pointer}[type=button],[type=reset],[type=submit],button{-webkit-appearance:none}.push-btn{position:relative;top:0;text-align:center;display:inline;background-color:#ff3f84;color:#fff;padding:.75em 1.5em;text-decoration:none;border-radius:.5em;border-bottom:.25em solid #8c2c4e;transition:.1s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.push-btn:first-child{margin-right:10px}.push-btn:active,.push-btn:hover{background-color:#ff659d;opacity:1}.push-btn:active{top:.2em;border-bottom-width:0}.bg-s{position:absolute;height:100%;width:100vw;background-position:center;background-size:contain;background-repeat:no-repeat;left:-5vw;display:none}@media all and (min-width:960px){.bg-s{left:-10vw;display:inherit}}@-webkit-keyframes floating{from,to{transform:translate(0,0)}65%{transform:translate(0,20px)}}@keyframes floating{from,to{transform:translate(0,0)}65%{transform:translate(0,20px)}}@-webkit-keyframes floating2{from,to{transform:translate(0,0)}65%{transform:translate(0,10px)}}@keyframes floating2{from,to{transform:translate(0,0)}65%{transform:translate(0,10px)}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeInLeft{from{margin-left:-60px;opacity:0}to{margin-left:0;opacity:1}}@keyframes fadeInLeft{from{margin-left:-60px;opacity:0}to{margin-left:0;opacity:1}}@-webkit-keyframes fadeInRight{from{margin-right:-60px;opacity:0}to{margin-right:0;opacity:1}}@keyframes fadeInRight{from{margin-right:-60px;opacity:0}to{margin-right:0;opacity:1}}*{outline:0}.first{position:relative;min-height:100vh}.first .title{position:absolute;z-index:5;text-align:center;top:50%;left:50%;transform:translate(-50%,-30%)}.first .title a,.first .title h1,.first .title img{opacity:0;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:.5s;animation-duration:.5s}.first .title img{width:80vw}.first .title h1{font-size:1.1rem;line-height:1em;margin:2em 0;-webkit-animation-delay:.25s;animation-delay:.25s}.first .title h3{font-size:1.1rem;margin:2em 0;-webkit-animation-delay:.25s;animation-delay:.25s}.first .title .push-btn{width:120px;font-weight:500;margin:2%}.first .title .push-btn.blue{border-bottom:.25em solid #004b9d;background-color:#4dabec}.first .title .push-btn.blue:active,.first .title .push-btn.blue:hover{background-color:#339fe9}.first .title .push-btn.extra-large{width:12em;height:4em;font-weight:500;font-size:1.1em}@media all and (min-width:1100px){.first .title{transform:translate(-50%,-50%)}.first .title img{width:35vw}}.first .screen{position:absolute;display:none;z-index:3;top:50%;transform:translateY(-55%) scale(.65);opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.73,.01,.4,1);animation-timing-function:cubic-bezier(.73,.01,.4,1);-webkit-animation-duration:1s;animation-duration:1s}@media all and (min-width:1300px){.first .title h1{font-size:1.5rem}.first .screen{transform:translateY(-55%) scale(.75)}}.first .left-screen{left:-15vw;-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-delay:1s;animation-delay:1s}.first .right-screen{right:-15vw;-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-delay:1.25s;animation-delay:1.25s}@media all and (min-width:1800px){.first .left-screen{left:-10vw}.first .right-screen{right:-10vw}}.first .front-mountain{position:absolute;z-index:2;bottom:0;left:-15vw;width:130vw}.first .scene-front-clouds{z-index:5!important}.first .scene-characters{z-index:4!important}.first .scene{position:relative;z-index:1}@media all and (min-width:1100px){.first .screen{display:inherit}.first .scene{margin-left:-10vw}}@media all and (min-width:1600px){.bg-s{left:-15vw}.first .screen{transform:translateY(-65%) scale(.85)}.first .scene{margin-left:-15vw}}.first .scene div{position:absolute;background-position:center;background-size:cover;background-repeat:no-repeat;min-width:100vw;height:100vh}.first .scene .layer-1{background-image:url(https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/parallax%2Fbg-mountain.svg?alt=media&token=4fb71091-62b2-4c2a-88d0-7e1d131addd9)}.first .scene .layer-2{background-image:url(https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/parallax%2Fmiddle-mountain.svg?alt=media&token=8b7d5b2f-6d7c-43dc-be4e-5806154ae5d1)}.first .scene .layer-3{background-image:url(https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/parallax%2Fclouds-back.svg?alt=media&token=895e3351-18f4-402c-b405-2b2ae955369d);-webkit-animation-name:floating;animation-name:floating;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:12s;animation-duration:12s}.first .scene .layer-4{background-image:url(https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/parallax%2Fcharacters.svg?alt=media&token=3362bf06-c45d-4ac4-9868-d88d28e3627a);-webkit-animation-name:floating2;animation-name:floating2;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:6s;animation-duration:6s}.first .scene .layer-5{background-image:url(https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/parallax%2Fclouds-front.svg?alt=media&token=375f4f7b-3246-4b77-bc18-41aa46d6cfac);-webkit-animation-name:floating;animation-name:floating;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:9s;animation-duration:9s}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/flex-layout","name":"MediaObserver","line":31,"character":28}]}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵg"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatListModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatButtonModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":20,"character":4},{"__symbolic":"reference","module":"ngx-scrollreveal","name":"NgsRevealModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":22,"character":4},{"__symbolic":"reference","module":"angulartics2","name":"Angulartics2Module","line":23,"character":4},{"__symbolic":"reference","module":"ng-in-viewport","name":"InViewportModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":25,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":26,"character":4}],"exports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":29,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatListModule","line":30,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatButtonModule","line":31,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":32,"character":4},{"__symbolic":"reference","module":"ngx-scrollreveal","name":"NgsRevealModule","line":33,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":34,"character":4},{"__symbolic":"reference","module":"angulartics2","name":"Angulartics2Module","line":35,"character":4},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","module":"ng-in-viewport","name":"InViewportModule","line":37,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":38,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":39,"character":4}]}]}],"members":{}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"app-footer","template":"<footer>\n <div fxLayout=\"row\" fxLayout.lt-md=\"column\" fxLayoutAlign=\"space-between center\">\n <p class=\"wumbox-text\">© {{ date }} Wumbox</p>\n <a queryParamsHandling=\"preserve\" routerLink=\"/\" fragment=\"suscribirse\">Contacto</a>\n <a>Sobre nosotros</a>\n <a>Términos y condiciones de uso</a>\n <a>Política de privacidad</a>\n </div>\n</footer>\n","styles":["html{touch-action:none;scroll-behavior:smooth}body{font-family:Roboto,sans-serif;font-weight:400;line-height:1.6;-webkit-overflow-scrolling:touch;background:#181818;min-height:100vh}img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a{cursor:pointer}[type=button],[type=reset],[type=submit],button{-webkit-appearance:none}.push-btn{position:relative;top:0;text-align:center;display:inline;background-color:#ff3f84;color:#fff;padding:.75em 1.5em;text-decoration:none;border-radius:.5em;border-bottom:.25em solid #8c2c4e;transition:.1s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.push-btn:first-child{margin-right:10px}.push-btn:active,.push-btn:hover{background-color:#ff659d;opacity:1}.push-btn:active{top:.2em;border-bottom-width:0}.bg-s{position:absolute;height:100%;width:100vw;background-position:center;background-size:contain;background-repeat:no-repeat;left:-5vw;display:none}@media all and (min-width:960px){.bg-s{left:-10vw;display:inherit}}@-webkit-keyframes floating{from,to{transform:translate(0,0)}65%{transform:translate(0,20px)}}@keyframes floating{from,to{transform:translate(0,0)}65%{transform:translate(0,20px)}}@-webkit-keyframes floating2{from,to{transform:translate(0,0)}65%{transform:translate(0,10px)}}@keyframes floating2{from,to{transform:translate(0,0)}65%{transform:translate(0,10px)}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeInLeft{from{margin-left:-60px;opacity:0}to{margin-left:0;opacity:1}}@keyframes fadeInLeft{from{margin-left:-60px;opacity:0}to{margin-left:0;opacity:1}}@-webkit-keyframes fadeInRight{from{margin-right:-60px;opacity:0}to{margin-right:0;opacity:1}}@keyframes fadeInRight{from{margin-right:-60px;opacity:0}to{margin-right:0;opacity:1}}*{outline:0}footer{position:relative;z-index:7;padding:4em 5%;color:#fff;text-align:center;white-space:nowrap}footer a{color:#fff;text-decoration:none}footer a:hover{opacity:.75;transition:.1s}footer::before{position:absolute;content:\"\";top:-2.5em;left:0;width:100%;height:5em;-webkit-clip-path:ellipse(50% 30% at 50% 50%);clip-path:ellipse(50% 30% at 50% 50%);box-shadow:0 0 30px -10px rgba(12,80,126,.5)}@media all and (min-width:1100px){footer{padding:4em 10%}}@media all and (min-width:1600px){.bg-s{left:-15vw}footer{padding:4em 15%}}:host-context(.lb-footer) footer{background:#0087e4}:host-context(.lb-footer) footer::before{background:#0087e4}:host-context(.green-footer) footer{background:#18a231}:host-context(.green-footer) footer::before{background:#18a231}.wumbox-text{font-weight:500}"]}]}],"members":{}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-main","template":"<section class=\"landscape\">\n <app-resume ngsReveal #resume></app-resume>\n <app-features ngsReveal #features></app-features>\n <app-people ngsReveal #people></app-people>\n <div class=\"ls-layer-characters\">\n <img inViewport src=\"\" #mateImage (inViewportAction)=\"mateImage.src = 'https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/bg%2Fmate.svg?alt=media&token=918c1271-198a-4b7c-bf4e-95a3005341d8'\" alt=\"Wumbox\" draggable=\"false\" />\n <img inViewport src=\"\" #carImage (inViewportAction)=\"carImage.src = 'https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/bg%2Fcar.svg?alt=media&token=732984d8-6e0d-4074-9318-a40790b8b135'\" alt=\"Wumbox\" draggable=\"false\" />\n <img inViewport src=\"\" #duckImage (inViewportAction)=\"duckImage.src = 'https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/bg%2Fduck.svg?alt=media&token=2a1a874f-5789-4489-83fb-3956189738dc'\" alt=\"Wumbox\" draggable=\"false\" />\n <img inViewport src=\"\" #roadImage (inViewportAction)=\"roadImage.src = 'https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/bg%2Froad.svg?alt=media&token=f0dc9a61-2714-4cb0-bc01-36029a46ceee'\" alt=\"Wumbox\" draggable=\"false\" />\n <img inViewport src=\"\" #roadImage2 (inViewportAction)=\"roadImage2.src = 'https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/bg%2Froad.svg?alt=media&token=f0dc9a61-2714-4cb0-bc01-36029a46ceee'\" alt=\"Wumbox\" draggable=\"false\" />\n </div>\n <div class=\"ls-layer-bgs\">\n <img\n #grass2\n inViewport src=\"\" (inViewportAction)=\"grass2.src = 'https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/shapes%2Fgrass2.svg?alt=media&token=880c729d-9e34-449f-bd96-029f32a5cfb6'\"\n alt=\"Wumbox\" draggable=\"false\" />\n <img\n #grass1\n inViewport src=\"\" (inViewportAction)=\"grass1.src = 'https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/shapes%2Fgrass.svg?alt=media&token=c4909978-f08d-448b-adac-c81cc0844c08'\"\n\n alt=\"Wumbox\" draggable=\"false\" />\n <img\n #grass2bis\n inViewport src=\"\" #grass2bis (inViewportAction)=\"grass2bis.src = 'https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/shapes%2Fgrass2.svg?alt=media&token=880c729d-9e34-449f-bd96-029f32a5cfb6'\"\n alt=\"Wumbox\" draggable=\"false\" />\n </div>\n <div class=\"waves\">\n <img\n src=\"https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/shapes%2Fwaves2.svg?alt=media&token=f6093e47-6abb-4765-b2b9-f63be98772ff\" class=\"waves-up\" alt=\"waves\"/>\n <img src=\"https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/shapes%2Fwaves.svg?alt=media&token=a0d7296e-903d-4d1d-86f8-2c01e0f3a4f2\" class=\"waves-under\" alt=\"waves\"/>\n </div>\n</section>\n<section class=\"under-water\">\n <app-plans ngsReveal #plans></app-plans>\n <app-contact #contact></app-contact>\n <div class=\"uw-layer-characters\">\n <img inViewport src=\"\" #octopusImage (inViewportAction)=\"octopusImage.src = 'https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/bg%2Foctopus.svg?alt=media&token=b6f7235d-7325-443a-b51c-db1fed6f4d6e'\" alt=\"Wumbox\" draggable=\"false\" />\n <img inViewport src=\"\" #whaleImage (inViewportAction)=\"whaleImage.src = 'https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/bg%2Fwale.svg?alt=media&token=5218bbea-c899-4aea-911b-0478811ec349'\" alt=\"Wumbox\" draggable=\"false\" />\n <img inViewport src=\"\" #stingGrayImage (inViewportAction)=\"stingGrayImage.src = 'https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/bg%2Fstingray.svg?alt=media&token=02b225ff-a07e-4d5f-ae17-7ebacb081ffb'\" alt=\"Wumbox\" draggable=\"false\" />\n <img inViewport src=\"\" #pinkFishImage (inViewportAction)=\"pinkFishImage.src = 'https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/bg%2Fpink-fish.svg?alt=media&token=8194995f-7127-405d-8b0b-e73745470b8f'\" alt=\"Wumbox\" draggable=\"false\" />\n <img inViewport src=\"\" #medusaImage (inViewportAction)=\"medusaImage.src = 'https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/bg%2Fmedusa.svg?alt=media&token=5715c723-5408-43ce-9906-7f018c7033b1'\" alt=\"Wumbox\" draggable=\"false\" />\n <img inViewport src=\"\" #submarineImage (inViewportAction)=\"submarineImage.src ='https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/bg%2Fsubmarine.svg?alt=media&token=f9b16ab0-9220-4442-8370-03123e925959'\" alt=\"Wumbox\" draggable=\"false\" />\n <img inViewport src=\"\" #goldenFishImage (inViewportAction)=\"goldenFishImage.src = 'https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/bg%2Fgolden-fish.svg?alt=media&token=8111c6a5-9e66-4e45-ad12-4379ab448fb2'\" alt=\"Wumbox\" draggable=\"false\" />\n <img inViewport src=\"\" #bigPinkFishImage (inViewportAction)=\"bigPinkFishImage.src = 'https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/bg%2Fbig-pink-fish.svg?alt=media&token=36262717-5506-4a25-9285-021297514534'\" alt=\"Wumbox\" draggable=\"false\" />\n </div>\n <div class=\"uw-layer-bubble uw-first-layer-bubble\">\n <div class=\"bubble\"></div>\n <div class=\"bubble\"></div>\n <div class=\"bubble\"></div>\n <div class=\"bubble\"></div>\n <div class=\"bubble\"></div>\n </div>\n <div class=\"uw-layer-bubble uw-second-layer-bubble\">\n <div class=\"bubble\"></div>\n <div class=\"bubble\"></div>\n <div class=\"bubble\"></div>\n <div class=\"bubble\"></div>\n <div class=\"bubble\"></div>\n </div>\n <div class=\"uw-layer-bubble uw-third-layer-bubble\">\n <div class=\"bubble\"></div>\n <div class=\"bubble\"></div>\n <div class=\"bubble\"></div>\n <div class=\"bubble\"></div>\n <div class=\"bubble\"></div>\n </div>\n <div class=\"uw-layer-shape uw-first-layer-shape\"></div>\n <div class=\"uw-layer-shape uw-second-layer-shape\"></div>\n <img inViewport\n src=\"\" #coralImage (inViewportAction)=\"coralImage.src = 'https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/bg%2Fcoral.svg?alt=media&token=0128c009-083e-4825-ae72-2d25702ba717'\"\n alt=\"Wumbox\" draggable=\"false\" class=\"footer-coral\" />\n <div class=\"footer-logo\">\n <img src=\"https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/footer.svg?alt=media&token=2d871c09-a1b0-4127-9473-bbba421b90b8\" alt=\"Wumbox\" draggable=\"false\" />\n <h4>Aprender jugando</h4>\n </div>\n</section>\n<app-footer ngsReveal class=\"lb-footer\"></app-footer>\n","styles":["html{touch-action:none;scroll-behavior:smooth}body{font-family:Roboto,sans-serif;font-weight:400;line-height:1.6;-webkit-overflow-scrolling:touch;background:#181818;min-height:100vh}img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a{cursor:pointer}[type=button],[type=reset],[type=submit],button{-webkit-appearance:none}.push-btn{position:relative;top:0;text-align:center;display:inline;background-color:#ff3f84;color:#fff;padding:.75em 1.5em;text-decoration:none;border-radius:.5em;border-bottom:.25em solid #8c2c4e;transition:.1s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.push-btn:first-child{margin-right:10px}.push-btn:active,.push-btn:hover{background-color:#ff659d;opacity:1}.push-btn:active{top:.2em;border-bottom-width:0}.bg-s{position:absolute;height:100%;width:100vw;background-position:center;background-size:contain;background-repeat:no-repeat;left:-5vw;display:none}@media all and (min-width:960px){.bg-s{left:-10vw;display:inherit}}@-webkit-keyframes floating{from,to{transform:translate(0,0)}65%{transform:translate(0,20px)}}@keyframes floating{from,to{transform:translate(0,0)}65%{transform:translate(0,20px)}}@-webkit-keyframes floating2{from,to{transform:translate(0,0)}65%{transform:translate(0,10px)}}@keyframes floating2{from,to{transform:translate(0,0)}65%{transform:translate(0,10px)}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeInLeft{from{margin-left:-60px;opacity:0}to{margin-left:0;opacity:1}}@keyframes fadeInLeft{from{margin-left:-60px;opacity:0}to{margin-left:0;opacity:1}}@-webkit-keyframes fadeInRight{from{margin-right:-60px;opacity:0}to{margin-right:0;opacity:1}}@keyframes fadeInRight{from{margin-right:-60px;opacity:0}to{margin-right:0;opacity:1}}*{outline:0}section{color:#fff;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:.5s;animation-duration:.5s}.bg{position:absolute;z-index:4;width:130vw;left:-15vw;height:100vh}.sky{overflow:hidden;background:#45c0ff}@media all and (min-width:1100px){.sky{padding:6em 10vw 0}}@media all and (min-width:1600px){.bg-s{left:-15vw}.sky{padd