/* Valor Digital · legacy.css
 * Visual do Design System para as páginas legadas (cidades, blog, glossário, ferramentas,
 * segmentos, serviços e páginas avulsas), sem reescrever o HTML delas. Carregado depois do vd.css
 * só nessas páginas (<body class="vd-legacy vd-legacy--<família>">).
 * Regras: só tokens --vd-*; nada de cor nova, degradê ou sombra fora dos tokens.
 * Organização: 0 aliases · 1 layout do <main> · 2 tipografia/cabeçalhos · 3 componentes de
 * conteúdo · 4 prosa · 5 ferramentas (calculadoras, geradores, quiz, checklist) · 6 agendar. */

/* =========================================================
   0. Aliases das variáveis antigas usadas em style="" do conteúdo
   ========================================================= */
.vd-legacy {
  --gray-50: var(--vd-surface-muted);
  --gray-700: var(--vd-text-secondary);
  --space-md: var(--vd-space-6);
  --radius-md: var(--vd-radius-lg);
  --border: var(--vd-border-default);
  --white: var(--vd-surface-card);
}

/* =========================================================
   1. Layout do <main>
   Filhos diretos do <main> ocupam a largura toda; o recuo lateral alinha o conteúdo à grade
   do cabeçalho (container de 76rem com gutter).
   ========================================================= */
.vd-legacy main {
  display: block;
  --lg-inset: max(var(--vd-gutter), calc((100% - var(--vd-container)) / 2));
}
.vd-legacy main > :is(.breadcrumb, .hero, section, article) {
  padding-inline: var(--lg-inset);
}

.vd-legacy main > .breadcrumb { padding-top: clamp(24px, 1.25rem + 1.2vw, 40px); }

.vd-legacy main > .hero {
  padding-block: clamp(40px, 2.5rem + 3vw, 88px) clamp(32px, 2rem + 2vw, 56px);
  border-bottom: 1px solid var(--vd-border-default);
}
.vd-legacy main > .breadcrumb + .hero { padding-top: var(--vd-space-6); }

.vd-legacy main > section { padding-block: var(--vd-section-pad); }
.vd-legacy main > section + section { border-top: 1px solid var(--vd-border-default); }
.vd-legacy main > .hero + section { padding-top: clamp(40px, 2.5rem + 2vw, 72px); }

.vd-legacy main > article.prose {
  padding-block: clamp(40px, 2.5rem + 2vw, 72px) var(--vd-section-pad);
}
.vd-legacy main > article.prose > * { max-width: min(100%, var(--vd-container-narrow)); }
.vd-legacy main > article.prose > :is(table, pre) { max-width: min(100%, var(--vd-container-mid)); }
.vd-legacy main > article.prose + section { border-top: 1px solid var(--vd-border-default); }

/* Blocos de largura de leitura dentro de seções */
.vd-legacy main > section > :is(.prose, .author-box) { max-width: var(--vd-container-narrow); }

/* Estilos inline herdados do layout antigo (hero centralizado, colunas fixas): alinhar à grade. */
.vd-legacy .hero-inner[style] { max-width: none !important; margin: 0 !important; text-align: left !important; }
.vd-legacy .roi-tool[style] { max-width: 52rem !important; margin: 0 !important; }

/* =========================================================
   2. Tipografia e cabeçalhos de página/seção
   ========================================================= */
.vd-legacy .hero-inner { display: grid; gap: var(--vd-space-4); max-width: 52rem; }
.vd-legacy .hero-inner > div { display: grid; gap: var(--vd-space-5); justify-items: start; }
.vd-legacy .hero h1 {
  margin: 0;
  font-size: var(--vd-text-display-2);
  font-weight: var(--vd-weight-extrabold);
  line-height: 1.1;
  letter-spacing: -0.035em;
  text-wrap: balance;
}
.vd-legacy .hero h1 span { color: var(--vd-text-secondary); }
.vd-legacy .hero-sub {
  max-width: 44rem;
  margin: 0;
  color: var(--vd-text-secondary);
  font-size: var(--vd-text-lead);
  line-height: 1.5;
  letter-spacing: -0.01em;
  text-wrap: pretty;
}
.vd-legacy .hero-meta {
  margin: 0;
  color: var(--vd-text-caption);
  font-family: var(--vd-font-mono);
  font-size: 0.75rem;
  letter-spacing: 0.02em;
}
.vd-legacy .hero-actions { display: flex; flex-wrap: wrap; gap: var(--vd-space-3); margin-top: var(--vd-space-1); }
.vd-legacy .hero-inner > div > .btn-primary { margin-top: var(--vd-space-1); }

/* Rótulo mono com ponto verde (.vd-eyebrow) */
.vd-legacy .section-tag {
  display: inline-flex;
  align-items: center;
  gap: var(--vd-space-2);
  margin: 0 0 var(--vd-space-3);
  color: var(--vd-text-accent);
  font-family: var(--vd-font-mono);
  font-size: var(--vd-text-eyebrow);
  font-weight: var(--vd-weight-semibold);
  letter-spacing: var(--vd-tracking-caps);
  line-height: 1.4;
  text-transform: uppercase;
}
.vd-legacy .section-tag::before {
  content: "";
  flex: none;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--vd-dot);
}
.vd-legacy .hero .section-tag { margin: 0 !important; }

.vd-legacy .section-title {
  max-width: 48rem;
  margin: 0 0 clamp(28px, 1.5rem + 1.5vw, 48px);
  font-size: var(--vd-text-h1);
  font-weight: var(--vd-weight-extrabold);
  line-height: 1.15;
  letter-spacing: var(--vd-tracking-heading);
  text-wrap: balance;
}
.vd-legacy .section-title:has(+ .section-desc) { margin-bottom: var(--vd-space-4); }
.vd-legacy .section-desc {
  max-width: 44rem;
  margin: 0 0 clamp(28px, 1.5rem + 1.5vw, 48px);
  color: var(--vd-text-secondary);
  font-size: var(--vd-text-body-lg);
  line-height: 1.6;
  text-wrap: pretty;
}
.vd-legacy .section-desc:last-child { margin-bottom: 0; }

/* Breadcrumb (.vd-breadcrumb, com os separadores "›" do HTML) */
.vd-legacy .breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--vd-text-caption);
  font-family: var(--vd-font-mono);
  font-size: 0.75rem;
  letter-spacing: 0.02em;
  line-height: 1.6;
}
.vd-legacy .breadcrumb li { display: inline-flex; align-items: baseline; gap: 6px; min-width: 0; }
.vd-legacy .breadcrumb a { color: var(--vd-text-secondary); text-decoration: none; }
.vd-legacy .breadcrumb a:hover { color: var(--vd-text-primary); text-decoration: underline; }
.vd-legacy .breadcrumb li > span { color: var(--vd-border-control); }
.vd-legacy .breadcrumb li > :is(strong, span:only-child) { color: var(--vd-text-primary); font-weight: var(--vd-weight-medium); }

/* =========================================================
   3. Componentes de conteúdo
   ========================================================= */

/* Botões (.vd-btn) */
.vd-legacy :is(.btn-primary, .btn-secondary) {
  --vd-btn-bg: var(--vd-action-primary-bg);
  --vd-btn-fg: var(--vd-action-primary-fg);
  --vd-btn-border: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--vd-space-2);
  min-height: 44px;
  padding: 10px 20px;
  border: 1px solid var(--vd-btn-border);
  border-radius: var(--vd-radius-md);
  background: var(--vd-btn-bg);
  color: var(--vd-btn-fg);
  font-family: var(--vd-font-sans);
  font-size: 0.9375rem;
  font-weight: var(--vd-weight-semibold);
  line-height: 1.2;
  letter-spacing: -0.005em;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--vd-duration-fast) var(--vd-ease), border-color var(--vd-duration-fast) var(--vd-ease), color var(--vd-duration-fast) var(--vd-ease), box-shadow var(--vd-duration-fast) var(--vd-ease);
}
.vd-legacy .btn-primary:hover { --vd-btn-bg: var(--vd-action-primary-hover); color: var(--vd-btn-fg); }
.vd-legacy .btn-secondary {
  --vd-btn-bg: transparent;
  --vd-btn-fg: var(--vd-text-primary);
  --vd-btn-border: var(--vd-border-control);
}
.vd-legacy .btn-secondary:hover { --vd-btn-bg: var(--vd-surface-muted); --vd-btn-border: var(--vd-text-secondary); color: var(--vd-btn-fg); }
.vd-legacy :is(.btn-primary, .btn-secondary):focus-visible { outline: none; box-shadow: var(--vd-shadow-focus); }
.vd-legacy :is(.btn-primary, .btn-secondary):disabled { opacity: 0.55; cursor: not-allowed; }

