/* ===== seções ===== */
.rv:not(h2){opacity:0;transform:translateY(40px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.rv.in:not(h2){opacity:1;transform:none}
.manif{font:500 clamp(26px,4.2vw,58px)/1.18 var(--disp);text-transform:uppercase;letter-spacing:.01em}
.manif b{font-weight:600}
.stats .rv,.stats.rv{transition-delay:.1s}

/* expedições */
.exp{background:linear-gradient(180deg,var(--bg),var(--bg2))}
.feat{display:grid;grid-template-columns:5fr 6fr;gap:clamp(24px,5vw,80px);align-items:center;margin-top:70px}
.feat-img{border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;position:relative;box-shadow:0 40px 120px -40px rgba(255,90,31,.35)}
.feat-img img{width:100%;height:112%;object-fit:cover;will-change:transform}
.feat-img::after{content:"";position:absolute;inset:0;border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--line)}
.tag{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--acc2);border:1px solid rgba(255,179,71,.4);padding:8px 16px;border-radius:99px}
.tag::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--acc);animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,90,31,.7)}100%{box-shadow:0 0 0 12px rgba(255,90,31,0)}}
.feat-txt h3{font:600 clamp(44px,6vw,92px)/.95 var(--disp);text-transform:uppercase;margin:22px 0 18px}
.feat-txt p{color:var(--mut);max-width:480px;font-size:17px}
.count{display:flex;gap:12px;margin:32px 0}
.count div{flex:1;max-width:110px;border:1px solid var(--line);border-radius:16px;padding:16px 8px;text-align:center;background:rgba(255,255,255,.02)}
.count b{display:block;font:600 clamp(30px,4vw,48px)/1 var(--disp);font-variant-numeric:tabular-nums}
.count small{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}

.formats{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:90px}
.card{position:relative;border:1px solid var(--line);border-radius:var(--r);padding:clamp(28px,3.5vw,52px);background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,0));overflow:hidden;transform-style:preserve-3d;transition:border-color .4s,box-shadow .4s}
.card::before{content:"";position:absolute;inset:0;background:radial-gradient(500px circle at var(--px,50%) var(--py,0%),rgba(255,90,31,.18),transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}
.card:hover{border-color:rgba(255,90,31,.5)}
.card:hover::before{opacity:1}
.card .num{font:500 15px var(--disp);color:var(--acc);letter-spacing:.2em}
.card h3{font:600 clamp(32px,3.6vw,52px)/1 var(--disp);text-transform:uppercase;margin:14px 0 14px}
.card .sub{color:var(--mut);margin-bottom:28px}
.card dl div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--line)}
.card dt{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--acc2);padding-top:3px}
.card dd{font-size:15px}

.dest{margin-top:90px;border-top:1px solid var(--line)}
.dest-head{font-size:12px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--mut);padding:22px 0}
.d{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:16px;width:100%;text-align:left;padding:22px 8px;border-top:1px solid var(--line);transition:padding .5s var(--ease),background .4s}
.d i{font:500 15px var(--disp);font-style:normal;color:var(--mut);transition:color .3s}
.d span{font:600 clamp(26px,3.6vw,52px)/1 var(--disp);text-transform:uppercase;color:var(--mut);transition:color .3s,transform .5s var(--ease)}
.d em{font-style:normal;font-size:14px;color:var(--mut);opacity:0;transform:translateX(-12px);transition:.5s var(--ease);text-align:right;max-width:340px}
.d:hover,.d.on{padding-left:24px;background:linear-gradient(90deg,rgba(255,90,31,.08),transparent)}
.d:hover span,.d.on span{color:var(--ink)}
.d.on i,.d:hover i{color:var(--acc)}
.d:hover em,.d.on em{opacity:1;transform:none}

/* estoque */
.stock{background:var(--bg2)}
.stock-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(24px,5vw,80px);margin-top:60px;align-items:start}
.big{font-size:clamp(18px,2vw,26px);line-height:1.5;color:#d8d0c4}
.ticks{list-style:none}
.ticks li{padding:18px 0 18px 36px;border-top:1px solid var(--line);position:relative;font-weight:600;transition:padding .4s var(--ease),color .3s}
.ticks li:last-child{border-bottom:1px solid var(--line)}
.ticks li::before{content:"";position:absolute;left:4px;top:50%;width:14px;height:14px;margin-top:-7px;background:var(--acc);transform:rotate(45deg) scale(.7);transition:transform .4s var(--ease)}
.ticks li:hover{padding-left:46px;color:var(--acc2)}
.ticks li:hover::before{transform:rotate(225deg) scale(1)}
.stock-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:56px}

