/* Información comercial ampliada. Solo estos componentes nuevos; no altera los heroes. */
.vc-seccion { padding: 48px 0; }
.vc-cab { max-width: 760px; margin-bottom: 24px; }
.vc-cab h2, .vc-empresa h2 { font: 700 clamp(26px,3vw,36px)/1.2 var(--font-family-brand); letter-spacing: -.025em; text-wrap: balance; }
.vc-cab h3 { font: 700 clamp(24px,2.4vw,30px)/1.2 var(--font-family-brand); letter-spacing: -.025em; text-wrap: balance; }
.vc-cab > p:last-child { margin-top: 12px; color: var(--color-text-secondary); font-size: 16px; line-height: 1.6; }

/* Comparativa visible de portada: misma información semántica en móvil, sin desplazamiento lateral. */
.vc-comparar { grid-column: 1 / -1; width: 100%; min-width: 0; padding-top: 28px; border-top: 1px solid var(--color-border-soft); }
.vc-tabla { overflow: hidden; border: 1px solid var(--color-border-soft); border-radius: 24px; background: var(--color-bg-surface); }
.vc-tabla__cab { display: none; }
.vc-tabla__fila { display: grid; gap: 16px; padding: 22px; }
.vc-tabla__fila + .vc-tabla__fila { border-top: 1px solid var(--color-border-soft); }
.vc-tabla__fila:nth-child(even) { background: var(--color-brand-orange-50); }
.vc-tabla [role="rowheader"] a { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; min-height: 44px; color: var(--color-text-primary); text-decoration-thickness: 1px; text-decoration-color: var(--color-border-strong); text-underline-offset: 4px; }
.vc-tabla strong { font: 700 24px/1.2 var(--font-family-brand); letter-spacing: -.03em; }
.vc-tabla [role="rowheader"] span { font: 500 14px/1.5 var(--font-family-ui); color: var(--color-text-secondary); }
.vc-tabla [role="cell"] { min-width: 0; font-size: 15px; line-height: 1.65; color: var(--color-text-secondary); }
.vc-tabla [role="cell"]::before { content: attr(data-etiqueta); display: block; margin-bottom: 4px; font-size: 12px; font-weight: 600; color: var(--color-text-primary); }
.vc-tabla [role="cell"] a { color: var(--color-text-primary); text-underline-offset: 3px; }
.vc-comparar__pie { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-top: 18px; }
.vc-comparar__pie > p { max-width: 38em; font-size: 13px; color: var(--color-text-secondary); }
.vc-comparar__pie .vx-btn { white-space: normal; max-width: 100%; }
@media (min-width: 700px) {
  .vc-tabla__cab, .vc-tabla__fila { display: grid; grid-template-columns: minmax(0,160px) minmax(0,1fr) minmax(0,1fr); gap: 28px; padding: 22px 28px; }
  .vc-tabla__cab { background: var(--color-graphite-900); color: var(--color-text-on-dark); font-size: 13px; font-weight: 600; }
  .vc-tabla__fila { align-items: start; }
  .vc-tabla [role="rowheader"] a { display: grid; gap: 8px; }
  .vc-tabla [role="cell"]::before { display: none; }
}
@media (min-width: 1000px) {
  .vc-tabla__cab, .vc-tabla__fila { grid-template-columns: minmax(0,200px) minmax(0,1fr) minmax(0,1fr); }
}

/* Proceso antes oculto: ahora se puede leer de un vistazo. */
.vc-proceso { padding-top: 40px; }
.vc-proceso .vx-pasos { margin-top: 24px; }
.vc-proceso .vx-pasos li { padding: 28px; border: 1px solid var(--color-border-soft); border-radius: 24px; box-shadow: none; }
.vc-proceso .vx-pasos li:first-child { background: var(--color-graphite-900); }
.vc-proceso .vx-pasos li:first-child h3, .vc-proceso .vx-pasos li:first-child p { color: var(--color-text-on-dark); }
.vc-proceso .vx-pasos li:first-child::before { color: var(--color-brand-orange-top); }
.vc-proceso .vx-pasos li:nth-child(2) { background: var(--color-brand-orange-50); }
.vc-proceso .vx-pasos li::before { color: var(--color-heading-accent); }
.vc-proceso .vx-pasos h3 { font-size: 20px; margin-bottom: 10px; }
.vc-proceso .vx-pasos p { color: var(--color-text-secondary); font-size: 16px; line-height: 1.6; }

