/* ════════════════════════════════════════════════════════════
   MOBYA — HOME PREMIUM v5.0 (Super App)
   Estende as variáveis de css/style.css (--q1..--q4, --neon, --s2, --s3)
   Não sobrescreve nenhuma classe global — tudo prefixado com .hp-
════════════════════════════════════════════════════════════ */

.hp-wrap { position:relative; }

/* ─── HERO ────────────────────────────── */
.hp-hero { margin-bottom:28px; }
.hp-eyebrow {
  display:flex; align-items:center; gap:7px;
  font-family:'JetBrains Mono',monospace; font-size:.62rem;
  letter-spacing:2.5px; color:var(--q3); text-transform:uppercase;
  margin-bottom:12px;
}
.hp-eyebrow::before { content:''; width:16px; height:1.5px; background:linear-gradient(90deg,var(--q3),transparent); }

.hp-title {
  font-family:'Bebas Neue',sans-serif; font-size:2.6rem; letter-spacing:3px;
  line-height:1.05; margin-bottom:10px;
}
.hp-title em {
  font-style:normal;
  background:linear-gradient(90deg,var(--q4),var(--neon));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
}
.hp-sub { color:var(--muted); font-size:.88rem; line-height:1.6; max-width:520px; margin-bottom:22px; }

/* SEARCH */
.hp-srch {
  display:flex; align-items:center; gap:0;
  background:var(--s2); border:1.5px solid var(--border2);
  border-radius:14px; overflow:hidden; max-width:640px;
  transition:all .2s; margin-bottom:14px;
}
.hp-srch:focus-within { border-color:var(--q3); box-shadow:0 0 0 4px rgba(168,85,247,.15); }
.hp-srch-ico { width:48px; display:flex; align-items:center; justify-content:center; color:var(--muted); flex-shrink:0; transition:color .2s; }
.hp-srch:focus-within .hp-srch-ico { color:var(--q3); }
.hp-srch input {
  flex:1; height:50px; background:none; border:none; outline:none;
  font-family:'Space Grotesk',sans-serif; font-size:.9rem; color:var(--text);
}
.hp-srch input::placeholder { color:var(--muted); }
.hp-srch-ai {
  width:44px; height:50px; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--q1),var(--q2)); border:none; cursor:pointer; flex-shrink:0;
  transition:all .2s;
}
.hp-srch-ai:hover { background:linear-gradient(135deg,var(--q2),var(--q3)); }

.hp-chips { display:flex; gap:7px; overflow-x:auto; padding-bottom:2px; scrollbar-width:none; }
.hp-chips::-webkit-scrollbar { display:none; }
.hp-chip {
  display:inline-flex; align-items:center; gap:4px;
  font-family:'Space Grotesk',sans-serif; font-size:.74rem; font-weight:500; color:var(--muted);
  background:var(--s2); border:1px solid var(--border); border-radius:20px; padding:6px 12px;
  white-space:nowrap; cursor:pointer; flex-shrink:0; transition:all .15s;
}
.hp-chip.on, .hp-chip:hover { border-color:var(--q3); color:var(--q4); background:rgba(124,58,237,.12); }

