/* ==========================================================================
   Widgets — scroll progress, floating WhatsApp, scroll reveal
   ========================================================================== */
.progress-rail{
  position:fixed; top:0; left:0; width:100%; height:3px;
  background:transparent; z-index:1000;
}
.progress-fill{
  height:100%; width:0%;
  background:linear-gradient(90deg, var(--route), var(--route-light));
  transition:width 0.08s linear;
}
.progress-truck{
  position:fixed; top:3px; left:0%;
  transform:translate(-50%,0);
  z-index:1000;
  transition:left 0.08s linear;
  filter:drop-shadow(0 2px 4px rgba(12,27,42,0.35));
}
.progress-truck svg{width:22px; height:22px;}

.float-wa{
  position:fixed; bottom:22px; right:22px; z-index:800;
  width:58px; height:58px; border-radius:50%;
  background:#25D366; color:#fff;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 8px 20px rgba(0,0,0,0.25);
  transition:transform 0.25s ease;
}
.float-wa:hover{transform:scale(1.08);}
.float-wa svg{width:28px; height:28px;}

.reveal{opacity:0; transform:translateY(18px); transition:opacity 0.6s ease, transform 0.6s ease;}
.reveal.in{opacity:1; transform:translateY(0);}