:root{
  --amarelo:#F5AD00;
  --amarelo-escuro:#D99700;
  --grafite:#282828;
  --preto:#161616;
  --carvao:#1F1F1F;
  --branco:#FFFFFF;
  --areia:#F7F4EC;
  --cinza:#8C8C8C;
  --cinza-claro:#E6E3DB;
  --verde:#25D366;
  --display:'Sora',system-ui,sans-serif;
  --body:'DM Sans',system-ui,sans-serif;
  --radius:18px;
  --max:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--body);color:var(--grafite);background:var(--branco);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
.wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
h1,h2,h3,.display{font-family:var(--display);letter-spacing:-.02em;line-height:1.05}
h2{font-size:clamp(30px,4.2vw,50px);font-weight:800}
h3{font-size:22px;font-weight:700}
.eyebrow{font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--amarelo);display:inline-flex;align-items:center;gap:10px;margin-bottom:10px}
.eyebrow::before{content:"";width:26px;height:4px;border-radius:4px;background:var(--amarelo)}
.lead{font-size:18px;color:#555;max-width:560px}
.dark .lead{color:#B9B9B9}
section{padding:96px 0}
section.hero{padding:0}
.dark{background:var(--grafite);color:var(--branco)}
.areia{background:var(--areia)}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:15px;padding:16px 26px;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,background .2s,color .2s,box-shadow .2s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn:focus-visible{outline:3px solid var(--amarelo);outline-offset:3px}
.btn-amarelo{background:var(--amarelo);color:var(--preto);box-shadow:0 10px 30px -10px rgba(245,173,0,.7)}
.btn-amarelo:hover{background:#FFC11A}
.btn-ghost{background:rgba(22,22,22,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--branco);border-color:rgba(255,255,255,.45)}
.btn-ghost:hover{border-color:var(--branco);background:rgba(22,22,22,.65)}
.btn-escuro{background:var(--grafite);color:var(--branco)}
.btn-escuro:hover{background:var(--preto)}
.btn-zap{background:var(--verde);color:#062d14}
.btn svg{width:18px;height:18px;flex:none}

/* header */
header{position:sticky;top:0;z-index:50;background:rgba(40,40,40,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{display:flex;align-items:center;justify-content:space-between;height:78px}
.logo img{height:46px;width:auto}
.menu{display:flex;gap:34px;font-weight:500;font-size:15px;color:#ddd}
.menu a{position:relative;padding:6px 0}
.menu a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--amarelo);transition:width .2s}
.menu a:hover::after{width:100%}
.nav-cta{display:flex;gap:12px;align-items:center}
.burger{display:none;background:none;border:0;color:#fff;cursor:pointer;padding:8px}
.burger svg{width:28px;height:28px}
.mobile-menu{display:none;background:var(--preto);padding:22px 0 30px;border-top:1px solid rgba(255,255,255,.08)}
.mobile-menu.open{display:block}
.mobile-menu ul{display:grid;gap:6px;margin-bottom:18px}
.mobile-menu a{display:block;padding:12px 0;font-family:var(--display);font-weight:600;font-size:20px;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}

/* hero */
.hero{background:var(--grafite);color:#fff;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 85% 20%,rgba(245,173,0,.18),transparent 60%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;position:relative}
.hero h1{font-size:clamp(34px,3.6vw,46px);font-weight:800;margin-bottom:12px}
.hero h1 .y{color:var(--amarelo)}
.hero h1 .price{display:inline-block;position:relative;white-space:nowrap}
.hero h1 .price::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:.18em;background:var(--amarelo);z-index:-1;border-radius:4px;opacity:.9}
.hero .lead{margin-bottom:18px;font-size:15.5px}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap}
.hero-proof{display:flex;gap:28px;flex-wrap:wrap;color:#aaa;font-size:14px}
.hero-proof strong{display:block;color:#fff;font-family:var(--display);font-size:24px;font-weight:800;letter-spacing:-.02em}

/* marquee */
.marquee{background:var(--amarelo);color:var(--preto);overflow:hidden;padding:14px 0;margin-top:44px;position:relative;border-bottom:6px solid var(--preto)}
.marquee-track{display:flex;gap:48px;white-space:nowrap;font-family:var(--display);font-weight:800;font-size:16px;letter-spacing:.06em;text-transform:uppercase;animation:roll 32s linear infinite;width:max-content}
.marquee-track span{display:inline-flex;align-items:center;gap:48px}
.marquee-track i{font-style:normal;display:inline-block;width:28px;height:4px;border-radius:4px;background:var(--preto)}
@keyframes roll{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}.reveal{opacity:1!important;transform:none!important}.btn:hover{transform:none}}

/* tabela */
.tabela-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:56px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:#fff;border:1px solid var(--cinza-claro);border-radius:var(--radius);padding:34px 30px;display:flex;flex-direction:column;gap:14px;position:relative;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-4px);box-shadow:0 30px 50px -30px rgba(0,0,0,.35)}
.card .label{font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--cinza)}
.card .preco{font-family:var(--display);font-weight:800;font-size:64px;letter-spacing:-.04em;line-height:1}
.card .preco small{font-size:22px;letter-spacing:0;vertical-align:top;margin-right:4px;color:var(--cinza)}
.card .preco em{font-style:normal;font-size:16px;letter-spacing:0;color:var(--cinza);font-weight:500;font-family:var(--body)}
.card ul{display:grid;gap:8px;color:#555;font-size:15px;margin-top:6px}
.card li{display:flex;gap:10px;align-items:flex-start}
.card li::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:var(--amarelo) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23161616' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center/11px no-repeat;margin-top:2px}
.card.destaque{background:var(--grafite);color:#fff;border-color:var(--grafite)}
.card.destaque .preco em,.card.destaque .preco small{color:#9a9a9a}
.card.destaque ul{color:#ccc}
.card.destaque .label{color:var(--amarelo)}
.ribbon{position:absolute;top:-14px;right:22px;background:var(--amarelo);color:var(--preto);font-family:var(--display);font-weight:800;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:8px 14px;border-radius:999px}
.card .btn{margin-top:auto;justify-content:center}
.nota{margin-top:22px;font-size:14px;color:var(--cinza)}

/* coleta timeline */
.coleta-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.dia{position:relative;padding-left:34px}
.dia::before{content:"";position:absolute;left:8px;top:10px;bottom:10px;width:3px;background:linear-gradient(var(--amarelo),rgba(245,173,0,.15));border-radius:3px}
.slot{position:relative;padding:22px 0 22px 28px;border-bottom:1px solid rgba(255,255,255,.08)}
.slot:last-child{border-bottom:0}
.slot::before{content:"";position:absolute;left:-32px;top:30px;width:19px;height:19px;border-radius:50%;background:var(--grafite);border:4px solid var(--amarelo)}
.slot.hot::before{background:var(--amarelo);box-shadow:0 0 0 8px rgba(245,173,0,.18)}
.slot .hora{font-family:var(--display);font-weight:800;font-size:34px;letter-spacing:-.03em;color:var(--amarelo);line-height:1}
.slot h3{margin:8px 0 6px}
.slot p{color:#b5b5b5;font-size:15px;max-width:440px}
.slot .chip{display:inline-block;margin-top:10px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.08);color:#ddd}
.coleta-copy .btn{margin-top:30px}
.check{display:grid;gap:12px;margin-top:26px}
.check li{display:flex;gap:12px;align-items:flex-start;color:#ddd;font-size:16px}
.check li::before{content:"→";color:var(--amarelo);font-weight:800;font-family:var(--display)}

/* diferenciais */
.dif-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px}
.dif{background:#fff;border-radius:var(--radius);padding:30px 26px;border:1px solid var(--cinza-claro)}
.dif .ico{width:52px;height:52px;border-radius:14px;background:var(--grafite);display:grid;place-items:center;margin-bottom:20px}
.dif .ico svg{width:26px;height:26px;stroke:var(--amarelo);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dif h3{font-size:19px;margin-bottom:8px}
.dif p{color:#666;font-size:15px}

/* sobre */
.sobre-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.sobre-img{position:relative}
.sobre-img img{border-radius:26px;aspect-ratio:1;object-fit:cover}
.sobre-badge{position:absolute;bottom:-22px;left:-22px;background:var(--amarelo);color:var(--preto);padding:20px 24px;border-radius:18px;box-shadow:0 20px 40px -20px rgba(0,0,0,.5)}
.sobre-badge b{font-family:var(--display);font-size:38px;font-weight:800;display:block;line-height:1;letter-spacing:-.03em}
.sobre-badge span{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:70px;padding-top:50px;border-top:1px solid var(--cinza-claro)}
.stat b{font-family:var(--display);font-size:clamp(34px,4vw,52px);font-weight:800;letter-spacing:-.03em;display:block;line-height:1}
.stat b::after{content:"";display:block;width:34px;height:5px;border-radius:5px;background:var(--amarelo);margin:12px 0}
.stat span{color:#666;font-size:15px}

/* passos */
.passos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px;counter-reset:p}
.passo{position:relative;padding:34px 30px 30px;border-radius:var(--radius);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.passo::before{counter-increment:p;content:"0" counter(p);font-family:var(--display);font-weight:800;font-size:54px;color:var(--amarelo);line-height:1;display:block;margin-bottom:22px;letter-spacing:-.04em}
.passo h3{margin-bottom:8px}
.passo p{color:#b5b5b5;font-size:15px}

/* faq */
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}
.faq{border-top:1px solid var(--cinza-claro)}
.faq details{border-bottom:1px solid var(--cinza-claro)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-family:var(--display);font-weight:700;font-size:18px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:34px;height:34px;border-radius:50%;border:2px solid var(--grafite);display:grid;place-items:center;font-size:22px;transition:transform .2s,background .2s}
.faq details[open] summary::after{transform:rotate(45deg);background:var(--amarelo);border-color:var(--amarelo)}
.faq details p{padding:0 0 22px;color:#555;max-width:640px}

/* cta final + form */
.cta-final{background:var(--amarelo);color:var(--preto);padding:100px 0}
.cta-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.cta-final h2{font-size:clamp(36px,5vw,64px)}
.cta-final .lead{color:#4a3a00;margin:22px 0 30px}
.form{background:#fff;border-radius:24px;padding:36px;box-shadow:0 40px 80px -40px rgba(0,0,0,.5)}
.form h3{margin-bottom:6px}
.form p{font-size:14px;color:#666;margin-bottom:22px}
.field{display:grid;gap:6px;margin-bottom:14px}
.field label{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#555}
.field input,.field select{width:100%;padding:14px 16px;border:2px solid var(--cinza-claro);border-radius:12px;font:inherit;font-size:15px;background:#fff;color:var(--grafite)}
.field input:focus,.field select:focus{outline:none;border-color:var(--amarelo)}
.form .btn{width:100%;justify-content:center;margin-top:8px}
.form small{display:block;text-align:center;margin-top:12px;color:#888;font-size:12px}

/* footer */
footer{background:var(--preto);color:#bbb;padding:70px 0 30px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:50px;border-bottom:1px solid rgba(255,255,255,.08)}
.foot-grid img{height:44px;margin-bottom:20px}
.foot-grid h4{font-family:var(--display);color:#fff;font-size:14px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}
.foot-grid ul{display:grid;gap:10px;font-size:15px}
.foot-grid a:hover{color:var(--amarelo)}
.social{display:flex;gap:10px;margin-top:18px}
.social a{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.15);display:grid;place-items:center}
.social a:hover{background:var(--amarelo);border-color:var(--amarelo);color:var(--preto)}
.social svg{width:18px;height:18px;fill:currentColor}
.copy{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:26px;font-size:13px;color:#777}




/* hero full-bleed photo */
.hero{display:flex;flex-direction:column;justify-content:flex-end}
.hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero-bg img{position:absolute;right:0;top:0;height:100%;width:62%;object-fit:cover;object-position:60% 50%;animation:kenburns 18s ease-in-out infinite alternate;will-change:transform}
@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.1) translateX(-2%)}}
.hero-bg::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--grafite) 0 34%,rgba(40,40,40,.92) 44%,rgba(40,40,40,.35) 62%,rgba(40,40,40,0) 80%);z-index:1}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(40,40,40,.55),transparent 30%,transparent 70%,var(--grafite));z-index:1}
.hero-bg .grain{position:absolute;inset:0;z-index:2;opacity:.07;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.5) 3px 4px);mix-blend-mode:multiply}
.hero-bg .stripe{position:absolute;z-index:2;left:44%;top:-10%;width:5px;height:120%;background:var(--amarelo);transform:skewX(-14deg);opacity:.8}
.hero-bg .stripe.s2{left:46%;width:2px;opacity:.35}
.hero .wrap{position:relative;z-index:3;padding:40px 0 40px}
.hero-grid{grid-template-columns:minmax(0,640px);gap:0}
.hero .lead{max-width:540px;color:#E4E4E4;border:1px solid rgba(255,255,255,.55);border-left:4px solid #fff;border-radius:0 16px 16px 0;padding:12px 16px;background:rgba(22,22,22,.35);backdrop-filter:blur(6px)}
@media (max-width:1000px){
  .hero{min-height:auto}
  .hero-bg img{width:100%;object-position:55% 50%}
  .hero-bg::before{background:linear-gradient(180deg,rgba(40,40,40,.45) 0,rgba(40,40,40,.72) 30%,rgba(40,40,40,.96) 70%)}
  .hero-bg .stripe{display:none}
  .hero .wrap{padding:32px 0 32px}
  .hero .lead{font-size:14.5px;padding:12px 14px;margin-bottom:18px}
  .hero .eyebrow{font-size:11px;margin-bottom:10px}
}

/* homologação + flip */
.homolog{padding:0;margin-top:-1px}
.homolog-grid{display:grid;grid-template-columns:1fr 1fr;min-height:560px}
.homolog-left{background:var(--amarelo);color:var(--preto);padding:90px 7vw 90px calc((100vw - var(--max))/2 + 0px);display:flex;flex-direction:column;justify-content:center}
.homolog-left .eyebrow{color:var(--preto)}
.homolog-left .eyebrow::before{background:var(--preto)}
.homolog-left h2{font-size:clamp(34px,4.4vw,56px)}
.homolog-left p{margin-top:18px;font-size:17px;color:#4a3a00;max-width:460px}
.selo-grande{display:inline-flex;align-items:center;gap:18px;margin-top:34px;background:var(--preto);color:#fff;border-radius:22px;padding:18px 24px;width:max-content;max-width:100%}
.selo-grande .ring{width:70px;height:70px;border-radius:50%;border:3px solid var(--amarelo);display:grid;place-items:center;position:relative;flex:none}
.selo-grande .ring::before{content:"";position:absolute;inset:6px;border-radius:50%;border:2px dashed rgba(245,173,0,.6);animation:spin 16s linear infinite}
.selo-grande .ring svg{width:28px;height:28px;stroke:var(--amarelo);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.selo-grande small{display:block;font-family:var(--display);font-weight:700;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--amarelo)}
.selo-grande b{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.02em;line-height:1.1;display:block;margin-top:4px}
@keyframes spin{to{transform:rotate(360deg)}}
.homolog-right{background:var(--preto);color:#fff;display:flex;align-items:center;justify-content:center;padding:80px 6vw;position:relative;overflow:hidden}
.homolog-right::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 300px at 50% 50%,rgba(245,173,0,.14),transparent 70%)}
.flip{position:relative;width:min(440px,100%);perspective:1400px}
.flip-label{font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#888;margin-bottom:18px;display:flex;justify-content:space-between}
.flip{padding-bottom:40px}
.cal{position:relative;width:100%;border-radius:30px;transform-origin:50% 100%;filter:drop-shadow(0 40px 50px rgba(0,0,0,.7))}
.cal.wobble{animation:wobble 1.5s cubic-bezier(.3,.8,.3,1)}
@keyframes wobble{0%{transform:rotate(0)}15%{transform:rotate(-6deg) translateY(-8px)}40%{transform:rotate(4deg)}65%{transform:rotate(-2deg)}85%{transform:rotate(1deg)}100%{transform:rotate(0)}}
.cal-rings{position:absolute;left:0;right:0;top:-24px;display:flex;justify-content:space-evenly;padding:0 18%;z-index:6}
.cal-rings i{width:16px;height:48px;border:6px solid var(--preto);border-radius:14px 14px 4px 4px;border-bottom:0;box-sizing:border-box;position:relative}
.cal-rings i::after{content:"";position:absolute;left:-6px;right:-6px;bottom:-4px;height:8px;background:var(--preto);border-radius:0 0 6px 6px}
.cal-head{height:74px;border-radius:30px 30px 0 0;background:var(--amarelo);position:relative;z-index:5;overflow:hidden;border:5px solid var(--preto);border-bottom:0}
.cal-head::after{content:"";position:absolute;left:0;top:0;bottom:0;width:38%;background:rgba(255,255,255,.25);transform:skewX(-18deg);transform-origin:0 0}
.cal-body{height:210px;position:relative;border-radius:0 0 30px 30px;background:var(--preto);z-index:4}
.cal-body::before{content:"";position:absolute;inset:0;border-radius:0 0 30px 30px;border:5px solid var(--preto);border-top:0;z-index:7;pointer-events:none}
.sheet{position:absolute;left:5px;right:5px;top:0;bottom:5px;border-radius:0 0 26px 26px;background:linear-gradient(100deg,#F2EFE7 0 40%,#fff 40%);display:grid;place-items:center;text-align:center;padding:0 24px;font-family:var(--display);font-weight:800;font-size:clamp(34px,4.2vw,50px);letter-spacing:-.035em;line-height:1;color:var(--preto);box-shadow:0 6px 14px -6px rgba(0,0,0,.35);will-change:transform}
.sheet.s-0{z-index:3}
.sheet.s-1{z-index:2;transform:translateY(4px) scale(.985)}
.sheet.s-2{z-index:1;transform:translateY(8px) scale(.97)}
.sheet.leaving{z-index:0;border-radius:22px}
.spark{position:absolute;width:32px;height:7px;border-radius:7px;background:var(--amarelo);opacity:0;pointer-events:none;z-index:8}
.spark.s1{left:-44px;top:14%;transform:rotate(-40deg)}
.spark.s2{right:-44px;top:14%;transform:rotate(40deg)}
.spark.s3{left:-48px;bottom:14%;transform:rotate(40deg)}
.spark.s4{right:-48px;bottom:14%;transform:rotate(-40deg)}
.cal.sparkle .spark{animation:spark .75s ease-out forwards}
@keyframes spark{0%{opacity:0;scale:.3}30%{opacity:1;scale:1.15}100%{opacity:0;scale:1;translate:0 -8px}}
.flip-dots{display:flex;gap:8px;justify-content:center;margin-top:30px}
.flip-dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2);transition:background .3s,width .3s}
.flip-dots i.on{background:var(--amarelo);width:26px;border-radius:8px}
@media (max-width:760px){.cal-body{height:175px}.cal-head{height:62px}.cal-rings{top:-20px}.cal-rings i{height:40px}}.cal-head{height:60px}.cal-rings{top:-18px}.cal-rings i{height:36px}}
@media (max-width:1000px){.homolog-grid{grid-template-columns:1fr}.homolog-left{padding:70px 20px}.homolog-right{padding:70px 20px}}
@media (prefers-reduced-motion:reduce){.hero-bg img{animation:none}.selo-grande .ring::before{animation:none}}

/* bloco coleta */
.coleta-box{background:var(--preto);border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:44px;position:relative;overflow:hidden}
.coleta-box::before{content:"";position:absolute;right:-120px;top:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(245,173,0,.28),transparent 65%)}
.coleta-box .horas{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}
.coleta-box .h{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:22px}
.coleta-box .h b{font-family:var(--display);font-weight:800;font-size:48px;letter-spacing:-.04em;color:var(--amarelo);display:block;line-height:1}
.coleta-box .h span{display:block;margin-top:8px;font-family:var(--display);font-weight:700;font-size:15px}
.coleta-box .h p{color:#aaa;font-size:14px;margin-top:6px}
.coleta-box .cond{display:flex;gap:14px;align-items:flex-start;background:rgba(245,173,0,.1);border-left:4px solid var(--amarelo);padding:16px 18px;border-radius:0 14px 14px 0;color:#ddd;font-size:15px}
.coleta-box .cond strong{color:#fff}
.coleta-box .btn{margin-top:24px}
@media (max-width:760px){.coleta-box{padding:28px}.coleta-box .horas{grid-template-columns:1fr}.hero-visual .speed{left:-20px}.chip-1{left:0}.chip-2{right:0}.selo{width:104px;height:104px;top:-18px;right:-6px}.selo .in span{font-size:12px}}

/* reveal */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}

@media (max-width:1000px){
  .hero-grid,.coleta-grid,.sobre-grid,.faq-grid,.cta-grid,.tabela-head{grid-template-columns:1fr;gap:46px}
  .cards,.passos{grid-template-columns:1fr}
  .dif-grid,.stats{grid-template-columns:repeat(2,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr}
  
  section{padding:72px 0}
}
@media (max-width:760px){
  .menu,.nav-cta .btn-ghost{display:none}
  .burger{display:block}
  .nav-cta .btn{padding:12px 18px;font-size:13px}
  
  .hero h1{font-size:clamp(30px,8.4vw,36px)}
  .dif-grid,.stats,.foot-grid{grid-template-columns:1fr}
  .card .preco{font-size:54px}
  .form{padding:26px}
  .sobre-badge{left:10px;bottom:-16px}
}


/* ===== paginas de SEO programatico ===== */
.seo-hero{position:relative;background:var(--grafite);color:var(--branco);padding:78px 0 86px;overflow:hidden}
.seo-hero::before{content:"";position:absolute;inset:0;background:url(/motoboy-flex-correria.jpg) center/cover no-repeat;opacity:.16}
.seo-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,22,22,.92) 0%,rgba(22,22,22,.72) 60%,rgba(22,22,22,.45) 100%)}
.seo-hero .wrap{position:relative;z-index:2}
.seo-hero h1{font-size:clamp(30px,4.6vw,52px);font-weight:800;max-width:900px;margin-bottom:18px}
.seo-hero .lead{color:#D8D8D8;max-width:640px;font-size:18px}
.seo-hero .btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.crumb{font-size:13px;color:#9a9a9a;margin-bottom:18px}
.crumb a{color:#c9c9c9;text-decoration:underline}
.crumb span{color:var(--amarelo)}
.seo-selos{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.seo-selo{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);color:#eee;white-space:nowrap;flex:none;line-height:1.1;border-radius:999px}
.seo-body{padding:76px 0}
.seo-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start}
.artigo h2{font-size:clamp(23px,2.6vw,32px);font-weight:800;margin:44px 0 16px;color:var(--preto)}
.artigo h2:first-child{margin-top:0}
.artigo p{margin-bottom:16px;font-size:16.5px;color:#464646}
.artigo strong{color:var(--preto)}
.side{position:sticky;top:100px;display:grid;gap:18px}
.side-box{background:var(--areia);border:1px solid var(--cinza-claro);border-radius:var(--radius);padding:26px}
.side-box h3{font-size:18px;margin-bottom:12px}
.side-box ul{display:grid;gap:10px;font-size:14.5px;color:#4a4a4a}
.side-box li{display:flex;gap:9px;align-items:flex-start}
.side-box li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--amarelo);margin-top:7px}
.side-box .btn{width:100%;justify-content:center;margin-top:18px}
.side-preco{background:var(--grafite);color:#fff;border-color:transparent}
.side-preco h3{color:#fff}
.side-preco .val{font-family:var(--display);font-size:38px;font-weight:800;color:var(--amarelo);line-height:1}
.side-preco .val small{font-size:14px;color:#cfcfcf;font-weight:500;display:block;margin-top:6px}
.seo-passos{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:10px}
.seo-passo{background:#fff;border:1px solid var(--cinza-claro);border-radius:var(--radius);padding:26px 22px}
.seo-passo .n{font-family:var(--display);font-weight:800;font-size:13px;letter-spacing:.1em;color:var(--amarelo);margin-bottom:10px}
.seo-passo h3{font-size:17px;margin-bottom:8px}
.seo-passo p{font-size:14.5px;color:#555;margin:0}
.bloco-faq{padding:76px 0}
.links-int{padding:70px 0}
.links-int ul{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 26px;margin-top:26px}
.links-int a{font-size:14.5px;color:#4a4a4a;border-bottom:1px solid transparent;padding:3px 0;display:inline-block}
.links-int a:hover{color:var(--preto);border-bottom-color:var(--amarelo)}
.seo-cta{background:var(--preto);color:#fff;padding:74px 0;text-align:center}
.seo-cta h2{color:#fff;margin-bottom:14px}
.seo-cta p{color:#c4c4c4;max-width:640px;margin:0 auto 28px}
.seo-cta .btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.mapa-cats{display:grid;gap:34px;margin-top:34px}
.mapa-cat h3{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.mapa-cat .badge{font-family:var(--body);font-size:12px;font-weight:700;background:var(--amarelo);color:var(--preto);padding:4px 11px;border-radius:999px}
.mapa-cat ol{margin-left:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 30px;font-size:15px;color:#4a4a4a}
.mapa-cat a:hover{color:var(--preto);text-decoration:underline}
@media(max-width:980px){
  .seo-grid{grid-template-columns:1fr;gap:38px}
  .side{position:static}
  .seo-passos{grid-template-columns:repeat(2,1fr)}
  .links-int ul,.mapa-cat ol{grid-template-columns:1fr}
}
@media(max-width:560px){
  .seo-passos{grid-template-columns:1fr}
  .seo-selos{gap:8px}
  .seo-selo{font-size:10.5px;padding:7px 11px;letter-spacing:.04em}
}