/* La marca y las preguntas tienen presencia propia, en lugar de otro desplegable al pie. */
.vc-empresa { background: var(--color-bg-app); border-top: 1px solid var(--color-border-soft); }
.vc-empresa__rejilla { display: grid; gap: 32px; align-items: start; }
.vc-marca { padding: 24px; border: 1px solid var(--color-border-soft); border-radius: 24px; background: var(--color-bg-surface); }
.vc-marca > p:not(.vx-antetitulo) { margin-top: 16px; font-size: 16px; line-height: 1.7; color: var(--color-text-secondary); }
.vc-ficha { display: grid; margin: 24px 0 12px; }
.vc-ficha > div { padding: 14px 0; border-top: 1px solid var(--color-border-soft); }
.vc-ficha dt { font-size: 12px; font-weight: 500; color: var(--color-text-secondary); }
.vc-ficha dd { margin: 4px 0 0; font: 600 16px/1.5 var(--font-family-brand); color: var(--color-text-primary); }
.vc-dudas > h2 { margin-bottom: 24px; }
.vc-dudas .vx-faq { gap: 12px; }
.vc-dudas .vx-faq summary { font-size: 16px; }
.vc-dudas .vx-faq p { font-size: 15px; line-height: 1.7; }
.vc-dudas .vx-faq p a { color: var(--color-text-primary); text-underline-offset: 3px; }
@media (min-width: 1000px) {
  .vc-seccion { padding: 64px 0; }
  .vc-empresa__rejilla { grid-template-columns: minmax(0,42fr) minmax(0,58fr); gap: 56px; }
  .vc-marca { padding: 32px; }
}

/* SFA: recorrido manual por tareas verificadas, no una automatización entre etapas. */
.vc-flujo { background: var(--color-bg-app); border-top: 1px solid var(--color-border-soft); border-bottom: 1px solid var(--color-border-soft); }
.vc-recorrido { display: grid; gap: 12px; list-style: none; margin: 0; padding: 0; counter-reset: recorrido; }
.vc-recorrido > li { display: flex; flex-direction: column; counter-increment: recorrido; min-width: 0; padding: 24px; border: 1px solid var(--color-border-soft); border-radius: 24px; background: var(--color-bg-surface); }
.vc-recorrido > li::before { content: counter(recorrido,decimal-leading-zero); display: block; margin-bottom: 20px; font: 700 28px/1 var(--font-family-brand); color: var(--color-heading-accent); }
.vc-recorrido h3 { margin-bottom: 10px; font: 600 19px/1.35 var(--font-family-brand); }
.vc-recorrido p { margin-bottom: 18px; font-size: 15px; line-height: 1.65; color: var(--color-text-secondary); }
.vc-recorrido a { display: inline-flex; align-items: center; gap: 6px; align-self: start; min-height: 44px; margin-top: auto; font-size: 14px; font-weight: 600; text-underline-offset: 4px; }
@media (min-width: 640px) { .vc-recorrido { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (min-width: 1100px) { .vc-recorrido { grid-template-columns: repeat(4,minmax(0,1fr)); } }

/* Lista de información a preparar en las tarjetas existentes de B2B/SGA.
   Se reinicia la piel de tarjeta de los li interiores y no se incrementa el contador de temas. */
.vc-preparar .vc-datos-demo { display: grid; gap: 10px; margin: 20px 0 0; padding: 18px 0 0; list-style: none; border-top: 1px solid var(--color-border-soft); }
.vc-preparar .vc-datos-demo > li { position: relative; counter-increment: none; padding: 0 0 0 16px; margin: 0; border: 0; border-radius: 0; background: none; box-shadow: none; font-size: 14px; line-height: 1.5; color: var(--color-text-primary); }
.vc-preparar .vc-datos-demo > li::before { content: ""; position: absolute; left: 0; top: .6em; width: 6px; height: 2px; padding: 0; margin: 0; border: 0; background: var(--color-brand-orange-500); }
.vc-preparar .vc-datos-demo > li::after { display: none; }