:root{--hole-depth: rgba(0, 0, 0, .25);--seam-color: rgba(0, 0, 0, .15);--aluminum-base: #D1D5DB;--aluminum-base-traslucent: #d1d5db57;--aluminum-dark: #666666;--black-steel: #2a2a2a;--black-steel-dark: #1a1a1a;--steel-shiny-top: #242629;--steel-shiny-bottom: #141517;--steel-border-highlight: rgba(255, 255, 255, .08);--hero-height: 100dvh;--header-height: 6vh;--header-height-not-hero: 8vh;--footer-height: calc(37vh + var(--footer-menu-height));--footer-menu-height: 7vh;--bg-color-concrete: #e0e0e0;--lt-color-aluminum: #a1a5ab;--lt-color-concrete: #e0e0e0;--lt-color-gold: #D4AF37;--lt-color-bronze: #C39B62;--lt-color-white: #ffffff;--lt-color-black-steel: #2a2a2a;--border-gold-dark: #8F6D3B;--border-gold-bright: #DFBA85;--border-gold-pedestal: #C39B62;--font-size-xs: .65rem;--font-size-sm: .75rem;--font-size-md: 1rem;--font-size-ml: 1.25rem;--font-size-lg: 1.75rem;--font-size-xl: 2rem;--font-size-2xl: 3rem;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html{scroll-behavior:smooth;min-height:100vh}ul{padding:0}button{background-color:unset;border:none;padding:0;margin:0}body{display:flex;flex-direction:column;margin:0;width:100vw;min-height:100vh;background-color:var(--bg-color-concrete);position:relative;overflow:scroll}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;--h: rgba(0, 0, 0, .2);--s: rgba(0, 0, 0, .1);background:radial-gradient(circle,var(--h) 2px,transparent 3px) 40px 30px,radial-gradient(circle,var(--h) 2px,transparent 3px) 160px 30px,radial-gradient(circle,var(--h) 2px,transparent 3px) 40px 90px,radial-gradient(circle,var(--h) 2px,transparent 3px) 160px 90px,linear-gradient(to bottom,var(--s) 1px,transparent 1px) 0 0,linear-gradient(to right,var(--s) 1px,transparent 1px) 0 0,url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 120px,200px 120px,200px 120px,200px 120px,200px 120px,200px 120px,150px 150px;background-repeat:repeat;mix-blend-mode:multiply;opacity:.45}@media(min-width:768px){body>*{display:none!important}body{width:auto;overflow:hidden}body:after{content:"WHEELS COLLECTOR\a\a Disfruta de nuestra colección desde tu dispositivo móvil.\a\aPor el momento, la página está disponible únicamente para teléfonos móviles. La versión para otros dispositivos estará lista más adelante. Gracias por tu comprensión.";position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:10rem 20rem 2rem;color:var(--lt-color-concrete);background:var(--black-steel-dark);background-image:url(/logo/wc-logo.png);background-repeat:no-repeat;background-position:center 20%;background-size:min(30rem,60vw) auto;font-size:var(--font-size-ml);font-weight:600;line-height:1.5;white-space:pre-line;text-align:center}}.form-error{margin:0}.crystal{background:#ffffff1a;-webkit-backdrop-filter:blur(8px) saturate(50%) contrast(1.1) brightness(.8);backdrop-filter:blur(8px) saturate(50%) contrast(1.1) brightness(.8);mix-blend-mode:normal}.crystal-2{-webkit-backdrop-filter:blur(8px) saturate(50%) contrast(1.1) brightness(.8);backdrop-filter:blur(8px) saturate(50%) contrast(1.1) brightness(.8);mix-blend-mode:normal;box-shadow:inset -1px -1px 10px 1px var(--aluminum-dark)}.crystal-border{border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff40,inset 0 -1px #0000004d,0 12px 30px #0006}.black-steel-button{background-color:var(--black-steel);background-image:linear-gradient(to bottom,rgba(255,255,255,.05) 0%,rgba(0,0,0,.4) 1%,transparent 30%,transparent 90%,rgba(0,0,0,.4) 99%,rgba(255,255,255,.05) 100%),radial-gradient(circle at 20% 30%,rgba(255,255,255,.02) 0%,transparent 50%),repeating-linear-gradient(0deg,rgba(255,255,255,.01) 0px,rgba(255,255,255,.01) 1px,transparent 1px,transparent 3px);box-shadow:inset 0 3px 5px #ffffff1a}.shadow-label{box-shadow:0 2px 4px 0 var(--aluminum-dark)}.shadow-card{box-shadow:1px 1px 5px 0 var(--aluminum-dark)}.aluminum-background{position:relative;background:repeating-linear-gradient(#0000,#00000008,#ffffff0a 2px),linear-gradient(90deg,#8a8d91,#c4c7cc,#a1a5aa,#e1e4e9,#9ca0a5,#8a8d91);box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0006;background-blend-mode:overlay;text-shadow:0 1px 1px rgba(255,255,255,.3)}.aluminum-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;filter:url(#brushedGrain);opacity:.25;transform:none;background-size:400% 100%;pointer-events:none;z-index:-1}.black-steel-background{background-color:var(--black-steel);background-image:linear-gradient(to bottom,rgba(255,255,255,.05) 0%,rgba(0,0,0,.4) 1%,transparent 10%,rgba(0,0,0,.4) 100%),radial-gradient(circle at 20% 30%,rgba(255,255,255,.02) 0%,transparent 50%),repeating-linear-gradient(0deg,rgba(255,255,255,.01) 0px,rgba(255,255,255,.01) 1px,transparent 1px,transparent 3px)}.black-steel-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;filter:url(#blackSteelNoise);opacity:.15;mix-blend-mode:overlay;pointer-events:none;z-index:0}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}.info-modal{width:65%;height:fit-content;margin:0;padding:0;background-color:var(--bg-color-concrete);border:none;border-radius:.5rem;align-items:center;justify-content:center;position:fixed;top:25%;left:50%;transform:translate(-50%);&::backdrop{background:#000000a6;backdrop-filter:blur(4px);animation:backdrop-fade .25s ease-out}&[open]{animation:modal-pop .3s cubic-bezier(.16,1,.3,1) forwards}}.info-modal[open]{display:flex}.info-modal-card{width:fit-content;min-height:5vh}.info-modal-body p{margin:0;padding:1rem;font-weight:500;letter-spacing:.05rem;text-align:justify;font-size:var(--font-size-md)}.auth-modal{width:90%;height:fit-content;margin:0;padding:0;background-color:var(--bg-color-concrete);border:none;border-radius:.5rem;align-items:center;justify-content:center;position:fixed;top:25%;left:50%;transform:translate(-50%);&::backdrop{background:#000000a6;backdrop-filter:blur(4px);animation:backdrop-fade .25s ease-out}&[open]{animation:modal-pop .3s cubic-bezier(.16,1,.3,1) forwards}}.auth-modal[open]{display:flex}.auth-modal-card{padding:1rem}.auth-modal-body{display:flex;flex-direction:column;gap:1.5rem}.auth-modal-body p{margin:0;user-select:none;font-size:var(--font-size-sm)}.auth-modal-options{display:flex;justify-content:center;align-items:center;width:100%;gap:2rem}.auth-modal-options{font-size:var(--font-size-md)}.auth-modal-options label{display:flex;flex-direction:row}.form-container{height:fit-content}@keyframes modal-pop{0%{opacity:0;transform:translate(-50%) scale(.92)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes backdrop-fade{0%{opacity:0}to{opacity:1}}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;height:100dvh;width:100dvw;color:var(--lt-color-concrete)}.login-page h1{font-size:var(--font-size-lg);margin:0;align-self:center}.login-page a{text-decoration:none;color:var(--lt-color-bronze);font-size:var(--font-size-md);border-radius:50%;padding:1rem;user-select:none}.login-form-container{display:flex;flex-direction:column;gap:2rem;min-height:fit-content;width:90vw;border-radius:25px;padding:1.5rem}.login-form{font-size:var(--font-size-sm);display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;height:fit-content}.login-method-container{display:flex;flex-direction:row;justify-content:space-around;position:relative;width:100%;z-index:1}.login-method-slider{position:absolute!important;top:-15%;left:0;height:150%;width:50%;border-radius:.5rem;transition:transform .15s ease-in-out;pointer-events:none;z-index:-1}.login-method-container[data-active=true] .login-method-slider{transform:translate(0)}.login-method-container[data-active=false] .login-method-slider{transform:translate(100%)}.login-method-container label{text-shadow:1px 1px 5px black}.login-method-container input{display:none}.label-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.25rem;width:100%}.label-container input{width:85%;height:4vh;padding-inline:.75rem;font-size:var(--font-size-md)}.submit-button{font-size:var(--font-size-md);padding:1rem 1.5rem;border-radius:10px}.me-page{min-height:calc(100vh - var(--header-height-not-hero) - var(--footer-menu-height));width:100vw;display:flex;flex-direction:column;align-items:center;gap:1rem}.profile-icon{margin-top:2rem}.profile-form{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100vw;padding:.5rem 1.5rem}.profile-form-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.profile-form-label input{width:60%;padding:.35rem .5rem;border:unset;font-size:var(--font-size-md);transition:all .2s ease-in-out}.profile-form-label input:disabled{background-color:unset;border:unset}.me-page button{height:7vw;width:30vw;border-radius:1rem;font-size:var(--font-size-md);transition:all .2s ease-in-out}.logout-button{position:relative;color:var(--lt-color-concrete)}