{"id":46,"date":"2026-09-01T00:55:39","date_gmt":"2026-09-01T00:55:39","guid":{"rendered":"https:\/\/create.steniowebdesigner.com\/supremayadea\/yadea-suprema-2\/"},"modified":"2026-09-01T01:45:01","modified_gmt":"2026-09-01T01:45:01","slug":"yadea-suprema-2","status":"publish","type":"page","link":"https:\/\/create.steniowebdesigner.com\/supremayadea\/","title":{"rendered":"Yadea Suprema \u2014 Moto el\u00e9trica inteligente"},"content":{"rendered":"<link rel=\"icon\" href=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='6' fill='%23070E1C'\/%3E%3Cpath d='M16 7 L26 12 L26 14 Q20 15 17 21 L17 26 L15 26 L15 21 Q12 15 6 14 L6 12 Z' fill='%23EB5F1B'\/%3E%3C\/svg%3E\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');\n@import url('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css');\n\/* ============================================================\n   DIRE\u00c7\u00c3O DE DESIGN \u2014 \"Industrial El\u00e9trico\"\n   seed = soma(\"Grupo Suprema Yadea\")=1806 + dia 31 = 1837\n   palette_id      r14-kualiz-industrial  (seed 1837 % 16 = 13 -> \u00edndice 14)\n                   adaptada: #C85028 -> #EB5F1B (laranja oficial Yadea do SVG)\n                             #0A3D5C -> #12336B (azul institucional)\n                             #F0B428 -> REMOVIDO (veto expl\u00edcito a amarelo no briefing)\n   font_pair_id    t05 Space Grotesk \/ Inter   (override do seed r-t08 Fraunces\/Inter)\n   keyword         kw-boxed                    (override do seed kw-italic-serif)\n   button          btn-solid-lift (prim\u00e1rio) + btn-underline-cta (terci\u00e1rio, do seed)\n   card            card-glass\n   hero            padr\u00e3o fixo esfuma\u00e7ado full-bleed (n\u00e3o entra no rod\u00edzio)\n   ============================================================ *\/\n:root{\n  \/* base *\/\n  --bg:#070E1C;            --bg-rgb:7,14,28;\n  --bg-2:#0C1830;\n  --bg-light:#F4F6FA;      --bg-light-2:#E7ECF3;\n  \/* accent *\/\n  --accent:#EB5F1B;        --accent-rgb:235,95,27;\n  --accent-light:#FF8A4C;  --accent-dark:#C2450A;\n  \/* variantes acessiveis (WCAG AA) \u2014 laranja da marca nao passa 4.5:1 com branco nem\n     sobre fundo claro. Usadas SO onde o laranja carrega texto. *\/\n  --accent-fill:#B23E06;   \/* fundo solido com texto branco  -> 5.86:1 *\/\n  --accent-on-light:#B23E06; \/* laranja como TEXTO em secao clara -> 5.41 \/ 4.93:1 *\/\n  \/* azul institucional *\/\n  --blue:#12336B;          --blue-rgb:18,51,107;\n  --blue-bright:#2E6BE6;\n  \/* texto *\/\n  --text:#F5F7FA;          --text-2:#A9B4C6;   --text-3:#8492AB;\n  --ink:#0A1426;           --ink-2:#4B5A70;    --ink-3:#63707F;\n  \/* bordas *\/\n  --border:rgba(255,255,255,.10);\n  --border-ink:rgba(10,20,38,.10);\n  \/* forma *\/\n  --font-h:'Space Grotesk',system-ui,sans-serif;\n  --font-b:'Inter',system-ui,sans-serif;\n  --radius-btn:4px;\n  --radius-card:14px;\n  --space-section:130px;\n  --wrap:1180px;\n}\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth;-webkit-text-size-adjust:100%}\nbody{background:var(--bg);color:var(--text);font-family:var(--font-b);font-size:17px;line-height:1.7;\n     overflow-x:hidden;-webkit-font-smoothing:antialiased}\nimg{max-width:100%;display:block}\na{color:inherit;text-decoration:none}\nul{list-style:none}\n\/* ---------- tipografia ---------- *\/\nh1,h2,h3,h4{font-family:var(--font-h);font-weight:600;line-height:1.08;letter-spacing:-.03em;color:var(--text)}\nh1{font-size:clamp(38px,5.4vw,72px)}\nh2{font-size:clamp(30px,3.9vw,52px);line-height:1.12}\nh3{font-size:clamp(20px,1.9vw,27px);letter-spacing:-.02em}\nh4{font-size:18px;letter-spacing:-.01em}\np{color:var(--text-2)}\n.lead{font-size:clamp(17px,1.35vw,19px);color:var(--text-2)}\nstrong{color:var(--text);font-weight:600}\n.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px}\n.section{padding:var(--space-section) 0;position:relative}\n.section-tag{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-h);font-size:12px;\n  font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}\n.section-tag::before{content:'';width:26px;height:1px;background:var(--accent)}\n\/* cabe\u00e7alho de se\u00e7\u00e3o de largura total \u2014 sempre centralizado *\/\n.section-head{max-width:880px;margin:0 auto 56px;text-align:center}\n.section-head .section-tag{margin-bottom:18px;justify-content:center}\n.section-head h2{margin-bottom:18px}\n.section-head .lead{margin:0 auto;max-width:680px}\n\/* ---------- se\u00e7\u00f5es claras ---------- *\/\n.light{background:var(--bg-light);color:var(--ink)}\n.light-2{background:var(--bg-light-2);color:var(--ink)}\n.light .section-tag,.light-2 .section-tag{color:var(--accent-on-light)}\n.light .section-tag::before,.light-2 .section-tag::before{background:var(--accent-on-light)}\n.light .kw,.light-2 .kw{color:var(--accent-on-light);border-color:var(--accent-on-light)}\n.light .model-head,.light-2 .model-head{color:var(--accent-on-light)}\n.light .btn-link,.light-2 .btn-link{color:var(--accent-on-light)}\n.light .btn-link::after,.light-2 .btn-link::after{background:var(--accent-on-light)}\n.light .model-specs i,.light-2 .model-specs i{color:var(--accent-on-light)}\n.light .brand-stats b{color:var(--ink)}\n.light .faq summary::after{color:var(--accent-on-light)}\n.light .faq summary:hover{color:var(--accent-on-light)}\n\/* o card de CTA e escuro dentro da secao clara \u2014 volta pro laranja original *\/\n.model-cta .btn-primary{background:var(--accent-fill)}\n.model-cta h3{color:var(--text)}\n.light h1,.light h2,.light h3,.light h4,\n.light-2 h1,.light-2 h2,.light-2 h3,.light-2 h4{color:var(--ink)}\n.light p,.light-2 p{color:var(--ink-2)}\n.light strong,.light-2 strong{color:var(--ink)}\n.light .lead,.light-2 .lead{color:var(--ink-2)}\n\/* ---------- keyword: kw-boxed ---------- *\/\n.kw{display:inline-block;border:2px solid var(--accent);border-radius:6px;\n    padding:.02em .26em;color:var(--accent);line-height:1.05}\n.kw-fill{display:inline-block;background:var(--accent);color:#fff;border-radius:6px;\n    padding:.02em .28em;line-height:1.05}\n\/* ---------- bot\u00f5es ---------- *\/\n.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-h);\n  font-weight:600;font-size:15px;letter-spacing:-.01em;border-radius:var(--radius-btn);\n  padding:17px 34px;border:1.5px solid transparent;cursor:pointer;transition:all .28s cubic-bezier(.2,.7,.3,1);\n  white-space:nowrap}\n\/* btn-solid-lift *\/\n\/* ---- bot\u00e3o prim\u00e1rio: DOIS efeitos ----\n   1) permanente (sem hover): gradiente que respira + brilho varrendo + halo pulsante\n   2) no hover: sobe, halo forte, varredura acelera e a seta desliza            *\/\n.btn-primary{position:relative;overflow:hidden;isolation:isolate;color:#fff;\n  background:linear-gradient(100deg,var(--accent-dark) 0%,var(--accent-fill) 22%,\n             var(--accent) 50%,var(--accent-fill) 78%,var(--accent-dark) 100%);\n  background-size:260% 100%;\n  animation:btn-breathe 6s ease-in-out infinite, btn-halo 3.6s ease-in-out infinite;\n  box-shadow:0 4px 18px rgba(var(--accent-rgb),.30)}\n\/* brilho que varre \u2014 permanente *\/\n.btn-primary::before{content:'';position:absolute;top:0;left:-60%;width:45%;height:100%;z-index:-1;\n  background:linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);\n  transform:skewX(-18deg);animation:btn-sheen 4.2s ease-in-out infinite}\n\/* borda de luz interna \u2014 permanente *\/\n.btn-primary::after{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.30),inset 0 -1px 0 rgba(0,0,0,.18)}\n.btn-primary i{transition:transform .3s cubic-bezier(.2,.7,.3,1)}\n\/* ---- hover ---- *\/\n.btn-primary:hover{transform:translateY(-3px);animation-play-state:paused;\n  background-position:78% 50%;\n  box-shadow:0 16px 38px rgba(var(--accent-rgb),.52),0 0 0 3px rgba(var(--accent-rgb),.18)}\n.btn-primary:hover::before{animation-duration:1.1s}\n.btn-primary:hover i{transform:translateX(5px)}\n.btn-primary:active{transform:translateY(-1px)}\n@keyframes btn-breathe{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}\n@keyframes btn-sheen{0%{left:-60%}55%,100%{left:130%}}\n@keyframes btn-halo{0%,100%{box-shadow:0 4px 18px rgba(var(--accent-rgb),.30)}\n                    50%{box-shadow:0 6px 26px rgba(var(--accent-rgb),.46)}}\n\/* bot\u00e3o fantasma tamb\u00e9m ganha efeito permanente: borda que percorre *\/\n.btn-ghost{position:relative;overflow:hidden}\n.btn-ghost::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;\n  background:linear-gradient(110deg,transparent 30%,rgba(var(--accent-rgb),.85) 50%,transparent 70%);\n  background-size:250% 100%;animation:ghost-run 5s linear infinite;\n  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);\n  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}\n@keyframes ghost-run{0%{background-position:200% 0}100%{background-position:-100% 0}}\n@media (prefers-reduced-motion:reduce){\n  .btn-primary,.btn-primary::before,.btn-ghost::before{animation:none!important}\n}\n\/* ghost sobre dark *\/\n.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}\n.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-3px)}\n\/* ghost sobre light *\/\n.light .btn-ghost,.light-2 .btn-ghost{color:var(--ink);border-color:var(--border-ink)}\n.light .btn-ghost:hover,.light-2 .btn-ghost:hover{border-color:var(--accent);color:var(--accent)}\n\/* btn-underline-cta (terci\u00e1rio, do seed) *\/\n.btn-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-h);font-weight:600;\n  font-size:14px;color:var(--accent);position:relative;padding-bottom:3px}\n.btn-link::after{content:'';position:absolute;left:0;bottom:0;height:1.5px;width:100%;\n  background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}\n.btn-link:hover::after{transform:scaleX(1)}\n.btn-link i{transition:transform .3s ease}\n.btn-link:hover i{transform:translateX(4px)}\n\/* ---------- cards: card-glass ---------- *\/\n.card{background:#101B31;border:1px solid var(--border);border-radius:var(--radius-card);\n  padding:32px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);\n  transition:transform .35s cubic-bezier(.2,.7,.3,1),border-color .35s ease,box-shadow .35s ease}\n.card:hover{transform:translateY(-5px);border-color:rgba(var(--accent-rgb),.45);\n  box-shadow:0 24px 60px rgba(0,0,0,.45)}\n.card-ico{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;font-size:21px;\n  background:linear-gradient(150deg,rgba(var(--accent-rgb),.22),rgba(var(--accent-rgb),.06));\n  border:1px solid rgba(var(--accent-rgb),.30);color:var(--accent);margin-bottom:20px;\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transition:all .35s cubic-bezier(.2,.7,.3,1)}\n.card:hover .card-ico{transform:translateY(-2px) scale(1.06);\n  background:linear-gradient(150deg,rgba(var(--accent-rgb),.34),rgba(var(--accent-rgb),.12));\n  border-color:rgba(var(--accent-rgb),.55)}\n\/* em se\u00e7\u00e3o clara o ladrilho vira navy s\u00f3lido \u2014 laranja p\u00e1lido sobre branco fica fraco *\/\n.light .card-ico,.light-2 .card-ico{background:var(--ink);border-color:var(--ink);\n  color:var(--accent-light);box-shadow:0 6px 18px rgba(10,20,38,.18)}\n.light .card:hover .card-ico,.light-2 .card:hover .card-ico{background:var(--accent-fill);\n  border-color:var(--accent-fill);color:#fff}\n.card h4{margin-bottom:9px}\n.card p{font-size:15.5px;line-height:1.65}\n\/* card em fundo claro *\/\n.light .card,.light-2 .card{background:#fff;border-color:var(--border-ink);backdrop-filter:none}\n.light .card:hover,.light-2 .card:hover{box-shadow:0 24px 55px rgba(10,20,38,.10)}\n.light .card p,.light-2 .card p{color:var(--ink-2)}\n\/* ---------- ambient \/ texturas (substitui a textura que seria gerada por IA) ---------- *\/\n.ambient{position:relative;overflow:hidden}\n.ambient::before{content:'';position:absolute;top:-20%;left:50%;transform:translateX(-50%);\n  width:1100px;height:700px;pointer-events:none;z-index:0;\n  background:radial-gradient(ellipse at center,rgba(var(--accent-rgb),.13) 0%,transparent 68%);\n  filter:blur(90px)}\n.ambient>*{position:relative;z-index:1}\n.filament{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;\n  background:\n    repeating-linear-gradient(100deg,transparent 0 38px,rgba(var(--accent-rgb),.055) 38px 39px),\n    repeating-linear-gradient(100deg,transparent 0 121px,rgba(var(--blue-rgb),.16) 121px 123px);\n  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 78%);\n          mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 78%)}\n.grid-dots{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.55;\n  background-image:radial-gradient(rgba(10,20,38,.13) 1px,transparent 1px);background-size:26px 26px;\n  -webkit-mask-image:linear-gradient(to bottom,#000,transparent 70%);\n          mask-image:linear-gradient(to bottom,#000,transparent 70%)}\n\/* namespace proprio (lp-*) \u2014 o tema Hello Elementor estiliza .site-header\/.site-footer\n   com max-width:1140px e a colisao de nome travava a largura do menu. *\/\n.lp-header,.lp-footer{max-width:none!important;margin-left:0!important;margin-right:0!important;width:auto!important}\n\/* ============================================================\n   ANTIDOTO CONTRA O wpautop (a pagina vive em post_content)\n   O WordPress envolve tudo que fica ENTRE blocos num <\/p>\n<p> e converte quebras de\n   linha em <br \/>. Isso gerava: 12 <\/p>\n<p> vazios com margin-bottom:14.4px (faixas navy\n   entre as secoes) e um <\/p>\n<p> de 116px no topo em volta do noscript do GTM.\n   Nenhum conteudo meu e <\/p>\n<p> filho direto do body \u2014 entao zerar todos e seguro.\n   ============================================================ *\/\nbody > p, body > br{display:none!important;margin:0!important;height:0!important}\n\/* <\/p>\n<p> vazio tambem cai DENTRO de grids (virou 5a celula em .stats-grid e criou\n   uma faixa clara) \u2014 some com ele em qualquer lugar. Nenhum <\/p>\n<p> real meu e vazio. *\/\np:empty{display:none!important}\n\/* ============================================================\n   HEADER\n   ============================================================ *\/\n.lp-header{position:fixed;top:0;left:0;right:0;z-index:90;padding:16px 0;\n  transition:background .35s ease,box-shadow .35s ease,padding .35s ease;\n  border-bottom:1px solid transparent}\n\/* scrim pro nav ficar leg\u00edvel sobre a foto do hero *\/\n.lp-header::before{content:'';position:absolute;inset:0;bottom:-30px;z-index:-1;pointer-events:none;\n  background:linear-gradient(to bottom,rgba(var(--bg-rgb),.82),transparent);transition:opacity .35s ease}\n.lp-header.stuck::before{opacity:0}\n.lp-header.stuck{background:rgba(7,14,28,.92);backdrop-filter:blur(18px) saturate(140%);\n  -webkit-backdrop-filter:blur(18px) saturate(140%);border-bottom-color:var(--border);\n  padding:10px 0;box-shadow:0 10px 34px rgba(0,0,0,.34)}\n\/* ao rolar, o menu deixa de ser \"boxed\" e ocupa a largura total da tela *\/\n.lp-header .wrap{transition:max-width .5s cubic-bezier(.2,.7,.3,1),padding .5s cubic-bezier(.2,.7,.3,1)}\n.lp-header.stuck .wrap{max-width:100%;padding:0 clamp(22px,3.6vw,54px)}\n.lp-header.stuck .hdr{gap:24px}\n.lp-header.stuck .hdr-nav{gap:24px}\n\/* barra de progresso de leitura, colada na base do header *\/\n.hdr-progress{position:absolute;left:0;bottom:-1px;height:2px;width:100%;transform:scaleX(0);\n  transform-origin:left;background:linear-gradient(90deg,var(--accent-dark),var(--accent),var(--accent-light));\n  opacity:0;transition:opacity .35s ease}\n.lp-header.stuck .hdr-progress{opacity:1}\n.hdr{display:flex;align-items:center;gap:32px}\n.hdr-logo img{height:62px;width:auto;transition:height .35s ease}\n.lp-header.stuck .hdr-logo img{height:48px}\n.hdr-nav{display:flex;gap:28px;margin-left:auto}\n.hdr-nav a{font-family:var(--font-h);font-size:14px;font-weight:500;color:var(--text-2);\n  transition:color .25s ease;position:relative}\n.hdr-nav a:hover{color:var(--text)}\n.hdr-nav a::after{content:'';position:absolute;left:0;bottom:-6px;height:1.5px;width:100%;\n  background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}\n.hdr-nav a:hover::after{transform:scaleX(1)}\n.hdr .btn{padding:12px 22px;font-size:14px}\n.hdr-burger{display:none;margin-left:auto;background:none;border:none;color:var(--text);font-size:24px;cursor:pointer;line-height:1}\n\/* ============================================================\n   HERO \u2014 padr\u00e3o fixo esfuma\u00e7ado full-bleed\n   ============================================================ *\/\n.hero{position:relative;overflow:hidden;display:flex;align-items:center;\n  min-height:min(92vh,860px);background:var(--bg)}\n.hero-bg,.hero-bg img{position:absolute;inset:0;width:100%!important;height:100%!important;\n  object-fit:cover;object-position:right center;z-index:0}\n.hero::after{content:'';position:absolute;inset:0;z-index:1;\n  background:linear-gradient(95deg,var(--bg) 24%,rgba(var(--bg-rgb),.88) 40%,\n             rgba(var(--bg-rgb),.45) 55%,rgba(var(--bg-rgb),.08) 68%,transparent 78%)}\n.hero-content{position:relative;z-index:2;width:100%;max-width:var(--wrap);margin:0 auto;padding:120px 24px 60px}\n.hero-text{max-width:530px;display:flex;flex-direction:column;gap:18px}\n.hero h1{margin:2px 0 4px;font-size:clamp(38px,4.5vw,62px)}\n.hero-subtitle{font-size:clamp(16px,1.25vw,17.5px);max-width:470px}\n.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}\n.hero-micro{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--text-3);margin-top:4px}\n.hero-micro i{color:var(--accent)}\n\/* ============================================================\n   STATS STRIP\n   ============================================================ *\/\n.stats{background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);\n  padding:56px 0;position:relative;overflow:hidden}\n.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}\n.stat{background:var(--bg-2);padding:22px 26px;text-align:center}\n.stat b{display:block;font-family:var(--font-h);font-size:clamp(30px,3.4vw,44px);font-weight:700;\n  letter-spacing:-.04em;color:var(--accent);line-height:1}\n.stat span{display:block;font-size:13.5px;line-height:1.5;color:var(--text-2);margin-top:11px}\n\/* ============================================================\n   FAIXA DE IMAGEM (quebra de ritmo)\n   ============================================================ *\/\n.band{position:relative;height:clamp(300px,36vw,520px);overflow:hidden;background:var(--bg)}\n.band img{width:100%;height:100%;object-fit:cover;object-position:center 42%}\n\/* topo funde no navy da se\u00e7\u00e3o anterior, base funde no claro da pr\u00f3xima \u2014 sem lavagem branca no meio *\/\n.band::after{content:'';position:absolute;inset:0;\n  background:linear-gradient(to bottom,var(--bg) 0%,rgba(var(--bg-rgb),.30) 16%,\n             rgba(var(--bg-rgb),0) 42%,rgba(244,246,250,0) 62%,var(--bg-light) 100%)}\n.band-cap{position:absolute;left:0;right:0;top:48%;transform:translateY(-50%);z-index:2;\n  text-align:center;font-family:var(--font-h);font-size:clamp(26px,3.6vw,52px);font-weight:600;\n  line-height:1.16;letter-spacing:-.03em;color:#fff;\n  text-shadow:0 2px 10px rgba(0,0,0,.85),0 4px 40px rgba(0,0,0,.7);\n  padding:0 24px;max-width:1000px;margin:0 auto}\n.band-cap b{color:var(--accent-light);font-weight:700}\n\/* ============================================================\n   ECONOMIA\n   ============================================================ *\/\n\/* filhos de grid tem min-width:auto por padrao \u2014 conteudo rigido (tabela, imagem sticky)\n   estoura a trilha 1fr. min-width:0 e o conserto canonico. *\/\n.eco-grid>*,.zig>*,.models>*,.bento>*,.next>*,.stats-grid>*,.brand-stats>*{min-width:0}\n.eco-table{table-layout:fixed;width:100%}\n.eco-table td,.eco-table th{overflow-wrap:anywhere}\n.wrap{overflow-x:clip}\n.eco-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}\n.eco-copy p{margin-bottom:14px}\n.eco-note{font-size:13px;line-height:1.6;color:var(--ink-3);border-left:2px solid var(--border-ink);\n  padding-left:14px;margin-top:26px}\n.eco-panel{background:var(--ink);border-radius:var(--radius-card);padding:38px;color:var(--text);\n  box-shadow:0 30px 70px rgba(10,20,38,.22)}\n.eco-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;margin-bottom:30px}\n.eco-cost{text-align:center}\n.eco-cost em{display:block;font-style:normal;font-size:12px;letter-spacing:.14em;text-transform:uppercase;\n  color:var(--text-3);font-family:var(--font-h);margin-bottom:10px}\n.eco-cost b{display:block;font-family:var(--font-h);font-size:clamp(38px,5vw,62px);font-weight:700;\n  letter-spacing:-.05em;line-height:.95}\n.eco-cost small{display:block;font-size:12.5px;color:var(--text-3);margin-top:9px}\n.eco-cost.gas b{color:#7C8AA0;text-decoration:line-through;text-decoration-thickness:3px;\n  text-decoration-color:rgba(var(--accent-rgb),.75)}\n.eco-cost.ele b{color:var(--accent)}\n.eco-sep{width:1px;height:78px;background:var(--border)}\n.eco-badge{display:flex;align-items:center;gap:14px;background:#16233A;\n  border:1px solid rgba(var(--accent-rgb),.38);border-radius:10px;padding:16px 20px;margin-bottom:28px}\n.eco-badge b{font-family:var(--font-h);font-size:32px;font-weight:700;color:var(--accent);\n  letter-spacing:-.04em;line-height:1}\n.eco-badge span{font-size:13.5px;line-height:1.5;color:#C6D0DE}\n.eco-table{width:100%;border-collapse:collapse;font-size:14px}\n.eco-table th{font-family:var(--font-h);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;\n  color:var(--text-3);text-align:left;padding:0 0 12px;font-weight:500}\n.eco-table th:nth-child(3){color:var(--accent)}\n.eco-table td{padding:13px 0;border-top:1px solid var(--border);color:var(--text-2);\n  vertical-align:top;line-height:1.5}\n.eco-table td:first-child{color:var(--text);font-weight:500;width:30%;padding-right:16px}\n.eco-table td:nth-child(2){width:35%;padding-right:16px}\n.eco-table td:nth-child(3){color:#D8E2EE}\n\/* ============================================================\n   MODELOS\n   ============================================================ *\/\n.models{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}\n.model{grid-column:span 2;background:#fff;border:1px solid var(--border-ink);border-radius:var(--radius-card);\n  padding:26px;display:flex;flex-direction:column;\n  transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s ease,border-color .35s ease}\n.model:hover{transform:translateY(-6px);border-color:rgba(var(--accent-rgb),.4);\n  box-shadow:0 28px 64px rgba(10,20,38,.13)}\n.model.feature{grid-column:span 3}\n\/* N\u00c3O usar display:grid + place-items:center aqui \u2014 o item de grid passa a dimensionar\n   pelo conte\u00fado, o height:100% do <img> n\u00e3o resolve e o object-fit:contain nunca age:\n   a imagem transborda e o overflow:hidden corta a moto. *\/\n.model-img{position:relative;background:#fff;border:1px solid var(--border-ink);border-radius:10px;\n  overflow:hidden;aspect-ratio:16\/10;margin-bottom:20px}\n.model.feature .model-img{aspect-ratio:16\/9}\n.model-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;\n  object-position:center;padding:14px;transition:transform .55s cubic-bezier(.2,.7,.3,1)}\n.model:hover .model-img img{transform:scale(1.06)}\n.model-chip{position:absolute;top:12px;left:12px;font-family:var(--font-h);font-size:10.5px;font-weight:600;\n  letter-spacing:.1em;text-transform:uppercase;background:var(--ink);color:#fff;\n  padding:6px 11px;border-radius:4px;z-index:2}\n.model-name{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}\n.model-name h3{color:var(--ink)}\n.model-head{font-family:var(--font-h);font-size:15.5px;font-weight:500;color:var(--accent);\n  margin-bottom:11px;letter-spacing:-.01em}\n.model p{font-size:14.5px;line-height:1.62;margin-bottom:18px}\n.model-specs{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;margin-top:auto;padding-top:16px;\n  border-top:1px solid var(--border-ink)}\n.model.feature .model-specs{grid-template-columns:1fr 1fr 1fr}\n.model-specs li{font-size:12.8px;color:var(--ink-2);display:flex;align-items:flex-start;gap:7px;line-height:1.45}\n.model-specs i{color:var(--accent);font-size:9px;margin-top:6px;flex:none}\n\/* card de CTA que fecha a \u00faltima linha do grid *\/\n.model-cta{grid-column:span 4;background:var(--ink);border:none;color:var(--text);\n  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;padding:38px}\n.model-cta:hover{transform:translateY(-6px);box-shadow:0 28px 64px rgba(10,20,38,.28)}\n.model-cta h3{color:var(--text)}\n.model-cta p{color:var(--text-2);font-size:15.5px;max-width:440px;margin:0}\n\/* ============================================================\n   TECNOLOGIA \u2014 bento\n   ============================================================ *\/\n.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}\n.bento .card{padding:0;overflow:hidden;display:flex;flex-direction:column}\n.bento .card .b-body{padding:28px}\n\/* grid de 4 cards s\u00f3-\u00edcone: conte\u00fado centralizado *\/\n.cards-4{grid-template-columns:repeat(4,1fr)}\n.cards-centered .card .b-body{text-align:center;display:flex;flex-direction:column;align-items:center;padding:34px 26px}\n.cards-centered .card-ico{margin-left:auto;margin-right:auto}\n\/* altura da imagem \u00e9 FIXA \u2014 nunca deixa o card esticar a foto *\/\n.b-img{height:230px;flex:none;overflow:hidden;background:var(--bg-2)}\n.bento > .card:not(.b-wide) .b-img{height:186px}\n.b-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1)}\n.bento .card:hover .b-img img{transform:scale(1.05)}\n.b-wide{grid-column:span 2}\n.b-phone .b-img{height:230px;background:linear-gradient(160deg,#13243F,#070E1C)}\n.b-phone .b-img img{object-fit:cover;object-position:top center}\n\/* ============================================================\n   QUALIDADE \u2014 zig-zag\n   ============================================================ *\/\n.zig{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}\n.zig-img{border-radius:var(--radius-card);overflow:hidden;position:relative}\n.zig-img img{width:100%;aspect-ratio:4\/3;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.3,1)}\n\/* variante em que a coluna de texto \u00e9 longa: a imagem acompanha a altura e gruda na rolagem *\/\n.nb{white-space:nowrap}\n@media (max-width:1180px){.nb{white-space:normal}}\n.zig-stretch{align-items:stretch}\n.zig>div:not(.zig-img){position:relative;z-index:2}\n.zig-stretch .zig-img{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 140px)}\n.zig-stretch .zig-img img{aspect-ratio:3\/4;height:100%;max-height:calc(100vh - 140px)}\n.zig-img:hover img{transform:scale(1.04)}\n.qual-list{display:flex;flex-direction:column;gap:4px;margin-top:8px}\n.qual-item{display:flex;gap:18px;padding:19px 0;border-top:1px solid var(--border)}\n.light .qual-item,.light-2 .qual-item{border-top-color:var(--border-ink)}\n.qual-ico{width:46px;height:46px;flex:none;border-radius:12px;display:grid;place-items:center;\n  background:linear-gradient(150deg,rgba(var(--accent-rgb),.22),rgba(var(--accent-rgb),.06));\n  border:1px solid rgba(var(--accent-rgb),.30);color:var(--accent);font-size:17px;\n  transition:all .35s cubic-bezier(.2,.7,.3,1)}\n.qual-item:hover .qual-ico{background:var(--accent-fill);border-color:var(--accent-fill);color:#fff}\n.qual-item h4{margin-bottom:5px}\n.qual-item p{font-size:14.5px;line-height:1.6}\n\/* ============================================================\n   MARCA GLOBAL\n   ============================================================ *\/\n.brand-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border-ink);\n  border:1px solid var(--border-ink);border-radius:10px;overflow:hidden;margin-top:32px}\n.brand-stats div{background:var(--bg-light);padding:20px 16px}\n.brand-stats b{display:block;font-family:var(--font-h);font-size:21px;font-weight:700;color:var(--ink);\n  letter-spacing:-.03em}\n.brand-stats span{display:block;font-size:12px;color:var(--ink-3);margin-top:5px;line-height:1.45}\n\/* ============================================================\n   LOJAS \u2014 carrossel\n   ============================================================ *\/\n.carousel{position:relative}\n.carousel-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;\n  scroll-behavior:smooth;padding-bottom:6px;\n  scrollbar-width:none;-ms-overflow-style:none}\n.carousel-track::-webkit-scrollbar{display:none}\n.carousel-track figure{flex:0 0 clamp(280px,38%,430px);scroll-snap-align:start;\n  border-radius:var(--radius-card);overflow:hidden;background:var(--bg-2);\n  border:1px solid var(--border);position:relative}\n.carousel-track img{width:100%;height:270px;object-fit:cover;opacity:.9;\n  transition:transform .7s cubic-bezier(.2,.7,.3,1),opacity .4s ease}\n.carousel-track figure:hover img{transform:scale(1.06);opacity:1}\n.carousel-track figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 18px 14px;\n  font-family:var(--font-h);font-size:13px;font-weight:500;color:#fff;\n  background:linear-gradient(to top,rgba(5,9,18,.9),transparent)}\n.carousel-nav{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}\n.carousel-nav button{width:46px;height:46px;border-radius:50%;background:transparent;\n  border:1.5px solid var(--border);color:var(--text);font-size:14px;cursor:pointer;\n  display:grid;place-items:center;transition:all .28s ease}\n.carousel-nav button:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}\n.carousel-nav button:disabled{opacity:.3;cursor:default;transform:none;border-color:var(--border);color:var(--text)}\n\/* fade nas pontas onde o slide vizinho e cortado \u2014 so aparece do lado que tem corte *\/\n.carousel::before,.carousel::after{content:'';position:absolute;top:0;bottom:72px;width:clamp(44px,7vw,84px);\n  pointer-events:none;z-index:3;opacity:0;transition:opacity .35s ease}\n.carousel::before{left:0;background:linear-gradient(to right,var(--bg) 8%,rgba(var(--bg-rgb),.72) 46%,transparent)}\n.carousel::after{right:0;background:linear-gradient(to left,var(--bg) 8%,rgba(var(--bg-rgb),.72) 46%,transparent)}\n.carousel.tem-antes::before{opacity:1}\n.carousel.tem-depois::after{opacity:1}\n\/* ============================================================\n   2026\n   ============================================================ *\/\n.next{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.next .card{display:flex;flex-direction:column;gap:12px}\n.next-year{font-family:var(--font-h);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;\n  color:var(--accent)}\n.next h3{color:var(--text)}\n.next-hi{font-family:var(--font-h);font-size:17px;font-weight:600;color:var(--text);letter-spacing:-.01em}\n.next p{font-size:14px;line-height:1.6}\n\/* ============================================================\n   MARCA ANIMADA \u2014 s\u00edmbolo oficial da Yadea (paths extra\u00eddos do SVG do cliente)\n   ============================================================ *\/\n.brandmark{position:relative;display:grid;place-items:center;border-radius:var(--radius-card);\n  overflow:hidden;min-height:440px;background-color:#070E1C;background-image:\n    radial-gradient(ellipse 60% 55% at 50% 45%,rgba(var(--accent-rgb),.16),transparent 70%),\n    linear-gradient(160deg,#0E1B33 0%,#070E1C 60%,#0B1526 100%)}\n.brandmark::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.55;\n  background:repeating-linear-gradient(100deg,transparent 0 44px,rgba(var(--accent-rgb),.06) 44px 45px);\n  -webkit-mask-image:radial-gradient(ellipse 65% 60% at 50% 50%,#000 10%,transparent 75%);\n          mask-image:radial-gradient(ellipse 65% 60% at 50% 50%,#000 10%,transparent 75%)}\n\/* an\u00e9is que pulsam saindo do s\u00edmbolo *\/\n.brandmark .ring{position:absolute;width:190px;height:190px;border-radius:50%;\n  border:1px solid rgba(var(--accent-rgb),.42);animation:ring-out 4.6s cubic-bezier(.2,.6,.3,1) infinite}\n.brandmark .ring:nth-child(2){animation-delay:1.55s}\n.brandmark .ring:nth-child(3){animation-delay:3.1s}\n@keyframes ring-out{0%{transform:scale(.55);opacity:0}\n  18%{opacity:.75}100%{transform:scale(2.5);opacity:0}}\n.brandmark-inner{position:relative;z-index:2;display:flex;flex-direction:column;\n  align-items:center;gap:26px;padding:40px 24px;text-align:center}\n.brandmark svg{width:clamp(120px,15vw,168px);height:auto;overflow:visible;\n  filter:drop-shadow(0 0 26px rgba(var(--accent-rgb),.42));animation:mark-float 7s ease-in-out infinite}\n@keyframes mark-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}\n\/* o tra\u00e7o se desenha e depois preenche *\/\n.brandmark svg .ym{fill:var(--accent);stroke:var(--accent-light);stroke-width:1.4;\n  stroke-dasharray:520;stroke-dashoffset:520;fill-opacity:0;\n  animation:mark-draw 2.4s cubic-bezier(.5,0,.2,1) forwards, mark-glow 3.8s ease-in-out 2.4s infinite}\n.brandmark svg .ym:nth-child(2){animation-delay:.22s,2.62s}\n.brandmark svg .ym:nth-child(3){animation-delay:.44s,2.84s}\n@keyframes mark-draw{0%{stroke-dashoffset:520;fill-opacity:0}\n  55%{stroke-dashoffset:0;fill-opacity:0}100%{stroke-dashoffset:0;fill-opacity:1}}\n@keyframes mark-glow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.22)}}\n.brandmark-word{font-family:var(--font-h);font-size:12px;font-weight:500;letter-spacing:.28em;\n  text-transform:uppercase;color:var(--text-3)}\n.brandmark-word b{color:var(--accent);font-weight:700}\n.brandmark img.lockup{width:clamp(180px,22vw,250px);height:auto;opacity:.95}\n@media (prefers-reduced-motion:reduce){\n  .brandmark .ring,.brandmark svg,.brandmark svg .ym{animation:none!important}\n  .brandmark svg .ym{stroke-dashoffset:0;fill-opacity:1}\n}\n\/* ---- cards de 2026 com imagem ---- *\/\n.next .card{padding:0;overflow:hidden}\n.next .n-img{height:236px;background:#fff;position:relative;overflow:hidden}\n.next .n-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:6px;\n  transition:transform .6s cubic-bezier(.2,.7,.3,1)}\n.next .card:hover .n-img img{transform:scale(1.06)}\n.next .n-badge{position:absolute;top:12px;left:12px;z-index:2;font-family:var(--font-h);\n  font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;\n  background:var(--accent-fill);color:#fff;padding:6px 11px;border-radius:4px}\n.next .n-body{padding:26px 28px 30px;display:flex;flex-direction:column;gap:10px}\n\/* ============================================================\n   FAQ\n   ============================================================ *\/\n.faq{max-width:840px;margin:0 auto}\n.faq details{border-top:1px solid var(--border-ink);padding:4px 0}\n.faq details:last-child{border-bottom:1px solid var(--border-ink)}\n.faq summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;position:relative;\n  font-family:var(--font-h);font-size:clamp(16px,1.5vw,19px);font-weight:500;color:var(--ink);\n  letter-spacing:-.015em;transition:color .25s ease}\n.faq summary::-webkit-details-marker{display:none}\n.faq summary:hover{color:var(--accent)}\n\/* +\/- desenhado em CSS: a webfont do Font Awesome nao aplicava neste pseudo-elemento\n   e o codigo do glifo (\"f067\") aparecia como TEXTO ao lado de cada pergunta. *\/\n.faq summary::before,.faq summary::after{content:'';position:absolute;right:6px;top:50%;\n  background:var(--accent-on-light);border-radius:1px;\n  transition:transform .3s cubic-bezier(.2,.7,.3,1),opacity .3s ease}\n.faq summary::before{right:6px;width:14px;height:2px;transform:translateY(-50%)}\n.faq summary::after{right:12px;width:2px;height:14px;transform:translateY(-50%)}\n.faq details[open] summary::after{transform:translateY(-50%) rotate(90deg);opacity:0}\n.faq-a{padding:0 44px 26px 0;font-size:15.5px;line-height:1.72;color:var(--ink-2)}\n\/* ============================================================\n   CTA FINAL\n   ============================================================ *\/\n.cta{position:relative;overflow:hidden;background:var(--bg)}\n.cta-bg{position:absolute;inset:0;z-index:0}\n.cta-bg img{width:100%;height:100%;object-fit:cover;opacity:.5}\n.cta::after{content:'';position:absolute;inset:0;z-index:1;\n  background:linear-gradient(to bottom,var(--bg) 0%,rgba(var(--bg-rgb),.72) 34%,rgba(var(--bg-rgb),.86) 100%)}\n.cta .wrap{position:relative;z-index:2}\n.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}\n.form{background:rgba(16,27,49,.92);border:1px solid var(--border);border-radius:var(--radius-card);\n  padding:34px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}\n.field{margin-bottom:16px}\n.field label{display:block;font-family:var(--font-h);font-size:12px;font-weight:500;letter-spacing:.08em;\n  text-transform:uppercase;color:var(--text-3);margin-bottom:7px}\n.field input,.field select{width:100%;background:rgba(7,14,28,.55);border:1px solid var(--border);\n  border-radius:var(--radius-btn);padding:14px 15px;color:var(--text);font-family:var(--font-b);font-size:15px;\n  transition:border-color .25s ease,box-shadow .25s ease}\n.field input:focus,.field select:focus{outline:none;border-color:var(--accent);\n  box-shadow:0 0 0 3px rgba(var(--accent-rgb),.16)}\n.field input::placeholder{color:var(--text-3)}\n.field select{appearance:none;cursor:pointer;\n  background-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%23A9B4C6' d='M1 1l5 5 5-5'\/><\/svg>\");\n  background-repeat:no-repeat;background-position:right 15px center}\n.field select option{background:#0C1830;color:var(--text)}\n.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}\n.form .btn-primary{width:100%;margin-top:8px}\n.form-consent{font-size:12px;line-height:1.55;color:var(--text-3);margin-top:14px}\n.form-alt{display:block;text-align:center;margin-top:16px}\n.form-msg{display:none;background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.35);\n  border-radius:var(--radius-btn);padding:16px;font-size:14.5px;color:var(--text);margin-bottom:16px}\n.form-msg.on{display:block}\n\/* ============================================================\n   FOOTER + WHATSAPP FLUTUANTE\n   ============================================================ *\/\n.lp-footer{background:#050912;border-top:1px solid var(--border);padding:56px 0 32px}\n.ft-top{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap;\n  padding-bottom:32px;border-bottom:1px solid var(--border)}\n.ft-top img{height:88px;width:auto}\n.ft-nav{display:flex;gap:26px;flex-wrap:wrap}\n.ft-nav a{font-size:14px;color:var(--text-2);transition:color .25s ease}\n.ft-nav a:hover{color:var(--accent)}\n.ft-bottom{padding-top:26px;display:flex;justify-content:space-between;gap:26px;flex-wrap:wrap}\n.ft-bottom p{font-size:12.5px;line-height:1.65;color:var(--text-3);max-width:640px}\n.wa-float{position:fixed;right:22px;bottom:22px;z-index:80;width:56px;height:56px;border-radius:50%;\n  background:#25D366;color:#fff;display:grid;place-items:center;font-size:26px;\n  box-shadow:0 10px 30px rgba(37,211,102,.36);transition:transform .3s ease}\n.wa-float:hover{transform:scale(1.08) translateY(-2px)}\n\/* ============================================================\n   ANIMA\u00c7\u00d5ES ON-SCROLL  (padr\u00e3o body.scroll-ready)\n   ============================================================ *\/\nbody.scroll-ready .scroll-left,\nbody.scroll-ready .scroll-right,\nbody.scroll-ready .scroll-bottom,\nbody.scroll-ready .scroll-top{opacity:0;filter:blur(7px);transition:.5s ease all}\nbody.scroll-ready .scroll-left  {transform:translate(-30px,0)}\nbody.scroll-ready .scroll-right {transform:translate(30px,0)}\nbody.scroll-ready .scroll-bottom{transform:translate(0,80px)}\nbody.scroll-ready .scroll-top   {transform:translate(0,-80px)}\nbody.scroll-ready .ativo{opacity:1;filter:blur(0);transform:translate(0,0);will-change:transform,filter}\n@media only screen and (min-width:600px){\n  body.scroll-ready .e1{transition:.5s .12s ease all}\n  body.scroll-ready .e2{transition:.5s .24s ease all}\n  body.scroll-ready .e3{transition:.5s .36s ease all}\n  body.scroll-ready .e4{transition:.5s .48s ease all}\n}\n@media (prefers-reduced-motion:reduce){\n  body.scroll-ready .scroll-left,body.scroll-ready .scroll-right,\n  body.scroll-ready .scroll-bottom,body.scroll-ready .scroll-top{\n    opacity:1!important;filter:none!important;transform:none!important;transition:none!important}\n  html{scroll-behavior:auto}\n}\n\/* ============================================================\n   RESET CONTRA O TEMA (Hello Elementor) \u2014 a pagina e autossuficiente\n   ============================================================ *\/\n.eco-table,.eco-table tr,.eco-table td,.eco-table th{background:transparent!important;\n  border-left:0!important;border-right:0!important}\n.eco-table td,.eco-table th{background-color:transparent!important}\n.eco-table tbody tr:nth-child(odd) td,.eco-table tbody tr:nth-child(even) td{background:transparent!important}\n.faq details,.faq summary{background:transparent!important}\ninput,select,textarea,button{font-family:var(--font-b)!important}\n.lp-footer,.lp-header{background-clip:padding-box}\nimg{border-radius:0}\n\/* ============================================================\n   RESPONSIVO\n   ============================================================ *\/\n@media (max-width:1024px){\n  :root{--space-section:96px}\n  .eco-grid,.zig,.cta-grid{grid-template-columns:1fr;gap:44px}\n  \/* SEM sticky quando empilha: o sticky percorre o bloco PAI inteiro, entao a imagem\n     ficava grudada no topo e o texto rolava por cima dela (ilegivel). *\/\n  .zig-stretch{align-items:start}\n  .zig-stretch .zig-img{position:static;top:auto;max-height:none}\n  .zig-stretch .zig-img img{aspect-ratio:16\/10;height:auto;max-height:none}\n  .models{grid-template-columns:repeat(4,1fr)}\n  .model,.model.feature{grid-column:span 2}\n  .model.feature .model-specs{grid-template-columns:1fr 1fr}\n  .bento{grid-template-columns:repeat(2,1fr)}\n  .cards-4{grid-template-columns:repeat(2,1fr)}\n  .b-wide{grid-column:span 2}\n  .next{grid-template-columns:1fr}\n  .hdr-nav{display:none}\n  .hdr-burger{display:block}\n  .model-cta{grid-column:span 4}\n}\n@media (max-width:767px){\n  :root{--space-section:72px}\n  body{font-size:16px}\n  \/* HERO MOBILE \u2014 titulo, subtitulo e botoes TODOS na primeira dobra.\n     A imagem encolhe para 44vh e o texto sobe; tipografia e botoes compactados. *\/\n  .hero{display:block;min-height:auto}\n  .hero-bg,.hero-bg img{position:absolute;top:0;left:0;width:100%!important;height:44vh!important;\n    object-fit:cover;object-position:top center}\n  .hero::after{content:'';position:absolute;top:0;left:0;right:0;height:44vh;bottom:auto;\n    background:linear-gradient(to bottom,transparent 26%,rgba(var(--bg-rgb),.55) 58%,var(--bg) 100%)}\n  .hero-content{position:relative;z-index:2;padding:33vh 20px 34px}\n  .hero-text{max-width:100%;gap:11px}\n  .hero .section-tag{font-size:10.5px;letter-spacing:.12em}\n  .hero .section-tag::before{width:18px}\n  .hero h1{font-size:clamp(29px,8.4vw,40px);margin:0}\n  .hero-subtitle{font-size:14.5px;line-height:1.55;max-width:100%}\n  .hero-buttons{gap:9px;margin-top:4px;flex-wrap:nowrap}\n  .hero-buttons .btn{flex:1 1 0;min-width:0;padding:14px 10px;font-size:13px;gap:7px}\n  .hero-micro{font-size:12px;margin-top:2px}\n  \/* header numa linha so: logo na esquerda, burger na ponta direita *\/\n  .hdr{flex-wrap:nowrap;justify-content:space-between;gap:12px}\n  .hdr-burger{margin-left:auto;padding:6px 2px}\n  .stats-grid{grid-template-columns:repeat(2,1fr)}\n  .stats{padding:40px 0}\n  .models{grid-template-columns:1fr}\n  .model,.model.feature{grid-column:span 1}\n  .model-specs,.model.feature .model-specs{grid-template-columns:1fr 1fr}\n  .bento{grid-template-columns:1fr}\n  .cards-4{grid-template-columns:1fr}\n  .b-wide{grid-column:span 1}\n  .b-img,.b-phone .b-img{height:200px}\n  .cards-centered .card .b-body{text-align:left;align-items:flex-start;padding:22px 20px;\n    display:grid;grid-template-columns:52px 1fr;column-gap:16px;row-gap:4px}\n  .cards-centered .card-ico{grid-row:span 2;margin:0;width:52px;height:52px;align-self:start}\n  .cards-centered .card h4{align-self:center;margin:0}\n  .cards-centered .card p{grid-column:2}\n  .model-cta{grid-column:span 1;padding:28px}\n  .hdr-logo img{height:46px}\n  .lp-header.stuck .hdr-logo img{height:38px}\n  .ft-top img{height:62px}\n  .carousel-track figure{flex:0 0 84%}\n  .carousel-track img{height:220px}\n  .carousel::before,.carousel::after{bottom:66px}\n  \/* TABELA COMPARATIVA NO MOBILE \u2014 3 colunas ficavam espremidas e os cabecalhos\n     quebravam (\"MOTO A \/ GASOLINA\"). Vira lista empilhada com rotulo por valor. *\/\n  .eco-table thead{display:none}\n  .eco-table,.eco-table tbody,.eco-table tr,.eco-table td{display:block;width:100%}\n  .eco-table tr{border-top:1px solid var(--border);padding:15px 0}\n  .eco-table tr:first-child{border-top:0}\n  .eco-table td{border:0!important;padding:0!important;width:100%!important}\n  .eco-table td:first-child{font-family:var(--font-h);font-size:11.5px;font-weight:500;\n    letter-spacing:.11em;text-transform:uppercase;color:var(--text-3);margin-bottom:9px}\n  .eco-table td:nth-child(2),.eco-table td:nth-child(3){display:grid;\n    grid-template-columns:76px 1fr;gap:10px;align-items:baseline;font-size:13.5px;line-height:1.45}\n  .eco-table td:nth-child(2){margin-bottom:5px}\n  .eco-table td:nth-child(2)::before,.eco-table td:nth-child(3)::before{\n    font-family:var(--font-h);font-size:10.5px;font-weight:600;letter-spacing:.08em;\n    text-transform:uppercase;line-height:1.6}\n  .eco-table td:nth-child(2)::before{content:'Gasolina';color:var(--text-3)}\n  .eco-table td:nth-child(3)::before{content:'Yadea';color:var(--accent-light)}\n  .eco-table td:nth-child(3){color:#D8E2EE}\n  \/* o par R$15 x R$3 tambem respira melhor *\/\n  .eco-vs{gap:8px}\n  .eco-badge{gap:12px;padding:14px 16px}\n  .eco-panel{padding:24px 20px}\n  .eco-vs{gap:10px}\n  .eco-table{font-size:13px}\n  .eco-table td:first-child{width:32%}\n  .brand-stats{grid-template-columns:repeat(2,1fr)}\n  .field-row{grid-template-columns:1fr}\n  .form{padding:26px}\n  .section-head{margin-bottom:36px}\n  .shops{grid-template-columns:1fr;grid-auto-rows:200px}\n  .shops .s-wide{grid-column:span 1}\n  .ft-top{flex-direction:column;align-items:center;text-align:center;gap:26px}\n  .ft-top img{height:58px}\n  .ft-nav{justify-content:center;gap:18px 22px}\n  .ft-bottom{flex-direction:column;gap:14px;text-align:center;align-items:center}\n  .ft-bottom p{max-width:100%}\n  .ft-bottom p:last-child{text-align:center!important}\n}\n\/* ===== neutraliza o wrapper do Elementor (canvas) ===== *\/\n.elementor-widget-html,.elementor-widget-html .elementor-widget-container,\n.e-con,.e-con-inner,.elementor-section,.elementor-container,.elementor-column-wrap,\n.elementor-widget-wrap{max-width:none!important;padding:0!important;margin:0!important;width:100%!important}\n.elementor-element{--content-width:100%!important}\nbody.elementor-page{margin:0!important}\n<\/style>\n<p><\/head><br \/>\n<body><br \/>\n<!-- Google Tag Manager (noscript) --><br \/>\n<noscript><iframe src=\"https:\/\/www.googletagmanager.com\/ns.html?id=GTM-W46ND2GD\"\nheight=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"><\/iframe><\/noscript><br \/>\n<!-- End Google Tag Manager (noscript) --><br \/>\n<!-- ================= HEADER ================= --><\/p>\n<header class=\"lp-header\" id=\"topo\">\n<div class=\"wrap hdr\">\n    <a href=\"#topo\" class=\"hdr-logo\"><img decoding=\"async\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/logo-yadea-suprema-branca.webp\" alt=\"Yadea Suprema Ve\u00edculos\"><\/a><\/p>\n<nav class=\"hdr-nav\">\n      <a href=\"#economia\">Economia<\/a><br \/>\n      <a href=\"#modelos\">Modelos<\/a><br \/>\n      <a href=\"#tecnologia\">Tecnologia<\/a><br \/>\n      <a href=\"#lojas\">Lojas<\/a><br \/>\n      <a href=\"#faq\">D\u00favidas<\/a><br \/>\n      <a href=\"#agendar\">Test ride<\/a><br \/>\n    <\/nav>\n<p>    <button class=\"hdr-burger\" aria-label=\"Menu\"><i class=\"fas fa-bars\"><\/i><\/button>\n  <\/div>\n<div class=\"hdr-progress\" id=\"hdr-progress\"><\/div>\n<\/header>\n<p><!-- ================= HERO ================= --><\/p>\n<section class=\"hero\">\n  <picture class=\"hero-bg\"><source media=\"(max-width:768px)\" srcset=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/hero-mobile.webp\"><img decoding=\"async\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/hero-desktop.webp\" alt=\"Piloto conduzindo uma Yadea GFX 6 por uma avenida arborizada de S\u00e3o Paulo\" loading=\"eager\" fetchpriority=\"high\">\n  <\/picture>\n<div class=\"hero-content\">\n<div class=\"hero-text\">\n      <span class=\"section-tag scroll-bottom e1\">Yadea \u00b7 n\u00ba 1 do mundo em ve\u00edculos el\u00e9tricos de duas rodas<\/span><\/p>\n<h1 class=\"scroll-bottom e2\">Cada 100&nbsp;km custam <span class=\"kw-fill\">R$&nbsp;3<\/span>.<br \/>N\u00e3o R$&nbsp;15.<\/h1>\n<p class=\"hero-subtitle scroll-bottom e3\">A moto el\u00e9trica mais vendida do planeta h\u00e1 nove anos seguidos, agora fabricada no Brasil. Bateria de l\u00edtio remov\u00edvel, zero combust\u00edvel e manuten\u00e7\u00e3o que cabe no or\u00e7amento de qualquer m\u00eas.<\/p>\n<div class=\"hero-buttons scroll-bottom e4\">\n        <a href=\"#agendar\" class=\"btn btn-primary js-cta\" data-cta=\"hero\">Agendar meu test ride <i class=\"fas fa-arrow-right\"><\/i><\/a><br \/>\n        <a href=\"#\" class=\"btn btn-ghost js-wa\" data-cta=\"hero-wa\"><i class=\"fab fa-whatsapp\"><\/i> Falar no WhatsApp<\/a>\n      <\/div>\n<p class=\"hero-micro scroll-bottom e4\"><i class=\"fas fa-check-circle\"><\/i> Test ride gratuito e sem compromisso nas lojas Suprema Yadea.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ================= STATS ================= --><\/p>\n<section class=\"stats\">\n<div class=\"filament\"><\/div>\n<div class=\"wrap\">\n<div class=\"stats-grid\">\n<div class=\"stat scroll-bottom e1\"><b>9 anos<\/b><span>seguidos como a n\u00ba 1 mundial em vendas<\/span><\/div>\n<div class=\"stat scroll-bottom e2\"><b>100 mi+<\/b><span>de unidades vendidas acumuladas<\/span><\/div>\n<div class=\"stat scroll-bottom e3\"><b>16,27 mi<\/b><span>de unidades vendidas s\u00f3 em 2025<\/span><\/div>\n<div class=\"stat scroll-bottom e4\"><b>10<\/b><span>bases de produ\u00e7\u00e3o globais \u2014 uma delas no Brasil<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ================= FAIXA ================= --><\/p>\n<div class=\"band\">\n  <img decoding=\"async\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/band-economia.webp\" alt=\"Bico de combust\u00edvel e plugue de recarga el\u00e9trica lado a lado sobre asfalto molhado\" loading=\"lazy\"><\/p>\n<p class=\"band-cap\"><span>De um lado, <b>R$&nbsp;15<\/b> a cada 100&nbsp;km.<\/span><br \/><span>Do outro, <b>R$&nbsp;3<\/b>.<\/span><\/p>\n<\/div>\n<p><!-- ================= ECONOMIA ================= --><\/p>\n<section class=\"section light\" id=\"economia\">\n<div class=\"grid-dots\"><\/div>\n<div class=\"wrap\">\n<div class=\"eco-grid\">\n<div class=\"eco-copy scroll-left\">\n        <span class=\"section-tag\">O c\u00e1lculo que decide<\/span><\/p>\n<h2 style=\"margin:18px 0 22px\">Voc\u00ea n\u00e3o est\u00e1 pagando pela moto.<br \/>Est\u00e1 pagando pela <span class=\"kw\">gasolina<\/span>.<\/h2>\n<p>Uma 160cc faz cerca de 40&nbsp;km com um litro. A R$&nbsp;6 o litro, seus 100&nbsp;km custam R$&nbsp;15.<\/p>\n<p>A mesma dist\u00e2ncia numa Yadea consome 3&nbsp;kWh. A R$&nbsp;1 o kWh, custam R$&nbsp;3.<\/p>\n<p>Quem roda 5.000&nbsp;km por m\u00eas guarda cerca de <strong>R$&nbsp;600 todo m\u00eas<\/strong> \u2014 s\u00f3 de energia, sem contar \u00f3leo, filtro, vela e corrente que a el\u00e9trica simplesmente n\u00e3o tem.<\/p>\n<p class=\"eco-note\">C\u00e1lculo da Yadea para bateria 60V30A com 60&nbsp;km de autonomia (1,8&nbsp;kWh por carga completa, 3&nbsp;kWh por 100&nbsp;km a R$&nbsp;1\/kWh) contra uma 160cc a 40&nbsp;km\/l e R$&nbsp;6\/l. O custo real varia com o pre\u00e7o local da energia e da gasolina.<\/p>\n<\/p><\/div>\n<div class=\"eco-panel scroll-right\">\n<div class=\"eco-vs\">\n<div class=\"eco-cost gas\"><em>Moto a gasolina<\/em><b>R$&nbsp;15<\/b><small>a cada 100 km<\/small><\/div>\n<div class=\"eco-sep\"><\/div>\n<div class=\"eco-cost ele\"><em>Yadea el\u00e9trica<\/em><b>R$&nbsp;3<\/b><small>a cada 100 km<\/small><\/div>\n<\/p><\/div>\n<div class=\"eco-badge\">\n          <b>1\/5<\/b><br \/>\n          <span>do custo de energia de uma moto a gasolina, com a mesma autonomia<\/span>\n        <\/div>\n<table class=\"eco-table\">\n<thead>\n<tr>\n<th><\/th>\n<th>Moto a gasolina<\/th>\n<th>Yadea el\u00e9trica<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Combust\u00edvel \/ energia<\/td>\n<td>Alto \u2014 gasolina cara<\/td>\n<td>Muito baixo \u2014 eletricidade<\/td>\n<\/tr>\n<tr>\n<td>Manuten\u00e7\u00e3o<\/td>\n<td>Frequente e cara: \u00f3leo, filtros, velas, corrente<\/td>\n<td>Simples e barata: menos pe\u00e7as m\u00f3veis<\/td>\n<\/tr>\n<tr>\n<td>Vida \u00fatil do motor<\/td>\n<td>Menor \u2014 o motor sofre mais desgaste<\/td>\n<td>Maior \u2014 o motor el\u00e9trico tem menos atrito<\/td>\n<\/tr>\n<tr>\n<td>Troca de pe\u00e7as<\/td>\n<td>Mais frequente<\/td>\n<td>Menos frequente<\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ================= MODELOS ================= --><\/p>\n<section class=\"section light-2\" id=\"modelos\">\n<div class=\"wrap\">\n<div class=\"section-head scroll-bottom\">\n      <span class=\"section-tag\">A linha<\/span><\/p>\n<h2>Seis modelos <span class=\"kw\">fabricados no Brasil<\/span><\/h2>\n<p class=\"lead\">Da primeira moto el\u00e9trica da vida \u00e0 naked de 100&nbsp;km\/h. Escolha pela dist\u00e2ncia que voc\u00ea roda por dia \u2014 n\u00e3o pelo folheto.<\/p>\n<\/p><\/div>\n<div class=\"models\">\n<article class=\"model feature scroll-bottom e1\">\n<div class=\"model-img\"><span class=\"model-chip\">Alta performance<\/span><br \/>\n          <img decoding=\"async\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/product-keeness.webp\" alt=\"Yadea Keeness \u2014 motocicleta el\u00e9trica de alta performance\" loading=\"lazy\"><\/div>\n<div class=\"model-name\">\n<h3>Keeness<\/h3>\n<\/div>\n<p class=\"model-head\">100 km\/h. 0 a 50 em 3 segundos.<\/p>\n<p>Motor central de 5.500&nbsp;W, duas baterias de l\u00edtio remov\u00edveis de 72V&nbsp;32Ah e 120&nbsp;km de autonomia. Freio a disco nas duas rodas com CBS e aro 17. Para quem vem da gasolina e n\u00e3o abre m\u00e3o de desempenho.<\/p>\n<ul class=\"model-specs\">\n<li><i class=\"fas fa-circle\"><\/i>120 km de autonomia<\/li>\n<li><i class=\"fas fa-circle\"><\/i>100 km\/h<\/li>\n<li><i class=\"fas fa-circle\"><\/i>5.500 W \u00b7 motor central<\/li>\n<li><i class=\"fas fa-circle\"><\/i>72V 32Ah \u00d72 remov\u00edvel<\/li>\n<li><i class=\"fas fa-circle\"><\/i>Disco + CBS \u00b7 aro 17<\/li>\n<li><i class=\"fas fa-circle\"><\/i>Rampa de 20\u00b0<\/li>\n<\/ul>\n<\/article>\n<article class=\"model feature scroll-bottom e2\">\n<div class=\"model-img\"><span class=\"model-chip\">Conectada<\/span><br \/>\n          <img decoding=\"async\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/product-gfx6.webp\" alt=\"Yadea GFX 6 \u2014 scooter el\u00e9trica conectada com app, GPS e NFC\" loading=\"lazy\"><\/div>\n<div class=\"model-name\">\n<h3>GFX 6<\/h3>\n<\/div>\n<p class=\"model-head\">Destrava pelo celular. Sem chave.<\/p>\n<p>A \u00fanica da linha com GPS, aplicativo e NFC de f\u00e1brica: voc\u00ea acompanha carga e localiza\u00e7\u00e3o, ativa o antifurto e libera a moto pelo telefone. Freio a disco nas duas rodas e visual street que aceita personaliza\u00e7\u00e3o.<\/p>\n<ul class=\"model-specs\">\n<li><i class=\"fas fa-circle\"><\/i>70 km de autonomia<\/li>\n<li><i class=\"fas fa-circle\"><\/i>1.000 W<\/li>\n<li><i class=\"fas fa-circle\"><\/i>60V 30Ah LFP remov\u00edvel<\/li>\n<li><i class=\"fas fa-circle\"><\/i>GPS \u00b7 App \u00b7 NFC<\/li>\n<li><i class=\"fas fa-circle\"><\/i>Disco nas duas rodas<\/li>\n<li><i class=\"fas fa-circle\"><\/i>Rampa de 15\u00b0<\/li>\n<\/ul>\n<\/article>\n<article class=\"model scroll-bottom e1\">\n<div class=\"model-img\"><span class=\"model-chip\">Cl\u00e1ssica urbana<\/span><br \/>\n          <img decoding=\"async\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/product-owin.webp\" alt=\"Yadea Owin \u2014 scooter el\u00e9trica cl\u00e1ssica urbana na cor vermelha\" loading=\"lazy\"><\/div>\n<div class=\"model-name\">\n<h3>Owin<\/h3>\n<\/div>\n<p class=\"model-head\">75 km por carga.<\/p>\n<p>Desenho cl\u00e1ssico, banco largo e ba\u00fa traseiro de s\u00e9rie. Suspens\u00e3o hidr\u00e1ulica na frente e atr\u00e1s e pneus 90\/80-12 para encarar o asfalto ruim do dia a dia.<\/p>\n<ul class=\"model-specs\">\n<li><i class=\"fas fa-circle\"><\/i>75 km de autonomia<\/li>\n<li><i class=\"fas fa-circle\"><\/i>1.000 W<\/li>\n<li><i class=\"fas fa-circle\"><\/i>60V 30Ah remov\u00edvel<\/li>\n<li><i class=\"fas fa-circle\"><\/i>Pneus 90\/80-12<\/li>\n<\/ul>\n<\/article>\n<article class=\"model scroll-bottom e2\">\n<div class=\"model-img\"><span class=\"model-chip\">Conforto<\/span><br \/>\n          <img decoding=\"async\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/product-m6h.webp\" alt=\"Yadea M6-H \u2014 scooter el\u00e9trica compacta na cor creme\" loading=\"lazy\"><\/div>\n<div class=\"model-name\">\n<h3>M6-H<\/h3>\n<\/div>\n<p class=\"model-head\">Leve de manobrar.<\/p>\n<p>A mais equilibrada da linha para trajeto curto di\u00e1rio: 1.785&nbsp;mm de comprimento, banco confort\u00e1vel e 75&nbsp;km de autonomia. Para quem carrega compras, mochila ou crian\u00e7a.<\/p>\n<ul class=\"model-specs\">\n<li><i class=\"fas fa-circle\"><\/i>75 km de autonomia<\/li>\n<li><i class=\"fas fa-circle\"><\/i>1.000 W<\/li>\n<li><i class=\"fas fa-circle\"><\/i>60V 30Ah remov\u00edvel<\/li>\n<li><i class=\"fas fa-circle\"><\/i>1.785 \u00d7 700 mm<\/li>\n<\/ul>\n<\/article>\n<article class=\"model scroll-bottom e3\">\n<div class=\"model-img\"><span class=\"model-chip\">Trabalho<\/span><br \/>\n          <img decoding=\"async\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/product-dt3.webp\" alt=\"Yadea DT3 \u2014 scooter el\u00e9trica preta para uso di\u00e1rio\" loading=\"lazy\"><\/div>\n<div class=\"model-name\">\n<h3>DT3<\/h3>\n<\/div>\n<p class=\"model-head\">A conta que fecha no fim do m\u00eas.<\/p>\n<p>Bateria de 48V&nbsp;24Ah, motor de 1.000&nbsp;W e 55&nbsp;km de autonomia \u2014 mais do que o trajeto casa-trabalho-casa da maioria. Estrutura simples, robusta e barata de manter.<\/p>\n<ul class=\"model-specs\">\n<li><i class=\"fas fa-circle\"><\/i>55 km de autonomia<\/li>\n<li><i class=\"fas fa-circle\"><\/i>1.000 W<\/li>\n<li><i class=\"fas fa-circle\"><\/i>48V 24Ah remov\u00edvel<\/li>\n<li><i class=\"fas fa-circle\"><\/i>Rampa de 12\u00b0<\/li>\n<\/ul>\n<\/article>\n<article class=\"model scroll-bottom e4\">\n<div class=\"model-img\"><span class=\"model-chip\">Entrada<\/span><br \/>\n          <img decoding=\"async\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/product-gb60.webp\" alt=\"Yadea GB60 \u2014 scooter el\u00e9trica compacta de entrada\" loading=\"lazy\"><\/div>\n<div class=\"model-name\">\n<h3>GB60<\/h3>\n<\/div>\n<p class=\"model-head\">A primeira moto el\u00e9trica da sua vida.<\/p>\n<p>Compacta com 1.565&nbsp;mm, motor de 800&nbsp;W e 50&nbsp;km de autonomia. A porta de entrada para quem quer parar de abastecer sem dar um passo grande demais.<\/p>\n<ul class=\"model-specs\">\n<li><i class=\"fas fa-circle\"><\/i>50 km de autonomia<\/li>\n<li><i class=\"fas fa-circle\"><\/i>800 W<\/li>\n<li><i class=\"fas fa-circle\"><\/i>48V 24Ah remov\u00edvel<\/li>\n<li><i class=\"fas fa-circle\"><\/i>1.565 \u00d7 685 mm<\/li>\n<\/ul>\n<\/article>\n<article class=\"model model-cta scroll-bottom e4\">\n<h3>N\u00e3o sabe qual \u00e9 o seu?<\/h3>\n<p>Diga quantos quil\u00f4metros voc\u00ea roda por dia e a equipe da Suprema Yadea indica o modelo e calcula sua economia mensal \u2014 antes de voc\u00ea pagar qualquer coisa.<\/p>\n<p>        <a href=\"#agendar\" class=\"btn btn-primary js-cta\" data-cta=\"modelos\">Quero fazer o test ride <i class=\"fas fa-arrow-right\"><\/i><\/a><br \/>\n      <\/article>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ================= TECNOLOGIA ================= --><\/p>\n<section class=\"section ambient\" id=\"tecnologia\">\n<div class=\"wrap\">\n<div class=\"section-head scroll-bottom\">\n      <span class=\"section-tag\">Tecnologia<\/span><\/p>\n<h2>Tecnologia que voc\u00ea usa todo dia \u2014 n\u00e3o a que <span class=\"kw\">aparece no folheto<\/span><\/h2>\n<\/p><\/div>\n<div class=\"bento\">\n<article class=\"card b-wide scroll-bottom e1\">\n<div class=\"b-img\"><img decoding=\"async\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/feature-bateria-removivel.webp\" alt=\"Homem carregando a bateria de l\u00edtio remov\u00edvel de uma Yadea\" loading=\"lazy\"><\/div>\n<div class=\"b-body\">\n<div class=\"card-ico\"><i class=\"fas fa-plug\"><\/i><\/div>\n<h4>Tira a bateria e sobe com ela<\/h4>\n<p>A bateria de l\u00edtio \u00e9 remov\u00edvel em todos os seis modelos. Carga completa em 5 a 6 horas \u2014 sem obra, sem instala\u00e7\u00e3o especial, sem depender de garagem com ponto de recarga.<\/p>\n<\/p><\/div>\n<\/article>\n<article class=\"card b-wide scroll-bottom e2\">\n<div class=\"b-img\"><img decoding=\"async\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/gen-carregando-em-casa.webp\" alt=\"Bateria remov\u00edvel de l\u00edtio carregando em uma tomada comum dentro de um apartamento\" loading=\"lazy\"><\/div>\n<div class=\"b-body\">\n<div class=\"card-ico\"><i class=\"fas fa-home\"><\/i><\/div>\n<h4>Carrega onde voc\u00ea mora<\/h4>\n<p>Tomada de 127&nbsp;V ou 220&nbsp;V comum. A bateria sai da moto com uma al\u00e7a e sobe de elevador com voc\u00ea.<\/p>\n<\/p><\/div>\n<\/article>\n<article class=\"card b-wide b-phone scroll-bottom e3\">\n<div class=\"b-img\"><img decoding=\"async\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/ui-app-yadea.webp\" alt=\"Tela do aplicativo Yadea mostrando o n\u00edvel de carga e os controles r\u00e1pidos\" loading=\"lazy\"><\/div>\n<div class=\"b-body\">\n<div class=\"card-ico\"><i class=\"fas fa-mobile-alt\"><\/i><\/div>\n<h4>App, GPS e NFC<\/h4>\n<p>No GFX 6 voc\u00ea libera a moto sem chave, acompanha o n\u00edvel de carga e a localiza\u00e7\u00e3o e ativa o antifurto pelo celular.<\/p>\n<\/p><\/div>\n<\/article>\n<article class=\"card scroll-bottom e4\">\n<div class=\"b-img\"><img decoding=\"async\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/feature-app-capacete.webp\" alt=\"M\u00e3o segurando o celular com o aplicativo Yadea aberto ao lado do capacete\" loading=\"lazy\"><\/div>\n<div class=\"b-body\">\n<div class=\"card-ico\"><i class=\"fas fa-lock\"><\/i><\/div>\n<h4>Trava eletr\u00f4nica de motor<\/h4>\n<p>Bloqueio do motor com desbloqueio pelo aplicativo. Antifurto que n\u00e3o depende de corrente e cadeado.<\/p>\n<\/p><\/div>\n<\/article>\n<article class=\"card scroll-bottom e4\">\n<div class=\"b-img\"><img decoding=\"async\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/scenario-keeness-serra.webp\" alt=\"Yadea Keeness em estrada de serra ao entardecer\" loading=\"lazy\"><\/div>\n<div class=\"b-body\">\n<div class=\"card-ico\"><i class=\"fas fa-award\"><\/i><\/div>\n<h4>Design premiado<\/h4>\n<p>Red Dot Award e IDEA Award. A mesma engenharia que vende 16 milh\u00f5es de unidades por ano no mundo.<\/p>\n<\/p><\/div>\n<\/article><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ================= QUALIDADE ================= --><\/p>\n<section class=\"section\" style=\"background:var(--bg-2)\">\n<div class=\"wrap\">\n<div class=\"zig zig-stretch\">\n<div class=\"zig-img scroll-left\">\n        <img decoding=\"async\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/gen-oficina-tecnica.webp\" alt=\"T\u00e9cnico usando torqu\u00edmetro no cubo do motor traseiro de uma scooter el\u00e9trica\" loading=\"lazy\">\n      <\/div>\n<div class=\"scroll-right\">\n        <span class=\"section-tag\">Engenharia<\/span><\/p>\n<h2 style=\"margin:18px 0 18px\"><span class=\"kw\">24 upgrades<\/span> de engenharia antes de sair da f\u00e1brica<\/h2>\n<p class=\"lead\">A linha de exporta\u00e7\u00e3o recebe 24 melhorias espec\u00edficas sobre o padr\u00e3o de mercado. \u00c9 a diferen\u00e7a entre uma moto el\u00e9trica que dura e uma que vira problema no segundo ano.<\/p>\n<div class=\"qual-list\">\n<div class=\"qual-item\">\n<div class=\"qual-ico\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\n<div>\n<h4>Chassi testado em 45 mil ciclos<\/h4>\n<p>Estampagem de chapa met\u00e1lica com risers soldados de cabe\u00e7a dupla e tubos laminados a frio de alto carbono. Resist\u00eancia comprovada sem danos.<\/p>\n<\/div>\n<\/div>\n<div class=\"qual-item\">\n<div class=\"qual-ico\"><i class=\"fas fa-spray-can\"><\/i><\/div>\n<div>\n<h4>Pintura eletrofor\u00e9tica \u2265 60 \u03bcm<\/h4>\n<p>Processo eletrofor\u00e9tico mais pintura em p\u00f3 por dentro e por fora. Pel\u00edcula espessa e uniforme: n\u00e3o arranha e n\u00e3o enferruja com facilidade.<\/p>\n<\/div>\n<\/div>\n<div class=\"qual-item\">\n<div class=\"qual-ico\"><i class=\"fas fa-cube\"><\/i><\/div>\n<div>\n<h4>ABS classe S, 3 anos sem rachar<\/h4>\n<p>Pl\u00e1stico resistente a alta temperatura, a rachaduras e ao envelhecimento, com tinta bicomponente de brilho dur\u00e1vel.<\/p>\n<\/div>\n<\/div>\n<div class=\"qual-item\">\n<div class=\"qual-ico\"><i class=\"fas fa-bolt\"><\/i><\/div>\n<div>\n<h4>Motor IPX7, +10% de pot\u00eancia<\/h4>\n<p>Enrolamento automatizado, chapa de a\u00e7o magn\u00e9tico que n\u00e3o desmagnetiza f\u00e1cil, resist\u00eancia \u00e0 corros\u00e3o grau 8 e veda\u00e7\u00e3o \u00e0 prova d&#8217;\u00e1gua IPX7.<\/p>\n<\/div>\n<\/div>\n<div class=\"qual-item\">\n<div class=\"qual-ico\"><i class=\"fas fa-charging-station\"><\/i><\/div>\n<div>\n<h4>Carregador selado<\/h4>\n<p>Veda\u00e7\u00e3o por envasamento: \u00e0 prova de poeira, de \u00e1gua e de choque.<\/p>\n<\/div>\n<\/div><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ================= MARCA GLOBAL ================= --><\/p>\n<section class=\"section light\">\n<div class=\"wrap\">\n<div class=\"zig\">\n<div class=\"scroll-left\">\n        <span class=\"section-tag\">A marca<\/span><\/p>\n<h2 style=\"margin:18px 0 20px\">A n\u00famero 1 do mundo,<br \/><span class=\"nb\">h\u00e1 <span class=\"kw\">nove anos<\/span> seguidos.<\/span><\/h2>\n<p style=\"margin-bottom:14px\">A Yadea foi fundada em 2001 e hoje \u00e9 a maior fabricante de ve\u00edculos el\u00e9tricos de duas rodas do planeta. Mais de 100 milh\u00f5es de unidades vendidas, 16,27 milh\u00f5es s\u00f3 em 2025 e US$&nbsp;5,5 bilh\u00f5es de receita no mesmo ano.<\/p>\n<p style=\"margin-bottom:14px\">Est\u00e1 listada na Bolsa de Valores de Hong Kong desde maio de 2016 sob o c\u00f3digo 01585HK \u2014 foi a primeira empresa do setor el\u00e9trico chin\u00eas a abrir capital.<\/p>\n<p>S\u00e3o 10 bases de produ\u00e7\u00e3o globais: China, Tail\u00e2ndia, Vietn\u00e3, Indon\u00e9sia, M\u00e9xico e <strong>Brasil<\/strong>. A produ\u00e7\u00e3o local e o centro de distribui\u00e7\u00e3o em S\u00e3o Paulo s\u00e3o o motivo de pe\u00e7a e assist\u00eancia aqui n\u00e3o dependerem de um cont\u00eainer atravessando o oceano.<\/p>\n<div class=\"brand-stats\">\n<div><b>2001<\/b><span>ano de funda\u00e7\u00e3o<\/span><\/div>\n<div><b>01585HK<\/b><span>listada em Hong Kong<\/span><\/div>\n<div><b>US$ 5,5 bi<\/b><span>de receita em 2025<\/span><\/div>\n<div><b>10<\/b><span>bases de produ\u00e7\u00e3o<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"brandmark scroll-right\">\n        <span class=\"ring\"><\/span><span class=\"ring\"><\/span><span class=\"ring\"><\/span><\/p>\n<div class=\"brandmark-inner\">\n          <svg viewBox=\"0 0 98 152\" role=\"img\" aria-label=\"S\u00edmbolo da marca Yadea\">\n            <path class=\"ym\" d=\"M19.66,81.68l-9.14-5.28c-.47-.27-1.04.09-1,.63.49,6.79,2.62,19.63,11.07,34.29,8.45,14.65,18.51,22.91,24.15,26.73.44.3,1.04-.02,1.04-.56v-10.56c.3-11.07-1.54-20.06-5.52-26.98-3.99-6.91-10.85-13-20.59-18.28\"\/>\n            <path class=\"ym\" d=\"M84.41,70.57c.47-.27.44-.95-.04-1.19-6.13-2.97-18.31-7.55-35.23-7.55s-29.09,4.57-35.22,7.55c-.48.23-.51.92-.04,1.19l9.14,5.28c9.44,5.8,18.15,8.7,26.12,8.7s16.68-2.9,26.12-8.7l9.15-5.28h0Z\"\/>\n            <path class=\"ym\" d=\"M87.76,76.4l-9.14,5.28c-9.74,5.28-16.6,11.37-20.59,18.27-3.99,6.91-5.83,15.9-5.52,26.98v10.56c0,.53.6.86,1.04.56,5.64-3.82,15.69-12.09,24.15-26.73,8.45-14.65,10.58-27.49,11.07-34.29.04-.53-.53-.89-1-.63\"\/>\n          <\/svg><br \/>\n          <img decoding=\"async\" class=\"lockup\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/logo-yadea-suprema-branca.webp\" alt=\"Yadea Suprema Ve\u00edculos\"><\/p>\n<p class=\"brandmark-word\">N\u00ba <b>1<\/b> do mundo &nbsp;\u00b7&nbsp; 9 anos seguidos<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ================= P\u00d3S-VENDA ================= --><\/p>\n<section class=\"section light-2\">\n<div class=\"wrap\">\n<div class=\"section-head scroll-bottom\">\n      <span class=\"section-tag\">P\u00f3s-venda<\/span><\/p>\n<h2>O que derruba as outras el\u00e9tricas:<br \/><span class=\"kw\">o dia seguinte \u00e0 compra<\/span><\/h2>\n<p class=\"lead\">Baixa qualidade, garantia curta, pe\u00e7a que n\u00e3o chega e assist\u00eancia que n\u00e3o existe. Esses s\u00e3o os problemas declarados do setor de motos el\u00e9tricas no Brasil \u2014 e s\u00e3o exatamente os quatro pontos que a estrutura Yadea ataca.<\/p>\n<\/p><\/div>\n<div class=\"bento cards-centered cards-4\">\n<article class=\"card scroll-bottom e1\">\n<div class=\"b-body\">\n<div class=\"card-ico\"><i class=\"fas fa-store\"><\/i><\/div>\n<h4>Rede de lojas padronizadas<\/h4>\n<p>Lojas com padr\u00e3o internacional em S\u00e3o Paulo, Butant\u00e3, Curitiba, Florian\u00f3polis, Fortaleza e Patos de Minas.<\/p>\n<\/div>\n<\/article>\n<article class=\"card scroll-bottom e2\">\n<div class=\"b-body\">\n<div class=\"card-ico\"><i class=\"fas fa-industry\"><\/i><\/div>\n<h4>Fabrica\u00e7\u00e3o local<\/h4>\n<p>Produ\u00e7\u00e3o no Brasil e centro de distribui\u00e7\u00e3o em S\u00e3o Paulo. Prazo de pe\u00e7a sem fila de importa\u00e7\u00e3o.<\/p>\n<\/div>\n<\/article>\n<article class=\"card scroll-bottom e3\">\n<div class=\"b-body\">\n<div class=\"card-ico\"><i class=\"fas fa-user-cog\"><\/i><\/div>\n<h4>Treinamento de p\u00f3s-venda<\/h4>\n<p>Equipe t\u00e9cnica treinada pela f\u00e1brica \u2014 n\u00e3o por manual traduzido.<\/p>\n<\/div>\n<\/article>\n<article class=\"card scroll-bottom e4\">\n<div class=\"b-body\">\n<div class=\"card-ico\"><i class=\"fas fa-boxes\"><\/i><\/div>\n<h4>Estoque de pe\u00e7as<\/h4>\n<p>Pe\u00e7as de reposi\u00e7\u00e3o em estoque nacional. \u00c9 o ponto onde a maioria das marcas el\u00e9tricas falha no Brasil.<\/p>\n<\/div>\n<\/article><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ================= LOJAS ================= --><\/p>\n<section class=\"section ambient\" id=\"lojas\">\n<div class=\"wrap\">\n<div class=\"section-head scroll-bottom\">\n      <span class=\"section-tag\">Onde encontrar<\/span><\/p>\n<h2>Lojas Yadea <span class=\"kw\">no Brasil<\/span><\/h2>\n<p class=\"lead\">Padr\u00e3o internacional de loja, aqui do lado. Venha fazer o test ride.<\/p>\n<\/p><\/div>\n<div class=\"carousel scroll-bottom\">\n<div class=\"carousel-track\" id=\"shops-track\">\n<figure><img decoding=\"async\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/loja-01-letreiro.webp\" alt=\"Letreiro YADEA na fachada de uma loja no Brasil\" loading=\"lazy\"><figcaption>Letreiro de fachada \u2014 padr\u00e3o internacional<\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/loja-02-fachada-vidro.webp\" alt=\"Fachada de vidro de uma loja Yadea no Brasil\" loading=\"lazy\"><figcaption>Loja com fachada de vidro e vitrine<\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/loja-03-predio.webp\" alt=\"Pr\u00e9dio com letreiro Yadea\" loading=\"lazy\"><figcaption>Unidade em pr\u00e9dio pr\u00f3prio<\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/loja-04-bandeiras.webp\" alt=\"Fachada de loja Yadea com bandeiras na entrada\" loading=\"lazy\"><figcaption>Entrada com sinaliza\u00e7\u00e3o de marca<\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/loja-05-inauguracao.webp\" alt=\"Inaugura\u00e7\u00e3o de loja Yadea com arco de bal\u00f5es\" loading=\"lazy\"><figcaption>Inaugura\u00e7\u00e3o de unidade no Brasil<\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/loja-06-showroom-janela.webp\" alt=\"Interior do showroom Yadea com scooters expostas\" loading=\"lazy\"><figcaption>Showroom com a linha completa exposta<\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/loja-07-showroom-interno.webp\" alt=\"\u00c1rea de atendimento dentro da loja Yadea\" loading=\"lazy\"><figcaption>\u00c1rea de atendimento e p\u00f3s-venda<\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/loja-08-showroom-moto.webp\" alt=\"Scooter el\u00e9trica Yadea exposta no showroom\" loading=\"lazy\"><figcaption>Modelo em exposi\u00e7\u00e3o na loja<\/figcaption><\/figure>\n<\/p><\/div>\n<div class=\"carousel-nav\">\n        <button type=\"button\" id=\"shops-prev\" aria-label=\"Anterior\"><i class=\"fas fa-arrow-left\"><\/i><\/button><br \/>\n        <button type=\"button\" id=\"shops-next\" aria-label=\"Pr\u00f3ximo\"><i class=\"fas fa-arrow-right\"><\/i><\/button>\n      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ================= 2026 ================= --><\/p>\n<section class=\"section\" style=\"background:var(--bg-2)\">\n<div class=\"wrap\">\n<div class=\"section-head scroll-bottom\">\n      <span class=\"section-tag\">Em breve<\/span><\/p>\n<h2>E ainda vem mais em <span class=\"kw\">2026<\/span><\/h2>\n<p class=\"lead\">Tr\u00eas modelos novos j\u00e1 confirmados para a linha brasileira.<\/p>\n<\/p><\/div>\n<div class=\"next\">\n<article class=\"card scroll-bottom e1\">\n<div class=\"n-img\"><span class=\"n-badge\">2026<\/span><img decoding=\"async\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/product-2026-gt80.webp\" alt=\"Yadea GT80 2026 \u2014 scooter el\u00e9trica esportiva\" loading=\"lazy\"><\/div>\n<div class=\"n-body\">\n<h3>GT80<\/h3>\n<p class=\"next-hi\">80 km\/h \u00b7 at\u00e9 150 km<\/p>\n<p>Bateria 72V&nbsp;45A \u00b7 motor 3.000&nbsp;W \u00b7 freio a disco com CBS \u00b7 aro 100\/90-12 e 120\/80-12 \u00b7 carga em 5 a 6&nbsp;h \u00b7 rampa de 18\u00b0<\/p>\n<\/div>\n<\/article>\n<article class=\"card scroll-bottom e2\">\n<div class=\"n-img\"><span class=\"n-badge\">2026<\/span><img decoding=\"async\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/product-2026-y1s.webp\" alt=\"Yadea Y1S 2026 \u2014 scooter el\u00e9trica urbana\" loading=\"lazy\"><\/div>\n<div class=\"n-body\">\n<h3>Y1S<\/h3>\n<p class=\"next-hi\">at\u00e9 80 km de autonomia<\/p>\n<p>Bateria LFP 60V&nbsp;30Ah \u00b7 motor 1.000&nbsp;W \u00b7 32&nbsp;km\/h \u00b7 freio a disco \u00b7 aro 90\/90-12 e 100\/80-12 \u00b7 carga em 5 a 6&nbsp;h \u00b7 rampa de 14\u00b0<\/p>\n<\/div>\n<\/article>\n<article class=\"card scroll-bottom e3\">\n<div class=\"n-img\"><span class=\"n-badge\">2026<\/span><img decoding=\"async\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/product-2026-gs70.webp\" alt=\"Yadea GS70 2026 \u2014 scooter el\u00e9trica urbana\" loading=\"lazy\"><\/div>\n<div class=\"n-body\">\n<h3>GS70<\/h3>\n<p class=\"next-hi\">at\u00e9 75 km de autonomia<\/p>\n<p>Bateria LFP 60V&nbsp;30Ah \u00b7 motor 1.000&nbsp;W \u00b7 32&nbsp;km\/h \u00b7 freio a disco \u00b7 aro 80\/90-12 e 3.0-10 \u00b7 carga em 5 a 6&nbsp;h \u00b7 rampa de 15\u00b0<\/p>\n<\/div>\n<\/article><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ================= FAQ ================= --><\/p>\n<section class=\"section light\" id=\"faq\">\n<div class=\"wrap\">\n<div class=\"section-head scroll-bottom\" style=\"margin-left:auto;margin-right:auto;text-align:center\">\n      <span class=\"section-tag\" style=\"justify-content:center\">D\u00favidas<\/span><\/p>\n<h2>Perguntas <span class=\"kw\">que todo mundo faz<\/span><\/h2>\n<\/p><\/div>\n<div class=\"faq scroll-bottom\">\n<details>\n<summary>Quanto tempo demora para carregar?<\/summary>\n<div class=\"faq-a\">De 5 a 6 horas para uma carga completa, numa tomada comum. Como a bateria de l\u00edtio \u00e9 remov\u00edvel em todos os modelos, voc\u00ea pode subir com ela para o apartamento ou levar para o escrit\u00f3rio \u2014 n\u00e3o precisa de instala\u00e7\u00e3o especial nem de garagem com ponto de carga.<\/div>\n<\/details>\n<details>\n<summary>A autonomia aguenta o meu dia?<\/summary>\n<div class=\"faq-a\">Depende do modelo: 50&nbsp;km no GB60, 55&nbsp;km no DT3, 70&nbsp;km no GFX&nbsp;6, 75&nbsp;km no Owin e no M6-H e 120&nbsp;km no Keeness. Some ida e volta do seu trajeto di\u00e1rio e compare. Na d\u00favida, a equipe da loja calcula com voc\u00ea no test ride.<\/div>\n<\/details>\n<details>\n<summary>E se quebrar? Tem pe\u00e7a no Brasil?<\/summary>\n<div class=\"faq-a\">Sim. A Yadea fabrica no Brasil e mant\u00e9m centro de distribui\u00e7\u00e3o em S\u00e3o Paulo, com estoque nacional de pe\u00e7as de reposi\u00e7\u00e3o e equipe t\u00e9cnica treinada pela f\u00e1brica. Assist\u00eancia n\u00e3o depende de importa\u00e7\u00e3o.<\/div>\n<\/details>\n<details>\n<summary>Moto el\u00e9trica n\u00e3o \u00e9 fr\u00e1gil?<\/summary>\n<div class=\"faq-a\">A linha de exporta\u00e7\u00e3o recebe 24 upgrades de qualidade: chassi aprovado em teste de 45 mil ciclos sem danos, pintura eletrofor\u00e9tica com pel\u00edcula de no m\u00ednimo 60&nbsp;\u03bcm, pl\u00e1stico ABS classe S e motor com veda\u00e7\u00e3o \u00e0 prova d&#8217;\u00e1gua IPX7 e resist\u00eancia \u00e0 corros\u00e3o grau 8.<\/div>\n<\/details>\n<details>\n<summary>Qual a diferen\u00e7a real de custo para uma moto a gasolina?<\/summary>\n<div class=\"faq-a\">Pelo c\u00e1lculo da pr\u00f3pria Yadea, 100&nbsp;km custam cerca de R$&nbsp;3 na el\u00e9trica contra R$&nbsp;15 numa 160cc \u2014 um quinto do custo de energia. Rodando 5.000&nbsp;km por m\u00eas, a diferen\u00e7a passa de R$&nbsp;600 mensais, sem contar \u00f3leo, filtro, vela e corrente que a el\u00e9trica n\u00e3o usa.<\/div>\n<\/details>\n<details>\n<summary>Preciso de CNH e emplacamento?<\/summary>\n<div class=\"faq-a\">Depende do modelo e da regulamenta\u00e7\u00e3o vigente. A equipe da Suprema Yadea confirma a situa\u00e7\u00e3o exata do modelo que voc\u00ea escolher antes da compra \u2014 \u00e9 s\u00f3 perguntar no WhatsApp ou no test ride.<\/div>\n<\/details>\n<details>\n<summary>Quanto custa?<\/summary>\n<div class=\"faq-a\">O pre\u00e7o varia por modelo e por condi\u00e7\u00e3o de pagamento. Pe\u00e7a a tabela atualizada pelo formul\u00e1rio abaixo ou no WhatsApp que a equipe envia na hora, junto com as op\u00e7\u00f5es de parcelamento.<\/div>\n<\/details>\n<details>\n<summary>D\u00e1 para fazer test ride antes de comprar?<\/summary>\n<div class=\"faq-a\">D\u00e1. O test ride \u00e9 gratuito e sem compromisso nas lojas Suprema Yadea. Preencha o formul\u00e1rio ou chame no WhatsApp que a equipe agenda com voc\u00ea.<\/div>\n<\/details><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ================= CTA FINAL ================= --><\/p>\n<section class=\"section cta\" id=\"agendar\">\n<div class=\"cta-bg\"><img decoding=\"async\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/gen-cta-noturno.webp\" alt=\"Vista a\u00e9rea noturna de uma avenida com rastros de luz dos ve\u00edculos\" loading=\"lazy\"><\/div>\n<div class=\"wrap\">\n<div class=\"cta-grid\">\n<div class=\"scroll-left\">\n        <span class=\"section-tag\">Test ride<\/span><\/p>\n<h2 style=\"margin:18px 0 20px\">Fa\u00e7a as contas na <span class=\"kw\">sua rotina<\/span><\/h2>\n<p class=\"lead\" style=\"margin-bottom:26px\">Diga quantos quil\u00f4metros voc\u00ea roda por dia e qual modelo te interessa. A equipe da Suprema Yadea calcula sua economia e agenda o test ride.<\/p>\n<ul style=\"display:flex;flex-direction:column;gap:12px\">\n<li style=\"display:flex;gap:12px;align-items:flex-start;color:var(--text-2);font-size:15.5px\"><i class=\"fas fa-check\" style=\"color:var(--accent);margin-top:5px\"><\/i> Test ride gratuito e sem compromisso<\/li>\n<li style=\"display:flex;gap:12px;align-items:flex-start;color:var(--text-2);font-size:15.5px\"><i class=\"fas fa-check\" style=\"color:var(--accent);margin-top:5px\"><\/i> C\u00e1lculo da sua economia mensal real<\/li>\n<li style=\"display:flex;gap:12px;align-items:flex-start;color:var(--text-2);font-size:15.5px\"><i class=\"fas fa-check\" style=\"color:var(--accent);margin-top:5px\"><\/i> Tabela de pre\u00e7os e parcelamento na hora<\/li>\n<\/ul><\/div>\n<form class=\"form scroll-right\" id=\"lead-form\" novalidate>\n<div class=\"form-msg\" id=\"form-msg\"><\/div>\n<div class=\"field\">\n          <label for=\"f-nome\">Seu nome<\/label><br \/>\n          <input type=\"text\" id=\"f-nome\" name=\"nome\" placeholder=\"Como podemos te chamar\" required>\n        <\/div>\n<div class=\"field-row\">\n<div class=\"field\">\n            <label for=\"f-tel\">WhatsApp<\/label><br \/>\n            <input type=\"tel\" id=\"f-tel\" name=\"telefone\" placeholder=\"(11) 90000-0000\" required>\n          <\/div>\n<div class=\"field\">\n            <label for=\"f-cidade\">Cidade<\/label><br \/>\n            <input type=\"text\" id=\"f-cidade\" name=\"cidade\" placeholder=\"Sua cidade\" required>\n          <\/div>\n<\/p><\/div>\n<div class=\"field\">\n          <label for=\"f-email\">E-mail<\/label><br \/>\n          <input type=\"email\" id=\"f-email\" name=\"email\" placeholder=\"voce@email.com\" required>\n        <\/div>\n<div class=\"field\">\n          <label for=\"f-modelo\">Modelo de interesse<\/label><br \/>\n          <select id=\"f-modelo\" name=\"modelo\"><option value=\"\">Ainda n\u00e3o sei<\/option><option>Keeness<\/option><option>GFX 6<\/option><option>Owin<\/option><option>M6-H<\/option><option>DT3<\/option><option>GB60<\/option><\/select>\n        <\/div>\n<p>        <button type=\"submit\" class=\"btn btn-primary\">Quero agendar meu test ride <i class=\"fas fa-arrow-right\"><\/i><\/button><\/p>\n<p class=\"form-consent\">Ao enviar, voc\u00ea concorda em ser contatado pela Suprema Yadea sobre os modelos e o agendamento do test ride.<\/p>\n<p>        <a href=\"#\" class=\"btn-link form-alt js-wa\" data-cta=\"form-wa\">Prefiro falar no WhatsApp <i class=\"fas fa-arrow-right\"><\/i><\/a><br \/>\n      <\/form>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ================= FOOTER ================= --><\/p>\n<footer class=\"lp-footer\">\n<div class=\"wrap\">\n<div class=\"ft-top\">\n      <img decoding=\"async\" src=\"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-content\/uploads\/2026\/09\/logo-yadea-suprema-branca.webp\" alt=\"Yadea Suprema Ve\u00edculos\"><\/p>\n<nav class=\"ft-nav\">\n        <a href=\"#economia\">Economia<\/a><br \/>\n        <a href=\"#modelos\">Modelos<\/a><br \/>\n        <a href=\"#tecnologia\">Tecnologia<\/a><br \/>\n        <a href=\"#lojas\">Lojas<\/a><br \/>\n        <a href=\"#faq\">D\u00favidas<\/a><br \/>\n        <a href=\"#agendar\">Test ride<\/a><br \/>\n      <\/nav>\n<\/p><\/div>\n<div class=\"ft-bottom\">\n<p>Suprema Ve\u00edculos \u2014 distribuidor oficial Yadea no Brasil.<br \/>\n      Especifica\u00e7\u00f5es t\u00e9cnicas e c\u00e1lculos de custo conforme material oficial da Yadea. Autonomia, velocidade e consumo variam com carga, terreno, condi\u00e7\u00f5es de uso e pre\u00e7o local da energia.<\/p>\n<p style=\"text-align:right\">\u00a9 <span id=\"ano\"><\/span> Suprema Ve\u00edculos.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/footer>\n<p><a href=\"#\" class=\"wa-float js-wa\" data-cta=\"float\" aria-label=\"Falar no WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a><br \/>\n<script>\n\/* ====== CONFIG \u2014 TROCAR AQUI QUANDO O CLIENTE PASSAR O N\u00daMERO ====== *\/\nvar WHATSAPP = \"5511900000000\";   \/* PLACEHOLDER \u2014 formato 55 + DDD + n\u00famero *\/\nvar WA_MSG   = \"Ol\u00e1! Vim pela p\u00e1gina e quero saber mais sobre as motos el\u00e9tricas Yadea.\";\n\/* ================================================================= *\/\n\/* o wpautop injeta <\/p>\n<p> vazios entre e DENTRO dos meus blocos; eles viram celula\n   fantasma em grid e faixa de fundo. Removidos de vez, antes de qualquer medida. *\/\n(function(){\n  var lixo = 0;\n  document.querySelectorAll('p, br').forEach(function(el){\n    if (el.tagName === 'BR' && el.parentElement === document.body) { el.remove(); lixo++; return; }\n    if (el.tagName === 'P' && !el.textContent.trim() &&\n        !el.querySelector('img,svg,iframe,input,select,textarea,a,button')) { el.remove(); lixo++; }\n  });\n  if (window.console && lixo) console.debug('[lp] ' + lixo + ' n\u00f3s vazios do wpautop removidos');\n})();\ndocument.body.classList.add('scroll-ready');\ndocument.getElementById('ano').textContent = new Date().getFullYear();\n\/* WhatsApp *\/\nfunction waLink(extra){\n  return \"https:\/\/wa.me\/\" + WHATSAPP + \"?text=\" + encodeURIComponent(extra || WA_MSG);\n}\ndocument.querySelectorAll('.js-wa').forEach(function(a){\n  a.setAttribute('href', waLink());\n  a.setAttribute('target','_blank');\n  a.setAttribute('rel','noopener');\n});\n\/* header sticky *\/\nvar hdr = document.querySelector('.lp-header');\nvar hdrBar = document.getElementById('hdr-progress');\nvar stuck = false;\nfunction onScrollHdr(){\n  var y = window.scrollY;\n  \/* histerese: prende em 60px, solta em 24px \u2014 nao pisca na borda *\/\n  if (!stuck && y > 60) { stuck = true; hdr.classList.add('stuck'); }\n  else if (stuck && y < 24) { stuck = false; hdr.classList.remove('stuck'); }\n  var max = document.documentElement.scrollHeight - window.innerHeight;\n  var p = max > 0 ? Math.min(1, y \/ max) : 0;\n  hdrBar.style.transform = 'scaleX(' + p + ')';\n}\nvar ticking = false;\nwindow.addEventListener('scroll', function(){\n  if (!ticking){ ticking = true; requestAnimationFrame(function(){ onScrollHdr(); ticking = false; }); }\n}, {passive:true});\nwindow.addEventListener('resize', onScrollHdr);\nonScrollHdr();\n\/* menu mobile \u2014 leva ao CTA *\/\ndocument.querySelector('.hdr-burger').addEventListener('click', function(){\n  document.getElementById('agendar').scrollIntoView({behavior:'smooth'});\n});\n\/* Anima\u00e7\u00f5es on-scroll \u2014 classes scroll-left\/right\/bottom\/top + ativo + e1..e4\n   do padr\u00e3o scroll-ready. IntersectionObserver \u00e9 o gatilho prim\u00e1rio (funciona em\n   carga no meio da p\u00e1gina, \u00e2ncora e restaura\u00e7\u00e3o de scroll); o listener de scroll\n   fica como fallback. *\/\nvar elementos = document.querySelectorAll('.scroll-left, .scroll-right, .scroll-bottom, .scroll-top');\nvar posicaoScroll = window.innerHeight * 0.5;\nfunction fadeScroll(){\n  elementos.forEach(function(el){\n    var elementoTop = el.getBoundingClientRect().top - posicaoScroll;\n    if (elementoTop < 320) { el.classList.add('ativo'); }\n  });\n}\nif ('IntersectionObserver' in window){\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(en){\n      if (en.isIntersecting){ en.target.classList.add('ativo'); io.unobserve(en.target); }\n    });\n  }, { rootMargin: '0px 0px -12% 0px', threshold: 0.01 });\n  elementos.forEach(function(el){ io.observe(el); });\n} else {\n  elementos.forEach(function(el){ el.classList.add('ativo'); });\n}\nwindow.addEventListener('scroll', fadeScroll, {passive:true});\nwindow.addEventListener('resize', function(){ posicaoScroll = window.innerHeight*0.5; fadeScroll(); });\ndocument.addEventListener('DOMContentLoaded', fadeScroll);\nrequestAnimationFrame(fadeScroll);\n\/* formul\u00e1rio \u2014 preview: valida e entrega no WhatsApp com os dados\n   (na Fase 6 isto vira o widget de formul\u00e1rio do WordPress) *\/\ndocument.getElementById('lead-form').addEventListener('submit', function(e){\n  e.preventDefault();\n  var f = e.target, msg = document.getElementById('form-msg');\n  var req = ['f-nome','f-tel','f-cidade','f-email'];\n  for (var i=0;i<req.length;i++){\n    var el = document.getElementById(req[i]);\n    if(!el.value.trim()){ el.focus(); el.style.borderColor='#EB5F1B'; return; }\n    el.style.borderColor='';\n  }\n  var txt = \"Ol\u00e1! Quero agendar um test ride.\"\n    + \"nNome: \" + f.nome.value\n    + \"nWhatsApp: \" + f.telefone.value\n    + \"nE-mail: \" + f.email.value\n    + \"nCidade: \" + f.cidade.value\n    + \"nModelo de interesse: \" + (f.modelo.value || \"ainda n\u00e3o sei\");\n  if (window.dataLayer) { window.dataLayer.push({event:'lead_form_submit', modelo: f.modelo.value || 'indefinido'}); }\n  msg.textContent = \"Recebemos. A equipe da Suprema Yadea entra em contato para agendar seu test ride.\";\n  msg.classList.add('on');\n  window.open(waLink(txt), '_blank');\n});\n\/* carrossel de lojas *\/\n(function(){\n  var track = document.getElementById('shops-track');\n  var prev  = document.getElementById('shops-prev');\n  var next  = document.getElementById('shops-next');\n  if(!track) return;\n  function step(){ var f = track.querySelector('figure'); return f ? f.offsetWidth + 18 : 360; }\n  var carrossel = track.closest('.carousel');\n  function sync(){\n    var noInicio = track.scrollLeft <= 4;\n    var noFim    = track.scrollLeft >= track.scrollWidth - track.clientWidth - 4;\n    prev.disabled = noInicio;\n    next.disabled = noFim;\n    carrossel.classList.toggle('tem-antes',  !noInicio);\n    carrossel.classList.toggle('tem-depois', !noFim);\n  }\n  prev.addEventListener('click', function(){ track.scrollBy({left:-step(), behavior:'smooth'}); });\n  next.addEventListener('click', function(){ track.scrollBy({left: step(), behavior:'smooth'}); });\n  track.addEventListener('scroll', sync, {passive:true});\n  window.addEventListener('resize', sync);\n  \/* arraste com o mouse no desktop *\/\n  var down=false, sx=0, sl=0;\n  track.addEventListener('pointerdown', function(e){ down=true; sx=e.clientX; sl=track.scrollLeft; track.style.cursor='grabbing'; });\n  window.addEventListener('pointerup', function(){ down=false; track.style.cursor=''; });\n  track.addEventListener('pointermove', function(e){ if(down){ track.scrollLeft = sl - (e.clientX - sx); } });\n  sync();\n})();\n\/* tracking de CTA *\/\ndocument.querySelectorAll('.js-cta, .js-wa').forEach(function(a){\n  a.addEventListener('click', function(){\n    if (window.dataLayer) window.dataLayer.push({event:'cta_click', cta_id: a.dataset.cta || 'sem-id'});\n  });\n});\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Economia Modelos Tecnologia Lojas D\u00favidas Test ride Yadea \u00b7 n\u00ba 1 do mundo em ve\u00edculos el\u00e9tricos de duas rodas Cada 100&nbsp;km custam R$&nbsp;3.N\u00e3o R$&nbsp;15. A moto el\u00e9trica mais vendida do planeta h\u00e1 nove anos seguidos, agora fabricada no Brasil. Bateria de l\u00edtio remov\u00edvel, zero combust\u00edvel e manuten\u00e7\u00e3o que cabe no or\u00e7amento de qualquer m\u00eas. Agendar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-46","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-json\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":12,"href":"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-json\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":64,"href":"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-json\/wp\/v2\/pages\/46\/revisions\/64"}],"wp:attachment":[{"href":"https:\/\/create.steniowebdesigner.com\/supremayadea\/wp-json\/wp\/v2\/media?parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}