/* ─── SOS QUICK CALL ─────────────────── */
.hp-sos {
  margin-bottom:28px; border-radius:16px; padding:18px;
  background:linear-gradient(135deg,rgba(244,63,94,.16) 0%,rgba(244,63,94,.05) 100%);
  border:1px solid rgba(244,63,94,.32);
  cursor:pointer; transition:all .22s; position:relative; overflow:hidden;
}
.hp-sos::before {
  content:''; position:absolute; top:-40px; right:-30px; width:140px; height:140px; border-radius:50%;
  background:radial-gradient(circle,rgba(244,63,94,.2) 0%,transparent 70%); pointer-events:none;
}
.hp-sos:hover { border-color:rgba(244,63,94,.5); transform:translateY(-2px); }
.hp-sos-row { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.hp-sos-orb {
  width:54px; height:54px; border-radius:16px; flex-shrink:0;
  background:rgba(244,63,94,.18); border:1.5px solid rgba(244,63,94,.4);
  display:flex; align-items:center; justify-content:center;
  animation:hpSosPulse 2.2s ease-in-out infinite;
}
@keyframes hpSosPulse { 0%,100%{box-shadow:0 0 0 0 rgba(244,63,94,.4)} 60%{box-shadow:0 0 0 10px rgba(244,63,94,0)} }
.hp-sos-info { flex:1; min-width:200px; }
.hp-sos-title { font-family:'Bebas Neue',sans-serif; font-size:1.15rem; letter-spacing:1px; color:var(--red); margin-bottom:3px; }
.hp-sos-sub { font-size:.78rem; color:var(--muted); }
.hp-sos-eta {
  font-family:'JetBrains Mono',monospace; font-size:.66rem; color:var(--red);
  background:rgba(244,63,94,.15); border:1px solid rgba(244,63,94,.25);
  border-radius:8px; padding:5px 12px; text-align:center; flex-shrink:0;
}
.hp-sos-eta span { display:block; font-size:.56rem; color:rgba(244,63,94,.7); }

/* ─── CONSULTA OFICIAL DE PLACA — Frente H (08/07/2026) ── */
.hp-verify {
  margin-bottom:28px; border-radius:16px; padding:18px;
  background:linear-gradient(135deg,rgba(0,245,255,.14) 0%,rgba(16,185,129,.05) 100%);
  border:1px solid rgba(0,245,255,.3);
  cursor:pointer; transition:all .22s; position:relative; overflow:hidden;
}
.hp-verify::before {
  content:''; position:absolute; top:-40px; right:-30px; width:140px; height:140px; border-radius:50%;
  background:radial-gradient(circle,rgba(0,245,255,.18) 0%,transparent 70%); pointer-events:none;
}
.hp-verify:hover { border-color:rgba(0,245,255,.5); transform:translateY(-2px); }
.hp-verify-row { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.hp-verify-orb {
  width:54px; height:54px; border-radius:16px; flex-shrink:0;
  background:rgba(0,245,255,.14); border:1.5px solid rgba(0,245,255,.4);
  display:flex; align-items:center; justify-content:center;
}
.hp-verify-info { flex:1; min-width:200px; }
.hp-verify-title { font-family:'Bebas Neue',sans-serif; font-size:1.15rem; letter-spacing:1px; color:#00f5ff; margin-bottom:3px; }
.hp-verify-sub { font-size:.78rem; color:var(--muted); }
.hp-verify-price {
  font-family:'JetBrains Mono',monospace; font-size:.78rem; font-weight:700; color:#10b981;
  background:rgba(16,185,129,.13); border:1px solid rgba(16,185,129,.3);
  border-radius:8px; padding:5px 12px; text-align:center; flex-shrink:0;
}
.hp-verify-price span { display:block; font-size:.56rem; font-weight:500; color:rgba(16,185,129,.75); }

/* ─── SECTION HEADERS ─────────────────── */
.hp-sec { margin-bottom:30px; }
.hp-sec-hd { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.hp-sec-ttl { font-family:'JetBrains Mono',monospace; font-size:.66rem; letter-spacing:2px; color:var(--q4); }
.hp-sec-lnk { font-size:.78rem; color:var(--muted); background:none; border:none; cursor:pointer; transition:color .15s; }
.hp-sec-lnk:hover { color:var(--q3); }

/* ─── SERVICES GRID — coração do super app ─ */
.hp-svc-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(108px,1fr)); gap:14px; }
.hp-svc-item { display:flex; flex-direction:column; align-items:center; gap:9px; cursor:pointer; transition:transform .2s; }
.hp-svc-item:hover { transform:translateY(-3px); }
.hp-svc-item:active { transform:scale(.94); }

.hp-orb {
  width:62px; height:62px; border-radius:20px; display:flex; align-items:center; justify-content:center;
  position:relative; overflow:hidden;
  border:1.2px solid var(--oc,var(--border2)); background:var(--ob,var(--s2));
  box-shadow:0 4px 18px rgba(0,0,0,.35); transition:box-shadow .25s, transform .2s;
}
.hp-svc-item:hover .hp-orb { box-shadow:0 6px 26px rgba(0,0,0,.4), 0 0 16px var(--og,transparent); }
.hp-orb::before { content:''; position:absolute; inset:0; background:linear-gradient(145deg,rgba(255,255,255,.13) 0%,transparent 55%); z-index:2; pointer-events:none; }
.hp-orb::after { content:''; position:absolute; bottom:0; left:0; right:0; height:40%; background:linear-gradient(to top,rgba(0,0,0,.32),transparent); z-index:1; pointer-events:none; }
.hp-orb-bg { position:absolute; inset:0; opacity:.2; transition:opacity .22s; border-radius:inherit; }
.hp-svc-item:hover .hp-orb-bg { opacity:.32; }
.hp-orb svg { position:relative; z-index:3; }
.hp-svc-lbl { font-size:.72rem; font-weight:600; color:var(--muted); text-align:center; line-height:1.25; }

.hp-oc-red    {--oc:rgba(244,63,94,.4); --ob:rgba(244,63,94,.07); --og:rgba(244,63,94,.22);}
.hp-oc-orange {--oc:rgba(249,115,22,.4);--ob:rgba(249,115,22,.07);--og:rgba(249,115,22,.22);}
.hp-oc-purple {--oc:rgba(168,85,247,.4);--ob:rgba(168,85,247,.07);--og:rgba(168,85,247,.22);}
.hp-oc-cyan   {--oc:rgba(0,245,255,.32);--ob:rgba(0,245,255,.06); --og:rgba(0,245,255,.2);}
.hp-oc-green  {--oc:rgba(16,185,129,.35);--ob:rgba(16,185,129,.06);--og:rgba(16,185,129,.2);}
.hp-oc-gold   {--oc:rgba(251,191,36,.35);--ob:rgba(251,191,36,.06);--og:rgba(251,191,36,.2);}
.hp-oc-blue   {--oc:rgba(59,130,246,.35);--ob:rgba(59,130,246,.06);--og:rgba(59,130,246,.2);}
.hp-oc-pink   {--oc:rgba(236,72,153,.35);--ob:rgba(236,72,153,.06);--og:rgba(236,72,153,.2);}
.hp-oc-teal   {--oc:rgba(20,184,166,.35);--ob:rgba(20,184,166,.06);--og:rgba(20,184,166,.2);}
.hp-oc-indigo {--oc:rgba(99,102,241,.35);--ob:rgba(99,102,241,.06);--og:rgba(99,102,241,.2);}

/* ─── AI BANNER ───────────────────────── */
.hp-ai {
  border-radius:18px; padding:24px; position:relative; overflow:hidden; cursor:pointer; transition:all .22s;
  background:linear-gradient(135deg,rgba(91,33,182,.32) 0%,rgba(0,245,255,.06) 100%);
  border:1px solid rgba(168,85,247,.32); margin-bottom:30px;
}
.hp-ai:hover { border-color:rgba(168,85,247,.55); transform:translateY(-2px); }
.hp-ai-scan { position:absolute; inset:0; pointer-events:none; overflow:hidden; border-radius:18px; }
.hp-ai-scan::after {
  content:''; position:absolute; top:0; left:-120%; width:55%; height:100%;
  background:linear-gradient(90deg,transparent,rgba(0,245,255,.07),transparent);
  animation:hpScan 3.5s ease-in-out infinite;
}
@keyframes hpScan { to { left:200%; } }
.hp-ai-pip {
  display:inline-flex; align-items:center; gap:6px; font-family:'JetBrains Mono',monospace; font-size:.6rem;
  letter-spacing:2px; color:var(--neon); background:rgba(0,245,255,.08); border:1px solid rgba(0,245,255,.22);
  border-radius:20px; padding:5px 11px; margin-bottom:12px; position:relative; z-index:1;
}
.hp-pip-dot { width:5px; height:5px; border-radius:50%; background:var(--neon); animation:pulse 1.4s infinite; }
.hp-ai-ttl { font-family:'Bebas Neue',sans-serif; font-size:1.5rem; letter-spacing:1.5px; margin-bottom:8px; position:relative; z-index:1; }
.hp-ai-ttl em { font-style:normal; color:var(--q4); }
.hp-ai-sub { font-size:.84rem; color:var(--muted); line-height:1.55; margin-bottom:18px; max-width:560px; position:relative; z-index:1; }
.hp-ai-agents { display:flex; gap:7px; flex-wrap:wrap; margin-bottom:18px; position:relative; z-index:1; }
.hp-ai-chip {
  font-family:'JetBrains Mono',monospace; font-size:.58rem; color:var(--q4);
  background:rgba(124,58,237,.2); border:1px solid rgba(124,58,237,.3); border-radius:6px; padding:4px 9px;
}
.hp-ai-cta {
  display:inline-flex; align-items:center; gap:9px; font-family:'Space Grotesk',sans-serif; font-weight:700;
  font-size:.85rem; color:#fff; background:linear-gradient(135deg,var(--q1),var(--q3)); border:none;
  border-radius:11px; padding:12px 24px; cursor:pointer; box-shadow:0 0 22px rgba(124,58,237,.4);
  position:relative; z-index:1; transition:all .2s;
}
.hp-ai-cta:hover { box-shadow:0 0 34px rgba(124,58,237,.6); }

/* ─── STATS ───────────────────────────── */
.hp-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:12px; margin-bottom:30px; }
.hp-stat { background:var(--s2); border:1px solid var(--border); border-radius:14px; padding:16px 14px; position:relative; overflow:hidden; transition:all .2s; }
.hp-stat:hover { border-color:var(--border2); transform:translateY(-2px); }
.hp-stat::after { content:''; position:absolute; bottom:0; left:0; right:0; height:2px; }
.hp-stat.s1::after { background:linear-gradient(90deg,var(--q1),var(--q3)); }
.hp-stat.s2::after { background:linear-gradient(90deg,var(--neon),#fff); }
.hp-stat.s3::after { background:linear-gradient(90deg,var(--green),#6ee7b7); }
.hp-stat-v { font-family:'Bebas Neue',sans-serif; font-size:1.7rem; letter-spacing:1px; line-height:1; margin-bottom:4px; }
.hp-stat.s1 .hp-stat-v { background:linear-gradient(135deg,var(--q4),var(--neon)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.hp-stat.s2 .hp-stat-v { background:linear-gradient(135deg,var(--neon),#fff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.hp-stat.s3 .hp-stat-v { background:linear-gradient(135deg,var(--green),#6ee7b7); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.hp-stat-l { font-size:.72rem; color:var(--muted); font-weight:500; }

/* ─── LISTINGS CAROUSEL ───────────────── */
.hp-cars-scroll { display:flex; gap:14px; overflow-x:auto; padding-bottom:6px; scrollbar-width:none; }
.hp-cars-scroll::-webkit-scrollbar { display:none; }
.hp-car {
  flex-shrink:0; width:210px; border-radius:14px; background:var(--s2); border:1px solid var(--border);
  overflow:hidden; cursor:pointer; transition:all .22s;
}
.hp-car:hover { border-color:var(--border2); transform:translateY(-4px); box-shadow:0 14px 40px rgba(124,58,237,.2); }
.hp-car:active { transform:scale(.96); }
.hp-car-img { height:120px; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,var(--s3),#1a1a36); }
.hp-car-img::after { content:''; position:absolute; inset:0; background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.55)); }
.hp-car-badge { position:absolute; top:9px; left:9px; z-index:2; font-family:'JetBrains Mono',monospace; font-size:.55rem; letter-spacing:.5px; padding:3px 9px; border-radius:6px; font-weight:600; }
.hp-b-sale { background:rgba(124,58,237,.4); color:var(--q4); border:1px solid rgba(168,85,247,.45); }
.hp-b-rent { background:rgba(0,245,255,.15); color:var(--neon); border:1px solid rgba(0,245,255,.35); }
.hp-b-new  { background:rgba(16,185,129,.15); color:var(--green); border:1px solid rgba(16,185,129,.3); }
.hp-car-fav { position:absolute; top:9px; right:9px; z-index:2; width:27px; height:27px; border-radius:8px; background:rgba(4,4,10,.7); border:1px solid rgba(255,255,255,.1); display:flex; align-items:center; justify-content:center; font-size:.78rem; cursor:pointer; transition:all .15s; }
.hp-car-fav:hover { background:rgba(244,63,94,.2); border-color:rgba(244,63,94,.4); }
.hp-car-body { padding:11px 13px 13px; }
.hp-car-brand { font-size:.7rem; color:var(--muted); margin-bottom:2px; }
.hp-car-name { font-weight:700; font-size:.86rem; margin-bottom:5px; line-height:1.25; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hp-car-price { font-family:'Bebas Neue',sans-serif; font-size:1.05rem; letter-spacing:.5px; background:linear-gradient(135deg,var(--q4),var(--neon)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; margin-bottom:7px; }
.hp-car-tags { display:flex; gap:5px; flex-wrap:wrap; }
.hp-car-tag { font-family:'JetBrains Mono',monospace; font-size:.54rem; color:var(--muted); background:var(--s3); border:1px solid var(--border); border-radius:5px; padding:2px 6px; }

/* ─── CATEGORIES (big + small) ─────────── */
.hp-cats-big { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; margin-bottom:12px; }
.hp-cat-big { border-radius:16px; overflow:hidden; cursor:pointer; position:relative; height:128px; border:1px solid var(--border); transition:all .22s; }
.hp-cat-big:hover { border-color:var(--border2); transform:scale(1.015); }
.hp-cat-big-bg { position:absolute; inset:0; }
.hp-cat-big-shine { position:absolute; inset:0; background:linear-gradient(145deg,rgba(255,255,255,.1) 0%,transparent 50%); z-index:2; }
.hp-cat-big-grad { position:absolute; inset:0; background:linear-gradient(to top right,rgba(0,0,0,.6) 0%,transparent 60%); z-index:1; }
.hp-cat-big-icon { position:absolute; top:50%; left:24px; transform:translateY(-50%); z-index:3; filter:drop-shadow(0 4px 12px rgba(0,0,0,.4)); }
.hp-cat-big-label { position:absolute; bottom:14px; left:24px; z-index:4; }
.hp-cat-big-name { font-family:'Bebas Neue',sans-serif; font-size:1.15rem; letter-spacing:1px; }
.hp-cat-big-count { font-family:'JetBrains Mono',monospace; font-size:.6rem; color:rgba(255,255,255,.65); }

.hp-cats-sm { display:grid; grid-template-columns:repeat(auto-fill,minmax(96px,1fr)); gap:10px; }
.hp-cat-sm { display:flex; flex-direction:column; align-items:center; gap:8px; cursor:pointer; transition:transform .18s; }
.hp-cat-sm:hover { transform:translateY(-2px); }
.hp-cat-sm:active { transform:scale(.93); }
.hp-cat-sm-orb {
  width:56px; height:56px; border-radius:18px; display:flex; align-items:center; justify-content:center;
  position:relative; overflow:hidden; border:1.2px solid var(--oc,var(--border2)); background:var(--ob,var(--s2));
  box-shadow:0 4px 14px rgba(0,0,0,.3); transition:box-shadow .22s;
}
.hp-cat-sm:hover .hp-cat-sm-orb { box-shadow:0 6px 20px rgba(0,0,0,.4), 0 0 14px var(--og,transparent); }
.hp-cat-sm-orb::before { content:''; position:absolute; inset:0; background:linear-gradient(145deg,rgba(255,255,255,.12) 0%,transparent 50%); z-index:2; pointer-events:none; }
.hp-cat-sm-orb svg { position:relative; z-index:3; }
.hp-cat-sm-lbl { font-size:.7rem; font-weight:600; color:var(--muted); text-align:center; line-height:1.2; }

/* ─── TABS / EXPLORE LIST ─────────────── */
.hp-tabs { display:flex; gap:0; border-bottom:1px solid var(--border); margin-bottom:14px; overflow-x:auto; scrollbar-width:none; }
.hp-tabs::-webkit-scrollbar { display:none; }
.hp-tab { font-family:'Space Grotesk',sans-serif; font-size:.82rem; font-weight:600; color:var(--muted); background:none; border:none; padding:10px 16px; cursor:pointer; white-space:nowrap; position:relative; transition:color .15s; }
.hp-tab.on { color:var(--q3); }
.hp-tab.on::after { content:''; position:absolute; bottom:-1px; left:0; right:0; height:2px; background:linear-gradient(90deg,var(--q3),var(--neon)); border-radius:2px 2px 0 0; }
.hp-pop-list { display:flex; flex-direction:column; }
.hp-pop-row { display:flex; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid var(--border); cursor:pointer; transition:padding-left .15s; }
.hp-pop-row:last-child { border-bottom:none; }
.hp-pop-row:hover { padding-left:6px; }
.hp-pop-row:hover .hp-pop-txt { color:var(--q4); }
.hp-pop-n { font-family:'JetBrains Mono',monospace; font-size:.66rem; font-weight:600; color:var(--muted); width:20px; text-align:center; flex-shrink:0; }
.hp-pop-n.hot { color:var(--q3); }
.hp-pop-txt { flex:1; font-size:.85rem; color:var(--muted); transition:color .15s; }
.hp-pop-arr { color:var(--muted); font-size:.72rem; }

/* ─── PROVIDERS ───────────────────────── */
.hp-provs-scroll { display:flex; gap:12px; overflow-x:auto; padding-bottom:4px; scrollbar-width:none; }
.hp-provs-scroll::-webkit-scrollbar { display:none; }
.hp-prov { flex-shrink:0; width:148px; background:var(--s2); border:1px solid var(--border); border-radius:14px; padding:16px 12px; cursor:pointer; text-align:center; transition:all .2s; }
.hp-prov:hover { border-color:var(--border2); transform:translateY(-2px); }
.hp-prov-ico { width:46px; height:46px; border-radius:13px; display:flex; align-items:center; justify-content:center; margin:0 auto 10px; font-size:1.35rem; position:relative; overflow:hidden; }
.hp-prov-ico::before { content:''; position:absolute; inset:0; background:linear-gradient(145deg,rgba(255,255,255,.1),transparent 55%); }
.hp-prov-n { font-weight:700; font-size:.8rem; margin-bottom:2px; }
.hp-prov-t { font-size:.66rem; color:var(--muted); margin-bottom:7px; }
.hp-prov-r { display:flex; align-items:center; justify-content:center; gap:2px; font-size:.68rem; color:var(--gold); }

/* ─── RESPONSIVE ──────────────────────── */
@media (max-width:640px) {
  .hp-title { font-size:2.1rem; }
  .hp-svc-grid { grid-template-columns:repeat(4,1fr); gap:10px; }
  .hp-orb { width:54px; height:54px; border-radius:17px; }
  .hp-cats-sm { grid-template-columns:repeat(4,1fr); }
}

/* ─── FADE-IN ─────────────────────────── */
.hp-fu { opacity:1; transform:none; }
.hp-fu.vis { opacity:1; transform:none; }

/* ─── NEXUS CHAT EMBUTIDO — ULTRA QUÂNTICO PREMIUM ──────────────
   .qchat-mega/.qcm-* vêm de css/style.css (usado originalmente como
   hero full-screen da home antiga). Aqui ele é a peça central da home:
   a área de resposta (qcm-msgs) é quadriplicada e o invólucro recebe
   um tratamento visual premium (glass, glow, scanlines quânticas). ── */
.hp-wrap .qchat-mega.hp-chat-embed {
  min-height: 760px;
  max-height: 1040px;
  border-radius: 22px;
  background:
    radial-gradient(120% 60% at 50% 0%, rgba(124,58,237,.16), transparent 60%),
    var(--s2);
  border: 1px solid rgba(124,58,237,.28);
  box-shadow:
    0 0 0 1px rgba(124,58,237,.18),
    0 0 90px rgba(124,58,237,.20),
    inset 0 1px 0 rgba(255,255,255,.04);
  position: relative;
}

/* área de resposta — agora a peça dominante do card */
.hp-wrap .qcm-msgs {
  min-height: 640px;
  flex: 1 1 auto;
  padding: 22px 20px;
  background:
    linear-gradient(180deg, rgba(124,58,237,.05), transparent 18%),
    repeating-linear-gradient(0deg, rgba(124,58,237,.025) 0px, rgba(124,58,237,.025) 1px, transparent 1px, transparent 38px);
}

/* barra de agentes — compacta, sempre lado a lado em uma linha só com scroll */
.hp-wrap .qcm-chips {
  padding: 8px 14px;
  gap: 6px;
  flex-wrap: nowrap;
}
.hp-wrap .qcm-chip {
  padding: 5px 11px;
  font-size: .68rem;
  flex-shrink: 0;
}

/* caixa de pergunta — reduzida em ~50%, dá ainda mais espaço pra resposta */
.hp-wrap .qcm-input-wrap { padding: 4px 14px 5px; }
.hp-wrap .qcm-textarea {
  min-height: 19px;
  padding: 5px 14px 2px;
  font-size: .8rem;
  line-height: 1.3;
}
.hp-wrap .qcm-input-footer { padding: 2px 10px 4px; }
.hp-wrap .qcm-send { padding: 5px 14px; }
.hp-wrap .qcm-input-hint { font-size: .5rem; }

.hp-wrap .qcm-head {
  background: linear-gradient(135deg, rgba(124,58,237,.14), rgba(0,245,255,.04));
}
.hp-wrap .qcm-orb {
  box-shadow: 0 0 26px rgba(124,58,237,.45), 0 0 0 1px rgba(124,58,237,.5) inset;
  animation: qcmOrbPulse 3.2s ease-in-out infinite;
}
@keyframes qcmOrbPulse {
  0%, 100% { box-shadow: 0 0 18px rgba(124,58,237,.35), 0 0 0 1px rgba(124,58,237,.4) inset; }
  50%      { box-shadow: 0 0 32px rgba(124,58,237,.6),  0 0 0 1px rgba(124,58,237,.6) inset; }
}

.hp-wrap .qcm-bub.ai {
  background: linear-gradient(135deg, var(--s3), rgba(124,58,237,.06));
  border: 1px solid rgba(124,58,237,.22);
  box-shadow: 0 4px 22px rgba(124,58,237,.08);
  font-size: .92rem;
  line-height: 1.75;
}
.hp-wrap .qcm-bub.usr {
  background: linear-gradient(135deg, rgba(0,245,255,.16), rgba(124,58,237,.10));
  border: 1px solid rgba(0,245,255,.3);
}

/* cartão de sugestões — agora vive dentro da própria área de resposta */
.hp-wrap .qcm-ex-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: 4px;
  padding-left: 42px;
}
.hp-wrap .qcm-ex {
  display: flex; align-items: center; gap: 8px;
  background: linear-gradient(135deg, rgba(124,58,237,.10), rgba(0,245,255,.04));
  border: 1px solid rgba(124,58,237,.22); border-radius: 12px;
  padding: 11px 14px; cursor: pointer;
  font-size: .78rem; color: var(--muted);
  font-family: 'Space Grotesk', sans-serif;
  transition: all .2s;
}
.hp-wrap .qcm-ex:hover {
  border-color: var(--q3); color: var(--text);
  background: linear-gradient(135deg, rgba(124,58,237,.18), rgba(0,245,255,.07));
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(124,58,237,.22);
}
.hp-wrap .qcm-ex-ico { font-size: 1rem; }

.hp-wrap .qcm-send {
  background: linear-gradient(135deg, var(--q1), var(--q3), var(--neon));
  box-shadow: 0 0 22px rgba(124,58,237,.45);
}

@media (max-width:640px) {
  .hp-wrap .qchat-mega.hp-chat-embed { min-height:680px; max-height:900px; }
  .hp-wrap .qcm-msgs { min-height:540px; }
  .hp-wrap .qcm-ex-grid { grid-template-columns: 1fr; padding-left: 0; }
  .hp-wrap .qcm-chip { padding:4px 9px; font-size:.64rem; }
  .hp-wrap .qcm-textarea { min-height:17px; }
}