/* ════════════════════════════════════════════════════════════
   MOBYA — PLATE CHECK (Frente H, 08/07/2026)
   Página standalone de consulta oficial de placa, acessível a partir
   da Home. Estende as variáveis de css/style.css. Tudo prefixado com .pc-
════════════════════════════════════════════════════════════ */

.pc-wrap { max-width:640px; margin:0 auto; }

/* ─── HERO ────────────────────────────── */
.pc-hero { margin-bottom:22px; }
.pc-hero-badge {
  display:inline-flex; align-items:center; gap:6px;
  font-family:'JetBrains Mono',monospace; font-size:.62rem; letter-spacing:1.5px;
  color:#00f5ff; background:rgba(0,245,255,.1); border:1px solid rgba(0,245,255,.3);
  border-radius:20px; padding:6px 12px; margin-bottom:14px;
}
.pc-hero-title {
  font-family:'Bebas Neue',sans-serif; font-size:2.1rem; letter-spacing:2px;
  line-height:1.12; margin-bottom:10px;
}
.pc-hero-title em {
  font-style:normal;
  background:linear-gradient(90deg,#00f5ff,#10b981);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
}
.pc-hero-sub { color:var(--muted); font-size:.86rem; line-height:1.6; }

/* ─── CARD PRINCIPAL / FORM ──────────────── */
.pc-card {
  background:var(--s2); border:1px solid var(--border2); border-radius:18px;
  padding:22px; margin-bottom:22px;
}
.pc-card-hd { display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.pc-card-hd-ico {
  width:44px; height:44px; border-radius:12px; flex-shrink:0;
  background:rgba(0,245,255,.1); border:1px solid rgba(0,245,255,.3);
  display:flex; align-items:center; justify-content:center; font-size:1.2rem;
}
.pc-card-hd-ttl { font-family:'Bebas Neue',sans-serif; font-size:1.15rem; letter-spacing:1px; color:var(--text); }
.pc-card-hd-sub { font-size:.74rem; color:var(--muted); margin-top:1px; }

.pc-field { margin-bottom:14px; }
.pc-field label {
  display:block; font-size:.72rem; font-weight:600; color:var(--muted);
  margin-bottom:6px; text-transform:uppercase; letter-spacing:.5px;
}
.pc-field input, .pc-field select {
  width:100%; height:46px; padding:0 14px; border-radius:10px;
  background:var(--s3); border:1px solid var(--border); color:var(--text);
  font-family:'Space Grotesk',sans-serif; font-size:.92rem; outline:none;
  transition:border-color .15s;
}
.pc-field input::placeholder { color:var(--muted); }
.pc-field input:focus, .pc-field select:focus { border-color:#00f5ff; }

.pc-adv-toggle {
  background:none; border:none; color:#00f5ff; font-size:.78rem; font-weight:600;
  cursor:pointer; padding:2px 0 14px 0; font-family:'Space Grotesk',sans-serif;
}

.pc-form-error {
  font-size:.78rem; color:#ef4444; background:rgba(239,68,68,.08);
  border:1px solid rgba(239,68,68,.25); border-radius:8px; padding:9px 12px; margin-bottom:12px;
}

.pc-cta {
  width:100%; height:52px; border:none; border-radius:12px; cursor:pointer;
  background:linear-gradient(135deg,#0891b2,#059669);
  display:flex; align-items:center; justify-content:space-between; padding:0 20px;
  font-family:'Space Grotesk',sans-serif; font-weight:700; color:#fff; font-size:.92rem;
  transition:transform .15s, box-shadow .15s;
}
.pc-cta:hover { transform:translateY(-1px); box-shadow:0 6px 22px rgba(0,245,255,.22); }
.pc-cta-price { font-family:'JetBrains Mono',monospace; font-size:.9rem; }
.pc-cta-note { text-align:center; font-size:.68rem; color:var(--muted); margin-top:10px; }

/* ─── TRUST ROW ───────────────────────── */
.pc-trust { display:flex; flex-direction:column; gap:8px; margin-bottom:22px; }
.pc-trust-item {
  display:flex; align-items:center; gap:9px; font-size:.8rem; color:var(--muted);
}
.pc-trust-item span { font-size:1rem; flex-shrink:0; }

/* ─── DIFERENÇA VS VISTORIA ──────────────── */
.pc-diff {
  background:rgba(255,255,255,.03); border:1px solid var(--border);
  border-radius:14px; padding:16px 18px; margin-bottom:22px;
}
.pc-diff-ttl { font-family:'Bebas Neue',sans-serif; font-size:.98rem; letter-spacing:.5px; color:var(--q4); margin-bottom:6px; }
.pc-diff-body { font-size:.8rem; line-height:1.6; color:var(--muted); }
.pc-diff-body strong { color:var(--text); }

/* ─── RESULTADO ───────────────────────── */
.pc-result-card {
  background:var(--s2); border:1.5px solid var(--border2); border-radius:20px;
  padding:36px 24px; text-align:center; margin-bottom:22px;
}
.pc-result-ico {
  width:64px; height:64px; border-radius:50%; margin:0 auto 16px;
  display:flex; align-items:center; justify-content:center; font-size:1.8rem;
}
.pc-result-plate {
  font-family:'JetBrains Mono',monospace; font-size:1.6rem; font-weight:700;
  letter-spacing:3px; color:var(--text); margin-bottom:8px;
}
.pc-result-status { font-family:'Bebas Neue',sans-serif; font-size:1.3rem; letter-spacing:1px; margin-bottom:6px; }
.pc-result-sub { font-size:.78rem; color:var(--muted); }
.pc-result-secondary {
  display:block; width:100%; margin-top:10px; padding:10px; border-radius:8px;
  background:none; border:1px solid var(--border); color:var(--muted); cursor:pointer;
  font-size:.8rem; font-family:'Space Grotesk',sans-serif;
}

/* ─── HISTÓRICO ───────────────────────── */
.pc-hist { background:var(--s2); border:1px solid var(--border); border-radius:14px; padding:16px 18px; }
.pc-hist-ttl { font-family:'JetBrains Mono',monospace; font-size:.66rem; letter-spacing:2px; color:var(--q4); margin-bottom:12px; }
.pc-hist-row {
  display:flex; align-items:center; gap:10px; padding:9px 0;
  border-top:1px solid var(--border); font-size:.8rem;
}
.pc-hist-row:first-of-type { border-top:none; }
.pc-hist-row--clickable { cursor:pointer; transition:background .15s; margin:0 -8px; padding:9px 8px; border-radius:8px; }
.pc-hist-row--clickable:active { background:rgba(255,255,255,.05); }
.pc-hist-plate { font-family:'JetBrains Mono',monospace; font-weight:700; color:var(--text); }
.pc-hist-uf { color:var(--muted); font-weight:500; margin-left:5px; font-size:.7rem; }
.pc-hist-status { flex:1; text-align:right; font-weight:600; }
.pc-hist-date { color:var(--muted); font-size:.7rem; width:64px; text-align:right; }

@media (max-width:480px) {
  .pc-hero-title { font-size:1.7rem; }
  .pc-result-plate { font-size:1.3rem; letter-spacing:2px; }
}