*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:#080a0a;color:#f7f7f4;font-family:Inter,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1200px,calc(100% - 48px));margin:auto}:root{--yellow:#ffc400;--black:#080a0a}.topline{height:4px;background:var(--yellow)}.header{height:82px;position:absolute;z-index:20;inset:4px 0 auto;background:linear-gradient(#050707f2,#0507078c);border-bottom:1px solid #ffffff20}.nav{height:100%;display:flex;align-items:center;gap:28px}.brand{width:126px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;line-height:1;font-size:12px;font-weight:900;letter-spacing:-.5px}.mark{height:48px;display:flex;align-items:center;font:italic 900 45px Arial;letter-spacing:-8px}.mark i{color:var(--yellow);font-style:normal}.mark b{color:white;text-shadow:2px 2px #000}.nav nav{display:flex;gap:clamp(18px,3vw,42px);margin-left:auto}.nav nav a{font-size:12px;font-weight:700;position:relative}.nav nav a:hover,.nav nav a.active{color:var(--yellow)}.nav nav a.active:after{content:"";position:absolute;height:3px;background:var(--yellow);bottom:-14px;left:0;right:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:9px;font-size:11px;font-weight:800;text-transform:uppercase;transition:.2s}.btn:hover{transform:translateY(-2px)}.yellow{background:var(--yellow);color:#090a08;box-shadow:0 7px 22px #ffc4001f}.yellow:hover{background:#ffdb46}.outline{border-color:#fff;color:#fff;background:#0007}.navbtn{min-height:42px;padding:0 14px;white-space:nowrap}.menu{display:none}.hero{min-height:600px;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#0b0d0d}.heroimg{position:absolute;z-index:-3;inset:0;background-color:#0b0d0d;background-image:url("../assets/img/hero-fachada.png");background-repeat:no-repeat;background-position:right center;background-size:auto 100%;opacity:.9}.shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#030505fa 0%,#030505dc 31%,#03050540 63%,#0305050d),linear-gradient(0deg,#040606cc,transparent 32%,#04060638)}.herocontent{padding-top:118px;padding-bottom:120px}.eyebrow{margin:0 0 14px;color:var(--yellow);font-size:10px;letter-spacing:4px;font-weight:800}.hero h1,.heading h2,.quality h2,.visit h2{font:900 clamp(42px,5vw,72px)/.92 "Barlow Condensed",Impact,sans-serif;letter-spacing:-.7px;margin:0 0 18px}.hero h1 em,.heading h2 em,.card h3 em,.quality h2 em,.visit h2 em{color:var(--yellow);font-style:italic}.intro{max-width:395px;margin-bottom:26px;font-size:15px;line-height:1.7}.actions{display:flex;gap:12px;flex-wrap:wrap}.tagline{font-size:11px;color:#ffffffb5;margin-top:24px}.benefits{position:absolute;bottom:0;left:0;right:0;background:#050808ed;border-top:1px solid #ffffff20}.benefitrow{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0}.benefitrow>div{display:flex;align-items:center;justify-content:center;gap:14px;border-right:1px solid #ffffff25;padding:0 10px;font-size:10px;line-height:1.4;font-weight:800}.benefitrow>div:last-child{border:0}.benefitrow strong{color:var(--yellow);font-size:34px;font-weight:400}.light{background:#f5f5f2;color:#101313}.services{padding:48px 0 54px}.heading{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:50px;margin-bottom:28px}.heading h2{font-size:clamp(35px,4vw,52px);margin:0}.heading p{margin:0;font-size:13px;line-height:1.75;color:#383c3a}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.card{overflow:hidden;border-radius:11px;background:#111515;color:white;box-shadow:0 7px 20px #0002;transition:transform .25s}.card:hover{transform:translateY(-5px)}.card>img{width:100%;height:155px;object-fit:cover}.cardbody{padding:15px 16px 18px}.ico{display:block;color:var(--yellow);font-size:29px;line-height:1;margin-bottom:9px}.card h3{font:800 22px/1.05 "Barlow Condensed",Impact,sans-serif;margin:0 0 9px}.card p{min-height:60px;font-size:12px;line-height:1.55;color:#e2e5e2;margin:0 0 12px}.card a{display:flex;justify-content:space-between;gap:5px;border-top:1px solid #ffffff25;padding-top:10px;color:var(--yellow);font-size:9px;font-weight:800}.quality{position:relative;min-height:330px;display:flex;align-items:center;overflow:hidden;background:#080a0a;isolation:isolate}.qualityimg{position:absolute;z-index:-3;inset:0 auto 0 0;width:52%;background:url("../assets/img/banner-motociclista.jpg") center/cover}.quality:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#0001 0%,#0001 30%,#080a0a 53%,#080a0a)}.angle{position:absolute;z-index:-1;left:36%;top:-10%;height:120%;width:9%;background:var(--yellow);transform:skewX(-25deg)}.qualitycontent{padding:48px 0 48px 45%}.qualitycontent .eyebrow{color:#dfe2de;letter-spacing:5px;font-size:9px}.quality h2{font-size:clamp(34px,4vw,52px);margin-bottom:14px}.qualitycontent>p:not(.eyebrow){max-width:540px;font-size:13px;color:#e1e3e0;margin-bottom:19px}.visit{padding:22px 0}.visitgrid{display:grid;grid-template-columns:.9fr 1.7fr;gap:30px;align-items:center}.small-eyebrow{font-size:9px;color:#777d78;letter-spacing:2px;font-weight:800}.visit h2{font-size:clamp(35px,4vw,48px);margin-bottom:13px}.visitgrid>div:first-child>p:not(.small-eyebrow){max-width:350px;font-size:12px;color:#383d39;line-height:1.65}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gallery img{width:100%;height:225px;object-fit:cover;border-radius:9px}.contact{padding:38px 0;background:#080a0a}.contactgrid{display:grid;grid-template-columns:.8fr 1fr 1.1fr .85fr;gap:28px;align-items:stretch}.footbrand{padding-right:20px;border-right:1px solid #ffffff25;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.bigbrand{width:150px}.bigbrand .mark{font-size:54px;height:56px}.bigbrand{font-size:14px}.footbrand p{text-align:center;font-size:10px;font-weight:800;line-height:1.6;margin:10px 0 0}.contact h4{font-size:11px;margin:0 0 14px}.contactgrid>div:nth-child(2) a,.contactgrid>div:nth-child(2) p,.contactgrid>div:nth-child(3) p{display:block;margin:0 0 10px;font-size:11px;color:#e5e8e4}.contactgrid>div:nth-child(2) a:hover{color:var(--yellow)}.map{position:relative;overflow:hidden;min-height:155px;border-radius:10px;background:#eee}.map img{width:100%;height:100%;min-height:155px;object-fit:cover}.map b{position:absolute;right:8px;bottom:8px;background:var(--yellow);color:#111;padding:7px 9px;border-radius:5px;font-size:9px}footer{background:#060707;border-top:1px solid #ffffff20}.footerbottom{display:flex;justify-content:space-between;gap:20px;padding:17px 0;color:#a9afaa;font-size:10px}.footerbottom b{color:#eee}.floatwa{position:fixed;z-index:30;right:22px;bottom:22px;display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:50px;background:var(--yellow);color:#090a08;box-shadow:0 10px 32px #0005;font-size:12px;font-weight:800}.backtop{position:fixed;right:25px;bottom:91px;width:38px;height:38px;border:1px solid #ffffff30;border-radius:50%;background:#191d1c;color:#fff;opacity:0;pointer-events:none}.backtop.show{opacity:1;pointer-events:auto}
/* Ícones SVG relacionados ao conteúdo */
.ic{width:18px;height:18px;flex-shrink:0;vertical-align:-3px}
.ic-arrow{width:16px;height:16px}
.ic-mini{width:12px;height:12px}
.ic-contact{width:14px;height:14px;vertical-align:-2px;margin-right:6px;color:var(--yellow)}
.contactgrid>div:nth-child(2) a{display:flex;align-items:center}
.contactgrid>div:nth-child(2) p,.contactgrid>div:nth-child(3) p{display:flex;align-items:flex-start}
.contactgrid>div:nth-child(2) p .ic-contact,.contactgrid>div:nth-child(3) p .ic-contact{margin-top:3px}
.bicon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;color:var(--yellow)}
.bicon svg{width:34px;height:34px}
.ico{display:flex;color:var(--yellow);margin-bottom:9px}
.ico svg{width:32px;height:32px}
.card a{align-items:center}
.card a .ic-mini{margin-left:auto}
.map b{display:inline-flex;align-items:center;gap:5px}
.floatwa .ic{width:20px;height:20px}
.backtop{display:flex;align-items:center;justify-content:center}
.backtop .ic{width:18px;height:18px}
/* Fidelidade ao preview */
.brand{width:150px}
.mark{height:56px;font:italic 900 54px Arial;letter-spacing:-8px}
.hero h1{text-transform:uppercase;font-style:italic}
.heading h2,.visit h2{text-transform:uppercase;font-style:italic}
.card{border-radius:14px}
.card>img{height:190px}
.card h3{font-size:24px}
.map-card{background:#fff;color:#141414;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:22px 16px;font-size:12px;font-weight:600;line-height:1.6}
.map-card .map-pin svg{width:36px;height:36px;display:block}
.map-card b{position:static;background:var(--yellow);color:#111;padding:8px 12px;border-radius:6px;font-size:10px}
.map-embed{background:#111;padding:0;min-height:230px}
.map-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.map-embed .map-link{position:absolute;right:8px;bottom:8px;z-index:2}
.map-embed .map-link b{position:static;display:inline-flex;align-items:center;gap:5px;background:var(--yellow);color:#111;padding:8px 12px;border-radius:6px;font-size:10px}
.brand.brand-img{width:auto}
.brand.brand-img img{display:block;height:54px;width:auto;max-width:44vw;object-fit:contain}
.brand.bigbrand-img{width:auto}
.brand.bigbrand-img img{display:block;height:84px;width:auto;max-width:60vw;object-fit:contain}
/* Estoque em Destaque */
.stock{background:#0a0d0d;padding:52px 0 56px}
.stock-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}
.stock-head h2{font:italic 900 clamp(34px,4vw,54px)/1 "Barlow Condensed",Impact,sans-serif;color:#fff;margin:0 0 8px;text-transform:uppercase;letter-spacing:-.5px}
.stock-head h2 em{color:var(--yellow)}
.stock-head p{margin:0;color:#c9cdc9;font-size:13px;max-width:600px}
.stock-all{white-space:nowrap;flex-shrink:0}
.stock-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.moto{background:#111515;border:1px solid #ffffff14;border-radius:14px;overflow:hidden}
.moto-photo{position:relative;aspect-ratio:4/3;overflow:hidden;background:#1c2121}
.moto-photo img{width:100%;height:100%;object-fit:cover;display:block}
.fav{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;border:0;background:#000000b3;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.fav svg{width:17px;height:17px}
.fav.active{color:var(--yellow)}
.fav.active svg{fill:var(--yellow)}
.cond{position:absolute;left:10px;bottom:10px;background:#000000b3;color:#fff;font-size:10px;font-weight:800;letter-spacing:.5px;padding:5px 9px;border-radius:5px}
.moto-body{padding:14px 14px 16px}
.moto-body h3{font:800 22px/1.1 "Barlow Condensed",Impact,sans-serif;margin:0 0 4px;color:#fff;letter-spacing:.2px}
.moto-body .meta{margin:0 0 4px;font-size:12px;color:#a9afaa}
.moto-body .price{margin:0 0 12px;font-size:22px;font-weight:800;color:var(--yellow)}
.moto-wa{width:100%;min-height:44px;font-size:10px}
.moto-wa .ic{width:16px;height:16px}
.ghost .moto-photo,.ghost .line{background:linear-gradient(90deg,#1a1f1f 25%,#252c2c 50%,#1a1f1f 75%);background-size:200% 100%;animation:shimmer 1.2s infinite linear}
.ghost .line{height:14px;border-radius:6px;margin:12px 14px 0}
.ghost .line.short{width:55%}
.ghost .line.btn-line{height:44px;margin-bottom:16px}
@keyframes shimmer{to{background-position:-200% 0}}
.stock-msg{margin:18px 0 0;color:#c9cdc9;font-size:13px;text-align:center}
@media(max-width:980px){.stock-head{flex-direction:column}.stock-grid{grid-template-columns:repeat(2,1fr);gap:10px}}
@media(max-width:520px){.stock{padding:36px 0 40px}.moto-body{padding:10px 10px 12px}.moto-body h3{font-size:17px}.moto-body .meta{font-size:11px}.moto-body .price{font-size:19px}.moto-wa{min-height:42px;font-size:9px;padding:0 8px}.cond{font-size:9px}}
/* Modal da moto */
.modal-ov{position:fixed;inset:0;z-index:100;background:#000000d9;display:none;align-items:center;justify-content:center;padding:18px}
.modal-ov.open{display:flex}
.modal{position:relative;background:#111515;border:1px solid #ffffff1f;border-radius:16px;max-width:900px;width:100%;max-height:92vh;overflow:auto;display:grid;grid-template-columns:1.05fr 1fr}
.modal-close{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;border-radius:50%;border:0;background:#000000b3;color:#fff;font-size:18px;line-height:1;cursor:pointer}
.modal-gallery{padding:14px}
.modal-main{border-radius:10px;overflow:hidden;aspect-ratio:4/3;background:#1c2121}
.modal-main img{width:100%;height:100%;object-fit:cover;display:block}
.modal-thumbs{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.modal-thumbs img{width:64px;height:48px;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid transparent;opacity:.65;padding:0}
.modal-thumbs img.sel{border-color:var(--yellow);opacity:1}
.modal-info{padding:22px 22px 22px 8px;color:#e5e8e4}
.modal-info .cond{position:static;display:inline-block;margin-bottom:10px}
.modal-info h3{font:800 30px/1.05 "Barlow Condensed",Impact,sans-serif;color:#fff;margin:0 0 6px}
.modal-info .meta{margin:0 0 6px;font-size:13px;color:#a9afaa}
.modal-info .price{margin:0 0 14px;font-size:30px;font-weight:800;color:var(--yellow)}
.modal-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.modal-specs div{background:#0c0f0f;border:1px solid #ffffff14;border-radius:9px;padding:8px 10px}
.modal-specs b{display:block;font-size:9px;letter-spacing:1px;color:#8a908a;margin-bottom:3px}
.modal-specs span{font-size:13px;font-weight:700;color:#fff}
.modal-desc{margin:0 0 18px;font-size:13px;line-height:1.65;color:#c9cdc9}
.modal-wa{width:100%}
.moto-photo img,.moto-body h3{cursor:pointer}
@media(max-width:700px){.modal{grid-template-columns:1fr;max-height:94vh}.modal-gallery{padding:12px 12px 4px}.modal-info{padding:2px 16px 18px}}
/* Página de estoque */
.page-hero{background:#080a0a;padding:150px 0 36px}
.page-hero h1{font:italic 900 clamp(40px,6vw,68px)/.95 "Barlow Condensed",Impact,sans-serif;color:#fff;margin:0 0 10px;text-transform:uppercase;letter-spacing:-.5px}
.page-hero h1 em{color:var(--yellow)}
.stock-page{padding-top:30px}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.field{flex:1;min-width:160px;background:#111515;border:1px solid #ffffff22;color:#fff;border-radius:9px;padding:12px 14px;font-size:13px;font-family:inherit}
.field::placeholder{color:#8a908a}
select.field{flex:0 1 210px}
.stock-count{color:#a9afaa;font-size:12px;margin:0 0 16px}
.sold-filter{display:flex;align-items:center;gap:8px;color:#c9cdc9;font-size:12px;margin:0 0 14px;cursor:pointer}
.sold-filter input{accent-color:var(--yellow)}
.moto-body h3,.modal-info h3{text-transform:uppercase}
.sold{position:absolute;top:10px;left:10px;background:#e03131;color:#fff;font-size:10px;font-weight:800;letter-spacing:1px;padding:5px 9px;border-radius:5px}
.moto.vendida .moto-photo img{filter:grayscale(.75) brightness(.8)}
.modal-info .sold{position:static;display:inline-block;margin:0 0 10px 8px;vertical-align:3px}
.tag.sold{background:#e03131;color:#fff}
@media(max-width:980px){.container{width:calc(100% - 36px)}.nav{gap:14px}.nav nav{gap:16px}.nav nav a{font-size:11px}.navbtn{font-size:9px;padding:0 10px}.cards{grid-template-columns:repeat(2,1fr)}.card>img{height:190px}.contactgrid{grid-template-columns:repeat(2,1fr)}.footbrand{border:0;border-bottom:1px solid #ffffff25;padding-bottom:20px}.map{min-height:180px}}
@media(max-width:700px){html{scroll-padding-top:68px}.container{width:calc(100% - 32px)}.header{height:68px}.brand{width:94px;font-size:10px}.mark{height:36px;font-size:36px}.menu{display:block;margin-left:auto;border:0;background:none;padding:8px}.menu span{display:block;width:24px;height:2px;background:white;margin:5px}.nav nav{display:none;position:absolute;top:68px;left:0;right:0;padding:12px 20px 18px;background:#070909fa;flex-direction:column;gap:0}.nav nav.open{display:flex}.nav nav a{padding:12px 4px;border-bottom:1px solid #ffffff12;font-size:13px}.nav nav a.active:after{display:none}.navbtn{display:none}.hero{min-height:700px;align-items:flex-start}.heroimg{background-position:80% top;background-size:200% auto;opacity:.55}.shade{background:linear-gradient(90deg,#030505f5,#0305059e),linear-gradient(0deg,#030505eb,transparent 55%)}.herocontent{padding-top:130px;padding-bottom:210px}.eyebrow{font-size:9px;letter-spacing:2.5px}.hero h1{font-size:clamp(44px,13vw,66px)}.intro{font-size:14px}.actions{align-items:stretch;flex-direction:column;max-width:320px}.tagline{font-size:10px}.benefitrow{grid-template-columns:1fr 1fr;padding:13px 0;row-gap:12px}.benefitrow>div{justify-content:flex-start;border:0;padding:5px 8px;font-size:9px;gap:9px}.benefitrow strong{font-size:27px}.services{padding:38px 0 42px}.heading{grid-template-columns:1fr;gap:15px;margin-bottom:22px}.heading h2{font-size:39px}.heading p{font-size:12px}.cards{gap:10px}.card>img{height:130px}.cardbody{padding:13px 12px}.card h3{font-size:20px}.card p{min-height:75px;font-size:11px}.card a{font-size:8px}.quality{min-height:510px;align-items:flex-end}.qualityimg{inset:0;width:100%;height:100%;background-position:35% center}.quality:before{background:linear-gradient(0deg,#080a0a 0%,#080a0af0 25%,#080a0a2e 100%)}.angle{display:none}.qualitycontent{padding:220px 0 34px}.qualitycontent .eyebrow{letter-spacing:3px}.quality h2{font-size:40px}.qualitycontent>p:not(.eyebrow){font-size:12px}.visit{padding:32px 0}.visitgrid{grid-template-columns:1fr;gap:20px}.visit h2{font-size:40px}.gallery{grid-template-columns:1fr 1fr}.gallery img{height:165px}.gallery img:last-child{display:none}.contact{padding:32px 0}.contactgrid{grid-template-columns:1fr 1fr;gap:25px 18px}.footbrand{grid-column:1/-1;align-items:center;padding-bottom:20px}.contact h4{font-size:10px}.contactgrid>div:nth-child(2) a,.contactgrid>div:nth-child(2) p,.contactgrid>div:nth-child(3) p{font-size:10px}.contactgrid>div:nth-child(3){grid-column:1/-1}.map{grid-column:1/-1;min-height:170px}.map img{min-height:170px}.footerbottom{flex-direction:column;gap:6px;text-align:center;font-size:9px}.floatwa{right:12px;bottom:12px;padding:12px 15px}.floatwa span{display:none}.backtop{right:17px;bottom:72px}}
@media(max-width:390px){.cards{grid-template-columns:1fr}.card>img{height:180px}.card p{min-height:0}.gallery img{height:135px}}