/* Componentes comerciales compartidos; la composición de inicio se conserva. */
.commercial-shell { width:min(1240px,calc(100% - 64px)); margin-inline:auto; }
.commercial-heading { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:36px; }
.commercial-heading h2, .commercial-process h2 { margin:12px 0 0; font-size:clamp(32px,4vw,52px); line-height:1.1; font-weight:550; letter-spacing:-2px; }
.commercial-heading > p { max-width:350px; margin:0; color:#625771; font-size:16px; line-height:1.7; }
.commercial-process { padding-block:85px; }
.commercial-process ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; gap:36px; padding:36px 0 0; margin:0; }
.commercial-process li { border-top:1px solid #cbbddc; padding-top:22px; }
.commercial-process li > span { display:inline-flex; width:36px; height:36px; border-radius:50%; background:#ece1fb; color:#6b34af; align-items:center; justify-content:center; font-size:12px; font-weight:650; }
.commercial-process h3 { font-size:20px; letter-spacing:-.5px; margin:18px 0 10px; }
.commercial-process li p { color:#625771; line-height:1.7; font-size:15px; margin:0; }
.commercial-cta { display:flex; align-items:center; justify-content:space-between; gap:32px; padding:52px 56px; margin-block:40px 65px; background:radial-gradient(ellipse at 100% 0,#784bac66,transparent 65%),#281c3e; border:1px solid #49335f; border-radius:28px; color:#fff; }
.commercial-cta h2 { color:#fff; font-size:clamp(32px,4vw,50px); line-height:1.1; letter-spacing:-1.6px; font-weight:500; margin:12px 0 16px; }
.commercial-cta p:not(.eyebrow) { max-width:480px; color:#ded3eb; line-height:1.6; margin:0; }
.commercial-cta .eyebrow { color:#dcc4fc; }
.commercial-cta .button { background:#fff; color:#43235f; box-shadow:none; flex-shrink:0; }
.brand-strip { width:min(1280px,calc(100% - 48px)); margin:0 auto; padding:25px 0 33px; border-top:1px solid #dfd5ed; }
.brand-strip > p { font-size:12px; color:#695575; text-align:center; margin:0 0 17px; }
.brand-strip > div { display:flex; justify-content:center; align-items:center; gap:12px 28px; flex-wrap:wrap; }
.brand-strip a { display:inline-flex; align-items:center; gap:9px; min-height:44px; text-decoration:none; color:#453450; font-size:13px; font-weight:550; }
.brand-strip img { width:24px; height:24px; object-fit:contain; }
.value-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.value-card { padding:30px; border:1px solid #e0d6e9; border-radius:22px; background:#fff; }
.value-card > small { color:#6c4092; font-size:11px; font-weight:650; letter-spacing:.08em; }
.value-card h3 { font-size:23px; line-height:1.2; letter-spacing:-.6px; margin:18px 0 14px; }
.value-card p { font-size:15px; line-height:1.7; color:#65566f; }
.value-card ul { padding:16px 0 0; border-top:1px solid #e7deef; list-style:none; }
.value-card li { display:flex; align-items:center; gap:10px; color:#4f3c61; font-size:13px; line-height:1.6; padding-block:6px; }
.value-card li::before { content:'✓'; color:#437557; }
.value-card__logos { display:flex; gap:14px; margin-top:25px; align-items:center; }
.value-card__logos img { width:28px; height:28px; object-fit:contain; }
.commercial-feature { padding-block:65px; }
.commercial-feature > .text-link { display:inline-flex; align-items:center; min-height:44px; margin-top:24px; }
.product-window { border:1px solid #d1c0e1; border-radius:24px; padding:8px; background:#e9ddf3; box-shadow:0 24px 60px #4c256016; overflow:hidden; }
.product-window__bar { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:14px 18px; color:#514061; font-size:12px; }
.product-window__bar span { padding:6px 10px; color:#276045; background:#edf7f0; border:1px solid #b8d7c2; border-radius:20px; }
.product-window img { display:block; width:100%; height:auto; border-radius:16px; background:#f5f0fa; }
.product-window figcaption { display:flex; justify-content:space-between; padding:18px 12px 12px; gap:20px; color:#62506e; font-size:13px; letter-spacing:0; }
.commercial-proof { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:25px 0 0; padding:0; list-style:none; }
.commercial-proof li { border-left:2px solid #bd9edf; padding-left:16px; color:#63516f; font-size:14px; line-height:1.6; }
.commercial-proof b { display:block; color:#3b254e; }
@media(max-width:800px) {
  .commercial-shell { width:calc(100% - 32px); }
  .commercial-heading { align-items:start; flex-direction:column; gap:20px; }
  .commercial-heading > p { max-width:100%; }
  .commercial-heading h2, .commercial-process h2 { letter-spacing:-1.2px; }
  .value-grid { grid-template-columns:1fr; }
  .commercial-process { padding-block:45px; }
  .commercial-process ol { grid-template-columns:1fr; gap:25px; }
  .commercial-cta { flex-direction:column; align-items:start; padding:30px 24px; margin-block:24px 40px; }
  .commercial-cta .button { white-space:normal; }
  .commercial-proof { grid-template-columns:1fr; gap:16px; }
  .commercial-feature { padding-block:40px; }
  .product-window__bar { flex-wrap:wrap; }
  .product-window figcaption { flex-direction:column; gap:8px; }
  .brand-strip > div { gap:7px 18px; }
  .brand-strip a { font-size:12px; }
}

.commercial-page .hoja { width:min(1240px,calc(100% - 64px)); }
.commercial-page .hoja-portada { padding-block:65px 30px; }
.commercial-page .hoja-portada h1 { font-size:clamp(42px,5vw,70px); line-height:1.05; font-weight:550; letter-spacing:-2.8px; }
.commercial-page .hoja-portada .lead { max-width:660px; }
.commercial-page .product-window { margin-top:44px; }
@media(max-width:800px) {
  .commercial-page .hoja { width:calc(100% - 32px); }
  .commercial-page .hoja-portada { padding-block:40px 20px; }
  .commercial-page .hoja-portada h1 { letter-spacing:-1.8px; }
}

/* El bloque sustituye el diagrama de capacidades para mantener la página breve. */
.product-connections { scroll-margin-top:110px; padding-block:56px; }
.product-connections .hoja-intro { display:flex; align-items:end; gap:36px; margin-bottom:24px; }
.product-connections .hoja-intro h2 { flex:1; margin:0; font-size:clamp(30px,3.2vw,44px); letter-spacing:-1.6px; }
.product-connections .hoja-intro p { flex:1; margin:0; font-size:16px; }
.connection-brands { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; list-style:none; margin:30px 0 0; padding:0; }
.connection-brands li { display:flex; align-items:center; gap:12px; min-height:66px; padding:14px 18px; border:1px solid #e0d6e9; border-radius:16px; background:#fff; color:#453450; font-size:14px; font-weight:550; }
.connection-brands img, .connection-symbol { width:28px; height:28px; flex-shrink:0; object-fit:contain; }
.connection-symbol { display:grid; place-items:center; color:#70439c; font-size:19px; }
.connection-note { max-width:850px; margin:20px 0 0; color:#625771; font-size:13px; line-height:1.65; }
@media(max-width:800px) {
  .product-connections { padding-block:40px; }
  .product-connections .hoja-intro { flex-direction:column; align-items:start; gap:18px; }
  .connection-brands { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .connection-brands li { gap:9px; padding:12px; font-size:12px; }
  .connection-brands img, .connection-symbol { width:24px; height:24px; }
}