/* =========================================================
   RASTREIO.CSS — exclusivo do rastreio.html
   Precisa de base.css carregado antes.
   ========================================================= */

.track-section{padding:40px 16px 48px;max-width:640px}
.track-section h1{font-size:26px;margin-bottom:8px}
.track-sub{font-size:14px;color:var(--gray-600);margin-bottom:22px}
.track-form{
  display:flex;flex-direction:column;gap:8px;
  background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);
  padding:18px;margin-bottom:22px;
}
.track-form label{font-size:12.5px;font-weight:600;color:var(--gray-600)}
.track-input-row{display:flex;flex-direction:column;gap:10px}
.track-input-row input{
  padding:12px 14px;border:1.5px solid var(--gray-200);border-radius:8px;
  font-size:15px;font-family:inherit;background:var(--white);width:100%;
}
.track-input-row button{
  background:var(--brand);color:var(--white);font-weight:700;font-size:14px;
  padding:13px;border-radius:8px;letter-spacing:.3px;transition:.15s;
}
.track-input-row button:hover{background:var(--brand-dark)}

.track-result{
  border:1px solid var(--gray-200);border-radius:var(--radius);padding:16px;
  margin-bottom:22px;font-size:13.5px;color:var(--gray-600);background:var(--white);
}
.track-result strong{color:var(--black)}
.track-result.is-error{border-color:#f3c6c2;background:#fdece9;color:#b8391f}

.track-info-grid{display:flex;flex-direction:column;gap:14px}
.track-info-card{
  border:1px solid var(--gray-200);border-radius:var(--radius);padding:16px;
}
.track-info-card h3{font-size:15px;margin-bottom:6px}
.track-info-card p{font-size:13.5px;color:var(--gray-600);line-height:1.55}
.track-info-card a{color:var(--brand);text-decoration:underline}