/* Página de vendas — padrão Exys (Onda 149). Blocos reaproveitáveis por produto. */
.vd-sec{position:relative}
.vd-grid{display:grid;gap:16px}
.vd-prova{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-top:26px}
.vd-pv{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border:1px solid var(--u-hair);
  border-radius:var(--radius-sm);background:var(--card);transition:border-color .3s,transform .3s var(--u-spring)}
.vd-pv:hover{border-color:var(--brandm);transform:translateY(-2px)}
.vd-pv .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;
  background:var(--brandl);color:color-mix(in srgb,var(--brand) 78%,var(--ink))}
.vd-pv b{display:block;font-size:13.5px;color:var(--ink);letter-spacing:-.01em}
.vd-pv span{display:block;font-size:12px;color:var(--muted);margin-top:3px;line-height:1.5}

/* casos */
.vd-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:14px;margin-top:24px}
.vd-case{position:relative;display:block;padding:20px;border-radius:var(--radius);border:1px solid var(--u-hair);
  background:linear-gradient(160deg,color-mix(in srgb,var(--brand) 9%,var(--card)),var(--card) 62%);
  transition:transform .35s var(--u-spring),border-color .3s,box-shadow .3s}
.vd-case:hover{transform:translateY(-4px);border-color:var(--brandm);box-shadow:var(--u-e2)}
.vd-case .k{font-family:var(--fm);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--brand)}
.vd-case .h{font-family:var(--fd);font-size:16px;font-weight:600;margin-top:8px;color:var(--ink);line-height:1.3}
.vd-case .d{font-size:12.5px;color:var(--muted);margin-top:7px;line-height:1.55}
.vd-case .go{font-size:12px;font-weight:600;color:var(--brand);margin-top:12px;display:inline-flex;gap:5px;align-items:center}

/* objeções / FAQ */
.vd-faq{display:grid;gap:10px;margin-top:24px;max-width:900px}
.vd-q{border:1px solid var(--u-hair);border-radius:var(--radius-sm);background:var(--card);overflow:hidden;
  transition:border-color .25s,box-shadow .25s}
.vd-q[open]{border-color:color-mix(in srgb,var(--brand) 34%,var(--line));box-shadow:var(--u-e1)}
.vd-q summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:15px 18px;
  font-family:var(--fd);font-size:14.5px;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.vd-q summary::-webkit-details-marker{display:none}
.vd-q summary .pm{margin-left:auto;width:20px;height:20px;flex:0 0 auto;border-radius:50%;position:relative;
  background:var(--brandl);transition:transform .3s var(--u-spring),background .25s}
.vd-q summary .pm::before,.vd-q summary .pm::after{content:"";position:absolute;left:50%;top:50%;background:var(--brand);border-radius:2px}
.vd-q summary .pm::before{width:9px;height:1.6px;transform:translate(-50%,-50%)}
.vd-q summary .pm::after{width:1.6px;height:9px;transform:translate(-50%,-50%);transition:opacity .25s}
.vd-q[open] summary .pm{background:var(--brand);transform:rotate(90deg)}
.vd-q[open] summary .pm::before,.vd-q[open] summary .pm::after{background:#fff}
.vd-q[open] summary .pm::after{opacity:0}
.vd-a{padding:0 18px 17px;color:var(--muted);font-size:13.5px;line-height:1.7;max-width:74ch}
.vd-a a{color:var(--brand);text-decoration:underline;text-underline-offset:2px}

/* barra fixa de CTA */
.vd-sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;transform:translateY(110%);
  transition:transform .45s var(--u-spring);border-top:1px solid var(--u-hair);
  background:color-mix(in srgb,var(--canvas) 82%,transparent);backdrop-filter:blur(16px) saturate(1.2);
  -webkit-backdrop-filter:blur(16px) saturate(1.2)}
.vd-sticky.on{transform:none}
.vd-sticky .in{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 0}
.vd-sticky .tx{font-size:13px;color:var(--ink2);flex:1 1 auto;min-width:180px}
.vd-sticky .tx b{color:var(--ink)}
.vd-sticky .x{background:transparent;border:0;color:var(--faint);font-size:18px;line-height:1;padding:6px 8px;cursor:pointer;border-radius:8px}
.vd-sticky .x:hover{color:var(--ink);background:color-mix(in srgb,var(--muted) 12%,transparent)}
@media (max-width:640px){.vd-sticky .tx{display:none}}
/* âncoras dos blocos vindos de dados */
.vd-anchor{scroll-margin-top:calc(var(--hdr) + 20px)}
