@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800;900&family=Orbitron:wght@400;500;600;700;800;900&display=swap";:root{--font-body:"Hanken Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:Orbitron, var(--font-body);font-family:var(--font-body);--card-radius:clamp(2rem, 4vw, 3rem);color:#f7f5ef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#090909}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;min-height:100%}body{background:#090909;min-width:320px;min-height:100vh;margin:0}body,button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img,video,iframe{max-width:100%;display:block}#app{min-height:100vh}.surface{border-radius:var(--card-radius);background:#151515;border:1px solid #ffffff1f;width:min(1120px,100% - 2rem);margin:2rem auto;padding:2rem}.page-title{font-family:var(--font-display);margin:.75rem 0;font-size:clamp(2rem,5vw,4rem);line-height:1}.page-copy{color:#c8c2b8;max-width:64ch;margin:0}.eyebrow{color:#e5133a;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;font-weight:800}.public-shell{color:#f7f5ef;background:linear-gradient(#e5133a14,#0000 22rem),#090909;min-height:100vh;overflow-x:hidden}.public-shell main{width:100%}.public-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090909e0;border-bottom:1px solid #ffffff1a;grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;width:100%;min-height:76px;padding:.9rem clamp(1rem,4vw,3rem);display:grid;position:sticky;top:0}.brand-link img{width:176px;height:auto}.public-nav{color:#d7d0c5;justify-content:flex-end;gap:clamp(.75rem,2vw,1.8rem);font-size:.95rem;font-weight:700;display:flex}.public-nav a{border-bottom:2px solid #0000;padding:.35rem 0}.public-nav a:hover{color:#fff;border-color:#e5133a}.btn{text-transform:uppercase;border:1px solid #0000;border-radius:1rem;justify-content:center;align-items:center;gap:.55rem;min-height:44px;padding:.75rem 1.15rem;font-size:.92rem;font-weight:800;line-height:1;transition:transform .16s,background-color .16s,border-color .16s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn--primary{color:#fff;background:#e5133a}.btn--light{color:#111;background:#fff}.btn--ghost{color:#fff;background:#ffffff0f;border-color:#fff3}.btn__icon{text-transform:none;background:#00000024;border-radius:50%;flex:none;place-items:center;width:1.4rem;height:1.4rem;font-size:.85rem;line-height:0;display:inline-grid}.btn__icon svg{fill:currentColor;width:.95rem;height:.95rem;display:block}.section{width:min(1180px,100% - 2rem);margin:0 auto;padding:clamp(3rem,7vw,5.5rem) 0}.section--stack{gap:1.5rem;display:grid}.section-heading{max-width:760px}.section-heading--center{text-align:center;margin:0 auto 1.5rem}.section-heading h2,.community-card h2,.contact-panel h2,.map-panel h2{color:#fff;font-family:var(--font-display);letter-spacing:0;margin:0;font-size:clamp(2rem,4vw,4rem);line-height:.98}.section-heading p,.community-card p,.contact-panel p{color:#c8c2b8}.section-kicker{color:#e5133a;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .7rem;font-size:.78rem;font-weight:900}.bike-hero{background-position:50%;background-size:cover;align-items:end;min-height:calc(100vh - 76px);padding:clamp(2rem,6vw,5rem);display:grid;position:relative}.bike-hero__content{width:min(820px,100%);padding-bottom:clamp(1rem,6vh,4rem)}.bike-hero h1{color:#fff;max-width:720px;font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;margin:0 0 1.5rem;font-size:clamp(2.8rem,8vw,6.8rem);font-weight:900;line-height:.9}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:min(1180px,100% - 2rem);margin:1rem auto 0;display:grid}.media-grid video{aspect-ratio:9/14;object-fit:cover;border-radius:var(--card-radius);background:#151515;width:100%}.promo-carousel{grid-template-columns:44px minmax(0,760px) 44px;justify-content:center;align-items:center;gap:.85rem;width:100%;display:grid}.promo-slider{border-radius:var(--card-radius);grid-column:2;width:100%}.promo-slider img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.promo-carousel__nav{cursor:pointer;background:#151515;border:1px solid #e5133a52;border-radius:1rem;place-items:center;width:44px;height:44px;transition:transform .16s,border-color .16s,background-color .16s;display:grid;position:relative}.promo-carousel__nav:hover{background:#1d1d1b;border-color:#e5133a;transform:translateY(-1px)}.promo-carousel__nav:after{content:"";border-top:3px solid #e5133a;border-right:3px solid #e5133a;width:.7rem;height:.7rem}.promo-carousel__prev:after{transform:translate(2px)rotate(-135deg)}.promo-carousel__next:after{transform:translate(-2px)rotate(45deg)}@media (width<=768px){.promo-carousel__nav{display:none}.promo-carousel{display:block}}.promo-carousel__pagination{grid-column:1/-1;justify-content:center;align-items:center;gap:.6rem;width:100%;min-height:18px;margin-top:.35rem;display:flex;position:static;transform:none}.promo-carousel__pagination .swiper-pagination-bullet{opacity:.45;background:#fff;width:10px;height:10px}.promo-carousel__pagination .swiper-pagination-bullet-active{opacity:1;background:#e5133a}.brand-strip{width:100%;padding:.9rem 0;overflow:hidden}.brand-strip__track{gap:.9rem;width:max-content;animation:34s linear infinite brand-marquee;display:flex}.brand-strip img{object-fit:contain;background:#fff;border-radius:28px;width:clamp(300px,19vw,395px);height:clamp(150px,15vw,325px);padding:clamp(.35rem,1vw,.8rem)}@keyframes brand-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.service-package{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;gap:1rem;display:grid}.service-package--reverse{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.service-package--reverse .service-package__content{order:2}.service-package__content,.extra-card,.community-card,.contact-panel,.map-panel,.detail-banner,.appointment-section iframe{border-radius:var(--card-radius);background:#151515;border:1px solid #ffffff1f}.service-package__content{flex-direction:column;align-items:flex-start;padding:clamp(1.25rem,4vw,2.25rem);display:flex}.rating-stars{gap:.25rem;margin-bottom:1rem;display:flex}.rating-stars img{object-fit:contain;width:64px;height:64px}.service-package h3,.extra-card h3,.detail-banner h3{color:#fff;margin:0;font-size:clamp(1.6rem,3vw,2.6rem);line-height:1}.service-package__price{color:#e5133a;margin:.55rem 0 1rem;font-size:1.1rem;font-weight:800}.service-package ul,.extra-card ul{color:#d8d2c8;gap:.45rem;margin:0 0 1.4rem;padding-left:1.1rem;display:grid}.service-package__image{object-fit:cover;border-radius:var(--card-radius);width:100%;height:100%;min-height:420px}.detail-banner{padding:clamp(1.5rem,4vw,2.5rem)}.extras-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:1rem;display:grid}.extra-card{height:100%;min-height:300px;padding:clamp(1.5rem,3vw,2rem) calc(clamp(1.5rem,3vw,2rem) + 150px) clamp(1.5rem,3vw,2rem) clamp(1.5rem,3vw,2rem);display:block;position:relative;overflow:hidden}.extra-card__content{z-index:1;position:relative}.extra-card h3{max-width:min(100%,18ch);margin-bottom:.7rem}.extra-card ul{gap:.5rem;margin-bottom:0;font-size:clamp(1rem,1.8vw,1.18rem);line-height:1.25}.extra-card li{padding-left:.15rem}.extra-card__icon{box-sizing:border-box;place-items:center;width:136px;height:136px;display:grid;position:absolute;bottom:clamp(1.25rem,3vw,2rem);right:clamp(1.25rem,3vw,2rem)}.extra-card img{height:100%;display:block;overflow:hidden}.service-note{color:#c8c2b8;text-align:center;margin:0}.section-center{justify-self:center}.appointment-section iframe{width:100%;height:620px}.community-section,.contact-location{grid-template-columns:minmax(0,1fr) minmax(340px,390px);align-items:stretch;gap:1rem;display:grid}.community-card{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:1.25rem;padding:clamp(1.5rem,4vw,2.5rem);display:grid}.community-card__content{flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:100%;padding-block:clamp(.25rem,1.5vw,.75rem);display:flex}.community-card__copy p{max-width:58ch;margin:1rem 0 1.5rem}.community-card img{align-self:end;width:min(220px,28vw)}.strava-widget-panel{border-radius:var(--card-radius);background:#151515;border:1px solid #ffffff1f;place-items:center;min-height:100%;padding:clamp(1rem,2.5vw,1.5rem);display:grid}.strava-widget{background:#fff;border:0;border-radius:1.5rem;width:min(100%,320px);height:520px;box-shadow:0 18px 50px #00000047}.contact-location{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}.contact-panel,.map-panel{padding:clamp(1.5rem,4vw,2.25rem)}.contact-panel{background-color:#151515;background-position:right 1.5rem bottom;background-repeat:no-repeat;background-size:min(48%,19rem);border-color:#ffffff1f;min-height:560px;padding-right:min(39%,17rem);overflow:hidden}.contact-panel h3{color:#fff;margin:0;font-size:clamp(1.6rem,3vw,2.6rem);line-height:1}.contact-panel p{max-width:28ch}.map-panel{flex-direction:column;min-height:560px;display:flex}.map-panel h3{color:#fff;margin:0 0 1.25rem;font-size:clamp(1.6rem,3vw,2.6rem);line-height:1}.social-links,.legal-actions{flex-wrap:wrap;gap:.75rem;margin:1.25rem 0;display:flex}.social-links a{border-radius:calc(var(--card-radius) - 1rem);color:#fff;background:#e5133a;justify-content:center;align-items:center;width:46px;height:46px;padding:0;font-weight:800;transition:transform .16s,background-color .16s;display:inline-flex}.social-links a:hover{color:#fff;background:#b90f2e;transform:translateY(-1px)}.social-links svg{fill:currentColor;flex:none;width:1.25rem;height:1.25rem}.social-links span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.legal-actions .btn,.legal-action.p-button{color:#fff;box-shadow:none;font:inherit;text-transform:uppercase;background:#e5133a;border-color:#e5133a;border-radius:1rem;font-weight:800}.legal-actions .btn:hover,.legal-action.p-button:hover,.legal-action.p-button:not(:disabled):hover{color:#fff;background:#b90f2e;border-color:#b90f2e}.terms-dialog.p-dialog{border-radius:var(--card-radius);color:#f7f5ef;background:#151515;border:1px solid #ffffff1f;overflow:hidden}.terms-dialog .p-dialog-header,.terms-dialog .p-dialog-content{color:#f7f5ef;background:#151515}.terms-dialog .p-dialog-header{border-bottom:1px solid #ffffff1a;padding:1.25rem 1.5rem}.terms-dialog .p-dialog-title{color:#fff;font-size:clamp(1.4rem,3vw,2rem);font-weight:900;line-height:1}.terms-dialog .p-dialog-close-button{color:#fff}.terms-dialog .p-dialog-content{max-height:min(68vh,680px);padding:1.5rem}.terms-dialog__content{gap:1.25rem;display:grid}.terms-dialog__content h3{color:#fff;margin:0 0 .6rem;font-size:1.08rem}.terms-dialog__content p,.terms-dialog__content ul{color:#c8c2b8;margin:0}.terms-dialog__content ul{gap:.55rem;padding-left:1.1rem;display:grid}.map-panel iframe{border-radius:calc(var(--card-radius) - 1rem);border:0;flex:1;width:100%;min-height:420px;margin-top:0}.public-footer{color:#9f978a;text-align:center;width:min(1180px,100% - 2rem);margin:0 auto;padding:2rem 0 3rem}.public-footer p{margin:0}@media (width<=900px){.public-header{grid-template-columns:auto minmax(0,1fr) auto;gap:.6rem;min-height:0;padding-block:.48rem}.public-nav{justify-content:center;min-width:0;overflow-x:auto}.header-cta{white-space:nowrap;min-width:max-content;min-height:36px;padding:.52rem .9rem}.bike-hero{min-height:calc(100vh - 56px)}.media-grid,.service-package,.service-package--reverse,.extras-grid,.community-section,.contact-location,.community-card{grid-template-columns:1fr}.service-package--reverse .service-package__content{order:0}.service-package__image{min-height:300px}.strava-widget{width:min(100%,360px);height:500px}.strava-widget-panel{min-height:0}.contact-panel{background-position:bottom;background-size:min(68%,17rem);min-height:620px;padding-bottom:16rem;padding-right:clamp(1.5rem,4vw,2.25rem)}.contact-panel h2{max-width:11ch}.map-panel{min-height:520px}.map-panel iframe{min-height:390px}}@media (width<=640px){.public-header{gap:.45rem;padding:.45rem 1rem}.brand-link img{width:140px}.public-nav{justify-content:flex-end;gap:.75rem;font-size:.84rem}.header-cta{min-height:34px;padding:.48rem .75rem;font-size:.72rem}.bike-hero{min-height:78vh;padding:1rem}.bike-hero h1{font-size:clamp(2.5rem,15vw,4.25rem)}.media-grid video{aspect-ratio:4/5}.promo-carousel{grid-template-columns:38px minmax(0,1fr) 38px;gap:.55rem}.promo-carousel__nav{width:38px;height:38px}.extra-card{grid-template-columns:1fr;min-height:0;padding-bottom:9.25rem;padding-right:clamp(1.5rem,3vw,2rem)}.extra-card h3{max-width:none}.extra-card__icon{width:112px;height:112px}}@media (width<=430px){.public-header{grid-template-columns:auto 1fr}.public-nav{justify-content:flex-end}.header-cta{grid-column:1/-1;width:100%}}.auth-page{color:#f7f5ef;background-position:50%;background-size:cover;place-items:center;min-height:100vh;padding:clamp(1rem,4vw,3rem);display:grid}.auth-card{border-radius:var(--card-radius);background:#151515f0;border:1px solid #ffffff1f;width:min(100%,460px);padding:clamp(1.4rem,4vw,2.2rem);box-shadow:0 24px 80px #00000057}.auth-card__brand{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.auth-card__brand img{width:164px;height:auto}.auth-card__brand span{color:#e5133a;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:900}.auth-card__heading h1{color:#fff;font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;margin:0;font-size:clamp(2.4rem,7vw,4.5rem);font-weight:900;line-height:.92}.auth-card__heading p:not(.section-kicker){color:#c8c2b8;margin:1rem 0 0}.auth-form{gap:1rem;margin-top:2rem;display:grid}.auth-form label{gap:.45rem;display:grid}.auth-form label span{color:#f7f5ef;text-transform:uppercase;font-size:.82rem;font-weight:800}.auth-form input{color:#fff;background:#0f0f0f;border:1px solid #ffffff24;border-radius:8px;outline:none;width:100%;min-height:48px;padding:.8rem .95rem}.auth-form input:focus{border-color:#e5133a}.auth-form input::placeholder{color:#7d766d}.auth-error{color:#ffb4b4;background:#ff63631a;border:1px solid #ff636342;border-radius:8px;margin:0;padding:.8rem .9rem;font-size:.9rem}.auth-submit{width:100%;margin-top:.25rem}.auth-submit:disabled{cursor:not-allowed;opacity:.72;transform:none}@media (width<=520px){.auth-card__brand{flex-direction:column;align-items:flex-start}}.admin-shell{background:linear-gradient(180deg, #090909e6, #090909f5), radial-gradient(circle at top left, #e5133a47, transparent 28rem), var(--admin-bg), #090909;color:#f7f5ef;background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh}.admin-header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090909c7;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.9rem clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.admin-header strong{color:#fff;font-size:1.1rem}.admin-header p{color:#c8c2b8;margin:.15rem 0 0}.admin-nav{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.admin-nav__link{color:#f7f5ef;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:1rem;align-items:center;min-height:38px;padding:.55rem .8rem;font-weight:800;display:inline-flex}button.admin-nav__link{cursor:pointer}.admin-nav__link.router-link-active{color:#e5133a;background:#e5133a29;border-color:#e5133a8c}.admin-main,.admin-page{width:min(1180px,100% - 2rem);margin:0 auto}.admin-main{padding:2rem 0 4rem}.admin-page{gap:1.25rem;display:grid}.admin-page__header{justify-content:space-between;align-items:end;gap:1rem;display:flex}.admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.admin-metrics article,.admin-panel,.tracking-card{border-radius:var(--card-radius);background:#151515;border:1px solid #ffffff1f}.admin-metrics article{padding:1.2rem}.admin-metrics span{color:#c8c2b8;text-transform:uppercase;font-size:.82rem;font-weight:800;display:block}.admin-metrics strong{color:#fff;margin-top:.4rem;font-size:2.4rem;line-height:1;display:block}.tracking-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.tracking-form,.tracking-board{gap:1rem;display:grid}.admin-panel{padding:1.25rem}.tracking-form h2,.tracking-toolbar h2{color:#fff;font-family:var(--font-display);margin:0}.tracking-form label{color:#f7f5ef;text-transform:uppercase;gap:.45rem;font-size:.82rem;font-weight:800;display:grid}.tracking-form input,.tracking-form textarea,.tracking-form select,.tracking-toolbar select{color:#fff;background:#0f0f0f;border:1px solid #ffffff24;border-radius:8px;outline:none;width:100%;min-height:44px;padding:.75rem .85rem}.tracking-form textarea{resize:vertical}.tracking-form input:focus,.tracking-form textarea:focus,.tracking-form select:focus,.tracking-toolbar select:focus{border-color:#e5133a}.tracking-toolbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.tracking-toolbar p{color:#c8c2b8;margin:.25rem 0 0}.tracking-toolbar select{width:min(220px,100%)}.tracking-card{gap:1rem;padding:1.25rem;display:grid}.tracking-card__top,.tracking-card__actions{justify-content:space-between;align-items:start;gap:1rem;display:flex}.tracking-card h3{color:#fff;margin:.25rem 0;font-size:1.4rem}.tracking-card p{color:#c8c2b8;margin:0}.tracking-folio{color:#e5133a;letter-spacing:.12em;font-size:.78rem;font-weight:900}.status-pill{color:#fff;text-transform:uppercase;background:#ffffff14;border-radius:8px;flex:none;padding:.45rem .7rem;font-size:.78rem;font-weight:900}.status-pill--recibido{color:#c7d2fe}.status-pill--diagnostico{color:#fcd34d}.status-pill--reparacion{color:#93c5fd}.status-pill--pruebas{color:#a7f3d0}.status-pill--listo{color:#86efac}.status-pill--entregado{color:#d1d5db}.tracking-card__meta{flex-wrap:wrap;gap:.5rem;display:flex}.tracking-card__meta span{color:#d8d2c8;background:#ffffff0f;border-radius:8px;padding:.4rem .6rem;font-size:.86rem}.tracking-problems{color:#f7f5ef;gap:.4rem;margin:0;padding-left:1.1rem;display:grid}.tracking-notes{background:#e5133a14;border-left:3px solid #e5133a;padding:.8rem}.tracking-card__actions{justify-content:flex-end}.tracking-card__actions .btn:disabled{cursor:not-allowed;opacity:.7;transform:none}@media (width<=900px){.admin-header,.admin-page__header,.tracking-toolbar,.tracking-card__top{flex-direction:column;align-items:flex-start}.tracking-layout,.admin-metrics{grid-template-columns:1fr}.tracking-toolbar select{width:100%}}