/* Cards de serviço / artigo (.vd-card, link cobrindo o card) */
.vd-legacy .service-grid {
  display: grid;
  gap: var(--vd-space-6);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
}
@media (min-width: 64rem) {
  .vd-legacy .service-grid:has(> :nth-child(4):last-child) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.vd-legacy .service-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--vd-space-3);
  padding: clamp(20px, 1rem + 0.8vw, 28px);
  border: 1px solid var(--vd-border-default);
  border-radius: var(--vd-radius-lg);
  background: var(--vd-surface-card);
  transition: border-color var(--vd-duration-fast) var(--vd-ease), box-shadow var(--vd-duration-fast) var(--vd-ease);
}
.vd-legacy .service-card h3 {
  margin: 0;
  font-size: 1.1875rem;
  font-weight: var(--vd-weight-semibold);
  line-height: 1.3;
  letter-spacing: -0.015em;
}
.vd-legacy .service-card h3 a { color: inherit; text-decoration: none; }
.vd-legacy .service-card p { margin: 0; color: var(--vd-text-secondary); font-size: 0.9375rem; }
.vd-legacy .service-card > a {
  margin-top: auto;
  padding-top: var(--vd-space-1);
  color: var(--vd-text-link);
  font-size: 0.9375rem;
  font-weight: var(--vd-weight-semibold);
  text-decoration: none;
}
.vd-legacy .service-card h3 a::after,
.vd-legacy .service-card:not(:has(h3 a)) > a::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
}
.vd-legacy .service-card:has(a:hover) { border-color: var(--vd-text-secondary); box-shadow: var(--vd-shadow-md); }
.vd-legacy .service-card:has(a:focus-visible) { box-shadow: var(--vd-shadow-focus); }
.vd-legacy .service-card a:focus-visible { outline: none; }
.vd-legacy .service-card:has(h3 a) > a { position: relative; z-index: 1; }

