@import "https://fonts.googleapis.com/css2?family=Open+Sans&display=swap";@import "https://fonts.googleapis.com/css2?family=Barriecito&family=Maven+Pro&family=Open+Sans&display=swap";:root{--bgcolor-main-hsl:71, 56%, 71%;--bgcolor-header:#fff;--txtcolor:#333;--bgcolor-01:var(--bgcolor-main-hsl);--bgcolor-02:71, 56%, 100%;--perspective:10px;--bar-width:40px;--bar-height:4px;--hamburger-gap:3px;--hamburger-background-color:255, 255, 255;--hamburger-foreground-color:51, 51, 51;--hamburger-margin:5px;--animation-timing:.2s ease-in-out;--hamburger-height:calc(var(--bar-height) * 3 + var(--hamburger-gap) * 2)}*,:before,:after{box-sizing:border-box;font-family:Maven Pro,sans-serif}body{width:100vw;margin:0;padding:0;overflow-x:hidden}.bgcolor-01{background-color:hsl(var(--bgcolor-01))}.bgcolor-02{background-color:hsl(var(--bgcolor-02))}div.wrapper{scroll-snap-type:y mandatory}header,section{scroll-snap-align:start;scroll-snap-stop:always}img.content{max-width:90%;height:auto}.content-right-headline{font-size:1.5rem}.content-right-body{max-width:100%;padding:1rem}iframe{max-width:100%}.picture>img{max-width:40vw;height:auto}.hamburger-menu{--x-width:calc(var(--hamburger-height) * 1.41421);gap:var(--hamburger-gap);width:max-content;top:var(--hamburger-margin);left:var(--hamburger-margin);z-index:20;cursor:pointer;flex-direction:column;margin-top:1rem;display:flex;position:absolute}.hamburger-menu:before,.hamburger-menu:after,.hamburger-menu input{content:"";width:var(--bar-width);height:var(--bar-height);background-color:rgba(var(--hamburger-foreground-color), 1);transform-origin:0;transition:opacity var(--animation-timing), width var(--animation-timing), rotate var(--animation-timing), translate var(--animation-timing), background-color var(--animation-timing);border-radius:100px}.hamburger-menu input:focus-visible{border:1px solid rgba(var(--hamburger-background-color), 1);box-shadow:0 0 0 1px}.hamburger-menu:has(input:focus-visible):before{border:1px solid rgba(var(--hamburger-background-color), 1);box-shadow:0 0 0 1px}.hamburger-menu:has(input:focus-visible):after{border:1px solid rgba(var(--hamburger-background-color), 1);box-shadow:0 0 0 1px}.hamburger-menu input{appearance:none;pointer-events:none;outline:none;margin:0;padding:0}.hamburger-menu:has(input:checked){--hamburger-foreground-color:255, 255, 255;--hamburger-background-color:51, 51, 51}.hamburger-menu:has(input:checked)+.sidebar{translate:0}.hamburger-menu:has(input:checked):before{width:var(--x-width);rotate:45deg;translate:0 calc(var(--bar-height) / -2)}.hamburger-menu:has(input:checked):after{width:var(--x-width);rotate:-45deg;translate:0 calc(var(--bar-height) / 2)}.hamburger-menu input:checked{opacity:0;width:0}@media only screen and (width<1023px){.logo{width:150px;height:auto}.headerTop{z-index:2;display:flex}div.headerBottom{margin-top:-.5rem;display:flex}.sidebar{transition:translate var(--animation-timing);padding:.5rem 1rem;padding-top:calc(var(--hamburger-height) + var(--hamburger-margin) + 1rem);z-index:10;background-color:rgba(var(--hamburger-foreground-color), .8);width:10rem;max-width:10rem;min-height:100vh;color:rgb(var(--hamburger-background-color));position:absolute;translate:-100%}}@media only screen and (width>=1024px){.logo{width:200px;height:auto}.headerTop{z-index:2;display:flex}div.headerBottom{margin-top:-3.5rem;display:flex}.hamburger-menu{display:none}nav{justify-content:space-around;width:30vw}}div#content{z-index:9;width:100vw;margin:10rem 5em}main{background-color:var(--bgcolor-main);z-index:2;min-width:100vw;min-height:100vh;display:flex}.headerItem:nth-of-type(2){z-index:2;flex-direction:row-reverse;width:90vw;display:flex}div.headerBottom{z-index:1;display:flex}.mask1{-webkit-mask-image:url(/assets/logo-bikepark-DX9ASEfP.png);mask-image:url(/assets/logo-bikepark-DX9ASEfP.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}section.section-left[data-v-e9cee6c1]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#333;min-height:50vh;height:100wh;padding:2rem;font-size:1rem}section>span[data-v-e9cee6c1]{flex-direction:row;justify-content:space-between;padding:2rem;font-family:Maven Pro,sans-serif;display:flex}.text[data-v-e9cee6c1]{flex-direction:column;padding:1rem;display:flex}section.cardmain[data-v-e9cee6c1]{flex-direction:column;min-height:100vh;display:flex;position:relative;transform:translateZ(0)scale(1)}.section-headline[data-v-e9cee6c1]{align-self:center;font-size:2rem;display:flex}.card-left[data-v-e9cee6c1],.card-right[data-v-e9cee6c1]{background-color:hsl(var(--bgcolor-main-hsl), .1);border-radius:15px;flex-direction:column;justify-content:space-around;min-width:40vw;max-height:100%;margin:0 1rem;padding:1rem;display:flex}section.bgcolor-01>span>div.card-left[data-v-e9cee6c1],section.bgcolor-01>span>div.card-right[data-v-e9cee6c1]{background-color:hsl(var(--bgcolor-02), .7)}.card-headline[data-v-e9cee6c1]{padding-bottom:1rem;font-size:1.5rem}.card.card-right[data-v-e9cee6c1]{padding:1rem}.card-body[data-v-e9cee6c1]{flex-direction:column;max-width:45em;display:flex}:is(.card-body[data-v-e9cee6c1]:has(img),.card-body[data-v-e9cee6c1]:has(iframe)){align-items:center}img[data-v-e9cee6c1]{max-height:20vw}iframe[data-v-e9cee6c1]{max-width:100%}@media only screen and (width<1023px){section>span[data-v-e9cee6c1]{flex-direction:column}.card-left[data-v-e9cee6c1],.card-right[data-v-e9cee6c1]{margin:1rem}.card-body+iframe[data-v-e9cee6c1]{max-width:100%}}section[data-v-6f23cdab]{background-color:hsl(var(--bgcolor-main-hsl), .5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#333;min-height:100vh;padding:2rem;font-size:1rem;position:relative}section>span[data-v-6f23cdab]{flex-direction:column;justify-content:flex-start;padding:3rem;font-family:Maven Pro,sans-serif;display:flex}.headline[data-v-6f23cdab]{font-size:2rem}@media only screen and (width<1023px){section[data-v-6f23cdab]{padding:0}}.whatsapp.content[data-v-63fed76d]{width:max(150px,10vw)}img#open[data-v-0d39050e]{filter:brightness(1.5)saturate(1.5);border-radius:25px;max-width:60%}a[data-v-0d39050e]{color:#999;justify-content:flex-start;align-items:baseline;display:flex}a>img[data-v-0d39050e]{width:2em;height:auto}img#spond[data-v-0d39050e]{filter:drop-shadow(2px 4px 6px #000);width:max(90px,2vw);padding-right:10px}p[data-v-0d39050e]{width:100%}button.contact_btn[data-v-0d39050e]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#666;cursor:pointer;background:#cfde8c73;border:2px solid #cfde8cb3;border-radius:12px;width:clamp(200px,40%,300px);margin-top:.5rem;margin-bottom:.5rem;padding:12px 28px;font-size:1.2rem;font-weight:700;transition:all .3s}button.contact_btn[data-v-0d39050e]:hover{background:#cfde8c40;border-color:#cfde8c99;transform:translateY(-2px);box-shadow:0 8px 32px #cfde8c33}button.contact_btn[data-v-0d39050e]:active{transform:translateY(0);box-shadow:0 4px 16px #cfde8c26}img#open[data-v-821e0d51]{filter:brightness(1.5)saturate(1.5);border-radius:25px;max-width:90%}.scroll-button[data-v-1e3f7606]{cursor:pointer;background-color:#00000080;border:2px solid #fff;border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;width:3rem;height:3rem;margin:20vh auto;transition:all .3s;display:flex}.scroll-button[data-v-1e3f7606]:hover{background-color:#000000b3;transform:translateY(-.1rem)}.arrow[data-v-1e3f7606]{color:#fff;font-size:1.5rem;animation:2s infinite bounce-1e3f7606}@keyframes bounce-1e3f7606{0%,to{transform:translateY(0)}50%{transform:translateY(.5rem)}}.wrapper[data-v-5ad6aea5]{height:100vh;perspective:var(--perspective);overflow:hidden auto}header[data-v-5ad6aea5]{height:100%;transform-style:preserve-3d;z-index:-1;justify-content:center;align-items:center;display:flex;position:relative}.background[data-v-5ad6aea5],.foreground[data-v-5ad6aea5]{object-fit:cover;object-position:left center;z-index:-1;width:100vw;height:100%;position:absolute}.background[data-v-5ad6aea5]{transform:translateZ(calc(var(--perspective) * -1)) scale(2);opacity:.5}.foreground[data-v-5ad6aea5]{width:auto;height:30vh;position:absolute;top:0;right:2vw}.title[data-v-5ad6aea5]{color:#fff;text-shadow:0 0 5px #000;font-family:Barriecito;font-size:7rem}@media only screen and (width<1023px){.title[data-v-5ad6aea5]{font-size:4rem}.content-right-body[data-v-5ad6aea5]{max-width:100%}}
