
:root{--yellow:#f4e72b;
--bg:#111210;
--muted:#a4a69e;
--paper:#f4f4ed}
*{box-sizing:border-box}
html{scroll-behavior:smooth;
scroll-padding-top:95px}
body{margin:0;
background:var(--bg);
color:#fff;
font:16px/1.6 Arial,Helvetica,sans-serif}
a{color:inherit;
text-decoration:none}
button{font:inherit}
img{max-width:100%;
display:block}
::selection{background:var(--yellow);
color:#111}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #d4bd00;
outline-offset:5px}
.wrap{width:min(1220px,calc(100% - 80px));
margin:auto}
.eyebrow{text-transform:uppercase;
letter-spacing:2px;
font-size:11px;
font-weight:800}
.yellow{color:var(--yellow)}
header{position:sticky;
top:0;
z-index:20;
background:#111210f5;
border-bottom:1px solid #ffffff12;
backdrop-filter:blur(15px)}
nav{display:flex;
align-items:center;
justify-content:space-between;
height:88px;
gap:25px}
.logo{width:148px}
.links{display:flex;
align-items:center;
gap:32px;
font-size:13px;
color:#c5c7bf}
.links a:hover{color:var(--yellow)}
.btn{display:inline-flex;
align-items:center;
justify-content:center;
gap:28px;
padding:17px 25px;
background:var(--yellow);
color:#13140c;
font-weight:750;
font-size:14px;
border-radius:6px;
transition:transform .2s,background .2s;
border:0}
.btn:hover{background:#fff66b;
transform:translateY(-2px)}
.btn.small{padding:12px 20px;
font-size:12px}
.btn.outline{background:transparent;
border:1px solid #55584e;
color:#fff}
.arrow{font-size:20px;
line-height:1}
.menu{display:none;
background:transparent;
color:white;
border:1px solid #555;
border-radius:5px;
padding:5px 12px}
.hero{position:relative;
overflow:hidden}
.hero-grid{display:grid;
grid-template-columns:1fr 1fr;
align-items:center;
min-height:680px;
gap:24px;
padding:65px 0}
.hero h1{font-size:clamp(48px,5.2vw,76px);
line-height:1.02;
letter-spacing:-4px;
margin:25px 0;
font-weight:800;
max-width:620px}
.hero h1 em{font-style:normal;
color:var(--yellow)}
.hero p{color:#b0b2a9;
max-width:430px;
line-height:1.8;
font-size:16px}
.hero-actions{display:flex;
gap:12px;
flex-wrap:wrap;
margin:30px 0 18px}
.micro{font-size:11px!important;
color:#a0a297!important}
.hero-art{position:relative;
align-self:stretch;
display:flex;
align-items:center;
min-width:0}
.hero-art:before{content:'CONQUISTA';
position:absolute;
top:20px;
left:0;
font-size:clamp(45px,6vw,88px);
font-weight:900;
color:#ffffff04;
letter-spacing:-4px}
.hero-art img{width:100%;
border-radius:100px 8px 8px 8px;
aspect-ratio:1/1.1;
object-fit:cover;
object-position:58% center;
filter:saturate(.85)}
.badge{position:absolute;
bottom:23px;
left:-28px;
background:var(--yellow);
color:#111;
padding:22px 26px;
border-radius:7px;
display:flex;
gap:20px;
align-items:center;
box-shadow:0 14px 40px #0004}
.badge strong{font-size:46px;
line-height:1;
letter-spacing:-2px}
.badge span{font-size:12px;
line-height:1.5;
font-weight:700}
.benefit-strip{border-top:1px solid #33352e;
border-bottom:1px solid #33352e;
display:grid;
grid-template-columns:repeat(4,1fr);
padding:27px 0;
margin-bottom:0}
.benefit-strip div{display:flex;
align-items:center;
gap:14px;
font-size:12px}
.ico{color:var(--yellow);
width:31px;
height:31px;
border:1px solid #4d4d37;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:14px;
flex-shrink:0}
.benefit-strip small{display:block;
color:#92958a;
font-size:11px}
section{padding:100px 0}
.section-head{display:flex;
justify-content:space-between;
gap:40px;
align-items:end;
margin-bottom:44px}
h2{font-size:clamp(34px,3.7vw,49px);
line-height:1.12;
letter-spacing:-2px;
margin:16px 0 0}
h3{line-height:1.3}
.section-head p{max-width:330px;
font-size:14px;
color:#777d70;
margin:0}
.light{background:var(--paper);
color:#191b15}
.steps{display:grid;
grid-template-columns:repeat(3,1fr);
gap:36px}
.step{border-top:1px solid #cdd0c3;
padding-top:25px}
.num{font-size:12px;
color:#696d60;
letter-spacing:1px}
.step h3{font-size:22px;
margin:26px 0 12px;
letter-spacing:-.6px}
.step p{font-size:14px;
color:#686e61;
max-width:290px}
.step:last-child .num{background:var(--yellow);
padding:5px 10px;
border-radius:3px;
color:#111}
.plan{display:grid;
grid-template-columns:1fr 1fr;
gap:75px;
align-items:center}
.plan-panel{background:#20221c;
border:1px solid #393c31;
border-radius:12px;
padding:40px;
position:relative}
.plan-panel:before{content:'';
width:70px;
height:4px;
background:var(--yellow);
position:absolute;
top:0;
left:40px}
.plan-title{display:flex;
justify-content:space-between;
align-items:center}
.tag{font-size:10px;
padding:5px 10px;
border:1px solid #646548;
color:var(--yellow);
border-radius:30px;
white-space:nowrap}
.plan-panel h3{font-size:31px;
margin:20px 0 4px;
letter-spacing:-1px}
.plan-panel p{color:#a5aa9b;
font-size:14px}
.feature-list{list-style:none;
padding:15px 0 8px;
margin:20px 0;
border-top:1px solid #3a3c32}
.feature-list li{font-size:14px;
display:flex;
gap:12px;
padding:10px 0;
color:#ddd}
.check{color:var(--yellow)}
.plan-panel .btn{width:100%}
.plan-copy p{font-size:15px;
color:#a9aea0;
max-width:450px;
margin:22px 0}
.milestone{display:flex;
gap:22px;
padding:22px 0;
border-top:1px solid #36392e;
align-items:center}
.milestone strong{font-size:39px;
letter-spacing:-2px}
.milestone span{font-size:13px;
color:#b9bdaf}
.included{padding:0 0 90px}
.included-grid{display:grid;
grid-template-columns:repeat(3,1fr);
gap:40px}
.included article{border-top:1px solid #393c32;
padding-top:25px}
.included h3{font-size:17px}
.included p{color:#999f90;
font-size:13px;
max-width:300px}
.faq-grid{display:grid;
grid-template-columns:.8fr 1.2fr;
gap:85px}
.faq-intro p{font-size:14px;
color:#747a6b;
max-width:300px;
margin:22px 0}
.text-link{font-size:14px;
font-weight:700;
border-bottom:1px solid #888e7c;
padding-bottom:5px}
details{border-bottom:1px solid #d1d4c7}
summary{cursor:pointer;
padding:23px 32px 23px 0;
list-style:none;
font-weight:700;
font-size:15px;
position:relative}
summary::-webkit-details-marker{display:none}
summary:after{content:'+';
position:absolute;
right:0;
font-size:23px;
font-weight:400;
top:16px}
details[open] summary:after{content:'−'}
details p{font-size:14px;
color:#626958;
margin:0 30px 24px 0}
.cta-section{padding:80px 0}
.cta-box{display:flex;
gap:40px;
justify-content:space-between;
align-items:center;
background:var(--yellow);
color:#15180d;
padding:55px;
border-radius:9px}
.cta-box h2{max-width:600px;
margin:12px 0;
font-size:44px}
.cta-box p{font-size:14px;
margin:0}
.cta-box .btn{background:#15180d;
color:white;
white-space:nowrap}
.footer-main{display:flex;
justify-content:space-between;
gap:30px;
padding:35px 0 50px}
.footer-main p{font-size:12px;
color:#999f90;
margin:15px 0}
.footer-main h4{font-size:11px;
color:#dadcd3;
margin:0 0 12px;
text-transform:uppercase;
letter-spacing:1px}
.footer-main a:not(.logo){font-size:12px;
color:#b3b8a9}
.footer-bottom{border-top:1px solid #30342a;
padding:23px 0;
display:flex;
justify-content:space-between;
font-size:10px;
color:#969c8c}
.note{font-size:11px;
color:#a0a791;
line-height:1.6;
margin-top:18px}
.footer-logo{width:130px}
@media(min-width:1400px){.hero-grid{min-height:720px}
}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}
.links{gap:18px}
.hero h1{font-size:56px;
letter-spacing:-3px}
.hero-grid{min-height:620px}
.badge{left:-10px;
padding:15px}
.plan{gap:35px}
.faq-grid{gap:40px}
.cta-box{padding:35px}
.cta-box h2{font-size:36px}
.benefit-strip{gap:15px}
.benefit-strip div{font-size:11px;
gap:8px}
}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}
nav{height:72px}
.logo{width:125px}
.menu{display:block}
.nav-cta{margin-left:auto}
.links{display:none;
position:absolute;
top:72px;
left:0;
right:0;
background:#181a14;
padding:22px;
flex-direction:column;
align-items:start;
border-bottom:1px solid #444}
.links.open{display:flex}
.btn.small{font-size:11px;
padding:10px 13px}
.hero-grid{grid-template-columns:1fr;
gap:25px;
padding:42px 0 38px}
.hero h1{font-size:53px;
letter-spacing:-2.8px;
margin:20px 0}
.hero p{font-size:14px;
max-width:100%}
.hero-art{min-height:350px;
margin:0 0 15px}
.hero-art img{height:360px;
aspect-ratio:auto;
object-position:center 55%;
border-radius:65px 8px 8px 8px}
.hero-art:before{display:none}
.hero-art{flex-direction:column;
align-items:stretch}
.badge{bottom:-14px;
left:14px}
.badge strong{font-size:37px}
.badge span{font-size:11px}
.hero-actions{margin:24px 0 12px;
gap:10px}
.hero-actions .btn{padding:15px 17px;
font-size:13px;
gap:15px}
.benefit-strip{grid-template-columns:1fr 1fr;
gap:24px 12px;
padding:25px 0}
.benefit-strip small{font-size:10px}
section{padding:65px 0}
.section-head{display:block;
margin-bottom:30px}
.section-head p{margin-top:22px;
max-width:100%}
.steps{grid-template-columns:1fr;
gap:20px}
.step{padding-top:18px}
.step h3{margin:15px 0 8px}
.step p{max-width:100%}
.plan{grid-template-columns:1fr;
gap:30px}
.plan-panel{padding:28px}
.plan-copy{order:-1}
.included{padding-bottom:60px}
.included-grid{grid-template-columns:1fr;
gap:18px}
.included article{padding-top:18px}
.included p{max-width:100%;
margin-bottom:0}
.faq-grid{grid-template-columns:1fr;
gap:25px}
.faq-intro p{max-width:100%}
.cta-section{padding:40px 0}
.cta-box{display:block;
padding:30px}
.cta-box h2{font-size:34px}
.cta-box .btn{margin-top:25px;
width:100%}
.footer-main{flex-wrap:wrap;
padding-bottom:30px}
.footer-main>div:first-child{width:100%}
.footer-bottom{display:block;
padding-bottom:90px}
.footer-bottom span{display:block;
margin:5px 0}
.eyebrow{font-size:10px}
h2{font-size:36px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important}
}

.phone-label{display:flex;
flex-direction:column;
gap:3px;
text-align:left;
line-height:1.2}
.phone-label small{font-size:9px;
letter-spacing:1px}
.phone-label strong{font-size:19px;
white-space:nowrap;
letter-spacing:.2px}
.nav-cta{background:#28d66d;
color:#082a15}
.nav-cta:hover{background:#59ea91}
.cta-box .phone-label strong{font-size:25px}
.footer-phone{font-size:20px;
color:#f4e72b}
@media(max-width:720px){.nav-cta{gap:9px!important;
padding:9px 11px!important}
.nav-cta .phone-label strong{font-size:15px}
.nav-cta .phone-label small{font-size:8px}
nav{gap:10px}
.logo{width:105px}
}
@media(max-width:370px){.logo{width:85px}
.nav-cta .phone-label strong{font-size:13px}
}

.maintenance-note{font-size:11px;
color:#b3b8a9;
padding:14px 0;
margin-top:0;
margin-bottom:0}

.whatsapp-float{position:fixed;
right:20px;
bottom:20px;
right:calc(20px + env(safe-area-inset-right,0px));
bottom:calc(20px + env(safe-area-inset-bottom,0px));
z-index:30;
display:flex;
align-items:center;
justify-content:center;
width:60px;
height:60px;
border-radius:50%;
background:#25d366;
color:#fff;
box-shadow:0 5px 20px #0005;
transition:transform .2s,background .2s}
.whatsapp-float:hover{background:#1db954;
transform:translateY(-2px)}
.whatsapp-float svg{width:34px;
height:34px;
fill:currentColor}
.whatsapp-float:focus-visible{outline:3px solid #fff;
outline-offset:4px}



/* Seção de motos disponíveis */
.motos-section .section-head p{max-width:405px}
.moto-card{display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden;border-radius:15px;background:#fff;border:1px solid #e1e3d8;box-shadow:0 18px 45px #171a1010}
.moto-photo{position:relative;min-height:440px;background:#e8e9df;display:grid;place-items:center;overflow:hidden}
.moto-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;padding:18px}
.moto-photo-placeholder{padding:30px;text-align:center;color:#71786a}
.moto-photo-placeholder:not([hidden]){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}
.moto-photo-placeholder strong{font-size:19px;color:#505649}
.moto-photo-placeholder small{font-size:12px}
.moto-photo-icon{font-size:54px;line-height:1;color:#abb09f}
.moto-content{padding:48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.moto-status{display:inline-flex;align-items:center;gap:8px;border-radius:20px;background:#eff3e9;padding:6px 11px;font-size:10px;letter-spacing:.9px;font-weight:800;color:#44593c;margin-bottom:25px}
.moto-status-dot{width:7px;height:7px;background:#769764;border-radius:50%}
.moto-content .eyebrow{color:#74796c}
.moto-content h3{font-size:clamp(28px,3.2vw,42px);line-height:1.12;letter-spacing:-1.5px;margin:12px 0}
.moto-content p{font-size:14px;color:#62685c;margin:6px 0 22px}
.moto-details{display:flex;flex-direction:column;gap:9px;margin-bottom:28px;align-items:flex-start}
.moto-details-row{display:flex;flex-wrap:wrap;gap:9px}
.moto-details span{font-size:11px;font-weight:700;border:1px solid #d4d8cb;border-radius:30px;padding:7px 10px;color:#43483d}
.moto-disclaimer{display:block;font-size:10px;color:#777e70;margin-top:15px;line-height:1.6}
@media(max-width:800px){.moto-card{grid-template-columns:1fr}.moto-photo{min-height:300px;aspect-ratio:4/3}.moto-content{padding:28px}.moto-content .btn{width:100%;gap:12px;text-align:center}.moto-photo img{padding:12px}}
@media(max-width:420px){.moto-photo{min-height:240px}.moto-content{padding:22px}.moto-content h3{font-size:29px}}

/* Galeria de fotos da motocicleta */
.moto-carousel{position:absolute;inset:0;overflow:hidden;outline-offset:-4px;touch-action:pan-y;background:#f0f0f0}
.moto-slides{height:100%;width:100%;display:flex;transition:transform .38s ease;will-change:transform}
.moto-slide{position:relative;flex:0 0 100%;height:100%;display:flex;align-items:center;justify-content:center}
.moto-photo .moto-slide img{position:static;width:100%;height:100%;object-fit:contain;padding:12px}
.moto-carousel-prev,.moto-carousel-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2;border:0;border-radius:50%;width:39px;height:39px;background:#171914c9;color:#fff;cursor:pointer;font-size:16px;display:grid;place-items:center}
.moto-carousel-prev{left:12px}.moto-carousel-next{right:12px}
.moto-carousel-prev:hover,.moto-carousel-next:hover{background:#1c1e16}
.moto-carousel-dots{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);display:flex;gap:8px;background:#1119;border-radius:25px;padding:9px 12px}
.moto-carousel-dot{cursor:pointer;border:0;border-radius:50%;width:9px;height:9px;background:#fff7;padding:0}
.moto-carousel-dot.active{background:var(--yellow);transform:scale(1.18)}
.moto-carousel-count{position:absolute;top:13px;right:13px;background:#171914d9;color:#fff;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}
@media(max-width:420px){.moto-carousel-prev,.moto-carousel-next{width:34px;height:34px}.moto-photo .moto-slide img{padding:5px}}
@media(prefers-reduced-motion:reduce){.moto-slides{transition:none}}

/* Valores destacados da moto disponível */
.moto-details{width:100%;align-items:stretch}
.moto-details-row-top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}
.moto-price-card{min-width:0;border-radius:9px;padding:16px 15px;display:flex;flex-direction:column;gap:4px;border:1px solid #d7dbcb}
.moto-price-primary{background:#f4e72b;border-color:#f4e72b;color:#15180d}
.moto-price-secondary{background:#f3f4ed;color:#15180d}
.moto-details .moto-price-card .moto-price-label{border:0;padding:0;font-size:10px;letter-spacing:1px;line-height:1.4;font-weight:800;color:#454a3c}
.moto-price-card strong{font-size:clamp(20px,2vw,29px);letter-spacing:-.8px;line-height:1.22;white-space:nowrap;font-variant-numeric:tabular-nums}
.moto-details-row-bottom{margin-top:6px}
@media(max-width:420px){.moto-details-row-top{gap:8px}.moto-price-card{padding:13px 10px}.moto-price-card strong{font-size:clamp(18px,5vw,23px)}.moto-details .moto-price-card .moto-price-label{font-size:9px}}

/* Ajustes de cartões de preço e formulário de interesse */
/* Preços da moto: estilos embutidos para evitar CSS antigo em cache */
.moto-content .moto-details{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:13px;margin-bottom:26px}
.moto-content .moto-details-row-top{display:grid;grid-template-columns:repeat(2,minmax(0,158px));gap:9px;width:max-content;max-width:100%}
.moto-content .moto-price-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:0;border:1px solid #e3d941;border-radius:8px;padding:9px 11px;background:#f4e72b;color:#15180d}
.moto-content .moto-price-secondary{background:#f3f4ed;border-color:#d7dbcb}
.moto-content .moto-details .moto-price-card .moto-price-label{display:block;border:0;border-radius:0;padding:0;margin:0;background:none;color:#454a3c;font-size:9px;letter-spacing:.6px;line-height:1.25;font-weight:800}
.moto-content .moto-price-card strong{display:block;font-size:19px;line-height:1.2;letter-spacing:-.3px;white-space:nowrap;font-weight:800;font-variant-numeric:tabular-nums}
.moto-content .moto-details-row-bottom{display:flex;flex-wrap:wrap;gap:9px;margin-top:0}
@media(max-width:430px){.moto-content .moto-details-row-top{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:7px}.moto-content .moto-price-card{padding:9px 8px}.moto-content .moto-price-card strong{font-size:clamp(15px,4.2vw,19px)}.moto-content .moto-details .moto-price-card .moto-price-label{font-size:8px}}

/* Formulário de interesse da moto */
.moto-form-section{background:#171a15;color:#fff}
.moto-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.moto-form-intro h2{max-width:490px;margin:18px 0 20px}
.moto-form-intro p{color:#bac0b2;font-size:15px;max-width:465px}
.moto-form-benefit{border-top:1px solid #3b4035;margin-top:32px;padding-top:19px;color:#c6cbbb;font-size:13px;line-height:1.9}
.moto-form-benefit strong{color:var(--yellow)}
.moto-form-box{background:#fff;color:#1d211a;border-radius:18px;padding:clamp(25px,4vw,46px);box-shadow:0 18px 40px #0003}
.moto-form-box>.eyebrow{color:#657749}
.moto-form-box h3{font-size:clamp(24px,2.5vw,33px);letter-spacing:-1px;margin:8px 0}
.moto-form-box>p{font-size:13px;color:#697163;margin:0 0 23px}
#interesse-moto-form{display:flex;flex-direction:column;gap:9px}
#interesse-moto-form label{font-size:13px;font-weight:700;margin-top:10px}
#interesse-moto-form input,#interesse-moto-form select{width:100%;min-width:0;padding:14px 15px;font:inherit;font-size:14px;color:#1d211a;border:1px solid #d4dacd;border-radius:8px;background:#f7f8f3}
#interesse-moto-form input:focus,#interesse-moto-form select:focus{outline:2px solid #9b9b31;outline-offset:1px}
#interesse-moto-form .moto-form-submit{width:100%;margin-top:22px;gap:12px;cursor:pointer}
#interesse-moto-form small{color:#767e70;font-size:11px;line-height:1.6;margin-top:6px}
@media(max-width:800px){.moto-form-grid{grid-template-columns:1fr;gap:28px}.moto-form-box{padding:25px}.moto-form-intro p{max-width:100%}}

/* Formulário de interesse na moto */
.moto-form-section{background:#141915;padding:90px 0;scroll-margin-top:80px}
.moto-form-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,100px);align-items:center}
.moto-form-intro h2{font-size:clamp(37px,4vw,55px);line-height:1.1;letter-spacing:-2px;margin:20px 0 24px}
.moto-form-intro h2 em{font-style:normal;color:var(--yellow)}
.moto-form-intro p{max-width:460px;color:#c0c6bb;font-size:15px;line-height:1.8}
.moto-form-intro .moto-form-hint{font-size:12px;color:#9fa99a;padding-top:25px;margin-top:35px;border-top:1px solid #40483b}
.moto-form-panel{background:#fff;color:#172017;padding:clamp(25px,4vw,45px);border-radius:20px}
.moto-form-panel>.eyebrow{color:#738657}
.moto-form-panel h3{font-size:clamp(27px,3vw,36px);letter-spacing:-1px;margin:12px 0 6px}
.moto-form-panel>p{font-size:14px;color:#6d786d;margin-bottom:28px}
.moto-form-panel form{display:flex;flex-direction:column;gap:10px}
.moto-form-panel label{font-size:13px;font-weight:700;margin-top:12px}
.moto-form-panel input,.moto-form-panel select{width:100%;height:50px;border:1px solid #d9dfd3;background:#f7f8f4;border-radius:10px;padding:0 15px;color:#172017;font:inherit;font-size:14px;min-width:0}
.moto-form-panel input:focus,.moto-form-panel select:focus{outline:2px solid #a8a331;outline-offset:1px}
.moto-form-submit{width:100%;margin-top:18px;justify-content:space-between;cursor:pointer;gap:10px}
.moto-form-panel form small{font-size:11px;line-height:1.6;color:#777e72;margin-top:6px}
@media(max-width:800px){.moto-form-section{padding:60px 0}.moto-form-layout{grid-template-columns:1fr;gap:30px}.moto-form-panel{padding:26px}}


/* MOTIZA: formulário no layout de duas colunas da referência */
#interesse-moto.moto-form-section{background:#111210;color:#fff;padding:90px 0;scroll-margin-top:90px}
#interesse-moto .moto-form-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,7vw,110px);align-items:center}
#interesse-moto .moto-form-intro{min-width:0}
#interesse-moto .moto-form-intro>.eyebrow{color:#f4e72b;letter-spacing:2px;font-weight:800}
#interesse-moto .moto-form-intro h2{font-size:clamp(39px,4.4vw,61px);line-height:1.08;letter-spacing:-2.4px;margin:24px 0;max-width:550px;color:#fff;font-weight:800}
#interesse-moto .moto-form-intro h2 em{font-style:normal;color:#f4e72b}
#interesse-moto .moto-form-intro>p{font-size:15px;line-height:1.85;color:#b9bdb0;max-width:455px}
#interesse-moto .moto-form-intro .moto-form-hint{margin-top:55px;padding-top:24px;border-top:1px solid #3d4036;font-size:12px;color:#aeb4a6}
#interesse-moto .moto-form-panel{min-width:0;background:#fff;color:#1b2017;border-radius:24px;padding:clamp(28px,3.5vw,45px);box-shadow:0 18px 55px #081a2530}
#interesse-moto .moto-form-panel>.eyebrow{color:#747d54;letter-spacing:1.5px}
#interesse-moto .moto-form-panel h3{font-size:clamp(25px,2.3vw,31px);line-height:1.2;letter-spacing:-1.1px;font-weight:750;margin:12px 0 8px;color:#1b2017}
#interesse-moto .moto-form-panel>p{font-size:13px;color:#70776b;line-height:1.5;margin:0 0 22px}
#interesse-moto #form-interesse-moto{display:flex;flex-direction:column;gap:0}
#interesse-moto #form-interesse-moto label{display:block;font-size:13px;font-weight:700;color:#252b21;margin:17px 0 9px}
#interesse-moto #form-interesse-moto input,#interesse-moto #form-interesse-moto select{display:block;width:100%;height:51px;padding:0 15px;min-width:0;border:1px solid #d8ddd3;border-radius:12px;background:#f7f8f4;color:#252b21;font:inherit;font-size:14px;box-sizing:border-box}
#interesse-moto #form-interesse-moto input:focus,#interesse-moto #form-interesse-moto select:focus{outline:2px solid #f4e72b;outline-offset:1px}
#interesse-moto #form-interesse-moto .moto-form-submit{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:29px;padding:17px 20px;border:0;border-radius:999px;background:#f4e72b;color:#15180d;font-weight:800;font-size:14px;cursor:pointer}
#interesse-moto #form-interesse-moto .moto-form-submit:hover{background:#fff36a}
#interesse-moto #form-interesse-moto small{display:block;text-align:center;font-size:11px;line-height:1.5;color:#7c8376;margin-top:13px}
@media(max-width:800px){#interesse-moto.moto-form-section{padding:65px 0}#interesse-moto .moto-form-layout{grid-template-columns:1fr;gap:28px}#interesse-moto .moto-form-intro h2{font-size:clamp(38px,9vw,52px)}#interesse-moto .moto-form-intro .moto-form-hint{margin-top:25px}#interesse-moto .moto-form-panel{padding:27px 23px}}

/* HERO: fundo creme conforme a referência enviada (#F4F4ED). */
.hero{background:#f4f4ed;color:#191b15}
.hero .hero-grid,.hero .benefit-strip,.hero .maintenance-note{background:#f4f4ed}
.hero h1{color:#191b15}
.hero h1 em{color:#797000}
.hero .eyebrow.yellow{color:#706900}
.hero p{color:#4d5148}
.hero .micro{color:#5f6459!important}
.hero .btn.outline{color:#191b15;border-color:#9ba092}
.hero .btn.outline:hover{background:#e7e8dd}
.hero .benefit-strip{border-top-color:#d4d8ca;border-bottom-color:#d4d8ca}
.hero .benefit-strip div{color:#25291f}
.hero .benefit-strip small{color:#62685b}
.hero .ico{color:#4c521b;border-color:#b7bdab}
.hero .maintenance-note{color:#64695e}

/* =========================================================
   PALETA ALTERNADA
   O que era claro fica escuro e o que era escuro fica claro.
   ========================================================= */

/* Seções claras originais agora em fundo escuro */



#como-funciona,
#motos-disponiveis,
#duvidas{
  background:#111210;
  color:#ffffff;
}

#como-funciona .section-head p,
#motos-disponiveis .section-head p,
#duvidas .faq-intro p,
#como-funciona .step p,
#duvidas details p{
  color:#b7bcb0;
}

#como-funciona .step,
#duvidas details,
#duvidas .text-link{
  border-color:#35382f;
}

#como-funciona .num,
#motos-disponiveis .eyebrow,
#duvidas .eyebrow{
  color:#d6dacd;
}

#duvidas summary,
#como-funciona h2,
#como-funciona h3,
#motos-disponiveis h2,
#duvidas h2{
  color:#ffffff;
}

#motos-disponiveis .moto-card{
  background:#ffffff;
  border-color:#e1e3d8;
  box-shadow:0 18px 45px #0000002a;
}

/* Seções escuras originais agora em fundo claro */
#plano,
.included,
#interesse-moto{
  background:#f4f4ed;
  color:#191b15;
}

#plano .plan-panel{
  background:#ffffff;
  border:1px solid #e1e3d8;
  box-shadow:0 18px 45px #171a1010;
}

#plano .tag{
  border-color:#c9cebc;
  color:#6f745f;
}

#plano .plan-panel p,
#plano .plan-copy p,
#plano .milestone span,
#plano .note,
.included p,
#interesse-moto .moto-form-intro>p,
#interesse-moto .moto-form-intro .moto-form-hint{
  color:#666d60;
}

#plano .feature-list,
#plano .milestone,
.included article,
#interesse-moto .moto-form-intro .moto-form-hint{
  border-color:#d9ddcf;
}

#plano .feature-list li,
#plano h2,
#plano h3,
.included h3,
#interesse-moto,
#interesse-moto .moto-form-intro h2{
  color:#191b15;
}

.included .eyebrow.yellow,
#plano .eyebrow.yellow,
#interesse-moto .moto-form-intro>.eyebrow{
  color:#6f6900;
}

#interesse-moto .moto-form-intro h2 em{
  color:#7d7600;
}

#interesse-moto .moto-form-panel{
  background:#ffffff;
  color:#1b2017;
  border:1px solid #e1e3d8;
  box-shadow:0 18px 55px #171a1010;
}

/* Footer passa para claro para acompanhar a alternância */
footer.wrap{
  width:100%;
  max-width:none;
  background:#f4f4ed;
  color:#191b15;
  padding:0 40px;
}

.footer-main p,
.footer-main a:not(.logo),
.footer-bottom,
.footer-bottom span{
  color:#666d60;
}

.footer-main h4{
  color:#191b15;
}

.footer-bottom{
  border-top:1px solid #d6dacd;
}

.footer-phone{
  color:#7a7300;
}

@media(max-width:720px){
  footer.wrap{padding:0 20px;}
}

/* CORRECAO FINAL: o seletor precisa superar as regras embutidas no HTML. */
#interesse-moto.moto-form-section{background:#f4f4ed;color:#191b15}
#interesse-moto .moto-form-intro h2{color:#191b15}
#interesse-moto .moto-form-intro>p{color:#666d60}
#interesse-moto .moto-form-intro .moto-form-hint{color:#666d60;border-top-color:#d9ddcf}
#interesse-moto .moto-form-intro>.eyebrow{color:#6f6900}
#interesse-moto .moto-form-intro h2 em{color:#7d7600}
/* Fundo claro continuo no final, inclusive no CTA e rodape. */
.cta-section{background:#f4f4ed}

/* TEXTO SECUNDARIO EM SECOES ESCURAS — legibilidade revisada */
/* Cinza claro equilibrado, mantendo títulos brancos e destaques amarelos. */
#como-funciona .section-head p,
#como-funciona .step p,
#motos-disponiveis > .wrap > .section-head p,
#duvidas .faq-intro p,
#duvidas details p {
  color: #c4c9bf;
}

/* Subtítulos e identificadores continuam no amarelo da marca. */
#como-funciona .eyebrow,
#como-funciona .num,
#motos-disponiveis > .wrap > .section-head .eyebrow,
#duvidas .faq-intro .eyebrow {
  color: #f4e72b;
}

/* Mantém contraste escuro no selo amarelo. */
#como-funciona .step:last-child .num { color:#111210; }


/* ============================================================
   MOTIZA | REVISÃO FINAL DE CORES E CONTRASTE — 27/10/2026
   Organização: escuro #111210 / claro #F4F4ED / amarelo #F4E72B
   Não afeta posições, dimensões, carrossel nem formulário.
   ============================================================ */

/* Fundos por seção — alternância definida */
#inicio.hero, #plano, .included,
#interesse-moto.moto-form-section, .cta-section,
footer.wrap { background-color:#F4F4ED; color:#191B15; }
#como-funciona, #motos-disponiveis, #duvidas {
  background-color:#111210; color:#FFFFFF;
}

/* Blocos escuros: títulos brancos, descrições em cinza-claro. */
#como-funciona h2, #como-funciona h3,
#motos-disponiveis .section-head h2,
#duvidas h2, #duvidas summary { color:#FFFFFF; }
#como-funciona .section-head p,
#como-funciona .step p,
#motos-disponiveis .section-head p,
#duvidas .faq-intro p,
#duvidas details p { color:#C4C9BF; }
#como-funciona .eyebrow,
#como-funciona .step .num,
#motos-disponiveis .section-head .eyebrow,
#duvidas .faq-intro .eyebrow { color:#F4E72B; }
#como-funciona .step:last-child .num { color:#111210; }
#como-funciona .step, #duvidas details { border-color:#3F433A; }
#duvidas .text-link { color:#F4E72B; border-color:#F4E72B; }

/* Card branco da CG 160 deve manter todos os textos escuros. */
#motos-disponiveis .moto-card {
  background:#FFFFFF; color:#191B15;
  border-color:#DFE3D6;
}
#motos-disponiveis .moto-card h3 { color:#191B15; }
#motos-disponiveis .moto-card p { color:#50594E; }
#motos-disponiveis .moto-card .moto-content .eyebrow { color:#626D55; }
#motos-disponiveis .moto-card .moto-disclaimer { color:#525B4F; }
#motos-disponiveis .moto-card .moto-price-primary,
#motos-disponiveis .moto-card .moto-price-secondary { color:#15180D; }

/* Plano Conquista / benefícios: fundo claro e leitura confortável. */
#plano .plan-panel { background:#FFFFFF; color:#191B15; }
#plano .plan-panel h3, #plano .plan-copy h2,
.included h3 { color:#191B15; }
#plano .plan-panel p, #plano .plan-copy p, #plano .milestone span,
#plano .note, .included p { color:#555D50; }
#plano .feature-list li { color:#252B22; }
#plano .check, #plano .eyebrow.yellow, .included .eyebrow.yellow {
  color:#766D00;
}
#plano .milestone strong.yellow { color:#756C00; }

/* Formulário: fundo creme, texto escuro e cartão branco. */
#interesse-moto.moto-form-section { background:#F4F4ED; color:#191B15; }
#interesse-moto .moto-form-intro h2 { color:#191B15; }
#interesse-moto .moto-form-intro h2 em { color:#797000; }
#interesse-moto .moto-form-intro > p,
#interesse-moto .moto-form-intro .moto-form-hint { color:#555D50; }
#interesse-moto .moto-form-panel { background:#FFFFFF; color:#191B15; }

/* Rodapé claro; link de telefone em amarelo mais escuro para contraste. */
footer.wrap .footer-main h4 { color:#191B15; }
footer.wrap .footer-main p,
footer.wrap .footer-main a:not(.logo),
footer.wrap .footer-bottom { color:#555D50; }
footer.wrap .footer-phone { color:#706700; }

/* Botão amarelo do CTA conserva contraste apropriado. */
.cta-section .cta-box { color:#15180D; }


/* ======================================================
   PARÁGRAFOS <p> EM FUNDO PRETO — ESTILO INDEPENDENTE
   Apenas descrições das áreas escuras recebem cinza claro.
   Títulos, etiquetas amarelas e card branco permanecem iguais.
   ====================================================== */
#como-funciona .section-head p,
#como-funciona .step p,
#motos-disponiveis > .wrap > .section-head p,
#duvidas .faq-intro p,
#duvidas details p {
  color: #D8DDD4;
}


/* DOCUMENTOS NECESSÁRIOS PARA ANÁLISE — FORMULÁRIO MOTIZA */
#interesse-moto .moto-documentos {
  margin-top: 30px;
  max-width: 465px;
}
#interesse-moto .moto-documentos h3 {
  margin: 0 0 9px;
  color: #191b15;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 800;
  letter-spacing: -0.3px;
}
#interesse-moto .moto-documentos .moto-documentos-subtitulo {
  margin: 0 0 15px;
  color: #4d5148;
  font-size: 13px;
  line-height: 1.65;
}
#interesse-moto .moto-documentos-lista {
  display: flex;
  flex-direction: column;
  gap: 11px;
  list-style: none;
  padding: 0;
  margin: 0;
}
#interesse-moto .moto-documentos-lista li {
  position: relative;
  padding-left: 27px;
  color: #34392f;
  font-size: 14px;
  line-height: 1.5;
}
#interesse-moto .moto-documentos-lista li::before {
  content: "✓";
  position: absolute;
  top: 0;
  left: 0;
  color: #817600;
  font-size: 17px;
  font-weight: 900;
}
#interesse-moto .moto-form-intro .moto-form-hint {
  margin-top: 28px;
}
@media (max-width: 800px) {
  #interesse-moto .moto-documentos { margin-top: 24px; }
  #interesse-moto .moto-documentos h3 { font-size: 18px; }
}