/* Preços */
.vd-legacy .pricing-grid {
  display: grid;
  gap: var(--vd-space-6);
  max-width: 52rem;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
}
.vd-legacy .pricing-card {
  display: grid;
  gap: var(--vd-space-2);
  align-content: start;
  padding: clamp(20px, 1rem + 1vw, 32px);
  border: 1px solid var(--vd-border-default);
  border-radius: var(--vd-radius-lg);
  background: var(--vd-surface-card);
}
.vd-legacy .pricing-label {
  color: var(--vd-text-caption);
  font-family: var(--vd-font-mono);
  font-size: 0.6875rem;
  font-weight: var(--vd-weight-semibold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.vd-legacy .pricing-value {
  font-size: clamp(1.625rem, 1.3rem + 1.2vw, 2.25rem);
  font-weight: var(--vd-weight-extrabold);
  line-height: 1.1;
  letter-spacing: -0.035em;
  font-variant-numeric: tabular-nums;
}
.vd-legacy .pricing-desc { color: var(--vd-text-secondary); font-size: 0.9375rem; }
.vd-legacy .pricing-card.highlight { border-color: var(--vd-obsidian); background: var(--vd-obsidian); color: var(--vd-text-inverse); }
.vd-legacy .pricing-card.highlight .pricing-label { color: var(--vd-green-300); }
.vd-legacy .pricing-card.highlight .pricing-value { color: var(--vd-white); }
.vd-legacy .pricing-card.highlight .pricing-desc { color: var(--vd-neutral-300); }

/* FAQ (<details>, visual do .vd-faq) */
.vd-legacy section > .faq-list { max-width: 48rem; border-top: 1px solid var(--vd-border-default); }
.vd-legacy details.faq-item { border-bottom: 1px solid var(--vd-border-default); }
.vd-legacy summary.faq-q {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--vd-space-4);
  padding: var(--vd-space-5) 0;
  font-size: 1.0625rem;
  font-weight: var(--vd-weight-semibold);
  line-height: 1.4;
  letter-spacing: -0.01em;
  list-style: none;
  cursor: pointer;
}
.vd-legacy summary.faq-q::-webkit-details-marker { display: none; }
.vd-legacy summary.faq-q::after {
  content: "+";
  flex: none;
  width: 24px;
  color: var(--vd-text-accent);
  font-family: var(--vd-font-mono);
  font-size: 1.25rem;
  font-weight: var(--vd-weight-medium);
  line-height: 1.1;
  text-align: center;
}
.vd-legacy details.faq-item[open] > summary.faq-q::after { content: "−"; }
.vd-legacy summary.faq-q:focus-visible { outline-offset: 0; }
.vd-legacy details.faq-item > .faq-a { padding: 0 var(--vd-space-10) var(--vd-space-6) 0; color: var(--vd-text-secondary); }

/* Cidades vizinhas (chips) */
.vd-legacy .city-chips { display: flex; flex-wrap: wrap; gap: var(--vd-space-2); }
.vd-legacy .city-chip {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 6px 14px;
  border: 1px solid var(--vd-border-default);
  border-radius: var(--vd-radius-pill);
  background: var(--vd-surface-card);
  color: var(--vd-text-primary);
  font-size: 0.875rem;
  font-weight: var(--vd-weight-medium);
  line-height: 1.3;
  text-decoration: none;
  white-space: nowrap;
}
.vd-legacy .city-chip:hover { border-color: var(--vd-text-secondary); color: var(--vd-text-primary); }

/* Autor do post */
.vd-legacy .author-box {
  display: flex;
  flex-wrap: wrap;
  gap: var(--vd-space-4);
  align-items: flex-start;
  margin-top: clamp(40px, 2.5rem + 1vw, 56px);
  padding: var(--vd-space-6);
  border: 1px solid var(--vd-border-default);
  border-radius: var(--vd-radius-lg);
  background: var(--vd-surface-card);
}
.vd-legacy .author-avatar { flex: none; width: 48px; height: 48px; object-fit: contain; }
.vd-legacy .author-body { display: grid; gap: var(--vd-space-1); flex: 1 1 16rem; }
.vd-legacy .author-name { font-weight: var(--vd-weight-bold); letter-spacing: -0.01em; }
.vd-legacy .author-bio { margin: 0; color: var(--vd-text-secondary); font-size: 0.9375rem; line-height: 1.55; }
.vd-legacy .author-link { justify-self: start; margin-top: var(--vd-space-1); color: var(--vd-text-link); font-size: 0.9375rem; font-weight: var(--vd-weight-semibold); text-decoration: none; }
.vd-legacy .author-link:hover { text-decoration: underline; }

/* Fechamento (obsidiana; o HTML ganha .vd-theme-dark na transformação) */
.vd-legacy .cta-section {
  display: grid;
  gap: var(--vd-space-4);
  justify-items: start;
  padding: clamp(28px, 1.5rem + 3vw, 64px);
  border-radius: var(--vd-radius-xl);
  background: var(--vd-surface-canvas);
  color: var(--vd-text-primary);
}
.vd-legacy main > .cta-section { margin: clamp(32px, 2rem + 2vw, 64px) var(--lg-inset) var(--vd-section-pad); }
.vd-legacy main > section + .cta-section,
.vd-legacy main > article + .cta-section { margin-top: 0; }
.vd-legacy .cta-section h2 {
  max-width: 34rem;
  margin: 0;
  color: var(--vd-text-primary);
  font-size: var(--vd-text-h1);
  font-weight: var(--vd-weight-extrabold);
  line-height: 1.15;
  letter-spacing: var(--vd-tracking-heading);
  text-wrap: balance;
}
.vd-legacy .cta-section p { margin: 0; color: var(--vd-text-secondary); font-size: var(--vd-text-body-lg); }
.vd-legacy .cta-section .btn-primary { min-height: 52px; padding: 14px 26px; font-size: 1rem; }
@media (min-width: 60rem) {
  .vd-legacy main > .cta-section { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: end; column-gap: var(--vd-space-8); }
  .vd-legacy main > .cta-section > :not(a) { grid-column: 1; }
  .vd-legacy main > .cta-section > a { grid-column: 2; grid-row: 1 / span 2; justify-self: end; }
}

/* Destaques de serviço (páginas /servico/*) */
.vd-legacy .highlight-text {
  padding: var(--vd-space-5) var(--vd-space-6);
  border-left: 4px solid var(--vd-dot);
  border-radius: 0 var(--vd-radius-md) var(--vd-radius-md) 0;
  background: var(--vd-surface-callout);
  color: var(--vd-text-primary);
  font-size: 1.125rem;
  font-weight: var(--vd-weight-semibold);
  line-height: 1.5;
}
.vd-legacy :is(.pain-list, .bullet-list) { display: grid; gap: var(--vd-space-3); margin: 0; padding: 0; list-style: none; }
.vd-legacy :is(.pain-list, .bullet-list) > li { position: relative; margin: 0; padding-left: 24px; color: var(--vd-text-secondary); }
.vd-legacy :is(.pain-list, .bullet-list) li strong { color: var(--vd-text-primary); }
.vd-legacy .pain-list > li::before {
  content: "";
  position: absolute;
  top: 0.82em;
  left: 2px;
  width: 12px;
  height: 1.5px;
  background: var(--vd-border-strong);
}
.vd-legacy .bullet-list > li::before {
  content: "";
  position: absolute;
  top: 0.62em;
  left: 2px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--vd-dot);
}
.vd-legacy .approach-section {
  padding: clamp(24px, 1.25rem + 2vw, 40px);
  border-radius: var(--vd-radius-lg);
  background: var(--vd-surface-muted);
}
.vd-legacy .approach-grid { display: grid; gap: var(--vd-space-5) var(--vd-space-6); grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); }
@media (min-width: 36rem) {
  .vd-legacy .prose .approach-grid.cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.vd-legacy .approach-item { display: grid; gap: var(--vd-space-2); align-content: start; padding-top: var(--vd-space-4); border-top: 2px solid var(--vd-text-primary); }
.vd-legacy .approach-num { width: 7px; height: 7px; overflow: hidden; border-radius: 50%; background: var(--vd-dot); color: transparent; font-size: 0; line-height: 0; }
.vd-legacy .approach-item h3 { margin: 0; font-size: 1.0625rem; }
.vd-legacy .approach-item p { margin: 0; color: var(--vd-text-secondary); font-size: 0.9375rem; line-height: 1.55; }
.vd-legacy .results-grid { display: grid; gap: var(--vd-space-3); grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); }
.vd-legacy .result-item {
  padding: var(--vd-space-5);
  border: 1px solid var(--vd-border-default);
  border-radius: var(--vd-radius-lg);
  background: var(--vd-surface-card);
  font-weight: var(--vd-weight-semibold);
  line-height: 1.4;
}
.vd-legacy .stack-list { display: flex; flex-wrap: wrap; gap: var(--vd-space-2); }
.vd-legacy .stack-tag {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 3px 11px;
  border-radius: var(--vd-radius-pill);
  background: var(--vd-surface-sunken);
  color: var(--vd-text-primary);
  font-family: var(--vd-font-mono);
  font-size: 0.6875rem;
  font-weight: var(--vd-weight-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Captura de lead (ferramentas) */
.vd-legacy main > .lead-capture { padding: 0 var(--lg-inset); margin-bottom: clamp(32px, 2rem + 2vw, 64px); }
.vd-legacy .lead-capture-inner {
  display: grid;
  gap: var(--vd-space-3);
  max-width: var(--vd-container-narrow);
  padding: clamp(20px, 1rem + 1.5vw, 32px);
  border: 1px solid var(--vd-border-default);
  border-radius: var(--vd-radius-lg);
  background: var(--vd-surface-card);
}
.vd-legacy .lead-capture h3 { margin: 0; font-size: 1.1875rem; font-weight: var(--vd-weight-bold); letter-spacing: -0.015em; }
.vd-legacy .lead-capture p { margin: 0; color: var(--vd-text-secondary); font-size: 0.9375rem; }
.vd-legacy form.lead-form {
  display: flex;
  gap: var(--vd-space-2);
  max-width: 30rem;
  margin-top: var(--vd-space-1);
  padding: 6px;
  border: 1px solid var(--vd-border-control);
  border-radius: var(--vd-radius-lg);
  background: var(--vd-surface-card);
  box-shadow: var(--vd-shadow-sm);
}
.vd-legacy form.lead-form:focus-within { border-color: var(--vd-focus); box-shadow: var(--vd-shadow-focus); }
.vd-legacy form.lead-form .btn-primary { flex: none; white-space: nowrap; }
.vd-legacy form.lead-form input[type=email] {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 44px;
  padding: 8px 12px;
  border: 0;
  background: transparent;
  color: var(--vd-text-primary);
  font-size: 1rem;
}
.vd-legacy form.lead-form input[type=email]:focus-visible { outline: none; }
.vd-legacy form.lead-form input::placeholder { color: var(--vd-text-caption); opacity: 1; }
.vd-legacy form.lead-form:has(> :is(.lead-success, .lead-error)) { padding: 0; border: 0; box-shadow: none; background: none; }
@media (max-width: 30rem) {
  .vd-legacy form.lead-form { flex-direction: column; }
}
.vd-legacy .lead-disclaimer { color: var(--vd-text-caption); font-size: var(--vd-text-caption-size); }
.vd-legacy :is(.lead-success, .lead-error) {
  width: 100%;
  padding: var(--vd-space-4) var(--vd-space-5);
  border: 1px solid var(--vd-success-border);
  border-radius: var(--vd-radius-md);
  background: var(--vd-success-surface);
  color: var(--vd-success);
  font-weight: var(--vd-weight-semibold);
}
.vd-legacy .lead-error { border-color: var(--vd-error-border); background: var(--vd-error-surface); color: var(--vd-error); }

/* Formulário do guia (div.lead-form com estilos inline antigos) */
.vd-legacy div.lead-form[style] {
  max-width: 36rem !important;
  margin: 0 !important;
  padding: clamp(20px, 1rem + 1.5vw, 32px) !important;
  border-color: var(--vd-border-default) !important;
  border-radius: var(--vd-radius-lg) !important;
}
.vd-legacy div.lead-form h2 { margin-bottom: var(--vd-space-5); font-size: var(--vd-text-h2); }
.vd-legacy div.lead-form p[style] { opacity: 1 !important; color: var(--vd-text-caption); font-size: var(--vd-text-body-sm) !important; }
.vd-legacy div.lead-form noscript p { background: var(--vd-error-surface) !important; color: var(--vd-text-primary); }

/* =========================================================
   4. Prosa (.vd-prose)
   ========================================================= */
.vd-legacy .prose {
  color: var(--vd-text-primary);
  font-size: 1.0625rem;
  line-height: 1.72;
}
.vd-legacy .prose > * { margin: 0; }
.vd-legacy .prose > * + * { margin-top: 1.1em; }
.vd-legacy .prose > h2 { margin-top: 2.2em; font-size: var(--vd-text-h2); line-height: 1.25; }
.vd-legacy .prose > h3 { margin-top: 1.8em; font-size: 1.25rem; line-height: 1.35; }
.vd-legacy .prose > h4 { margin-top: 1.6em; }
.vd-legacy .prose > :first-child { margin-top: 0; }
.vd-legacy .prose > :is(h2, h3, h4) + * { margin-top: 0.6em; }
.vd-legacy .prose > :is(ul, ol), .vd-legacy .prose li > :is(ul, ol) { padding-left: 1.4em; }
.vd-legacy .prose > :is(ul, ol) li + li { margin-top: 0.4em; }
.vd-legacy .prose li::marker { color: var(--vd-text-accent); }
.vd-legacy .prose strong { font-weight: var(--vd-weight-bold); }
.vd-legacy .prose blockquote {
  padding: 4px 0 4px 20px;
  border-left: 3px solid var(--vd-dot);
  color: var(--vd-text-secondary);
  font-size: 1.125rem;
}
.vd-legacy .prose table {
  display: block;
  width: fit-content;
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid var(--vd-border-default);
  border-radius: var(--vd-radius-md);
  background: var(--vd-surface-card);
  font-size: 0.9375rem;
  line-height: 1.5;
}
.vd-legacy .prose :is(th, td) { padding: 10px 14px; border-bottom: 1px solid var(--vd-border-subtle); text-align: left; vertical-align: top; }
.vd-legacy .prose th { background: var(--vd-surface-muted); font-weight: var(--vd-weight-semibold); }
.vd-legacy .prose tr:last-child td { border-bottom: 0; }
.vd-legacy .prose pre {
  padding: var(--vd-space-5);
  overflow-x: auto;
  border-radius: var(--vd-radius-md);
  background: var(--vd-code-bg);
  color: var(--vd-code-text);
  font-size: 0.8125rem;
  line-height: 1.65;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.vd-legacy .prose pre code { padding: 0; background: none; color: inherit; font-size: inherit; }
.vd-legacy .prose img { border-radius: var(--vd-radius-md); }
.vd-legacy .prose hr { margin: 2.4em 0; }
.vd-legacy .prose > hr + * { margin-top: 0; }

/* Caixa de chamada dentro da prosa (glossário: div com estilo inline) */
.vd-legacy .prose > div[style] { padding: var(--vd-space-6) !important; border-radius: var(--vd-radius-lg) !important; }
.vd-legacy .prose > div[style] > * + * { margin-top: var(--vd-space-3); }
.vd-legacy .prose > div[style] > .btn-primary { margin-top: var(--vd-space-4); }
.vd-legacy .prose > p[style]:first-child { color: var(--vd-text-secondary) !important; font-size: var(--vd-text-lead) !important; line-height: 1.55 !important; }

/* Seções de serviço aninhadas na prosa (/servico/*) */
.vd-legacy .prose > section + :is(section, div) { margin-top: clamp(40px, 2.5rem + 1vw, 56px); }
.vd-legacy .prose section > * + * { margin-top: var(--vd-space-4); }
.vd-legacy .prose section > .section-tag + .section-title,
.vd-legacy .prose .approach-inner > .section-tag + .section-title { margin-top: 0; }
.vd-legacy .prose .section-title { margin-bottom: 0; font-size: var(--vd-text-h2); }
.vd-legacy .prose .section-desc { margin-bottom: 0; font-size: 1.0625rem; }
.vd-legacy .prose .approach-inner > .section-title { margin-bottom: var(--vd-space-6); }

/* Agendar a partir do diagnóstico */
.vd-legacy .booking-cta { display: grid; gap: var(--vd-space-3); justify-items: start; }
.vd-legacy .booking-cta .btn-primary { min-height: 52px; padding: 14px 26px; font-size: 1rem; }
.vd-legacy .booking-note { margin: 0; color: var(--vd-text-caption); font-size: var(--vd-text-body-sm); }

/* =========================================================
   5. Ferramentas: calculadoras, geradores, quiz e checklists
   Contêiner da ferramenta = card branco; campos = .vd-field/.vd-input; resultados = .vd-stat;
   veredito = .vd-alert; saídas de texto = card com cabeçalho.
   ========================================================= */
.vd-legacy :is(.payback-calc, .prompt-gen, .roi-tool) {
  display: grid;
  gap: var(--vd-space-5);
  align-content: start;
  max-width: 52rem;
  padding: clamp(20px, 1rem + 1.5vw, 36px);
  border: 1px solid var(--vd-border-default);
  border-radius: var(--vd-radius-xl);
  background: var(--vd-surface-card);
  box-shadow: var(--vd-shadow-sm);
}
.vd-legacy :is(.payback-calc, .prompt-gen, .roi-tool) > * { margin: 0; }
.vd-legacy main > section > .prose + :is(.payback-calc, .prompt-gen) { margin-top: clamp(32px, 2rem + 1.5vw, 56px); }
@media (min-width: 72rem) {
  .vd-legacy main > section:has(> .prose + :is(.payback-calc, .prompt-gen)) {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
    gap: clamp(40px, 1.5rem + 3vw, 80px);
    align-items: start;
  }
  .vd-legacy main > section > .prose + :is(.payback-calc, .prompt-gen) { margin-top: 0; }
}

.vd-legacy :is(.calc-title, .faq-output-title, .persona-output-title, .sequencia-output-title, .checklist-recs-title, .onboarding-marcos-title, .treinamento-comp-title) {
  margin: 0;
  font-size: 1.375rem;
  font-weight: var(--vd-weight-extrabold);
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.vd-legacy :is(.faq-output-title, .persona-output-title, .sequencia-output-title, .checklist-recs-title, .onboarding-marcos-title, .treinamento-comp-title) { font-size: 1.125rem; font-weight: var(--vd-weight-bold); }

/* Campos */
.vd-legacy :is(.calc-grid, .prompt-grid, .roi-form) {
  display: grid;
  gap: var(--vd-space-5);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
}
.vd-legacy .prompt-grid { grid-template-columns: 1fr; }
.vd-legacy .roi-form { grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); }
.vd-legacy .calc-field-full { grid-column: 1 / -1; }
.vd-legacy :is(.calc-field, .prompt-field, .roi-field, .form-group) { display: grid; gap: 6px; align-content: start; margin: 0; }
.vd-legacy :is(.calc-field, .prompt-field, .roi-field, .form-group) > label {
  color: var(--vd-text-primary);
  font-size: 0.9375rem;
  font-weight: var(--vd-weight-semibold);
  line-height: 1.35;
}
.vd-legacy :is(.calc-field, .prompt-field, .roi-field, .form-group) small,
.vd-legacy .calc-field small {
  color: var(--vd-text-caption);
  font-size: var(--vd-text-body-sm);
  line-height: 1.45;
  opacity: 1;
}

.vd-legacy main :is(input:not([type]), input[type=text], input[type=email], input[type=number], input[type=tel], input[type=url], input[type=search], input[type=date], select, textarea) {
  width: 100%;
  min-height: 46px;
  padding: 10px 14px;
  border: 1px solid var(--vd-border-control);
  border-radius: var(--vd-radius-md);
  background-color: var(--vd-surface-card);
  color: var(--vd-text-primary);
  font-size: 1rem;
  line-height: 1.4;
  transition: border-color var(--vd-duration-fast) var(--vd-ease), box-shadow var(--vd-duration-fast) var(--vd-ease);
}
.vd-legacy main textarea { min-height: 120px; resize: vertical; }
.vd-legacy main select {
  appearance: none;
  padding-right: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235F636B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-position: right 14px center;
  background-repeat: no-repeat;
}
.vd-legacy main :is(input, select, textarea)::placeholder { color: var(--vd-text-caption); opacity: 1; }
.vd-legacy main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea):hover { border-color: var(--vd-text-secondary); }
.vd-legacy main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea):focus-visible {
  outline: none;
  border-color: var(--vd-focus);
  box-shadow: var(--vd-shadow-focus);
}
.vd-legacy main input[type=range] { width: 100%; min-height: 28px; margin: 4px 0; padding: 0; border: 0; accent-color: var(--vd-green-700); cursor: pointer; }
.vd-legacy main :is(input[type=checkbox], input[type=radio]) { accent-color: var(--vd-green-700); }
/* Campos com estilo inline herdado (guia em 30 dias) */
.vd-legacy main :is(input, select)[style] {
  padding: 10px 14px !important;
  border: 1px solid var(--vd-border-control) !important;
  border-radius: var(--vd-radius-md) !important;
  font-size: 1rem !important;
}
.vd-legacy main select[style] { padding-right: 40px !important; }
.vd-legacy main .btn-primary[style] { font-size: 1rem !important; }

/* Ações */
.vd-legacy :is(.calc-actions, .ch-actions) { display: flex; flex-wrap: wrap; gap: var(--vd-space-3); margin: 0; }
.vd-legacy .btn-copy {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 5px 12px;
  border: 1px solid var(--vd-border-control);
  border-radius: var(--vd-radius-sm);
  background: var(--vd-surface-card);
  color: var(--vd-text-primary);
  font-family: var(--vd-font-mono);
  font-size: 0.75rem;
  font-weight: var(--vd-weight-semibold);
  letter-spacing: 0.02em;
}
.vd-legacy .btn-copy:hover { border-color: var(--vd-text-secondary); background: var(--vd-surface-muted); }
.vd-legacy .example-btn {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 6px 14px;
  border: 1px solid var(--vd-border-default);
  border-radius: var(--vd-radius-pill);
  background: var(--vd-surface-card);
  color: var(--vd-text-primary);
  font-size: 0.875rem;
  font-weight: var(--vd-weight-medium);
  line-height: 1.3;
}
.vd-legacy .example-btn:hover { border-color: var(--vd-text-secondary); background: var(--vd-surface-muted); }
.vd-legacy .prompt-examples { display: grid; gap: var(--vd-space-3); }
.vd-legacy .prompt-examples h3 { margin: 0; font-size: 1rem; }
.vd-legacy .examples-grid { display: flex; flex-wrap: wrap; gap: var(--vd-space-2); }
.vd-legacy .prompt-tip { margin: 0; color: var(--vd-text-caption); font-size: var(--vd-text-body-sm); }

/* Resultados (.vd-stat em cards) */
.vd-legacy :is(.calc-results, .roi-result) {
  display: grid;
  gap: var(--vd-space-3);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 10.5rem), 1fr));
  margin: 0;
}
.vd-legacy :is(.result-card, .roi-card) {
  display: grid;
  gap: 6px;
  align-content: start;
  padding: var(--vd-space-4) var(--vd-space-5);
  border: 1px solid var(--vd-border-default);
  border-radius: var(--vd-radius-lg);
  background: var(--vd-surface-muted);
  text-align: left;
}
.vd-legacy :is(.result-label, .roi-label) {
  color: var(--vd-text-caption);
  font-family: var(--vd-font-mono);
  font-size: 0.6875rem;
  font-weight: var(--vd-weight-semibold);
  letter-spacing: 0.1em;
  line-height: 1.4;
  text-transform: uppercase;
  opacity: 1;
}
.vd-legacy :is(.result-value, .roi-value) {
  margin: 0;
  font-size: clamp(1.5rem, 1.25rem + 0.9vw, 2rem);
  font-weight: var(--vd-weight-extrabold);
  line-height: 1.05;
  letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.vd-legacy .result-value-sm { font-size: clamp(1.25rem, 1.1rem + 0.6vw, 1.625rem); }
.vd-legacy .result-unit { margin: 0; color: var(--vd-text-caption); font-size: var(--vd-text-body-sm); opacity: 1; }
.vd-legacy .result-detail { display: grid; gap: 4px; margin-top: var(--vd-space-2); padding-top: var(--vd-space-2); border-top: 1px solid var(--vd-border-default); color: var(--vd-text-secondary); font-size: var(--vd-text-body-sm); }
.vd-legacy :is(.result-card, .roi-card).highlight { border-color: var(--vd-obsidian); background: var(--vd-obsidian); color: var(--vd-text-inverse); }
.vd-legacy :is(.result-card, .roi-card).highlight :is(.result-label, .roi-label, .result-unit) { color: var(--vd-neutral-300); }
.vd-legacy :is(.result-card, .roi-card).highlight :is(.result-value, .roi-value) { color: var(--vd-white); }
.vd-legacy .result-card.highlight .result-detail { border-top-color: var(--vd-neutral-700); color: var(--vd-neutral-300); }
.vd-legacy .result-inviavel .result-value { color: var(--vd-error); font-size: clamp(1.125rem, 1rem + 0.5vw, 1.375rem); }

/* Veredito (.vd-alert) */
.vd-legacy :is(.calc-verdict, .roi-flag) {
  --lg-alert-fg: var(--vd-info);
  --lg-alert-bg: var(--vd-info-surface);
  --lg-alert-border: var(--vd-info-border);
  margin: 0;
  padding: var(--vd-space-4) var(--vd-space-5);
  border: 1px solid var(--lg-alert-border);
  border-left: 4px solid var(--lg-alert-fg);
  border-radius: var(--vd-radius-md);
  background: var(--lg-alert-bg);
  color: var(--vd-text-primary);
  font-weight: var(--vd-weight-medium);
  line-height: 1.55;
  text-align: left;
}
.vd-legacy .calc-verdict:empty { display: none; }
.vd-legacy :is(.verdict-good, .roi-good) { --lg-alert-fg: var(--vd-success); --lg-alert-bg: var(--vd-success-surface); --lg-alert-border: var(--vd-success-border); }
.vd-legacy :is(.verdict-ok, .roi-ok) { --lg-alert-fg: var(--vd-info); --lg-alert-bg: var(--vd-info-surface); --lg-alert-border: var(--vd-info-border); }
.vd-legacy :is(.verdict-warn, .roi-think) { --lg-alert-fg: var(--vd-warning); --lg-alert-bg: var(--vd-warning-surface); --lg-alert-border: var(--vd-warning-border); }
.vd-legacy :is(.verdict-bad, .roi-bad) { --lg-alert-fg: var(--vd-error); --lg-alert-bg: var(--vd-error-surface); --lg-alert-border: var(--vd-error-border); }
.vd-legacy .roi-veredito:empty { display: none; }
.vd-legacy .calc-disclaimer { margin: 0; color: var(--vd-text-caption); font-size: var(--vd-text-caption-size); line-height: 1.5; text-align: left; }

/* Saídas de texto: prompt, e-mail, script, documento */
.vd-legacy :is(.prompt-output, .email-card, .script-stage, .jd-card) {
  overflow: hidden;
  margin: 0;
  border: 1px solid var(--vd-border-default);
  border-radius: var(--vd-radius-lg);
  background: var(--vd-surface-card);
}
.vd-legacy :is(.prompt-output-header, .email-card-head, .script-stage-head) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--vd-space-3);
  padding: 10px 16px;
  border-bottom: 1px solid var(--vd-border-default);
  background: var(--vd-surface-muted);
}
.vd-legacy :is(.prompt-output-header, .email-card-head) h3 {
  margin: 0;
  color: var(--vd-text-secondary);
  font-family: var(--vd-font-mono);
  font-size: 0.6875rem;
  font-weight: var(--vd-weight-semibold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.vd-legacy .prompt-text {
  margin: 0;
  padding: var(--vd-space-5);
  color: var(--vd-text-primary);
  font-family: var(--vd-font-mono);
  font-size: 0.8125rem;
  line-height: 1.65;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.vd-legacy .script-stage + .script-stage { margin-top: var(--vd-space-3); }
.vd-legacy .script-stage-head { justify-content: flex-start; }
.vd-legacy .script-stage-head h4 { margin: 0; font-size: 1rem; }
.vd-legacy :is(.script-stage-num, .plano-fase-num, .faq-item-num, .ch-tarefa-num, .quiz-question-num) {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--vd-obsidian);
  color: var(--vd-white);
  font-family: var(--vd-font-mono);
  font-size: 0.75rem;
  font-weight: var(--vd-weight-semibold);
}
.vd-legacy .email-output { display: grid; gap: var(--vd-space-4); }
.vd-legacy .jd-output { margin: 0; }
.vd-legacy .jd-card-head { padding: var(--vd-space-5); border-bottom: 1px solid var(--vd-border-default); background: var(--vd-surface-muted); }
.vd-legacy .jd-card-head h3 { margin: 0 0 4px; font-size: 1.25rem; }
.vd-legacy .jd-meta { color: var(--vd-text-secondary); font-size: var(--vd-text-body-sm); text-transform: capitalize; }
.vd-legacy .jd-section { padding: var(--vd-space-4) var(--vd-space-5); border-bottom: 1px solid var(--vd-border-subtle); }
.vd-legacy .jd-section:last-child { border-bottom: 0; }
.vd-legacy .jd-section h4 {
  margin: 0 0 var(--vd-space-2);
  color: var(--vd-text-caption);
  font-family: var(--vd-font-mono);
  font-size: 0.6875rem;
  font-weight: var(--vd-weight-semibold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.vd-legacy .jd-section :is(p, ul) { margin: 0 0 var(--vd-space-2); color: var(--vd-text-primary); font-size: 0.9375rem; line-height: 1.6; }
.vd-legacy .jd-section ul { padding-left: 1.2em; }

/* Gerador de FAQ */
.vd-legacy :is(.faq-output-head, .sequencia-output-head) { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--vd-space-3); }
.vd-legacy :is(.faq-output-actions, .sequencia-output-actions) { display: flex; flex-wrap: wrap; gap: var(--vd-space-2); }
.vd-legacy .faq-output { display: grid; gap: var(--vd-space-4); }
.vd-legacy #faq-list.faq-list { display: grid; gap: var(--vd-space-3); }
.vd-legacy #faq-list .faq-item {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: var(--vd-space-3);
  padding: var(--vd-space-4);
  border: 1px solid var(--vd-border-default);
  border-radius: var(--vd-radius-lg);
  background: var(--vd-surface-card);
}
.vd-legacy .faq-item-body { display: grid; gap: var(--vd-space-2); min-width: 0; }
.vd-legacy main :is(.faq-item-q, .faq-item-a) { min-height: 40px; padding: 8px 12px; font-size: 0.9375rem; }
.vd-legacy main .faq-item-q { font-weight: var(--vd-weight-semibold); }

/* Quiz e checklists */
.vd-legacy :is(.quiz-progress, .checklist-progress-text) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--vd-space-2);
  color: var(--vd-text-secondary);
  font-family: var(--vd-font-mono);
  font-size: 0.75rem;
  letter-spacing: 0.02em;
}
.vd-legacy :is(.quiz-progress, .checklist-progress-text) strong { color: var(--vd-text-primary); }
.vd-legacy .quiz-form { display: grid; gap: var(--vd-space-4); }
.vd-legacy .quiz-question {
  min-width: 0;
  margin: 0;
  padding: var(--vd-space-5);
  border: 1px solid var(--vd-border-default);
  border-radius: var(--vd-radius-lg);
  background: var(--vd-surface-card);
}
.vd-legacy .quiz-question-head {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: var(--vd-space-3);
  align-items: start;
  margin: 0 0 var(--vd-space-3);
  padding: 0;
}
.vd-legacy .quiz-question-head > span:last-child { display: grid; gap: 2px; }
.vd-legacy .quiz-question-dim {
  color: var(--vd-text-accent);
  font-family: var(--vd-font-mono);
  font-size: 0.6875rem;
  font-weight: var(--vd-weight-semibold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.vd-legacy .quiz-question-text { font-size: 1.0625rem; font-weight: var(--vd-weight-semibold); line-height: 1.4; letter-spacing: -0.01em; }
.vd-legacy :is(.quiz-option, .checklist-item) {
  position: relative;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: var(--vd-space-3);
  align-items: start;
  padding: 10px 12px;
  border-radius: var(--vd-radius-md);
  cursor: pointer;
  transition: background-color var(--vd-duration-fast) var(--vd-ease), border-color var(--vd-duration-fast) var(--vd-ease);
}
.vd-legacy .quiz-option + .quiz-option { margin-top: 2px; }
.vd-legacy .quiz-option:hover { background: var(--vd-surface-muted); }
.vd-legacy :is(.quiz-option, .checklist-item) > input:is([type=radio], [type=checkbox]) {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.vd-legacy :is(.quiz-option-mark, .checklist-item-check) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  border: 1.5px solid var(--vd-border-control);
  border-radius: 50%;
  background: var(--vd-surface-card);
}
.vd-legacy .checklist-item-check { border-radius: var(--vd-radius-sm); }
.vd-legacy .quiz-option-mark::after { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--vd-green-700); transform: scale(0); transition: transform var(--vd-duration-fast) var(--vd-ease); }
.vd-legacy .checklist-item-check::after { content: ""; width: 10px; height: 6px; margin-top: -2px; border-bottom: 2px solid var(--vd-white); border-left: 2px solid var(--vd-white); transform: rotate(-45deg) scale(0); transition: transform var(--vd-duration-fast) var(--vd-ease); }
.vd-legacy .quiz-option > input:checked ~ .quiz-option-mark { border-color: var(--vd-green-700); }
.vd-legacy .quiz-option > input:checked ~ .quiz-option-mark::after { transform: scale(1); }
.vd-legacy .checklist-item > input:checked ~ .checklist-item-check { border-color: var(--vd-green-700); background: var(--vd-green-700); }
.vd-legacy .checklist-item > input:checked ~ .checklist-item-check::after { transform: rotate(-45deg) scale(1); }
.vd-legacy :is(.quiz-option, .checklist-item):has(input:focus-visible) { box-shadow: var(--vd-shadow-focus); }
.vd-legacy .quiz-option:has(input:checked) { background: var(--vd-green-50); }
.vd-legacy .quiz-option-text { color: var(--vd-text-primary); font-size: 0.9375rem; line-height: 1.45; }
.vd-legacy .checklist-list { display: grid; gap: var(--vd-space-2); margin: 0; padding: 0; list-style: none; }
.vd-legacy .checklist-item { padding: var(--vd-space-4); border: 1px solid var(--vd-border-default); background: var(--vd-surface-card); }
.vd-legacy .checklist-item:hover { border-color: var(--vd-text-secondary); }
.vd-legacy .checklist-item:has(input:checked) { border-color: var(--vd-green-200); background: var(--vd-green-50); }
.vd-legacy .checklist-item-body { display: grid; gap: 4px; }
.vd-legacy .checklist-item-title { font-weight: var(--vd-weight-semibold); line-height: 1.4; }
.vd-legacy .checklist-item-desc { color: var(--vd-text-secondary); font-size: var(--vd-text-body-sm); line-height: 1.5; }
.vd-legacy .checklist-progress { display: grid; gap: var(--vd-space-2); }
.vd-legacy .checklist-progress-bar { position: relative; height: 8px; overflow: hidden; border-radius: var(--vd-radius-pill); background: var(--vd-surface-sunken); }
.vd-legacy .checklist-progress-fill { height: 100%; border-radius: inherit; background: var(--vd-green-700); transition: width 400ms var(--vd-ease); }
.vd-legacy .checklist-score strong { color: var(--vd-text-accent); }
.vd-legacy .checklist-recs {
  display: grid;
  gap: var(--vd-space-3);
  padding: var(--vd-space-5);
  border: 1px solid var(--vd-border-default);
  border-radius: var(--vd-radius-lg);
  background: var(--vd-surface-muted);
}
.vd-legacy .checklist-rec-list { display: grid; gap: var(--vd-space-2); margin: 0; padding: 0; list-style: none; }
.vd-legacy .checklist-rec { position: relative; padding-left: 22px; color: var(--vd-text-primary); font-size: 0.9375rem; line-height: 1.5; }
.vd-legacy .checklist-rec::before { content: ""; position: absolute; top: 0.6em; left: 2px; width: 7px; height: 7px; border-radius: 50%; background: var(--vd-dot); }

/* Comparadores */
.vd-legacy :is(.comparador-table-wrap, .plano-conteudo-table-wrap) {
  overflow-x: auto;
  margin: 0;
  border: 1px solid var(--vd-border-default);
  border-radius: var(--vd-radius-lg);
  background: var(--vd-surface-card);
}
.vd-legacy :is(.comparador-table, .plano-conteudo-table, .proposta-table) { width: 100%; border-collapse: collapse; font-size: 0.875rem; }
.vd-legacy .plano-conteudo-table { min-width: 40rem; }
.vd-legacy :is(.comparador-table, .plano-conteudo-table, .proposta-table) :is(th, td) {
  padding: 10px 14px;
  border-bottom: 1px solid var(--vd-border-subtle);
  text-align: left;
  vertical-align: top;
}
.vd-legacy .comparador-table :is(th, td) { white-space: nowrap; }
.vd-legacy :is(.comparador-table, .plano-conteudo-table, .proposta-table) th {
  background: var(--vd-surface-muted);
  color: var(--vd-text-secondary);
  font-family: var(--vd-font-mono);
  font-size: 0.6875rem;
  font-weight: var(--vd-weight-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vd-legacy :is(.comparador-table, .plano-conteudo-table) tbody tr:last-child td { border-bottom: 0; }
.vd-legacy .proposta-table { border: 1px solid var(--vd-border-default); }
.vd-legacy .comparador-table .linha-barato { background: var(--vd-success-surface); }
.vd-legacy .comparador-table .linha-caro { background: var(--vd-error-surface); }
.vd-legacy :is(.tag-barato, .tag-caro) {
  display: inline-flex;
  align-items: center;
  margin-left: 6px;
  padding: 1px 8px;
  border: 1px solid var(--vd-success-border);
  border-radius: var(--vd-radius-pill);
  background: var(--vd-success-surface);
  color: var(--vd-success);
  font-family: var(--vd-font-mono);
  font-size: 0.625rem;
  font-weight: var(--vd-weight-semibold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  vertical-align: middle;
}
.vd-legacy .tag-caro { border-color: var(--vd-error-border); background: var(--vd-error-surface); color: var(--vd-error); }
.vd-legacy .comparador-destaques { display: grid; gap: var(--vd-space-3); grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); }
.vd-legacy .comparador-card {
  display: grid;
  gap: 4px;
  padding: var(--vd-space-4) var(--vd-space-5);
  border: 1px solid var(--vd-border-default);
  border-radius: var(--vd-radius-lg);
  background: var(--vd-surface-card);
}
.vd-legacy .destaque-barato { border-color: var(--vd-success-border); background: var(--vd-success-surface); }
.vd-legacy .destaque-caro { border-color: var(--vd-error-border); background: var(--vd-error-surface); }
.vd-legacy .destaque-label { color: var(--vd-text-caption); font-family: var(--vd-font-mono); font-size: 0.6875rem; font-weight: var(--vd-weight-semibold); letter-spacing: 0.1em; text-transform: uppercase; }
.vd-legacy .destaque-nome { font-size: 1.0625rem; font-weight: var(--vd-weight-bold); }
.vd-legacy .destaque-preco { font-size: 1.5rem; font-weight: var(--vd-weight-extrabold); letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.vd-legacy .destaque-barato .destaque-preco { color: var(--vd-success); }
.vd-legacy .destaque-caro .destaque-preco { color: var(--vd-error); }
.vd-legacy .destaque-extra { color: var(--vd-text-secondary); font-size: var(--vd-text-body-sm); }

/* Plano de projeto / conteúdo */
.vd-legacy :is(.plano-header, .plano-fase, .persona-card, .sequencia-item, .matriz-slider, .onboarding-item, .ch-tarefa, .treinamento-comp-card) {
  margin: 0;
  border: 1px solid var(--vd-border-default);
  border-radius: var(--vd-radius-lg);
  background: var(--vd-surface-card);
}
.vd-legacy .plano-results { display: grid; gap: var(--vd-space-4); }
.vd-legacy .plano-header { display: grid; gap: 6px; padding: var(--vd-space-4) var(--vd-space-5); background: var(--vd-surface-muted); }
.vd-legacy .plano-meta { margin: 0; color: var(--vd-text-secondary); font-size: var(--vd-text-body-sm); }
.vd-legacy .plano-meta strong { color: var(--vd-text-primary); }
.vd-legacy .plano-fases { display: grid; gap: var(--vd-space-3); }
.vd-legacy .plano-fase { padding: var(--vd-space-5); }
.vd-legacy .plano-fase-head { display: flex; align-items: center; gap: var(--vd-space-3); margin-bottom: var(--vd-space-3); }
.vd-legacy .plano-fase-nome { margin: 0; font-size: 1.0625rem; font-weight: var(--vd-weight-bold); }
.vd-legacy .plano-fase-tempo { color: var(--vd-text-caption); font-family: var(--vd-font-mono); font-size: 0.75rem; }
.vd-legacy .plano-fase-grid { display: grid; gap: var(--vd-space-4); grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr)); }
.vd-legacy .plano-fase-grid > div { font-size: var(--vd-text-body-sm); }
.vd-legacy .plano-fase-grid strong {
  display: block;
  margin-bottom: 6px;
  color: var(--vd-text-caption);
  font-family: var(--vd-font-mono);
  font-size: 0.6875rem;
  font-weight: var(--vd-weight-semibold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.vd-legacy .plano-fase-grid ul { margin: 0; padding-left: 1.1em; color: var(--vd-text-primary); }
.vd-legacy .plano-fase-grid li + li { margin-top: 4px; }
.vd-legacy .plano-conteudo-table td:first-child { width: 3rem; color: var(--vd-text-accent); font-family: var(--vd-font-mono); font-weight: var(--vd-weight-semibold); text-align: center; }

/* Personas */
.vd-legacy .persona-output { display: grid; gap: var(--vd-space-4); margin: 0; }
.vd-legacy .persona-cards { display: grid; gap: var(--vd-space-4); grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); }
.vd-legacy .persona-card { display: flex; flex-direction: column; gap: var(--vd-space-3); padding: var(--vd-space-5); }
.vd-legacy .persona-card-head { display: grid; gap: 6px; padding-bottom: var(--vd-space-3); border-bottom: 1px solid var(--vd-border-subtle); }
.vd-legacy .persona-card-papel {
  justify-self: start;
  padding: 3px 11px;
  border: 1px solid var(--vd-green-200);
  border-radius: var(--vd-radius-pill);
  background: var(--vd-green-50);
  color: var(--vd-green-700);
  font-family: var(--vd-font-mono);
  font-size: 0.6875rem;
  font-weight: var(--vd-weight-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vd-legacy .persona-card-papel-desc { color: var(--vd-text-caption); font-size: var(--vd-text-body-sm); }
.vd-legacy .persona-card-nome { font-size: 1.25rem; font-weight: var(--vd-weight-extrabold); letter-spacing: -0.02em; }
.vd-legacy .persona-card-meta { color: var(--vd-text-secondary); font-size: var(--vd-text-body-sm); }
.vd-legacy .persona-card-list { display: grid; gap: var(--vd-space-3); flex: 1; margin: 0; }
.vd-legacy .persona-card-list dt { color: var(--vd-text-caption); font-family: var(--vd-font-mono); font-size: 0.6875rem; font-weight: var(--vd-weight-semibold); letter-spacing: 0.1em; text-transform: uppercase; }
.vd-legacy .persona-card-list dd { margin: 2px 0 0; font-size: var(--vd-text-body-sm); line-height: 1.5; }
.vd-legacy .persona-copy { align-self: flex-start; margin-top: auto; }

/* Sequência de follow-up */
.vd-legacy .sequencia-output { display: grid; gap: var(--vd-space-4); margin: 0; }
.vd-legacy .sequencia-timeline { display: grid; gap: var(--vd-space-3); }
.vd-legacy .sequencia-item { display: grid; grid-template-columns: 9rem minmax(0, 1fr); gap: var(--vd-space-4); padding: var(--vd-space-4); }
.vd-legacy .sequencia-item-marker { display: grid; gap: 4px; align-content: start; padding-right: var(--vd-space-3); border-right: 1px solid var(--vd-border-default); }
.vd-legacy .sequencia-item-dia { font-size: 1.0625rem; font-weight: var(--vd-weight-extrabold); letter-spacing: -0.02em; }
.vd-legacy .sequencia-item-angulo { color: var(--vd-text-accent); font-family: var(--vd-font-mono); font-size: 0.6875rem; font-weight: var(--vd-weight-semibold); letter-spacing: 0.08em; text-transform: uppercase; }
.vd-legacy .sequencia-item-body { display: grid; gap: var(--vd-space-2); min-width: 0; }
.vd-legacy .sequencia-item-assunto { font-size: 0.9375rem; font-weight: var(--vd-weight-bold); }
.vd-legacy .sequencia-item-corpo {
  margin: 0;
  padding: var(--vd-space-3) var(--vd-space-4);
  border: 1px solid var(--vd-border-subtle);
  border-radius: var(--vd-radius-md);
  background: var(--vd-surface-muted);
  font-family: var(--vd-font-mono);
  font-size: 0.8125rem;
  line-height: 1.6;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.vd-legacy .sequencia-item-copy { justify-self: start; }
@media (max-width: 40rem) {
  .vd-legacy .sequencia-item { grid-template-columns: 1fr; }
  .vd-legacy .sequencia-item-marker { padding: 0 0 var(--vd-space-2); border-right: 0; border-bottom: 1px solid var(--vd-border-default); }
}

/* Matriz de decisão / estimadores (sliders) */
.vd-legacy .matriz-sliders { display: grid; gap: var(--vd-space-3); margin: 0; }
.vd-legacy :is(.matriz-slider, .churn-slider) { display: grid; gap: 6px; padding: var(--vd-space-4); }
.vd-legacy .churn-slider { border: 1px solid var(--vd-border-default); border-radius: var(--vd-radius-lg); background: var(--vd-surface-card); }
.vd-legacy .matriz-slider-head { display: flex; align-items: center; justify-content: space-between; gap: var(--vd-space-3); }
.vd-legacy .matriz-slider-head label { display: grid; gap: 2px; margin: 0; font-size: 0.9375rem; font-weight: var(--vd-weight-semibold); }
.vd-legacy .matriz-slider-peso { color: var(--vd-text-caption); font-family: var(--vd-font-mono); font-size: 0.6875rem; font-weight: var(--vd-weight-medium); letter-spacing: 0.06em; text-transform: uppercase; }
.vd-legacy .matriz-slider-valor {
  min-width: 44px;
  padding: 2px 12px;
  border-radius: var(--vd-radius-pill);
  background: var(--vd-surface-sunken);
  font-size: 1.125rem;
  font-weight: var(--vd-weight-extrabold);
  font-variant-numeric: tabular-nums;
  text-align: center;
}
.vd-legacy .matriz-slider-extremos { display: flex; justify-content: space-between; gap: var(--vd-space-3); }
.vd-legacy .matriz-slider-extremos small { max-width: 48%; color: var(--vd-text-caption); font-size: var(--vd-text-caption-size); line-height: 1.35; }
.vd-legacy .matriz-slider-extremos small:last-child { text-align: right; }
.vd-legacy :is(.matriz-justificativa, .treinamento-comparacao, .ec-detalhe, .rag-alternativa, .roi-bdc-extra, .onboarding-marcos) {
  display: grid;
  gap: var(--vd-space-3);
  margin: 0;
  padding: var(--vd-space-5);
  border: 1px solid var(--vd-border-default);
  border-radius: var(--vd-radius-lg);
  background: var(--vd-surface-muted);
}
.vd-legacy :is(.matriz-just-titulo, .ec-detalhe-title, .rag-alt-title) { font-size: 1rem; font-weight: var(--vd-weight-bold); }
.vd-legacy .matriz-just-list { display: grid; gap: var(--vd-space-2); margin: 0; padding: 0; list-style: none; }
.vd-legacy .matriz-just-item { position: relative; padding-left: 20px; font-size: 0.9375rem; line-height: 1.5; }
.vd-legacy .matriz-just-item::before { content: ""; position: absolute; top: 0.55em; left: 2px; width: 8px; height: 8px; border-radius: 50%; background: var(--vd-border-control); }
.vd-legacy .matriz-just-item.favoravel::before { background: var(--vd-success); }
.vd-legacy .matriz-just-item.contra::before { background: var(--vd-error); }
.vd-legacy .roi-bdc-extra-row { display: flex; justify-content: space-between; align-items: baseline; gap: var(--vd-space-3); padding: 6px 0; border-bottom: 1px dashed var(--vd-border-default); font-size: var(--vd-text-body-sm); }
.vd-legacy .roi-bdc-extra-row:last-child { border-bottom: 0; }
.vd-legacy .roi-bdc-extra-row span { color: var(--vd-text-secondary); }
.vd-legacy .roi-bdc-extra-row strong { font-variant-numeric: tabular-nums; }

/* Treinamento: comparação */
.vd-legacy .treinamento-comp-grid { display: grid; gap: var(--vd-space-3); grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); }
.vd-legacy .treinamento-comp-card { display: grid; gap: 4px; padding: var(--vd-space-4); }
.vd-legacy .treinamento-comp-card-destaque { border-color: var(--vd-obsidian); background: var(--vd-obsidian); color: var(--vd-text-inverse); }
.vd-legacy .treinamento-comp-label { color: var(--vd-text-caption); font-family: var(--vd-font-mono); font-size: 0.6875rem; font-weight: var(--vd-weight-semibold); letter-spacing: 0.1em; text-transform: uppercase; }
.vd-legacy .treinamento-comp-card-destaque .treinamento-comp-label { color: var(--vd-green-300); }
.vd-legacy .treinamento-comp-val { font-size: 1.5rem; font-weight: var(--vd-weight-extrabold); letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.vd-legacy .treinamento-comp-sub { color: var(--vd-text-secondary); font-size: var(--vd-text-body-sm); line-height: 1.4; }
.vd-legacy .treinamento-comp-card-destaque .treinamento-comp-sub { color: var(--vd-neutral-300); }
.vd-legacy .treinamento-comp-nota { margin: 0; font-size: var(--vd-text-body-sm); line-height: 1.5; }

/* Onboarding: marcos */
.vd-legacy .onboarding-list { display: grid; gap: var(--vd-space-2); margin: 0; padding: 0; list-style: none; counter-reset: marco; }
.vd-legacy .onboarding-item { display: flex; align-items: flex-start; gap: var(--vd-space-3); padding: var(--vd-space-3) var(--vd-space-4); counter-increment: marco; font-size: 0.9375rem; line-height: 1.5; }
.vd-legacy .onboarding-item::before {
  content: counter(marco);
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--vd-obsidian);
  color: var(--vd-white);
  font-family: var(--vd-font-mono);
  font-size: 0.75rem;
  font-weight: var(--vd-weight-semibold);
}
.vd-legacy .onboarding-semana {
  flex: none;
  padding: 2px 10px;
  border: 1px solid var(--vd-green-200);
  border-radius: var(--vd-radius-pill);
  background: var(--vd-green-50);
  color: var(--vd-green-700);
  font-family: var(--vd-font-mono);
  font-size: 0.6875rem;
  font-weight: var(--vd-weight-semibold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (max-width: 40rem) {
  .vd-legacy .onboarding-item { flex-direction: column; }
}

/* Calculadora de horas: lista de tarefas */
.vd-legacy .ch-tarefas { display: grid; gap: var(--vd-space-3); }
.vd-legacy .ch-tarefa { display: grid; grid-template-columns: 28px minmax(0, 1fr) 40px; gap: var(--vd-space-3); align-items: start; padding: var(--vd-space-3) var(--vd-space-4); }
.vd-legacy .ch-tarefa-body { display: grid; gap: var(--vd-space-2); min-width: 0; }
.vd-legacy .ch-tarefa-numeros { display: grid; gap: var(--vd-space-3); grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr)); }
.vd-legacy .ch-tarefa-numeros label { display: grid; gap: 4px; color: var(--vd-text-secondary); font-size: var(--vd-text-caption-size); font-weight: var(--vd-weight-semibold); }
.vd-legacy main .ch-tarefa :is(input, .ch-in-nome) { min-height: 40px; padding: 8px 12px; font-size: 0.9375rem; }
.vd-legacy .ch-tarefa-del {
  width: 40px;
  height: 40px;
  border: 1px solid var(--vd-border-default);
  border-radius: var(--vd-radius-md);
  background: var(--vd-surface-card);
  color: var(--vd-text-secondary);
  font-size: 1.125rem;
  line-height: 1;
}
.vd-legacy .ch-tarefa-del:hover { border-color: var(--vd-error-border); background: var(--vd-error-surface); color: var(--vd-error); }
.vd-legacy .ch-salario-field { max-width: 20rem; }

/* Gráfico de break-even (SVG) */
.vd-legacy .be-chart-wrap { display: grid; gap: var(--vd-space-2); margin: 0; }
.vd-legacy .be-chart-title { margin: 0; font-size: 1rem; font-weight: var(--vd-weight-bold); }
.vd-legacy .be-chart { overflow: hidden; padding: var(--vd-space-3); border: 1px solid var(--vd-border-default); border-radius: var(--vd-radius-lg); background: var(--vd-surface-card); }
.vd-legacy .be-svg { display: block; width: 100%; height: auto; max-height: 240px; }
.vd-legacy .be-bar-neg { fill: var(--vd-error); fill-opacity: 0.28; }
.vd-legacy .be-bar-pos { fill: var(--vd-green-500); fill-opacity: 0.35; }
.vd-legacy .be-line { fill: none; stroke: var(--vd-text-primary); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.vd-legacy .be-axis-line { stroke: var(--vd-border-control); stroke-width: 1; stroke-dasharray: 4 4; }
.vd-legacy .be-axis { fill: var(--vd-text-caption); font-family: var(--vd-font-mono); font-size: 10px; }
.vd-legacy .be-marker { stroke: var(--vd-text-secondary); stroke-width: 1.5; stroke-dasharray: 3 3; }
.vd-legacy .be-marker-label { fill: var(--vd-text-primary); font-size: 10px; font-weight: var(--vd-weight-semibold); }
.vd-legacy .be-chart-legend { display: flex; flex-wrap: wrap; gap: var(--vd-space-4); margin: 0; color: var(--vd-text-secondary); font-size: var(--vd-text-caption-size); }
.vd-legacy .be-legend-item { display: inline-flex; align-items: center; gap: 6px; }
.vd-legacy .be-dot { display: inline-block; width: 10px; height: 10px; border-radius: 2px; }
.vd-legacy .be-dot-neg { background: var(--vd-error-border); }
.vd-legacy .be-dot-pos { background: var(--vd-green-300); }

/* =========================================================
   6. Agendar (fluxo de horários)
   ========================================================= */
.vd-legacy .booking-container[style] {
  max-width: 44rem !important;
  margin: 0 !important;
  padding: clamp(40px, 2.5rem + 3vw, 88px) var(--lg-inset) var(--vd-section-pad) !important;
  box-sizing: content-box;
}
.vd-legacy .booking-container h1 { margin: 0 0 var(--vd-space-3); font-size: var(--vd-text-display-2); line-height: 1.1; letter-spacing: -0.035em; }
.vd-legacy .booking-container .subtitle { margin: 0 0 var(--vd-space-8); color: var(--vd-text-secondary); font-size: var(--vd-text-lead); line-height: 1.5; }
.vd-legacy .booking-container h3 { margin: 0 0 var(--vd-space-4); font-size: 1.125rem; }
.vd-legacy .step { display: none; }
.vd-legacy .step.active { display: block; }
.vd-legacy .loading { padding: var(--vd-space-5) 0; color: var(--vd-text-secondary); }
.vd-legacy :is(.date-list, .time-list) { display: flex; flex-wrap: wrap; gap: var(--vd-space-2); margin-bottom: var(--vd-space-6); }
.vd-legacy :is(.date-btn, .time-btn) {
  min-height: 44px;
  padding: 8px 16px;
  border: 1px solid var(--vd-border-control);
  border-radius: var(--vd-radius-md);
  background: var(--vd-surface-card);
  color: var(--vd-text-primary);
  font-size: 0.9375rem;
  font-weight: var(--vd-weight-medium);
  font-variant-numeric: tabular-nums;
  transition: background-color var(--vd-duration-fast) var(--vd-ease), border-color var(--vd-duration-fast) var(--vd-ease);
}
.vd-legacy :is(.date-btn, .time-btn):hover { border-color: var(--vd-text-primary); background: var(--vd-surface-muted); }
.vd-legacy :is(.date-btn, .time-btn):focus-visible { outline: none; box-shadow: var(--vd-shadow-focus); }
.vd-legacy :is(.date-btn, .time-btn).selected { border-color: var(--vd-obsidian); background: var(--vd-obsidian); color: var(--vd-white); }
.vd-legacy .btn-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  margin-bottom: var(--vd-space-4);
  padding: 6px 0;
  border: 0;
  background: none;
  color: var(--vd-text-link);
  font-size: 0.9375rem;
  font-weight: var(--vd-weight-semibold);
}
.vd-legacy .btn-back:hover { color: var(--vd-text-link-hover); text-decoration: underline; }
.vd-legacy .slot-count { margin-bottom: var(--vd-space-3); color: var(--vd-text-caption); font-family: var(--vd-font-mono); font-size: 0.75rem; }
.vd-legacy #no-slots { color: var(--vd-text-secondary) !important; }
.vd-legacy .booking-container .summary {
  display: grid;
  gap: 4px;
  margin-bottom: var(--vd-space-6);
  padding: var(--vd-space-4) var(--vd-space-5);
  border: 1px solid var(--vd-border-default);
  border-radius: var(--vd-radius-lg);
  background: var(--vd-surface-card);
}
.vd-legacy .booking-container .summary p { margin: 0; }
.vd-legacy .booking-container .form-group { margin-bottom: var(--vd-space-4); }
.vd-legacy .error-msg { min-height: 1.5em; margin: 0 0 var(--vd-space-3); color: var(--vd-error); font-size: var(--vd-text-body-sm); font-weight: var(--vd-weight-semibold); }
.vd-legacy .success-box {
  padding: clamp(24px, 1.5rem + 2vw, 40px);
  border: 1px solid var(--vd-success-border);
  border-radius: var(--vd-radius-lg);
  background: var(--vd-success-surface);
}
.vd-legacy .success-box h2 { margin: 0 0 var(--vd-space-2); color: var(--vd-success); }
.vd-legacy .success-box .btn-primary[style] { width: auto !important; margin-top: var(--vd-space-6) !important; }