/* ================= App de Rastreamento ================= */
.appx{--c-bg:#0b3f5e0a;--c-text:#0b2130;--c-muted:#6b7a8c;--c-accent:#0b63e5}
.appx *{box-sizing:border-box}

.appx-eyebrow{
  display:inline-block;
  font-weight:800;
  font-size:.85rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--c-accent);
  background:#e7f0ff;
  padding:6px 10px;
  border-radius:999px;
  margin-bottom:.65rem
}

.appx-title{
  font-weight:900;
  line-height:1.15;
  margin:0 0 .5rem;
  color:var(--c-text);
  font-size:clamp(1.8rem,2.4vw + 1rem,2.6rem)
}

.appx-sub{
  color:var(--c-muted);
  font-size:1.05rem;
  margin-bottom:1rem
}

.appx-bullets{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.55rem}
.appx-bullets li{display:flex;gap:.5rem;align-items:flex-start;color:#344355;line-height:1.35}
.appx-bullets i{color:var(--c-accent);margin-top:.15rem}

.appx-stores{display:flex;gap:12px;align-items:center;margin:1rem 0 .25rem}
.appx-stores .store img{height:44px;filter:brightness(.98)}
.appx-stores .store img:hover{filter:brightness(1.08)}

.appx-meta{display:flex;flex-wrap:wrap;gap:.6rem;color:#5b6a7a;font-size:.95rem}
.appx-meta .dot{opacity:.5}

.appx-mock{
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#f7f9fc,transparent);
  border-radius:22px;min-height:460px;padding:16px;border:1px dashed #c9d3df
}
.appx-mock-placeholder{
  text-align:center;border-radius:18px;border:2px dashed #b8c6d6;color:#6b7a8c;
  padding:40px 24px;width:min(420px,100%)
}
.appx-mock-placeholder span{display:block;font-weight:800;color:#42566b}
.appx-mock-placeholder small{display:block;margin-top:6px;font-size:.85rem;opacity:.85}

/* cards */
.appx-cards .appx-card{
  background:#fff;border:1px solid #ecf1f6;border-radius:18px;padding:18px;height:100%;
  transition:transform .18s ease, box-shadow .18s ease
}
.appx-cards .appx-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(2,17,37,.06)}
.appx-cards .appx-card i{font-size:22px;color:var(--c-accent)}
.appx-cards .appx-card h3{font-size:1.05rem;margin:.65rem 0 .25rem;font-weight:800;color:#203345}
.appx-cards .appx-card p{margin:0;color:#54667a;font-size:.98rem}

/* steps */
.appx-steps h2{font-size:1.4rem;font-weight:900;margin:0 0 .4rem;color:#1e2f41}
.appx-steps ol{margin:.25rem 0 0 1.2rem;color:#3a4b5c}
.appx-steps li{margin:.25rem 0}
.appx-note{margin-top:.65rem;color:#5a6a7a}
.appx-note a{color:var(--c-accent);text-decoration:none}
.appx-note a:hover{text-decoration:underline}

/* pequenos ajustes responsivos */
@media (max-width: 991px){
  .appx-mock{min-height:360px}
}