/* produtos */
.prod-p{max-width:560px;color:var(--mut);font-size:18px;margin-top:28px}
.prod-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px}
.pill{display:flex;flex-direction:column;justify-content:flex-end;min-height:260px;padding:32px;border-radius:var(--r);border:1px solid var(--line);background:radial-gradient(120% 90% at 100% 0%,rgba(255,90,31,.14),transparent 60%),var(--bg2);transition:border-color .4s,box-shadow .4s;transform-style:preserve-3d}
.pill:hover{border-color:var(--acc);box-shadow:0 30px 80px -30px rgba(255,90,31,.5)}
.pill b{font:600 clamp(28px,3vw,42px)/1 var(--disp);text-transform:uppercase}
.pill span{color:var(--mut);font-size:14px;margin-top:10px}

/* depoimento */
.quote{background:var(--bg2);text-align:center}
.quote .kicker{text-align:center}
.quote h2{margin-inline:auto}
.quote h2 .l{display:block}
blockquote{max-width:820px;margin:60px auto 0;font:500 clamp(22px,2.8vw,36px)/1.35 var(--body);color:#e6dfd3;position:relative}
blockquote::before{content:"“";position:absolute;top:-70px;left:50%;transform:translateX(-50%);font:600 140px/1 var(--disp);color:var(--acc);opacity:.35}

/* contato */
.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,5vw,80px);margin-top:60px;align-items:stretch}
.big-link{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:300px;padding:clamp(28px,4vw,56px);border-radius:var(--r);background:var(--acc);color:#120700;overflow:hidden;transition:transform .5s var(--ease)}
.big-link::before{content:"";position:absolute;inset:0;background:var(--acc2);transform:translateY(101%);transition:transform .6s var(--ease)}
.big-link:hover::before{transform:none}
.big-link>*{position:relative}
.big-link small{font-size:12px;font-weight:800;letter-spacing:.3em;text-transform:uppercase}
.big-link b{font:600 clamp(36px,5.4vw,80px)/1 var(--disp)}
.big-link svg{position:absolute;right:28px;top:28px;width:44px;height:44px;transition:transform .5s var(--ease)}
.big-link:hover svg{transform:translate(6px,-6px)}
.info{display:flex;flex-direction:column;gap:28px;justify-content:center}
.info small{display:block;font-size:11px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--acc2);margin-bottom:8px}
.info p{color:#d8d0c4}
.info p a{border-bottom:1px solid var(--line);transition:border-color .3s,color .3s}
.info p a:hover{color:var(--acc2);border-color:var(--acc2)}
.info .btn{align-self:flex-start}

footer{border-top:1px solid var(--line);padding:40px 0 100px}
footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
footer p{color:var(--mut);font-size:14px}
.up{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--mut);transition:color .3s}
.up:hover{color:var(--acc)}
.wa{position:fixed;right:20px;bottom:20px;z-index:60;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 30px -6px rgba(37,211,102,.6);transition:transform .4s var(--ease)}
.wa:hover{transform:scale(1.1) rotate(-6deg)}
.wa svg{width:28px;height:28px}
.wa::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;animation:ring 2.4s infinite}
@keyframes ring{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.7);opacity:0}}

/* ===== responsivo ===== */
@media (max-width:900px){
  .menu{position:fixed;inset:0;background:rgba(11,10,9,.97);flex-direction:column;align-items:center;justify-content:center;gap:28px;font-size:22px;font-family:var(--disp);opacity:0;pointer-events:none;transition:opacity .4s}
  .menu.open{opacity:1;pointer-events:auto}
  .burger{display:block;z-index:2}
  .nav{z-index:90}
  .feat,.formats,.stock-grid,.contact-grid,.prod-row{grid-template-columns:1fr}
  .feat-img{aspect-ratio:4/4.4}
  .stats{grid-template-columns:1fr}
  .d{grid-template-columns:40px 1fr}
  .d em{grid-column:2;text-align:left;opacity:1;transform:none;max-width:none;font-size:13px}
  .card dl div{grid-template-columns:1fr;gap:4px}
  .scrollhint{display:none}
  .count{gap:8px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .loader{display:none}
  h1 .l span,h2 .l span{transform:none}
  .fade,.rv:not(h2){opacity:1;transform:none}
}