:root{
  --bg:#f4f8f8;
  --surface:#ffffff;
  --surface-2:#eef6f5;
  --ink:#071827;
  --muted:#5c6b73;
  --line:#d9e5e3;
  --teal:#00a98f;
  --teal-dark:#087a69;
  --lime:#dfff55;
  --blue:#0b2239;
  --warning:#fff5d9;
  --shadow:0 18px 60px rgba(7,24,39,.10);
  --radius:22px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}
a{color:var(--teal-dark);text-decoration-thickness:1px;text-underline-offset:3px}
img,svg{max-width:100%;display:block}
button,input{font:inherit}
.container{width:min(var(--max),calc(100% - 36px));margin-inline:auto}
.narrow{width:min(800px,calc(100% - 36px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(244,248,248,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(7,24,39,.07)}
.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-weight:900;font-size:1.18rem;letter-spacing:-.02em}
.brand-mark{width:38px;height:38px;border-radius:13px;background:var(--ink);display:grid;place-items:center;color:var(--lime);font-size:1.25rem;box-shadow:0 8px 24px rgba(7,24,39,.18)}
.nav{display:flex;align-items:center;gap:22px}
.nav a{color:var(--ink);text-decoration:none;font-size:.94rem;font-weight:700}
.nav a:hover{color:var(--teal-dark)}
.menu-button{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 12px;font-weight:800;color:var(--ink)}
.mobile-nav{display:none;padding:10px 18px 18px;border-top:1px solid var(--line)}
.mobile-nav a{display:block;padding:9px 0;text-decoration:none;color:var(--ink);font-weight:700}
.hero{padding:76px 0 54px;background:radial-gradient(circle at 85% 12%,rgba(223,255,85,.62),transparent 25%),linear-gradient(180deg,#f7fbfa 0%,#eef7f6 100%);border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #c9dcda;background:#fff;border-radius:999px;font-size:.82rem;font-weight:800;color:var(--teal-dark);text-transform:uppercase;letter-spacing:.06em}
h1,h2,h3{line-height:1.13;letter-spacing:-.035em;margin-top:0}
h1{font-size:clamp(2.45rem,6vw,5rem);max-width:920px;margin-bottom:20px}
h2{font-size:clamp(1.9rem,3.5vw,3rem);margin-bottom:16px}
h3{font-size:1.25rem;margin-bottom:8px}
.lead{font-size:1.16rem;color:#40505a;max-width:760px;margin:0 0 28px}
.hero-actions,.button-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:14px;padding:14px 19px;text-decoration:none;font-weight:900;border:1px solid transparent;transition:.2s transform,.2s box-shadow,.2s background}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--ink);color:#fff;box-shadow:0 12px 30px rgba(7,24,39,.18)}
.btn-primary:hover{color:#fff;background:#102b43}
.btn-accent{background:var(--lime);color:var(--ink);border-color:#c9ec3d}
.btn-outline{background:#fff;color:var(--ink);border-color:#cddbd9}
.hero-card{background:var(--ink);color:#fff;border-radius:30px;padding:30px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.hero-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:var(--lime);opacity:.12;right:-50px;top:-60px}
.hero-bike{position:relative;z-index:1;display:grid;place-items:center;margin:10px 0 16px;background:#fff;border-radius:20px;padding:14px;overflow:hidden}
.hero-bike svg{width:92%;max-height:280px}
.hero-card small{color:#b8c7ce}
.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}
.metric{border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px;background:rgba(255,255,255,.05)}
.metric strong{display:block;color:var(--lime);font-size:1.07rem}.metric span{font-size:.76rem;color:#cbd7dc}
.section{padding:76px 0}
.section-tight{padding:48px 0}
.section-white{background:#fff}
.section-dark{background:var(--ink);color:#fff}
.section-dark .muted{color:#c3d0d5}
.section-intro{max-width:760px;margin-bottom:34px}
.muted{color:var(--muted)}
.kicker{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--teal-dark);margin-bottom:9px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 10px 30px rgba(7,24,39,.04)}
.card.featured{border:2px solid var(--teal);position:relative;transform:translateY(-4px)}
.badge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:var(--lime);color:var(--ink);font-weight:900;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em}
.product-visual{height:240px;border-radius:18px;background:linear-gradient(145deg,#e3f2f0,#f7fbfa);display:grid;place-items:center;margin:16px 0 18px;border:1px solid #dceae8;position:relative;overflow:hidden}
.product-visual:has(img){background:#fff}
.product-visual svg{height:110px;width:auto}
.specs{list-style:none;padding:0;margin:18px 0}
.specs li{padding:8px 0;border-bottom:1px solid #edf1f1;color:#47555e;font-size:.94rem}.specs li:last-child{border-bottom:0}
.score{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.score strong{font-size:1.45rem}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:20px;background:#fff}
table{width:100%;border-collapse:collapse;min-width:760px}
th,td{text-align:left;padding:16px 18px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;background:#f7faf9;color:#53616a}
tr:last-child td{border-bottom:0}.highlight-row{background:#f3fff0}
.check{color:var(--teal-dark);font-weight:900}
.notice{border:1px solid #e6d9a7;background:var(--warning);border-radius:18px;padding:18px 20px;color:#5e4d1c}
.notice strong{color:#3a2f12}
.article{font-size:1.04rem}.article h2{margin-top:48px}.article h3{margin-top:28px}.article p,.article ul{color:#3e4d56}.article li{margin:8px 0}.article blockquote{margin:28px 0;padding:20px 22px;border-left:4px solid var(--teal);background:#edf8f6;border-radius:0 16px 16px 0;color:#213640}
.toc{border:1px solid var(--line);background:#fff;border-radius:18px;padding:20px;margin:28px 0}.toc strong{display:block;margin-bottom:8px}.toc a{display:block;padding:4px 0}
.calc{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.calc-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.82rem;font-weight:800;color:#46545c}.field input{border:1px solid #cbd9d7;border-radius:12px;padding:12px 13px;background:#fff;color:var(--ink)}.field.full{grid-column:1/-1}.calc-result{background:var(--ink);color:#fff;border-radius:22px;padding:24px;min-height:100%}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.calc-grid div{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px}.calc-grid span{display:block;color:#b9c8ce;font-size:.78rem}.calc-grid strong{display:block;color:var(--lime);margin-top:3px}.fineprint{font-size:.82rem;line-height:1.55;color:#6d7b83!important}
.callout{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;background:linear-gradient(135deg,var(--ink),#13354f);color:#fff;border-radius:28px;padding:32px;box-shadow:var(--shadow)}.callout p{margin-bottom:0;color:#c8d5da}.callout h2{font-size:clamp(1.7rem,3vw,2.6rem);margin-bottom:10px}
.faq{display:grid;gap:12px}.faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px 18px}.faq summary{font-weight:900;cursor:pointer}.faq p{color:#52616a;margin-bottom:4px}
.site-footer{background:#061522;color:#d8e2e5;padding:54px 0 90px;margin-top:0}.footer-grid{display:grid;grid-template-columns:1.1fr .7fr .7fr;gap:40px}.site-footer a{color:#d8e2e5}.site-footer p{color:#9fb0b8}.footer-title{color:#fff;font-weight:900;margin-bottom:11px}.footer-links{display:grid;gap:8px}.disclosure{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:22px;font-size:.8rem;color:#91a5ae}
.breadcrumb{font-size:.83rem;color:#6a777e;margin-bottom:18px}.breadcrumb a{color:#5a686f}
.page-hero{padding:54px 0 38px;background:#eef7f6;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.2rem,5vw,4.2rem);margin-bottom:14px}.page-hero .lead{margin-bottom:0}
.meta{display:flex;flex-wrap:wrap;gap:10px;color:#66757d;font-size:.8rem;margin-top:14px}.meta span{padding:5px 9px;background:#fff;border:1px solid var(--line);border-radius:999px}
.sticky-cta{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:90;background:var(--ink);color:#fff;padding:10px 12px;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.28);align-items:center;justify-content:space-between;gap:12px}.sticky-cta small{color:#becbd0;display:block}.sticky-cta .btn{padding:11px 14px;white-space:nowrap}
.legal-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}
.source-list{padding-left:19px}.source-list li{margin:9px 0}
.icon-line{display:flex;gap:14px;align-items:flex-start}.icon-dot{flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#e8f8f5;display:grid;place-items:center;font-weight:900;color:var(--teal-dark)}
@media(max-width:920px){.nav{display:none}.menu-button{display:block}.mobile-nav.is-open{display:block}.hero-grid{grid-template-columns:1fr}.hero{padding-top:54px}.cards{grid-template-columns:1fr}.card.featured{transform:none}.calc{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.callout{grid-template-columns:1fr}.metric-row{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:640px){.container,.narrow{width:min(100% - 26px,var(--max))}.hero{padding:42px 0}.section{padding:58px 0}.hero-actions .btn,.button-row .btn{width:100%}.hero-card{padding:22px}.metric-row{grid-template-columns:1fr}.calc-form,.calc-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.sticky-cta.is-visible{display:flex}h1{font-size:2.55rem}.page-hero h1{font-size:2.35rem}.callout{padding:24px}}

/* Imagens reais do produto */
.hero-bike img{display:block;width:auto;height:auto;max-height:250px;max-width:100%;object-fit:contain}
.product-visual img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);max-width:none;max-height:none;object-fit:contain;border-radius:12px;aspect-ratio:auto;box-shadow:none}
.product-photo-shell{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;display:grid;place-items:center;min-height:260px;box-shadow:0 10px 30px rgba(7,24,39,.05)}
.product-photo-shell img{max-height:290px;max-width:100%;width:auto;height:auto;object-fit:contain}
.photo-caption{font-size:.76rem;color:#7b8990;margin-top:9px;text-align:center}
.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px auto;max-width:800px}
.gallery-grid figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:22px;padding:12px;overflow:hidden}

.gallery-grid img{width:100%;height:auto;border-radius:14px}
.gallery-grid figcaption{font-size:.78rem;color:#6c7a82;padding:9px 5px 2px}
.lifestyle-band{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.lifestyle-media{border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:#dfe8ea}
.lifestyle-media img{width:100%;aspect-ratio:1/1;object-fit:cover;max-width:100%;height:auto}
.photo-source-note{font-size:.75rem;color:#6c7a82;margin-top:10px}
@media(max-width:920px){.lifestyle-band{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr}.gallery-grid figure:first-child{grid-column:auto}}
.sticky-close{background:transparent;border:0;color:#becbd0;font-size:1.5rem;line-height:1;padding:0 2px;margin-left:2px;cursor:pointer;flex:none}
.sticky-close:hover{color:#fff}
.author-line{display:flex;align-items:center;gap:11px;margin:20px 0 0;font-size:.9rem;color:var(--ink,#12211f);font-weight:600}
.author-line a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(18,33,31,.25)}
.author-line a:hover{border-bottom-color:currentColor}
.author-line .author-role{display:block;font-weight:400;font-size:.82rem;color:#66757d;margin-top:1px}
.author-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none;background:#e8f8f5}
.autor-bloco{display:flex;align-items:center;gap:18px;margin:18px 0 22px;flex-wrap:wrap}
.autor-foto{width:132px;height:132px;border-radius:50%;object-fit:cover;flex:none;background:#e8f8f5;box-shadow:0 10px 28px rgba(7,24,39,.12)}
.autor-nome{margin:0;font-size:1.18rem;font-weight:800}
.autor-cargo{margin:3px 0 0;font-size:.9rem;color:var(--muted,#5b6b70)}
.faq-item,.claim-item{border-bottom:1px solid var(--line,#dde5e3);padding:16px 0}
.faq-item:last-child,.claim-item:last-child{border-bottom:0}
.faq-item h3,.claim-item h3{margin:0 0 6px;font-size:1.02rem}
.faq-item p,.claim-item p{margin:0}
.ficha-rapida td:first-child{font-weight:600;white-space:nowrap}
.nota-review{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 8px}
.nota-review strong{font-size:2.1rem;line-height:1}
.cookie-aviso{position:fixed;left:12px;right:12px;bottom:12px;z-index:120;background:#fff;border:1px solid var(--line,#dde5e3);border-radius:18px;padding:16px 18px;box-shadow:0 18px 50px rgba(0,0,0,.18);display:flex;gap:16px;align-items:center;flex-wrap:wrap;max-width:760px;margin:0 auto}
.cookie-aviso p{margin:0;flex:1;min-width:240px;font-size:.9rem;line-height:1.5}
.cookie-acoes{display:flex;gap:10px;flex:none}
.cookie-acoes .btn{padding:10px 16px;font-size:.9rem}
@media(max-width:640px){.cookie-aviso{bottom:auto;top:12px}.cookie-acoes{width:100%}.cookie-acoes .btn{flex:1}}
.hero-card-title{font-size:1.32rem;font-weight:800;margin:12px 0 4px;color:#fff}
.creative-block{margin:34px auto;max-width:420px}
.creative-block a{display:block;border-radius:20px;overflow:hidden;box-shadow:0 16px 40px rgba(7,24,39,.16);transition:transform .18s ease,box-shadow .18s ease}
.creative-block a:hover{transform:translateY(-3px);box-shadow:0 22px 52px rgba(7,24,39,.22)}
.creative-block img{display:block;width:100%;height:auto}
.creative-block .fineprint{text-align:center;margin:10px 0 0}
.creative-wide{margin:34px auto;max-width:380px}
.creative-wide img{display:block;width:100%;height:auto;border-radius:20px;box-shadow:0 16px 40px rgba(7,24,39,.14)}
@media(max-width:640px){.creative-block,.creative-wide{max-width:100%}}
.gallery-grid figure:only-child{grid-column:1/-1;max-width:400px;margin-inline:auto}
.gallery-grid img{image-rendering:auto}
.lifestyle-media{max-width:400px;margin-inline:auto}
/* Leitura, teclado e telas pequenas — revisão 07/10/2026 */
.skip-link{position:absolute;left:12px;top:-100px;z-index:200;background:#071827;color:#fff;padding:10px 16px;border-radius:10px}
.skip-link:focus{top:12px}
a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #087a69;outline-offset:4px}
.cookie-settings{display:block;margin:24px auto 0;background:transparent;color:#d8e2e5;border:1px solid #67818d;padding:10px 16px;border-radius:10px;cursor:pointer}
.calc-result .fineprint{color:#c3d0d5!important}
.article .product-photo-shell{margin:24px auto;max-width:460px}
.table-wrap{margin:24px 0}
.article a{overflow-wrap:anywhere}
.cookie-acoes .btn{min-width:0;white-space:normal}
@media(max-width:400px){.cookie-acoes{flex-wrap:wrap}.cookie-acoes .btn{flex:1 1 130px}.brand{font-size:1.05rem}.header-inner{gap:10px}.page-hero h1{font-size:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
/* Compra e leitura: cada bloco oferece um próximo passo ligado ao conteúdo. */
[hidden]{display:none!important}
main,[id]{scroll-margin-top:90px}
.buy-box,.next-step{margin:30px 0;padding:24px;background:#edf8f3;border:1px solid #bbd9cb;border-radius:20px}
.buy-box h3{margin-top:0;font-size:1.3rem}
.buy-box p,.next-step p{color:#354d43}
.buy-box .affiliate-note{font-size:.76rem;color:#536b61;margin:12px 0}
.next-step h2{margin:0 0 12px;font-size:1.8rem}
.source-date{font-size:.85rem;color:#596970!important}
.table-hint{font-size:.82rem;color:#596970!important;margin:24px 0 -14px}
.calc-grid strong{overflow-wrap:anywhere}
html:not(.js) .calc-form,html:not(.js) .calc-result{display:none}
@media(max-width:920px){html:not(.js) .nav{display:flex;width:100%;flex-wrap:wrap;gap:10px 20px;padding-bottom:16px}html:not(.js) .header-inner{flex-wrap:wrap;padding-top:14px}html:not(.js) .menu-button{display:none}}
@media(max-width:640px){.buy-box,.next-step{padding:20px}.table-hint{line-height:1.4}}