/* PATCH v39.30 clean: bibliotecas oficiales por CDN */
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url("https://cdn.jsdelivr.net/npm/remixicon@4.3.0/fonts/remixicon.css");
@import url("https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css");
@import url("https://unpkg.com/@phosphor-icons/web@2.1.1/src/regular/style.css");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");

.component-root{font-family:var(--font,Roboto),Arial,sans-serif;color:var(--c-text,#202938);opacity:var(--opacity,1)}
.process-widget{--gap:16px;--cardHeight:135px;--cardPadding:20px;--radius:12px;--iconSize:26px;--fontWeight:900;--titleSize:20px;--statusSize:10px;--lineHeight:1.1;--tracking:0em;--wordSpacing:0em;--marginTop:12px;--marginBottom:26px;--shadowBlur:40px;--shadowOpacity:.10;--hoverScale:1.035;--hoverLift:6px;padding:10px}.asset-row{margin:var(--marginTop) 0 var(--marginBottom)}.asset-numbers{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;position:relative;margin:0 22px 12px}.asset-row.three .asset-numbers{grid-template-columns:repeat(3,1fr)}.asset-numbers:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:var(--c-primary,#ba0911);opacity:.85}.dot{width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid #d7dbe3;display:grid;place-items:center;font-weight:900;z-index:1;margin:auto}.dot.done{background:#20242c;color:#fff;border-color:#20242c}.dot.current{background:var(--c-primary,#ba0911);color:#fff;border-color:var(--c-primary,#ba0911)}.asset-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}.asset-row.three .asset-cards{grid-template-columns:repeat(3,1fr)}.stage-card{position:relative;min-height:var(--cardHeight);background:#fff;border:1px solid #e4e7ec;border-radius:var(--radius);padding:var(--cardPadding);box-shadow:0 16px var(--shadowBlur) rgba(16,24,40,var(--shadowOpacity));display:grid;align-content:end;transition:all var(--hoverDuration,250ms) ease}.stage-card.done{background:var(--c-soft,#f6f1ef)}.stage-card.current{background:var(--c-primary,#ba0911);color:#fff}.stage-card:hover{transform:translateY(calc(var(--hoverLift) * -1)) scale(var(--hoverScale))}.stage-status{font-size:var(--statusSize);font-weight:900;letter-spacing:var(--tracking);word-spacing:var(--wordSpacing);color:#667085;text-transform:uppercase}.stage-card.current .stage-status{color:#ffe5e5}.stage-label{font-size:var(--titleSize);font-weight:var(--fontWeight);letter-spacing:var(--tracking);word-spacing:var(--wordSpacing);line-height:var(--lineHeight);margin-top:4px}.stage-icon{position:absolute;left:20px;top:20px;width:var(--iconSize);height:var(--iconSize);opacity:.8}.stage-icon svg,.checkmark svg{width:100%;height:100%}.checkmark{position:absolute;right:14px;top:14px;width:30px;height:30px;border-radius:50%;background:#20242c;color:#fff;display:grid;place-items:center;padding:6px}.stage-card.current .checkmark{background:#fff;color:var(--c-primary,#ba0911)}
.process-widget.design-vertical .asset-cards,.process-widget.design-vertical .asset-row.three .asset-cards{grid-template-columns:1fr}.process-widget.design-vertical .asset-numbers{display:none}.process-widget.design-compact .stage-card{min-height:90px;padding:14px}.process-widget.design-compact .stage-icon{display:none}.process-widget.design-roadmap .stage-card{border-left:6px solid var(--c-primary);border-radius:6px}.process-widget.design-glass .stage-card{background:rgba(255,255,255,.62);backdrop-filter:blur(10px)}.process-widget.design-dark{background:#111827;padding:24px;border-radius:28px;color:white}.process-widget.design-dark .stage-card{background:#1f2937;color:white;border-color:#374151}
.hero-widget{min-height:420px;border-radius:28px;padding:70px;background:linear-gradient(135deg,var(--c-primary),var(--c-soft));display:grid;align-content:center;gap:18px;overflow:hidden}.hero-widget.center{text-align:center}.hero-widget.sub-hero-split,.hero-widget.sub-hero-bento{grid-template-columns:1fr 1fr;align-items:center;text-align:left}.hero-widget.sub-hero-fullscreen{min-height:80vh}.hero-widget.sub-hero-gradiente{background:linear-gradient(135deg,var(--c-primary),var(--c-accent),var(--c-soft))}.hero-title{font-size:64px;line-height:.9;letter-spacing:-.08em;margin:0}.hero-sub{font-size:20px;color:var(--c-muted)}
.card-grid-widget{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ui-card{background:#fff;border:1px solid #e4e7ec;border-radius:22px;padding:22px;box-shadow:0 18px 50px rgba(16,24,40,.10);transition:.25s}.ui-card:hover{transform:translateY(-6px)}.ui-card .big{font-size:42px;font-weight:900;color:var(--c-primary)}.card-grid-widget.sub-card-horizontal{grid-template-columns:1fr}.card-grid-widget.sub-card-horizontal .ui-card{display:grid;grid-template-columns:160px 1fr;gap:18px}.card-grid-widget.sub-card-glassmorphism .ui-card{background:rgba(255,255,255,.58);backdrop-filter:blur(12px)}.card-grid-widget.sub-card-kpi .ui-card .big{font-size:62px}.card-grid-widget.sub-card-pricing .ui-card{border-top:6px solid var(--c-primary)}.card-grid-widget.sub-card-hover .ui-card:hover{transform:translateY(-10px) scale(1.03)}
.accordion-widget{display:grid;gap:12px}.acc-item{background:#fff;border:1px solid #e4e7ec;border-radius:18px;padding:18px}.acc-title{font-weight:900;color:var(--c-primary)}.accordion-widget.sub-accordion-horizontal{grid-template-columns:repeat(3,1fr)}
.buttons-widget{display:flex;gap:14px;flex-wrap:wrap}.demo-button{border-radius:999px;padding:14px 22px;background:var(--c-primary);color:#fff;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.14)}.demo-button.outline{background:#fff;color:var(--c-primary);border:2px solid var(--c-primary)}.demo-button.ghost{background:transparent;color:var(--c-primary);box-shadow:none}.buttons-widget.sub-gradient-button .demo-button{background:linear-gradient(135deg,var(--c-primary),var(--c-accent))}.buttons-widget.sub-glass-button .demo-button{background:rgba(255,255,255,.45);color:var(--c-primary);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4)}.buttons-widget.sub-circle-button .demo-button{border-radius:50%;width:74px;height:74px;justify-content:center;padding:0}.buttons-widget.sub-square-button .demo-button{border-radius:0}
@media(max-width:700px){.asset-cards,.asset-row.three .asset-cards,.card-grid-widget,.hero-widget.sub-hero-split,.hero-widget.sub-hero-bento,.accordion-widget.sub-accordion-horizontal{grid-template-columns:1fr}.asset-numbers{display:none}.hero-title{font-size:42px}.hero-widget{padding:38px}.stage-card{min-height:96px}}

/* v34 clean editorial closer to v20 */
.process-widget.design-clean{
  max-width:1180px;margin:auto;background:#fff;padding:var(--canvasPadding,28px);
  --cardHeight:var(--cardHeight,145px);
}
.process-widget.design-clean .stage-card{border:1px solid #eee;box-shadow:0 12px 26px rgba(0,0,0,.08)}
.process-widget.design-clean .stage-card.current{animation:assetPulseV33 4.8s ease-in-out infinite}
@keyframes assetPulseV33{0%,100%{box-shadow:0 12px 26px rgba(0,0,0,.08)}50%{box-shadow:0 16px 36px rgba(186,9,17,.22)}}
.process-widget .stage-icon img,.process-widget .checkmark img{max-width:100%;max-height:100%;object-fit:contain}
.process-widget .stage-icon img.uploaded-auto-current,.process-widget .checkmark img.uploaded-auto-current{filter:brightness(0) invert(1)}

/* ---------- v34 exact Clean editorial ---------- */
.process-widget.design-clean-editorial{
  width:min(100%,var(--canvasWidth));
  margin:0 auto;
  padding:var(--canvasPadding);
  background:#fff;
  color:var(--text);
}
.process-widget.design-clean-editorial .asset-row{
  margin:0 0 var(--rowGap) 0;
}
.process-widget.design-clean-editorial .asset-row:last-child{
  margin-bottom:0;
}
.process-widget.design-clean-editorial .asset-numbers{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  align-items:center;
  position:relative;
  margin:0 calc(var(--dotSize) / 2 + var(--numberToCard)) var(--numberToCard);
}
.process-widget.design-clean-editorial .asset-row.three .asset-numbers{
  grid-template-columns:repeat(3,1fr);
}
.process-widget.design-clean-editorial .asset-numbers:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:var(--lineThickness);
  background:var(--line);
  opacity:.9;
}
.process-widget.design-clean-editorial .dot{
  width:var(--dotSize);
  height:var(--dotSize);
  border-radius:999px;
  background:var(--pending);
  color:var(--text);
  border:var(--lineThickness) solid var(--line);
  display:grid;
  place-items:center;
  font-size:13px;
  font-weight:var(--numberWeight);
  z-index:2;
  margin:auto;
  box-shadow:0 4px 14px rgba(0,0,0,.08);
}
.process-widget.design-clean-editorial .dot.done{
  background:var(--completed);
  color:#fff;
  border-color:var(--completed);
}
.process-widget.design-clean-editorial .dot.current{
  background:var(--current);
  color:#fff;
  border-color:var(--current);
}
.process-widget.design-clean-editorial .asset-cards{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:var(--gap);
}
.process-widget.design-clean-editorial .asset-row.three .asset-cards{
  grid-template-columns:repeat(3,1fr);
}
.process-widget.design-clean-editorial .stage-card{
  position:relative;
  min-height:var(--cardHeight);
  background:var(--cardBg);
  border:1px solid rgba(32,41,56,.10);
  border-radius:15px;
  padding:var(--padTop) var(--padRight) var(--padBottom) var(--padLeft);
  box-shadow:0 12px 26px rgba(16,24,40,.08);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  transition:transform var(--hoverDuration) ease, box-shadow var(--hoverDuration) ease;
}
.process-widget.design-clean-editorial .stage-card.done{
  background:var(--cardDoneBg);
}
.process-widget.design-clean-editorial .stage-card.current{
  background:var(--current);
  color:#fff;
}
.process-widget.design-clean-editorial .stage-card:hover{
  transform:translateY(calc(var(--hoverLift) * -1)) scale(var(--hoverScale));
  z-index:5;
  box-shadow:0 18px 44px rgba(16,24,40,.16);
}
.process-widget.design-clean-editorial .stage-icon{
  position:absolute;
  left:var(--padLeft);
  top:calc(var(--padTop) + var(--iconY));
  width:var(--iconSize);
  height:var(--iconSize);
  color:currentColor;
  opacity:.82;
}
.process-widget.design-clean-editorial .stage-icon svg,
.process-widget.design-clean-editorial .checkmark svg{
  width:100%;
  height:100%;
}
.process-widget.design-clean-editorial .stage-copy{
  transform:translateY(0);
}
.process-widget.design-clean-editorial .stage-status{
  font-size:var(--statusSize);
  line-height:var(--statusLine);
  letter-spacing:var(--statusSpacing);
  font-weight:var(--statusWeight);
  color:var(--muted);
  text-transform:uppercase;
  margin-top:var(--statusY);
}
.process-widget.design-clean-editorial .stage-card.current .stage-status{
  color:rgba(255,255,255,.86);
}
.process-widget.design-clean-editorial .stage-label{
  font-size:var(--labelSize);
  line-height:var(--labelLine);
  letter-spacing:var(--labelSpacing);
  font-weight:var(--labelWeight);
  margin-top:var(--labelY);
}
.process-widget.design-clean-editorial .checkmark{
  position:absolute;
  right:14px;
  top:14px;
  width:30px;
  height:30px;
  border-radius:999px;
  display:grid;
  place-items:center;
  padding:6px;
  background:var(--completed);
  color:#fff;
}
.process-widget.design-clean-editorial .stage-card.current .checkmark{
  background:#fff;
  color:var(--current);
}
.process-widget.design-clean-editorial .stage-card img.upload-preview{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
@media(max-width:700px){
  .process-widget.design-clean-editorial{padding:16px}
  .process-widget.design-clean-editorial .asset-numbers{display:none}
  .process-widget.design-clean-editorial .asset-cards,
  .process-widget.design-clean-editorial .asset-row.three .asset-cards{grid-template-columns:1fr}
}


/* ---------- PATCH v39.2 ---------- */
.process-widget.design-clean-editorial.clean10-compact{
  background:#fff;
  border-radius:0;
}
.process-widget.design-clean-editorial.clean10-compact .stage-card{
  font-family:inherit;
  text-align:left;
  appearance:none;
  cursor:pointer;
  border-radius:4px;
  border:1px solid rgba(32,41,56,.08);
  box-shadow:none;
}
.process-widget.design-clean-editorial.clean10-compact .stage-card.done{
  background:var(--cardDoneBg);
}
.process-widget.design-clean-editorial.clean10-compact .stage-card.current{
  background:var(--current);
}
.process-widget.design-clean-editorial.clean10-compact .asset-numbers:before{
  background:var(--line,#E0E0E0);
}
.process-widget.design-clean-editorial.clean10-compact .dot{
  border-color:var(--line,#E0E0E0);
}
.process-widget.design-clean-editorial.clean10-compact .stage-card:focus-visible{
  outline:3px solid rgba(186,9,17,.25);
  outline-offset:3px;
}
.asset-toast-info{
  position:fixed;
  left:50%;
  bottom:28px;
  transform:translate(-50%,18px);
  background:#202938;
  color:#fff;
  padding:13px 18px;
  border-radius:999px;
  font:800 14px/1.2 Roboto,Arial,sans-serif;
  box-shadow:0 16px 45px rgba(16,24,40,.24);
  z-index:999999;
  opacity:0;
  pointer-events:none;
  transition:opacity .24s ease,transform .24s ease;
}
.asset-toast-info.show{opacity:1;transform:translate(-50%,0)}
.asset-animate{opacity:0;will-change:opacity,transform;transition:opacity var(--entry-duration,900ms) ease,transform var(--entry-duration,900ms) ease;transition-delay:var(--entry-delay,0ms)}
.asset-animate[data-anim="none"]{opacity:1;transform:none}
.asset-animate[data-anim="fade-up"]{transform:translateY(34px)}
.asset-animate[data-anim="fade-down"]{transform:translateY(-34px)}
.asset-animate[data-anim="fade-left"]{transform:translateX(34px)}
.asset-animate[data-anim="fade-right"]{transform:translateX(-34px)}
.asset-animate[data-anim="zoom-in"]{transform:scale(.94)}
.asset-animate[data-anim="zoom-out"]{transform:scale(1.05)}
.asset-animate[data-anim="flip-left"]{transform:perspective(900px) rotateY(-8deg) translateY(20px)}
.asset-animate[data-anim="flip-right"]{transform:perspective(900px) rotateY(8deg) translateY(20px)}
.asset-animate.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.asset-animate{opacity:1!important;transform:none!important;transition:none!important}}

/* ---------- PATCH v39.5 visual fixes + 5 Clean 10 compact variants ---------- */
.component-root{background:transparent!important}.preview-right #preview,.device-frame{background:#fff;color:#202938}.process-widget.design-clean-editorial.clean10-compact{background:#fff!important;box-sizing:border-box}.process-widget.design-clean-editorial.clean10-compact *{box-sizing:border-box}.process-widget.design-clean-editorial.clean10-compact .stage-card{border-radius:var(--radius,4px);box-shadow:var(--cardShadow,none);color:var(--text)!important;background:var(--cardBg);border:1px solid rgba(32,41,56,.10);font-family:inherit;text-align:left;appearance:none;cursor:pointer}.process-widget.design-clean-editorial.clean10-compact .stage-card.done{background:var(--cardDoneBg)!important;color:var(--text)!important}.process-widget.design-clean-editorial.clean10-compact .stage-card.pending{background:var(--cardBg)!important;color:var(--text)!important}.process-widget.design-clean-editorial.clean10-compact .stage-card.current{background:var(--current)!important;color:#fff!important}.process-widget.design-clean-editorial.clean10-compact .stage-card.current .stage-label,.process-widget.design-clean-editorial.clean10-compact .stage-card.current .stage-icon{color:#fff!important}.process-widget.design-clean-editorial.clean10-compact .stage-status{color:var(--muted)!important}.process-widget.design-clean-editorial.clean10-compact .stage-card.current .stage-status{color:rgba(255,255,255,.88)!important}.process-widget.design-clean-editorial.clean10-compact .stage-label{color:inherit!important}.process-widget.design-clean-editorial.clean10-compact .stage-icon{color:inherit!important}.process-widget.design-clean-editorial.clean10-compact .stage-icon svg,.process-widget.design-clean-editorial.clean10-compact .checkmark svg{display:block}.process-widget.design-clean-editorial.clean10-compact .checkmark{background:var(--completed);color:#fff}.process-widget.design-clean-editorial.clean10-compact .stage-card.current .checkmark{background:#fff;color:var(--current)}.process-widget.design-clean-editorial.clean10-original{--radius:4px}.process-widget.design-clean-editorial.clean10-soft .stage-card{border-color:rgba(186,9,17,.07)}.process-widget.design-clean-editorial.clean10-sharp .stage-card{text-transform:none}.process-widget.design-clean-editorial.clean10-air{padding:34px}.process-widget.design-clean-editorial.clean10-bold .stage-label{letter-spacing:-.055em}.process-widget.design-clean-editorial.clean10-bold .dot{box-shadow:0 8px 20px rgba(16,24,40,.14)}.generated-box{border:1px solid #e4e7ec;border-radius:18px;padding:16px;margin:12px 0;background:#fff}.generated-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.generated-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:#f8fafc;border:1px solid #e4e7ec;border-radius:10px;padding:10px;width:100%;min-height:42px;color:#202938}.generated-cell-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.generated-cell-grid input{font-size:12px}.diag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.diag-pill{border:1px solid #e4e7ec;border-radius:14px;padding:12px;background:#fff}.diag-pill b{font-size:22px}.diag-pill.ok b{color:#16a34a}.diag-pill.err b{color:#dc2626}.diag-pill.warn b{color:#ca8a04}@media(max-width:800px){.generated-cell-grid,.diag-grid{grid-template-columns:1fr}}

/* ---------- PATCH v39.6 visual controls ---------- */
.process-widget.design-clean-editorial.clean10-compact{
  margin:var(--assetMarginTop,0) var(--assetMarginRight,0) var(--assetMarginBottom,0) var(--assetMarginLeft,0);
}
.process-widget.design-clean-editorial .stage-card{
  border-radius:var(--radius,4px)!important;
}
.process-widget.design-clean-editorial.no-animation,
.process-widget.design-clean-editorial .no-animation{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
}
.process-widget.design-clean-editorial.clean10-compact .uploaded-icon{
  width:100%;height:100%;object-fit:contain;display:block;
}
.process-widget.design-clean-editorial.clean10-compact .uploaded-auto.context-current,
.process-widget.design-clean-editorial.clean10-compact .stage-card.current .uploaded-auto{
  filter:brightness(0) invert(1);
}
.process-widget.design-clean-editorial.clean10-compact .uploaded-invert{filter:brightness(0) invert(1)}
.process-widget.design-clean-editorial.clean10-compact .uploaded-normal{filter:none}
.process-widget.design-clean-editorial.dark-luxury{background:#0f1117!important;padding:var(--canvasPadding)}
.process-widget.design-clean-editorial.dark-luxury .stage-card{border-color:rgba(255,255,255,.12)!important;color:#F8FAFC!important}
.process-widget.design-clean-editorial.dark-luxury .stage-card.pending{background:#171A22!important;color:#F8FAFC!important}
.process-widget.design-clean-editorial.dark-luxury .stage-card.done{background:#222631!important;color:#F8FAFC!important}
.process-widget.design-clean-editorial.dark-luxury .stage-status{color:#B8C0CC!important}
.process-widget.design-clean-editorial.minimal-square .stage-card{box-shadow:none!important;text-transform:none}
.process-widget.design-clean-editorial.premium-shadow .stage-card{border-color:rgba(186,9,17,.08)!important}
.process-widget.design-clean-editorial.red-block .dot.current,
.process-widget.design-clean-editorial.red-block .dot.done{background:#ba0911!important;color:#fff!important}
.icon-card button{margin-top:8px;width:100%;font-size:11px;padding:7px 8px}.icon-card select{margin-top:6px;font-size:11px;padding:6px}.icon-card .uploaded-icon{max-width:36px;max-height:36px;object-fit:contain}.ico-sample .uploaded-auto{filter:none}.ico-sample .uploaded-auto.context-current{filter:brightness(0) invert(1)}


/* ---------- PATCH v39.7 mobile design controls ---------- */
@media(max-width:700px){
  .process-widget.design-clean-editorial.clean10-compact{
    padding:var(--mobileCanvasPadding,14px)!important;
  }
  .process-widget.design-clean-editorial.clean10-compact .asset-row{
    row-gap:var(--mobileRowGap,10px)!important;
    margin-bottom:var(--mobileRowGap,10px)!important;
  }
  .process-widget.design-clean-editorial.clean10-compact .asset-numbers{
    display:var(--mobileShowNumbers,none)!important;
    margin-bottom:8px!important;
  }
  .process-widget.design-clean-editorial.clean10-compact .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact .asset-row.three .asset-cards{
    grid-template-columns:1fr!important;
    gap:var(--mobileCardGap,10px)!important;
  }
  .process-widget.design-clean-editorial.clean10-compact.compact-grid .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact.compact-grid .asset-row.three .asset-cards{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .process-widget.design-clean-editorial.clean10-compact .stage-card{
    min-height:var(--mobileCardHeight,104px)!important;
    height:auto!important;
    border-radius:var(--mobileRadius,var(--radius,4px))!important;
    padding:var(--mobileCardPaddingTop,14px) var(--mobileCardPaddingRight,14px) var(--mobileCardPaddingBottom,14px) var(--mobileCardPaddingLeft,14px)!important;
    transform:none!important;
  }
  .process-widget.design-clean-editorial.clean10-compact .stage-card:hover{
    transform:translateY(calc(var(--hoverLift,0px) * -0.25)) scale(var(--mobileHoverScale,1))!important;
  }
  .process-widget.design-clean-editorial.clean10-compact .stage-icon{
    width:var(--mobileIconSize,24px)!important;
    height:var(--mobileIconSize,24px)!important;
    font-size:var(--mobileIconSize,24px)!important;
  }
  .process-widget.design-clean-editorial.clean10-compact .stage-label{
    font-size:var(--mobileLabelSize,15px)!important;
  }
  .process-widget.design-clean-editorial.clean10-compact .stage-status{
    font-size:var(--mobileStatusSize,9px)!important;
  }
  .process-widget.design-clean-editorial.clean10-compact .checkmark{
    width:26px!important;height:26px!important;right:10px!important;top:10px!important;
  }
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact{
    max-width:390px!important;
  }
}


/* PATCH v39.9 iconos */
.icon-toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;align-items:end}
.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;margin-top:12px}
.icon-card{min-height:98px;border:1px solid rgba(16,24,40,.12);border-radius:14px;background:#fff;padding:10px;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;cursor:pointer;color:#1f2937}
.icon-card.active{outline:3px solid rgba(186,9,17,.22);border-color:#ba0911;background:#fff7f7}
.ico-sample svg,.stage-icon svg,.checkmark svg{width:1em;height:1em;display:block}
.ico-sample{font-size:30px;line-height:1;color:#1f2937}.icon-card small{font-size:11px;text-align:center;word-break:break-word;color:#475467}
.uploaded-icon.uploaded-invert,.uploaded-icon.uploaded-auto.context-current{filter:brightness(0) invert(1)}
.uploaded-icon.uploaded-normal{filter:none}


/* ---------- PATCH v39.10: celular realmente vertical + URL pública fiel ---------- */
.process-widget.design-clean-editorial.clean10-compact{
  margin:var(--assetMarginTop,0px) var(--assetMarginRight,0px) var(--assetMarginBottom,0px) var(--assetMarginLeft,0px)!important;
}
.process-widget.design-clean-editorial.clean10-compact .stage-card{
  border-radius:var(--radius,4px)!important;
}
@media(max-width:700px){
  .process-widget.design-clean-editorial.clean10-compact,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact{
    max-width:430px!important;
    width:100%!important;
  }
  .process-widget.design-clean-editorial.clean10-compact .asset-row,
  .process-widget.design-clean-editorial.clean10-compact .asset-row.three{
    display:block!important;
    position:relative!important;
    margin-bottom:var(--mobileCardGap,12px)!important;
  }
  .process-widget.design-clean-editorial.clean10-compact .asset-numbers{
    display:none!important;
  }
  .process-widget.design-clean-editorial.clean10-compact .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact .asset-row.three .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact.compact-grid .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact.compact-grid .asset-row.three .asset-cards{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:var(--mobileCardGap,12px)!important;
    position:relative!important;
  }
  .process-widget.design-clean-editorial.clean10-compact .asset-cards:before{
    content:"";
    position:absolute;
    left:calc(var(--mobileCardPaddingLeft,14px) + (var(--mobileIconSize,24px) / 2));
    top:calc(var(--mobileIconSize,24px) + 18px);
    bottom:calc(var(--mobileIconSize,24px) + 18px);
    width:var(--lineThickness,2px);
    background:var(--line,#ba0911);
    opacity:.36;
    z-index:0;
    pointer-events:none;
  }
  .process-widget.design-clean-editorial.clean10-compact .asset-row:not(:last-child) .asset-cards:after{
    content:"";
    position:absolute;
    left:calc(var(--mobileCardPaddingLeft,14px) + (var(--mobileIconSize,24px) / 2));
    bottom:calc(var(--mobileCardGap,12px) * -1);
    width:var(--lineThickness,2px);
    height:var(--mobileCardGap,12px);
    background:var(--line,#ba0911);
    opacity:.36;
    pointer-events:none;
  }
  .process-widget.design-clean-editorial.clean10-compact .stage-card{
    position:relative!important;
    z-index:1!important;
    min-height:var(--mobileCardHeight,104px)!important;
    border-radius:var(--mobileRadius,var(--radius,4px))!important;
  }
  .process-widget.design-clean-editorial.clean10-compact .stage-card:hover{
    transform:translateY(calc(var(--hoverLift,0px) * -0.15)) scale(var(--mobileHoverScale,1))!important;
  }
}

/* PATCH v39.11 */
.save-strip{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;margin:0 0 14px 0;position:sticky;top:8px;z-index:5;box-shadow:0 8px 22px rgba(16,24,40,.06)}
.save-strip.bottom{position:static;margin-top:16px}
.icon-toolbar{align-items:end;gap:10px;flex-wrap:wrap}
.icon-toolbar label{min-width:180px;flex:1}
.icon-card small{word-break:break-word;line-height:1.15}
.icon-card.active{outline:2px solid var(--current,#ba0911);box-shadow:0 0 0 5px rgba(186,9,17,.08)}

/* ---------- PATCH v39.12: margen público universal ---------- */
.component-root.asset-layout{
  box-sizing:border-box!important;
  margin:var(--assetMarginTop,0px) var(--assetMarginRight,0px) var(--assetMarginBottom,0px) var(--assetMarginLeft,0px)!important;
  padding:var(--publicPadding,0px);
}
.component-root.asset-layout *{box-sizing:border-box}
.component-root.asset-layout.type-process{
  margin:0!important;
  padding:0!important;
}
.component-root.asset-layout.type-cards .card-grid-widget,
.component-root.asset-layout.type-accordion .accordion-widget,
.component-root.asset-layout.type-buttons .buttons-widget,
.component-root.asset-layout.type-hero .hero-widget{
  width:100%;
}
.component-root.asset-layout .ui-card,
.component-root.asset-layout .public-card,
.component-root.asset-layout .acc-item,
.component-root.asset-layout .hero-widget{
  border-radius:var(--publicRadius,12px)!important;
}
.card-grid-widget{gap:var(--cardGap,18px)}
body > #root{display:block;min-width:0;}
body{overflow-x:hidden;}


/* PATCH v39.13: guardar diseño flotante + radio 0 real */
.save-strip.save-strip-fixed{
  position:fixed!important;
  top:14px!important;
  right:18px!important;
  left:auto!important;
  z-index:99999!important;
  margin:0!important;
  box-shadow:0 16px 40px rgba(16,24,40,.18)!important;
  max-width:min(420px, calc(100vw - 36px));
}
.save-strip.save-strip-fixed button{white-space:nowrap}
.component-root.asset-layout .public-card,
.component-root.asset-layout .ui-card,
.component-root.asset-layout .acc-item,
.component-root.asset-layout .demo-button,
.component-root.asset-layout .hero-widget{
  border-radius:var(--publicRadius,12px)!important;
}
.process-widget .stage-card{border-radius:var(--radius,12px)!important;}
@media(max-width:700px){.save-strip.save-strip-fixed{top:10px!important;right:10px!important;max-width:calc(100vw - 20px);font-size:12px}.save-strip.save-strip-fixed .muted{display:none}}

/* ---------- PATCH v39.14: mobile horizontal timeline => vertical connected sequence ---------- */
@media(max-width:700px){
  /* En celular, las etapas que antes estaban conectadas en horizontal pasan a una secuencia vertical real. */
  .process-widget.design-clean-editorial.clean10-compact .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact .asset-row.three .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact.compact-grid .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact.compact-grid .asset-row.three .asset-cards{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    gap:var(--mobileCardGap,12px)!important;
    overflow:visible!important;
    position:relative!important;
  }

  /* Quitamos la línea lateral antigua: no debe parecer que intenta seguir hacia el lado. */
  .process-widget.design-clean-editorial.clean10-compact .asset-cards:before,
  .process-widget.design-clean-editorial.clean10-compact .asset-cards:after,
  .process-widget.design-clean-editorial.clean10-compact .asset-row:not(:last-child) .asset-cards:after{
    display:none!important;
    content:none!important;
  }

  .process-widget.design-clean-editorial.clean10-compact .stage-card{
    width:100%!important;
    overflow:visible!important;
    position:relative!important;
  }

  /* Conector vertical entre cada caja: card 1 baja a card 2, card 2 baja a card 3, etc. */
  .process-widget.design-clean-editorial.clean10-compact .stage-card:not(:last-child)::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:100%!important;
    transform:translateX(-50%)!important;
    width:var(--lineThickness,2px)!important;
    height:var(--mobileCardGap,12px)!important;
    background:var(--line,#ba0911)!important;
    opacity:.55!important;
    border-radius:999px!important;
    pointer-events:none!important;
    z-index:3!important;
  }

  /* Une el último item de una fila con el primero de la siguiente fila del proceso. */
  .process-widget.design-clean-editorial.clean10-compact .asset-row:not(:last-child) .stage-card:last-child::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:100%!important;
    transform:translateX(-50%)!important;
    width:var(--lineThickness,2px)!important;
    height:calc(var(--mobileCardGap,12px) + var(--mobileRowGap,10px))!important;
    background:var(--line,#ba0911)!important;
    opacity:.55!important;
    border-radius:999px!important;
    pointer-events:none!important;
    z-index:3!important;
  }

  .process-widget.design-clean-editorial.clean10-compact .asset-row{
    overflow:visible!important;
  }
}

/* ---------- PATCH v39.15: buscador de iconos profesional ---------- */
.icon-search-panel{position:relative;display:grid;gap:12px}
.icon-search-row{display:grid;grid-template-columns:1fr 220px 160px;gap:12px;align-items:end}
.icon-search-row input{min-width:0}
.icon-results-shell{border:1px solid #e5e7eb;border-radius:14px;background:#fff;padding:12px;max-height:520px;overflow:auto;scrollbar-gutter:stable}
.icon-results-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;position:sticky;top:0;background:#fff;z-index:2;padding-bottom:8px;border-bottom:1px solid #f1f5f9}
.icon-grid.icon-grid-virtual{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;align-items:stretch}
.icon-search-loading{opacity:.75;font-size:13px;padding:10px;border-radius:10px;background:#f8fafc}
.icon-card small{word-break:break-word;line-height:1.15}
@media(max-width:760px){.icon-search-row{grid-template-columns:1fr}.icon-results-shell{max-height:420px}.icon-grid.icon-grid-virtual{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));}}

/* ---------- PATCH v39.16: preview celular real en el editor ---------- */
.device-frame{transition:width .18s ease,max-width .18s ease;box-sizing:border-box;overflow:auto;margin:0 auto;background:#fff;color:#202938}
.device-frame.desktop{width:100%;max-width:100%}
.device-frame.tablet{width:768px;max-width:100%;border:1px solid #e4e7ec;border-radius:18px;padding:14px}
.device-frame.mobile{width:390px!important;max-width:100%!important;min-height:620px;border:1px solid #d0d5dd;border-radius:28px;padding:14px;background:#fff;box-shadow:0 18px 45px rgba(16,24,40,.14)}
.device-frame.mobile #preview{width:100%!important;max-width:390px!important;margin:0 auto!important;overflow:visible!important}
.device-frame.mobile .component-root{width:100%!important;max-width:390px!important;overflow:visible!important}

/* El preview móvil no depende del ancho real de la ventana del computador: fuerza las mismas reglas del breakpoint mobile. */
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact,
.device-frame.mobile .process-widget.design-clean-editorial{
  max-width:430px!important;
  width:100%!important;
  padding:var(--mobileCanvasPadding,14px)!important;
  overflow:visible!important;
}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-row,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-row.three,
.device-frame.mobile .process-widget.design-clean-editorial .asset-row,
.device-frame.mobile .process-widget.design-clean-editorial .asset-row.three{
  display:block!important;
  position:relative!important;
  margin-bottom:var(--mobileRowGap,var(--mobileCardGap,12px))!important;
  overflow:visible!important;
}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-numbers,
.device-frame.mobile .process-widget.design-clean-editorial .asset-numbers{
  display:var(--mobileShowNumbers,none)!important;
}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-cards,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-row.three .asset-cards,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.compact-grid .asset-cards,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.compact-grid .asset-row.three .asset-cards,
.device-frame.mobile .process-widget.design-clean-editorial .asset-cards,
.device-frame.mobile .process-widget.design-clean-editorial .asset-row.three .asset-cards{
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  gap:var(--mobileCardGap,12px)!important;
  overflow:visible!important;
  position:relative!important;
}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-cards:before,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-cards:after,
.device-frame.mobile .process-widget.design-clean-editorial .asset-cards:before,
.device-frame.mobile .process-widget.design-clean-editorial .asset-cards:after{
  display:none!important;content:none!important;
}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .stage-card,
.device-frame.mobile .process-widget.design-clean-editorial .stage-card{
  width:100%!important;
  min-height:var(--mobileCardHeight,104px)!important;
  height:auto!important;
  border-radius:var(--mobileRadius,var(--radius,4px))!important;
  padding:var(--mobileCardPaddingTop,14px) var(--mobileCardPaddingRight,14px) var(--mobileCardPaddingBottom,14px) var(--mobileCardPaddingLeft,14px)!important;
  overflow:visible!important;
  position:relative!important;
  transform:none!important;
}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .stage-card:hover,
.device-frame.mobile .process-widget.design-clean-editorial .stage-card:hover{
  transform:translateY(calc(var(--hoverLift,0px) * -0.15)) scale(var(--mobileHoverScale,1))!important;
}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .stage-card:not(:last-child)::after,
.device-frame.mobile .process-widget.design-clean-editorial .stage-card:not(:last-child)::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:100%!important;
  transform:translateX(-50%)!important;
  width:var(--lineThickness,2px)!important;
  height:var(--mobileCardGap,12px)!important;
  background:var(--line,#ba0911)!important;
  opacity:.55!important;
  border-radius:999px!important;
  pointer-events:none!important;
  z-index:3!important;
}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-row:not(:last-child) .stage-card:last-child::after,
.device-frame.mobile .process-widget.design-clean-editorial .asset-row:not(:last-child) .stage-card:last-child::after{
  content:""!important;
  height:calc(var(--mobileCardGap,12px) + var(--mobileRowGap,10px))!important;
}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .stage-icon,
.device-frame.mobile .process-widget.design-clean-editorial .stage-icon{
  width:var(--mobileIconSize,24px)!important;
  height:var(--mobileIconSize,24px)!important;
  font-size:var(--mobileIconSize,24px)!important;
}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .stage-label,
.device-frame.mobile .process-widget.design-clean-editorial .stage-label{font-size:var(--mobileLabelSize,15px)!important}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .stage-status,
.device-frame.mobile .process-widget.design-clean-editorial .stage-status{font-size:var(--mobileStatusSize,9px)!important}


/* ---------- PATCH v39.18: márgenes reales Grepsa + layouts mobile verticales ---------- */
.process-widget.design-clean-editorial.clean10-compact{
  margin:var(--assetMarginTop,0px) var(--assetMarginRight,0px) var(--assetMarginBottom,0px) var(--assetMarginLeft,0px)!important;
}
.component-root.asset-layout.type-process{
  margin:0!important;
  padding:0!important;
}

@media(max-width:700px){
  .process-widget.design-clean-editorial.clean10-compact.mobile-vertical-connected .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact.mobile-comfort .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact.mobile-compact .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact.mobile-card-list .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact.mobile-center-stack .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact.mobile-timeline-left .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact.mobile-minimal .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact.mobile-large-touch .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-vertical-connected .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-comfort .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-compact .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-card-list .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-center-stack .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-timeline-left .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-minimal .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-large-touch .asset-cards{
    display:flex!important;flex-direction:column!important;grid-template-columns:none!important;overflow:visible!important;position:relative!important;
  }

  .process-widget.mobile-comfort{--mobileCardHeight:112px;--mobileCardGap:14px;--mobileCanvasPadding:18px;--mobileLabelSize:16px;--mobileStatusSize:10px;--mobileIconSize:26px;}
  .process-widget.mobile-compact{--mobileCardHeight:86px;--mobileCardGap:8px;--mobileCanvasPadding:10px;--mobileLabelSize:14px;--mobileStatusSize:8px;--mobileIconSize:20px;}
  .process-widget.mobile-card-list{--mobileCardHeight:104px;--mobileCardGap:12px;--mobileCanvasPadding:16px;--mobileLabelSize:15px;--mobileStatusSize:9px;--mobileIconSize:24px;}
  .process-widget.mobile-center-stack{--mobileCardHeight:108px;--mobileCardGap:16px;--mobileCanvasPadding:18px;--mobileLabelSize:16px;--mobileStatusSize:9px;--mobileIconSize:26px;}
  .process-widget.mobile-timeline-left{--mobileCardHeight:100px;--mobileCardGap:14px;--mobileCanvasPadding:18px;--mobileLabelSize:15px;--mobileStatusSize:9px;--mobileIconSize:24px;}
  .process-widget.mobile-minimal{--mobileCardHeight:78px;--mobileCardGap:8px;--mobileCanvasPadding:8px;--mobileLabelSize:13px;--mobileStatusSize:8px;--mobileIconSize:18px;}
  .process-widget.mobile-large-touch{--mobileCardHeight:124px;--mobileCardGap:16px;--mobileCanvasPadding:20px;--mobileLabelSize:17px;--mobileStatusSize:10px;--mobileIconSize:30px;}

  .process-widget.mobile-center-stack .stage-card{text-align:center!important;align-content:center!important;justify-items:center!important;}
  .process-widget.mobile-center-stack .stage-icon{left:50%!important;transform:translateX(-50%)!important;}
  .process-widget.mobile-card-list .stage-card{display:flex!important;align-items:center!important;gap:14px!important;align-content:center!important;}
  .process-widget.mobile-card-list .stage-icon{position:static!important;flex:0 0 var(--mobileIconSize,24px)!important;}
  .process-widget.mobile-card-list .stage-copy{padding-left:0!important;}
  .process-widget.mobile-timeline-left .stage-card::after{left:calc(var(--mobileCardPaddingLeft,14px) + var(--mobileIconSize,24px)/2)!important;transform:none!important;}
  .process-widget.mobile-timeline-left .stage-card{padding-left:calc(var(--mobileCardPaddingLeft,14px) + 10px)!important;}
  .process-widget.mobile-minimal .stage-status{display:none!important;}

  .process-widget.design-clean-editorial.clean10-compact .stage-card{border-radius:var(--mobileRadius,var(--radius,4px))!important;}
}

/* Forzar el mismo comportamiento dentro del preview Celular aunque el navegador sea desktop */
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact{
  margin:var(--assetMarginTop,0px) var(--assetMarginRight,0px) var(--assetMarginBottom,0px) var(--assetMarginLeft,0px)!important;
}

/* v39.19 — Grepsa process vertical text alignment
   Status always starts at the same visual height. Long stage labels grow downward. */
.process-widget.design-clean-editorial.clean10-compact .stage-card{
  align-content:initial!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  height:auto!important;
  min-height:var(--cardHeight)!important;
}
.process-widget.design-clean-editorial.clean10-compact .stage-copy{
  display:grid!important;
  grid-template-rows:minmax(1.35em,auto) auto!important;
  align-content:start!important;
  justify-items:start!important;
  width:100%!important;
  margin-top:calc(var(--iconSize) + var(--iconY) + 18px)!important;
  transform:none!important;
}
.process-widget.design-clean-editorial.clean10-compact .stage-status{
  min-height:1.35em!important;
  line-height:var(--statusLine)!important;
  margin-top:0!important;
  align-self:start!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
}
.process-widget.design-clean-editorial.clean10-compact .stage-label{
  margin-top:var(--labelY)!important;
  align-self:start!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:auto!important;
}
.process-widget.design-clean-editorial.clean10-compact .asset-cards{
  align-items:stretch!important;
}
.process-widget.design-clean-editorial.clean10-compact .stage-card.current .stage-copy,
.process-widget.design-clean-editorial.clean10-compact .stage-card.done .stage-copy,
.process-widget.design-clean-editorial.clean10-compact .stage-card.pending .stage-copy{
  text-align:left!important;
}

/* Mobile keeps the same top-aligned text logic, but with mobile dimensions. */
@media(max-width:700px){
  .process-widget.design-clean-editorial.clean10-compact .stage-card,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .stage-card{
    min-height:var(--mobileCardHeight)!important;
  }
  .process-widget.design-clean-editorial.clean10-compact .stage-copy,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .stage-copy{
    margin-top:calc(var(--mobileIconSize) + 18px)!important;
  }
}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .stage-card{
  min-height:var(--mobileCardHeight)!important;
}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .stage-copy{
  margin-top:calc(var(--mobileIconSize) + 18px)!important;
}


/* ---------- PATCH v39.20: layouts móviles de 2 tarjetas por fila conectadas ---------- */
@media(max-width:700px){
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-zigzag .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-compact .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-cards .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-timeline .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-zigzag .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-compact .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-cards .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-timeline .asset-cards{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:var(--mobileCardGap,12px)!important;
    row-gap:var(--mobileRowGap,18px)!important;
    overflow:visible!important;
    position:relative!important;
    padding:var(--mobileCanvasPadding,14px)!important;
  }
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-zigzag .stage-card,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-compact .stage-card,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-cards .stage-card,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-timeline .stage-card,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-zigzag .stage-card,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-compact .stage-card,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-cards .stage-card,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-timeline .stage-card{
    min-height:var(--mobileCardHeight,112px)!important;
    height:auto!important;
    padding:var(--mobileCardPaddingTop,14px) var(--mobileCardPaddingRight,14px) var(--mobileCardPaddingBottom,14px) var(--mobileCardPaddingLeft,14px)!important;
    border-radius:var(--mobileRadius,var(--radius,4px))!important;
    position:relative!important;
  }
  .process-widget.mobile-two-cols-compact{--mobileCardHeight:96px;--mobileCardGap:10px;--mobileRowGap:14px;--mobileCanvasPadding:12px;--mobileLabelSize:13px;--mobileStatusSize:8px;--mobileIconSize:20px;}
  .process-widget.mobile-two-cols-zigzag{--mobileCardHeight:118px;--mobileCardGap:12px;--mobileRowGap:18px;--mobileCanvasPadding:14px;--mobileLabelSize:14px;--mobileStatusSize:8px;--mobileIconSize:22px;}
  .process-widget.mobile-two-cols-cards{--mobileCardHeight:130px;--mobileCardGap:14px;--mobileRowGap:20px;--mobileCanvasPadding:16px;--mobileLabelSize:15px;--mobileStatusSize:9px;--mobileIconSize:24px;}
  .process-widget.mobile-two-cols-timeline{--mobileCardHeight:112px;--mobileCardGap:12px;--mobileRowGap:18px;--mobileCanvasPadding:14px;--mobileLabelSize:14px;--mobileStatusSize:8px;--mobileIconSize:22px;}

  /* Conexión serpenteante: derecha en pares, baja entre filas */
  .process-widget.mobile-two-cols-zigzag .stage-card::after,
  .process-widget.mobile-two-cols-compact .stage-card::after,
  .process-widget.mobile-two-cols-cards .stage-card::after,
  .device-frame.mobile .process-widget.mobile-two-cols-zigzag .stage-card::after,
  .device-frame.mobile .process-widget.mobile-two-cols-compact .stage-card::after,
  .device-frame.mobile .process-widget.mobile-two-cols-cards .stage-card::after{
    content:""!important;
    position:absolute!important;
    background:var(--line)!important;
    opacity:.95!important;
    z-index:0!important;
  }
  .process-widget.mobile-two-cols-zigzag .stage-card:nth-child(odd)::after,
  .process-widget.mobile-two-cols-compact .stage-card:nth-child(odd)::after,
  .process-widget.mobile-two-cols-cards .stage-card:nth-child(odd)::after,
  .device-frame.mobile .process-widget.mobile-two-cols-zigzag .stage-card:nth-child(odd)::after,
  .device-frame.mobile .process-widget.mobile-two-cols-compact .stage-card:nth-child(odd)::after,
  .device-frame.mobile .process-widget.mobile-two-cols-cards .stage-card:nth-child(odd)::after{
    left:100%!important;
    top:50%!important;
    width:var(--mobileCardGap,12px)!important;
    height:max(2px,var(--lineThickness,2px))!important;
    transform:translateY(-50%)!important;
  }
  .process-widget.mobile-two-cols-zigzag .stage-card:nth-child(even)::after,
  .process-widget.mobile-two-cols-compact .stage-card:nth-child(even)::after,
  .process-widget.mobile-two-cols-cards .stage-card:nth-child(even)::after,
  .device-frame.mobile .process-widget.mobile-two-cols-zigzag .stage-card:nth-child(even)::after,
  .device-frame.mobile .process-widget.mobile-two-cols-compact .stage-card:nth-child(even)::after,
  .device-frame.mobile .process-widget.mobile-two-cols-cards .stage-card:nth-child(even)::after{
    left:50%!important;
    top:100%!important;
    width:max(2px,var(--lineThickness,2px))!important;
    height:var(--mobileRowGap,18px)!important;
    transform:translateX(-50%)!important;
  }
  .process-widget.mobile-two-cols-zigzag .stage-card:last-child::after,
  .process-widget.mobile-two-cols-compact .stage-card:last-child::after,
  .process-widget.mobile-two-cols-cards .stage-card:last-child::after,
  .device-frame.mobile .process-widget.mobile-two-cols-zigzag .stage-card:last-child::after,
  .device-frame.mobile .process-widget.mobile-two-cols-compact .stage-card:last-child::after,
  .device-frame.mobile .process-widget.mobile-two-cols-cards .stage-card:last-child::after{display:none!important;}

  /* Línea central vertical: dos columnas conectadas por una guía */
  .process-widget.mobile-two-cols-timeline .asset-cards::before,
  .device-frame.mobile .process-widget.mobile-two-cols-timeline .asset-cards::before{
    content:""!important;
    position:absolute!important;
    top:var(--mobileCanvasPadding,14px)!important;
    bottom:var(--mobileCanvasPadding,14px)!important;
    left:50%!important;
    width:max(2px,var(--lineThickness,2px))!important;
    background:var(--line)!important;
    transform:translateX(-50%)!important;
    opacity:.85!important;
  }
  .process-widget.mobile-two-cols-timeline .stage-card::after,
  .device-frame.mobile .process-widget.mobile-two-cols-timeline .stage-card::after{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    width:calc(var(--mobileCardGap,12px) / 2)!important;
    height:max(2px,var(--lineThickness,2px))!important;
    background:var(--line)!important;
    transform:translateY(-50%)!important;
    z-index:0!important;
  }
  .process-widget.mobile-two-cols-timeline .stage-card:nth-child(odd)::after,
  .device-frame.mobile .process-widget.mobile-two-cols-timeline .stage-card:nth-child(odd)::after{left:100%!important;}
  .process-widget.mobile-two-cols-timeline .stage-card:nth-child(even)::after,
  .device-frame.mobile .process-widget.mobile-two-cols-timeline .stage-card:nth-child(even)::after{right:100%!important;}
}

/* También fuerza estos layouts en el preview celular del editor aunque el navegador sea ancho */
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-zigzag .asset-cards,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-compact .asset-cards,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-cards .asset-cards,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-timeline .asset-cards{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:var(--mobileCardGap,12px)!important;
  row-gap:var(--mobileRowGap,18px)!important;
  overflow:visible!important;
  position:relative!important;
  padding:var(--mobileCanvasPadding,14px)!important;
}

/* ---------- PATCH v39.21: mobile 2-column layouts stable and ordered ----------
   Objetivo: 1-2, 3-4, 5-6 y 7 siempre queda a la izquierda.
   No se fuerza zigzag raro después del 4. La conexión queda limpia por pares y filas. */
@media(max-width:700px){
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-clean .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-soft .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-tight .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-air .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-line .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-zigzag .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-compact .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-cards .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-timeline .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-clean .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-soft .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-tight .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-air .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-line .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-zigzag .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-compact .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-cards .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-timeline .asset-cards{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    column-gap:var(--mobileCardGap,12px)!important;
    row-gap:var(--mobileRowGap,18px)!important;
    align-items:stretch!important;
    position:relative!important;
    overflow:visible!important;
    padding:var(--mobileCanvasPadding,14px)!important;
  }
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-clean .stage-card,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-soft .stage-card,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-tight .stage-card,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-air .stage-card,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-line .stage-card,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-zigzag .stage-card,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-compact .stage-card,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-cards .stage-card,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-timeline .stage-card,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-clean .stage-card,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-soft .stage-card,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-tight .stage-card,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-air .stage-card,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-line .stage-card,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-zigzag .stage-card,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-compact .stage-card,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-cards .stage-card,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-timeline .stage-card{
    min-height:var(--mobileCardHeight,112px)!important;
    height:auto!important;
    position:relative!important;
    border-radius:var(--mobileRadius,var(--radius,4px))!important;
    padding:var(--mobileCardPaddingTop,14px) var(--mobileCardPaddingRight,14px) var(--mobileCardPaddingBottom,14px) var(--mobileCardPaddingLeft,14px)!important;
  }

  .process-widget.mobile-two-cols-clean,
  .process-widget.mobile-two-cols-zigzag{--mobileCardHeight:112px;--mobileCardGap:12px;--mobileRowGap:18px;--mobileCanvasPadding:14px;--mobileLabelSize:14px;--mobileStatusSize:8px;--mobileIconSize:22px;}
  .process-widget.mobile-two-cols-soft{--mobileCardHeight:118px;--mobileCardGap:14px;--mobileRowGap:20px;--mobileCanvasPadding:16px;--mobileLabelSize:14px;--mobileStatusSize:8px;--mobileIconSize:23px;}
  .process-widget.mobile-two-cols-tight,
  .process-widget.mobile-two-cols-compact{--mobileCardHeight:98px;--mobileCardGap:10px;--mobileRowGap:14px;--mobileCanvasPadding:12px;--mobileLabelSize:13px;--mobileStatusSize:8px;--mobileIconSize:20px;}
  .process-widget.mobile-two-cols-air,
  .process-widget.mobile-two-cols-cards{--mobileCardHeight:128px;--mobileCardGap:16px;--mobileRowGap:22px;--mobileCanvasPadding:18px;--mobileLabelSize:15px;--mobileStatusSize:9px;--mobileIconSize:24px;}
  .process-widget.mobile-two-cols-line,
  .process-widget.mobile-two-cols-timeline{--mobileCardHeight:110px;--mobileCardGap:12px;--mobileRowGap:18px;--mobileCanvasPadding:14px;--mobileLabelSize:14px;--mobileStatusSize:8px;--mobileIconSize:22px;}

  /* Reset completo de conectores antiguos para que no se desordenen */
  .process-widget[class*="mobile-two-cols-"] .asset-cards::before,
  .process-widget[class*="mobile-two-cols-"] .asset-cards::after,
  .process-widget[class*="mobile-two-cols-"] .stage-card::before,
  .process-widget[class*="mobile-two-cols-"] .stage-card::after,
  .device-frame.mobile .process-widget[class*="mobile-two-cols-"] .asset-cards::before,
  .device-frame.mobile .process-widget[class*="mobile-two-cols-"] .asset-cards::after,
  .device-frame.mobile .process-widget[class*="mobile-two-cols-"] .stage-card::before,
  .device-frame.mobile .process-widget[class*="mobile-two-cols-"] .stage-card::after{
    content:none!important;
    display:none!important;
  }

  /* Conexión ordenada: pares horizontales 1-2, 3-4, 5-6. Si queda 7 solo, queda izquierda sin línea a vacío. */
  .process-widget[class*="mobile-two-cols-"] .stage-card:nth-child(odd):not(:last-child)::after,
  .device-frame.mobile .process-widget[class*="mobile-two-cols-"] .stage-card:nth-child(odd):not(:last-child)::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:100%!important;
    top:50%!important;
    width:var(--mobileCardGap,12px)!important;
    height:max(2px,var(--lineThickness,2px))!important;
    background:var(--line)!important;
    opacity:.85!important;
    transform:translateY(-50%)!important;
    pointer-events:none!important;
    z-index:0!important;
  }
  .process-widget[class*="mobile-two-cols-"] .asset-row:not(:last-child) .asset-cards::after,
  .device-frame.mobile .process-widget[class*="mobile-two-cols-"] .asset-row:not(:last-child) .asset-cards::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:50%!important;
    bottom:calc(var(--mobileRowGap,18px) * -1)!important;
    width:max(2px,var(--lineThickness,2px))!important;
    height:var(--mobileRowGap,18px)!important;
    background:var(--line)!important;
    opacity:.75!important;
    transform:translateX(-50%)!important;
    pointer-events:none!important;
  }

  /* Cinco variantes similares, no raras */
  .process-widget.mobile-two-cols-soft .stage-card{box-shadow:0 10px 24px rgba(16,24,40,.08)!important;}
  .process-widget.mobile-two-cols-tight .stage-card{box-shadow:0 6px 16px rgba(16,24,40,.06)!important;}
  .process-widget.mobile-two-cols-air .stage-card{box-shadow:0 14px 34px rgba(16,24,40,.10)!important;}
  .process-widget.mobile-two-cols-line .stage-card{box-shadow:none!important;border-width:1.5px!important;}
  .process-widget.mobile-two-cols-line .stage-card:nth-child(odd):not(:last-child)::after,
  .device-frame.mobile .process-widget.mobile-two-cols-line .stage-card:nth-child(odd):not(:last-child)::after{height:1px!important;opacity:.65!important;}
}

/* Preview celular: aplica igual aunque el navegador sea ancho */
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-clean .asset-cards,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-soft .asset-cards,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-tight .asset-cards,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-air .asset-cards,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-line .asset-cards{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  column-gap:var(--mobileCardGap,12px)!important;
  row-gap:var(--mobileRowGap,18px)!important;
  position:relative!important;
  overflow:visible!important;
  padding:var(--mobileCanvasPadding,14px)!important;
}

/* PATCH v39.22: diseños genéricos por subtipo */
.asset-design-clean .ui-card,.asset-design-clean.public-card,.asset-design-clean .public-card,
.asset-design-editorial .ui-card,.asset-design-editorial .public-card,
.asset-design-compact .ui-card,.asset-design-compact .public-card,
.asset-design-soft .ui-card,.asset-design-soft .public-card,
.asset-design-premium .ui-card,.asset-design-premium .public-card,
.asset-design-glass .ui-card,.asset-design-glass .public-card,
.asset-design-dark .ui-card,.asset-design-dark .public-card,
.asset-design-outline .ui-card,.asset-design-outline .public-card,
.asset-design-bento .ui-card,.asset-design-bento .public-card,
.asset-design-accent .ui-card,.asset-design-accent .public-card,
.asset-design-clean.acc-item,.asset-design-editorial.acc-item,.asset-design-compact.acc-item{
  background:var(--genericBg)!important;color:var(--genericText)!important;border-radius:var(--genericRadius)!important;box-shadow:var(--genericShadow)!important;border:1px solid var(--genericBorder)!important;backdrop-filter:var(--genericBlur)!important;
}
.card-grid-widget[class*="asset-design-"]{gap:var(--genericGap)!important;color:var(--genericText)!important;}
.hero-widget[class*="asset-design-"]{background:var(--genericSoft)!important;color:var(--genericText)!important;border:1px solid var(--genericBorder)!important;border-radius:var(--genericRadius)!important;box-shadow:var(--genericShadow)!important;backdrop-filter:var(--genericBlur)!important;}
.accordion-widget[class*="asset-design-"] .acc-item{background:var(--genericBg)!important;color:var(--genericText)!important;border-radius:var(--genericRadius)!important;border:1px solid var(--genericBorder)!important;box-shadow:var(--genericShadow)!important;}
.buttons-widget[class*="asset-design-"]{gap:var(--genericGap)!important;}
.buttons-widget[class*="asset-design-"] .demo-button{border-radius:var(--genericRadius)!important;background:var(--genericBg)!important;color:var(--genericText)!important;border:1px solid var(--genericBorder)!important;box-shadow:var(--genericShadow)!important;}
.asset-design-dark .ui-card,.asset-design-dark .public-card,.asset-design-dark .demo-button{background:#171a22!important;color:#f8fafc!important;}
.asset-card-shell{position:relative;}
.asset-delete-x{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:999px;border:1px solid rgba(16,24,40,.12);background:#fff;color:#991b1b;font-weight:900;display:grid;place-items:center;cursor:pointer;z-index:2;box-shadow:0 8px 20px rgba(16,24,40,.08)}
.asset-delete-x:hover{background:#fff1f2;border-color:#fecdd3;transform:scale(1.04)}

/* ---------- PATCH v39.23: mobile two-column inmobiliaria estable ----------
   Evita que el layout celular herede anchos/alturas/escalas del desktop.
   Resultado: 1-2, 3-4, 5-6 y 7 queda en la izquierda; todas las cajas del modo 2 columnas tienen la misma base visual. */
@media(max-width:700px){
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"]{
    --mobileTwoCardWidth: minmax(0,1fr);
    --mobileCardGap: var(--mobileCardGap,12px);
    --mobileRowGap: var(--mobileRowGap,18px);
    overflow:visible!important;
  }
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-row,
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-row.three,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-row,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-row.three{
    display:block!important;
    width:100%!important;
    margin:0 0 var(--mobileRowGap,18px) 0!important;
    padding:0!important;
    overflow:visible!important;
    position:relative!important;
  }
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-row.three .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-row.three .asset-cards{
    display:grid!important;
    grid-template-columns:repeat(2,var(--mobileTwoCardWidth))!important;
    grid-auto-flow:row!important;
    grid-auto-columns:auto!important;
    grid-auto-rows:minmax(var(--mobileCardHeight,112px),auto)!important;
    gap:var(--mobileRowGap,18px) var(--mobileCardGap,12px)!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    overflow:visible!important;
    position:relative!important;
  }
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-numbers,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-numbers{
    display:none!important;
  }
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-rows:auto 1fr!important;
    align-content:start!important;
    justify-content:stretch!important;
    align-items:start!important;
    justify-items:start!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:var(--mobileCardHeight,112px)!important;
    height:100%!important;
    padding:var(--mobileCardPaddingTop,14px) var(--mobileCardPaddingRight,14px) var(--mobileCardPaddingBottom,14px) var(--mobileCardPaddingLeft,14px)!important;
    margin:0!important;
    transform:none!important;
    translate:none!important;
    scale:1!important;
    flex:none!important;
    grid-column:auto!important;
    grid-row:auto!important;
    position:relative!important;
    overflow:visible!important;
  }
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:hover,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:hover{
    transform:translateY(calc(var(--hoverLift,0px) * -0.12)) scale(var(--mobileHoverScale,1))!important;
  }
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-copy,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-copy{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-rows:minmax(1.25em,auto) auto!important;
    align-content:start!important;
    align-items:start!important;
    justify-items:start!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:calc(var(--mobileIconSize,22px) + 16px) 0 0 0!important;
    padding:0!important;
    transform:none!important;
    text-align:left!important;
  }
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-icon,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-icon{
    position:absolute!important;
    left:var(--mobileCardPaddingLeft,14px)!important;
    top:var(--mobileCardPaddingTop,14px)!important;
    width:var(--mobileIconSize,22px)!important;
    height:var(--mobileIconSize,22px)!important;
    font-size:var(--mobileIconSize,22px)!important;
    transform:none!important;
  }
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-status,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-status{
    font-size:var(--mobileStatusSize,8px)!important;
    line-height:1.15!important;
    min-height:1.25em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
  }
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-label,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-label{
    font-size:var(--mobileLabelSize,14px)!important;
    line-height:1.05!important;
    margin-top:5px!important;
    max-width:100%!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  /* 7 etapas: si queda impar, siempre parte la siguiente fila a la izquierda. */
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(odd):last-child,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(odd):last-child{
    grid-column:1!important;
  }
  /* Limpieza final de conectores heredados desktop y conectores móviles anteriores. */
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-cards::before,
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-cards::after,
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card::before,
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card::after,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-cards::before,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-cards::after,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card::before,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card::after{
    content:none!important;
    display:none!important;
  }
  /* Conector simple por pares: 1→2, 3→4, 5→6. El 7 no conecta al vacío. */
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(odd):not(:last-child)::after,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(odd):not(:last-child)::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:100%!important;
    top:50%!important;
    width:var(--mobileCardGap,12px)!important;
    height:max(2px,var(--lineThickness,2px))!important;
    background:var(--line,#ba0911)!important;
    opacity:.75!important;
    transform:translateY(-50%)!important;
    pointer-events:none!important;
    z-index:0!important;
  }
  /* Conector vertical entre bloques 1-2 → 3-4 → 5-6 → 7, limpio y centrado. */
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(2n):not(:last-child)::before,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(2n):not(:last-child)::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:50%!important;
    top:100%!important;
    width:max(2px,var(--lineThickness,2px))!important;
    height:var(--mobileRowGap,18px)!important;
    background:var(--line,#ba0911)!important;
    opacity:.55!important;
    transform:translateX(-50%)!important;
    pointer-events:none!important;
    z-index:0!important;
  }
  /* Variantes parecidas, ordenadas y sin cambios de geometría raros. */
  .process-widget.mobile-two-cols-clean{--mobileCardHeight:112px;--mobileCardGap:12px;--mobileRowGap:18px;--mobileCanvasPadding:14px;--mobileLabelSize:14px;--mobileStatusSize:8px;--mobileIconSize:22px;}
  .process-widget.mobile-two-cols-soft{--mobileCardHeight:118px;--mobileCardGap:14px;--mobileRowGap:20px;--mobileCanvasPadding:16px;--mobileLabelSize:14px;--mobileStatusSize:8px;--mobileIconSize:23px;}
  .process-widget.mobile-two-cols-tight{--mobileCardHeight:98px;--mobileCardGap:10px;--mobileRowGap:14px;--mobileCanvasPadding:12px;--mobileLabelSize:13px;--mobileStatusSize:8px;--mobileIconSize:20px;}
  .process-widget.mobile-two-cols-air{--mobileCardHeight:126px;--mobileCardGap:16px;--mobileRowGap:22px;--mobileCanvasPadding:18px;--mobileLabelSize:15px;--mobileStatusSize:9px;--mobileIconSize:24px;}
  .process-widget.mobile-two-cols-line{--mobileCardHeight:110px;--mobileCardGap:12px;--mobileRowGap:18px;--mobileCanvasPadding:14px;--mobileLabelSize:14px;--mobileStatusSize:8px;--mobileIconSize:22px;}
}
/* Preview móvil fuerza exactamente la misma geometría aunque el editor esté en desktop. */
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-cards,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-row.three .asset-cards{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  grid-auto-rows:minmax(var(--mobileCardHeight,112px),auto)!important;
  gap:var(--mobileRowGap,18px) var(--mobileCardGap,12px)!important;
}


/* ---------- PATCH v39.24: diseños genéricos distintos + texto plano heredable ---------- */
.asset-design-clean .public-card,.asset-design-clean.ui-card{background:var(--genericBg);color:var(--genericText);border-color:var(--genericBorder);box-shadow:var(--genericShadow)}
.card-grid-widget,.accordion-widget,.buttons-widget,.hero-widget{gap:var(--genericGap,18px);padding:var(--genericPadding,24px)}
.public-card,.ui-card,.acc-item{border-radius:var(--genericRadius,var(--publicRadius,12px));background:var(--genericBg,#fff);color:var(--genericText,inherit);border:1px solid var(--genericBorder,#e5e7eb);box-shadow:var(--genericShadow,none);backdrop-filter:var(--genericBlur,none);transition:transform .22s ease, box-shadow .22s ease}
.public-card:hover,.ui-card:hover,.acc-item:hover{transform:scale(var(--genericHover,1.02))}
.asset-design-dark .public-card,.asset-design-neon .public-card,.asset-design-dark.ui-card,.asset-design-neon.ui-card{background:var(--genericSoft);color:var(--genericText)}
.asset-design-outline .public-card{border-width:2px;box-shadow:none}
.asset-design-minimal .public-card{background:transparent;border-color:transparent;box-shadow:none;padding:0}
.plaintext-widget{display:block;margin:0;padding:var(--genericPadding,0);background:var(--genericBg,transparent);color:var(--genericText,inherit);border-radius:var(--genericRadius,0);box-shadow:var(--genericShadow,none);font-family:var(--font,inherit)}
.plaintext-widget.inherit-context{font:inherit;color:inherit;background:transparent;box-shadow:none;border-radius:0;padding:0}
.plain-text-item{white-space:pre-wrap;line-height:inherit;margin:0 0 .65em 0;color:inherit;font:inherit}
.plain-text-item:last-child{margin-bottom:0}
.type-plaintext .component-root,.component-root.type-plaintext{background:transparent!important;color:inherit!important}

/* ---------- PATCH v39.25: mobile 2-col process as one unified grid ----------
   Causa corregida: el proceso inmobiliario venía partido en asset-row de 4 + 3 etapas.
   En mobile 2 columnas eso generaba un salto después de la etapa 4 por herencia desktop.
   Solución: en layouts mobile-two-cols-* se aplana asset-row/asset-cards con display:contents
   y todas las stage-card fluyen en una sola grilla 1-2, 3-4, 5-6, 7 izquierda. */
@media(max-width:700px){
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"],
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"]{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-rows:minmax(var(--mobileCardHeight,112px),auto)!important;
    gap:var(--mobileRowGap,18px) var(--mobileCardGap,12px)!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    width:100%!important;
    max-width:430px!important;
    padding:var(--mobileCanvasPadding,14px)!important;
    overflow:visible!important;
  }

  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-row,
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-row.three,
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-row.three .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-row,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-row.three,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-row.three .asset-cards{
    display:contents!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    width:auto!important;
    max-width:none!important;
    transform:none!important;
  }

  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-numbers,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-numbers{
    display:none!important;
  }

  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:var(--mobileCardHeight,112px)!important;
    height:100%!important;
    margin:0!important;
    transform:none!important;
    grid-column:auto!important;
    grid-row:auto!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    box-sizing:border-box!important;
  }

  /* Si queda una etapa impar, siempre queda en la izquierda; el hueco derecho queda vacío. */
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-row:last-child .stage-card:nth-child(odd):last-child,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-row:last-child .stage-card:nth-child(odd):last-child{
    grid-column:1!important;
  }

  /* Borra líneas antiguas que venían por row/desktop. */
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-cards::before,
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-cards::after,
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card::before,
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card::after,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-cards::before,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-cards::after,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card::before,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card::after{
    content:none!important;
    display:none!important;
  }

  /* Conexión horizontal por pares: 1→2, 3→4, 5→6. */
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(odd):not(:last-child)::after,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(odd):not(:last-child)::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:100%!important;
    top:50%!important;
    width:var(--mobileCardGap,12px)!important;
    height:max(2px,var(--lineThickness,2px))!important;
    background:var(--line,#ba0911)!important;
    opacity:.72!important;
    transform:translateY(-50%)!important;
    pointer-events:none!important;
    z-index:0!important;
  }

  /* Conexión vertical entre filas: 2→3, 4→5, 6→7. */
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(even)::before,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(even)::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:50%!important;
    top:100%!important;
    width:max(2px,var(--lineThickness,2px))!important;
    height:var(--mobileRowGap,18px)!important;
    background:var(--line,#ba0911)!important;
    opacity:.50!important;
    transform:translateX(-50%)!important;
    pointer-events:none!important;
    z-index:0!important;
  }
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-row:last-child .stage-card:nth-child(even):last-child::before,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-row:last-child .stage-card:nth-child(even):last-child::before{
    content:none!important;
    display:none!important;
  }
}

/* Preview celular del editor: mismo layout aunque el navegador mida más de 700px. */
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"]{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  grid-auto-rows:minmax(var(--mobileCardHeight,112px),auto)!important;
  gap:var(--mobileRowGap,18px) var(--mobileCardGap,12px)!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  width:100%!important;
  max-width:390px!important;
  padding:var(--mobileCanvasPadding,14px)!important;
  overflow:visible!important;
}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-row,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-row.three,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-cards,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-row.three .asset-cards{
  display:contents!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
}

/* ---------- PATCH v39.27: conexión móvil 2 columnas tipo lectura de libro ----------
   Lectura: 1 → 2, baja y vuelve a la izquierda, 3 → 4, baja y vuelve a la izquierda.
   Evita conectores verticales simples que hacen parecer columnas separadas. */
@media(max-width:700px){
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-row.three .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-row.three .asset-cards{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-rows:minmax(var(--mobileCardHeight,112px),auto)!important;
    gap:var(--mobileRowGap,18px) var(--mobileCardGap,12px)!important;
    align-items:stretch!important;
    position:relative!important;
    overflow:visible!important;
  }

  /* Reset de conectores anteriores en estos layouts. */
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card::before,
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card::after,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card::before,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card::after{
    content:none!important;
    display:none!important;
  }

  /* 1→2, 3→4, 5→6: conector horizontal entre cajas de la misma fila. */
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(odd):not(:last-child)::after,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(odd):not(:last-child)::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:100%!important;
    top:50%!important;
    width:var(--mobileCardGap,12px)!important;
    height:max(2px,var(--lineThickness,2px))!important;
    background:var(--line,#ba0911)!important;
    opacity:.82!important;
    transform:translateY(-50%)!important;
    pointer-events:none!important;
    z-index:0!important;
  }

  /* 2↴3, 4↴5, 6↴7: conector en zigzag que baja desde la derecha y vuelve a la izquierda. */
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(even):not(:last-child)::after,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(even):not(:last-child)::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    top:100%!important;
    right:50%!important;
    width:calc(100% + var(--mobileCardGap,12px))!important;
    height:var(--mobileRowGap,18px)!important;
    pointer-events:none!important;
    z-index:0!important;
    opacity:.78!important;
    background:
      linear-gradient(var(--line,#ba0911),var(--line,#ba0911)) right top / max(2px,var(--lineThickness,2px)) 50% no-repeat,
      linear-gradient(var(--line,#ba0911),var(--line,#ba0911)) left 50% / 100% max(2px,var(--lineThickness,2px)) no-repeat,
      linear-gradient(var(--line,#ba0911),var(--line,#ba0911)) left 50% / max(2px,var(--lineThickness,2px)) 50% no-repeat!important;
  }

  /* Si existe un 7 solo, permanece a la izquierda y no conecta hacia un 8 vacío. */
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(odd):last-child,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(odd):last-child{
    grid-column:1!important;
  }
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(odd):last-child::after,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(odd):last-child::after{
    content:none!important;
    display:none!important;
  }
}


/* ---------- PATCH v39.28: mobile 2-column horizontal-only connectors ----------
   Lectura móvil 2 columnas tipo libro, pero SIN líneas verticales:
   1 → 2
   3 → 4
   5 → 6
   7
   Entre filas no hay línea que suba ni baje. En 3, 5 y 7 aparece solo una pequeña línea
   horizontal entrando desde la izquierda, para sugerir continuidad sin dibujar zigzag. */
@media(max-width:700px){
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-row.three .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-cards,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-row.three .asset-cards{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-rows:minmax(var(--mobileCardHeight,112px),auto)!important;
    gap:var(--mobileRowGap,18px) var(--mobileCardGap,12px)!important;
    align-items:stretch!important;
    position:relative!important;
    overflow:visible!important;
  }

  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card{
    position:relative!important;
    grid-column:auto!important;
  }

  /* Reset total de conectores anteriores: elimina zigzag, verticales y herencias desktop. */
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card::before,
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card::after,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card::before,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card::after{
    content:none!important;
    display:none!important;
    background:none!important;
    width:0!important;
    height:0!important;
  }

  /* 1→2, 3→4, 5→6: solo conector horizontal entre tarjetas de la misma fila. */
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(odd):not(:last-child)::after,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(odd):not(:last-child)::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:100%!important;
    top:50%!important;
    width:var(--mobileCardGap,12px)!important;
    height:max(2px,var(--lineThickness,2px))!important;
    background:var(--line,#ba0911)!important;
    opacity:.82!important;
    transform:translateY(-50%)!important;
    pointer-events:none!important;
    z-index:0!important;
  }

  /* 3, 5, 7: pequeña entrada horizontal desde la izquierda. No conecta con la fila anterior. */
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(2n+3)::before,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(2n+3)::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    right:100%!important;
    top:50%!important;
    width:calc(var(--mobileCardGap,12px) * .55)!important;
    height:max(2px,var(--lineThickness,2px))!important;
    background:var(--line,#ba0911)!important;
    opacity:.58!important;
    transform:translateY(-50%)!important;
    pointer-events:none!important;
    z-index:0!important;
  }

  /* 2, 4, 6 no dibujan nada hacia abajo ni hacia la izquierda. */
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(even)::before,
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(even)::after,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(even)::before,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(even)::after{
    content:none!important;
    display:none!important;
  }

  /* Si existe un 7 solo, permanece en la izquierda y solo conserva su entrada corta. */
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(odd):last-child,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(odd):last-child{
    grid-column:1!important;
  }
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(odd):last-child::after,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(odd):last-child::after{
    content:none!important;
    display:none!important;
  }
}

/* Preview móvil del editor: mismas reglas aunque la pantalla real sea desktop. */
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-cards,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-row.three .asset-cards{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  gap:var(--mobileRowGap,18px) var(--mobileCardGap,12px)!important;
  overflow:visible!important;
}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card::before,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card::after{
  content:none!important;display:none!important;background:none!important;width:0!important;height:0!important;
}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(odd):not(:last-child)::after{
  content:""!important;display:block!important;position:absolute!important;left:100%!important;top:50%!important;width:var(--mobileCardGap,12px)!important;height:max(2px,var(--lineThickness,2px))!important;background:var(--line,#ba0911)!important;opacity:.82!important;transform:translateY(-50%)!important;pointer-events:none!important;z-index:0!important;
}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(2n+3)::before{
  content:""!important;display:block!important;position:absolute!important;right:100%!important;top:50%!important;width:calc(var(--mobileCardGap,12px) * .55)!important;height:max(2px,var(--lineThickness,2px))!important;background:var(--line,#ba0911)!important;opacity:.58!important;transform:translateY(-50%)!important;pointer-events:none!important;z-index:0!important;
}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(even)::before,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(even)::after{content:none!important;display:none!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(odd):last-child{grid-column:1!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .stage-card:nth-child(odd):last-child::after{content:none!important;display:none!important;}

/* ---------- PATCH v39.29-clean: corrección final líneas mobile 2 columnas ordenado ----------
   Base: v39.27 + v39.28 clean.
   Corrige el problema visto en screenshot: pseudo-líneas heredadas de asset-cards y rows desktop.
   Regla exacta en layouts ordenados:
   - 1 → 2, 3 → 4, 5 → 6
   - 3, 5 y 7 reciben solo una línea corta desde la izquierda
   - nunca hay líneas verticales, brackets ni conectores hacia abajo.
*/
@media(max-width:700px){
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-clean,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-soft,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-tight,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-air,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-line{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-rows:minmax(var(--mobileCardHeight,112px),auto)!important;
    gap:var(--mobileRowGap,18px) var(--mobileCardGap,12px)!important;
    padding:var(--mobileCanvasPadding,14px)!important;
    overflow:visible!important;
  }

  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-clean .asset-row,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-soft .asset-row,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-tight .asset-row,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-air .asset-row,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-line .asset-row,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-clean .asset-row.three,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-soft .asset-row.three,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-tight .asset-row.three,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-air .asset-row.three,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-line .asset-row.three,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-clean .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-soft .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-tight .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-air .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-line .asset-cards{
    display:contents!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    width:auto!important;
    max-width:none!important;
    position:static!important;
  }

  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-clean .asset-numbers,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-soft .asset-numbers,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-tight .asset-numbers,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-air .asset-numbers,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-line .asset-numbers{display:none!important;}

  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-clean .stage-card,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-soft .stage-card,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-tight .stage-card,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-air .stage-card,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-line .stage-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:var(--mobileCardHeight,112px)!important;
    height:100%!important;
    margin:0!important;
    transform:none!important;
    grid-column:auto!important;
    grid-row:auto!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    box-sizing:border-box!important;
    position:relative!important;
    overflow:visible!important;
  }

  /* borrar absolutamente todas las líneas previas */
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-clean .asset-cards::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-clean .asset-cards::after,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-clean .stage-card::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-clean .stage-card::after,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-soft .asset-cards::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-soft .asset-cards::after,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-soft .stage-card::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-soft .stage-card::after,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-tight .asset-cards::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-tight .asset-cards::after,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-tight .stage-card::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-tight .stage-card::after,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-air .asset-cards::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-air .asset-cards::after,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-air .stage-card::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-air .stage-card::after,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-line .asset-cards::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-line .asset-cards::after,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-line .stage-card::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-line .stage-card::after{
    content:none!important;
    display:none!important;
    background:none!important;
    width:0!important;
    height:0!important;
  }

  /* 1→2, 3→4, 5→6: línea horizontal entre pares */
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-clean .stage-card:nth-child(odd):not(:last-child)::after,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-soft .stage-card:nth-child(odd):not(:last-child)::after,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-tight .stage-card:nth-child(odd):not(:last-child)::after,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-air .stage-card:nth-child(odd):not(:last-child)::after,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-line .stage-card:nth-child(odd):not(:last-child)::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:100%!important;
    top:50%!important;
    width:var(--mobileCardGap,12px)!important;
    height:max(2px,var(--lineThickness,2px))!important;
    background:var(--line,#ba0911)!important;
    opacity:.82!important;
    transform:translateY(-50%)!important;
    pointer-events:none!important;
    z-index:0!important;
  }

  /* 3, 5, 7: entrada corta desde la izquierda, considerando que el HTML viene como 4 + 3 */
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-clean .asset-row:first-of-type .stage-card:nth-child(3)::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-soft .asset-row:first-of-type .stage-card:nth-child(3)::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-tight .asset-row:first-of-type .stage-card:nth-child(3)::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-air .asset-row:first-of-type .stage-card:nth-child(3)::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-line .asset-row:first-of-type .stage-card:nth-child(3)::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-clean .asset-row.three .stage-card:nth-child(1)::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-soft .asset-row.three .stage-card:nth-child(1)::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-tight .asset-row.three .stage-card:nth-child(1)::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-air .asset-row.three .stage-card:nth-child(1)::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-line .asset-row.three .stage-card:nth-child(1)::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-clean .asset-row.three .stage-card:nth-child(3)::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-soft .asset-row.three .stage-card:nth-child(3)::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-tight .asset-row.three .stage-card:nth-child(3)::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-air .asset-row.three .stage-card:nth-child(3)::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-line .asset-row.three .stage-card:nth-child(3)::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    right:100%!important;
    top:50%!important;
    width:calc(var(--mobileCardGap,12px) * .55)!important;
    height:max(2px,var(--lineThickness,2px))!important;
    background:var(--line,#ba0911)!important;
    opacity:.58!important;
    transform:translateY(-50%)!important;
    pointer-events:none!important;
    z-index:0!important;
  }

  /* el último impar queda a la izquierda sin línea hacia un 8 vacío */
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-clean .asset-row.three .stage-card:nth-child(3),
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-soft .asset-row.three .stage-card:nth-child(3),
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-tight .asset-row.three .stage-card:nth-child(3),
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-air .asset-row.three .stage-card:nth-child(3),
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-line .asset-row.three .stage-card:nth-child(3){grid-column:1!important;}
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-clean .asset-row.three .stage-card:nth-child(3)::after,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-soft .asset-row.three .stage-card:nth-child(3)::after,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-tight .asset-row.three .stage-card:nth-child(3)::after,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-air .asset-row.three .stage-card:nth-child(3)::after,
  .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-line .asset-row.three .stage-card:nth-child(3)::after{content:none!important;display:none!important;}
}

/* mismas reglas cuando el preview del editor fuerza modo celular en desktop */
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-clean,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-soft,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-tight,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-air,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-line{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-rows:minmax(var(--mobileCardHeight,112px),auto)!important;gap:var(--mobileRowGap,18px) var(--mobileCardGap,12px)!important;padding:var(--mobileCanvasPadding,14px)!important;overflow:visible!important;
}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-clean .asset-row,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-soft .asset-row,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-tight .asset-row,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-air .asset-row,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-line .asset-row,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-clean .asset-cards,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-soft .asset-cards,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-tight .asset-cards,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-air .asset-cards,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-two-cols-line .asset-cards{display:contents!important;margin:0!important;padding:0!important;gap:0!important;position:static!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-cards::before,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-cards::after{content:none!important;display:none!important;}

/* ---------- PATCH v39.30 clean: móvil 2 columnas realmente estable ----------
   Corrige herencia desktop de filas 4+3. No hay zigzag vertical.
   Lectura: 1->2 / 3->4 / 5->6 / 7 queda izquierda.
   3, 5 y 7 tienen una entrada corta desde la izquierda. */
@media(max-width:700px){
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"],
  .process-widget.design-clean-editorial[class*="mobile-two-cols-"],
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"],
  .device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-two-cols-"]{
    width:100%!important;
    max-width:100%!important;
    display:block!important;
    padding:var(--mobileCanvasPadding,14px)!important;
    overflow:visible!important;
  }

  .process-widget[class*="mobile-two-cols-"] .asset-numbers,
  .device-frame.mobile .process-widget[class*="mobile-two-cols-"] .asset-numbers{
    display:none!important;
  }

  .process-widget[class*="mobile-two-cols-"] .asset-row,
  .process-widget[class*="mobile-two-cols-"] .asset-row.three,
  .device-frame.mobile .process-widget[class*="mobile-two-cols-"] .asset-row,
  .device-frame.mobile .process-widget[class*="mobile-two-cols-"] .asset-row.three{
    display:block!important;
    margin:0 0 var(--mobileRowGap,18px) 0!important;
    padding:0!important;
    width:100%!important;
    max-width:none!important;
    overflow:visible!important;
    position:relative!important;
  }

  .process-widget[class*="mobile-two-cols-"] .asset-cards,
  .process-widget[class*="mobile-two-cols-"] .asset-row.three .asset-cards,
  .device-frame.mobile .process-widget[class*="mobile-two-cols-"] .asset-cards,
  .device-frame.mobile .process-widget[class*="mobile-two-cols-"] .asset-row.three .asset-cards{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    column-gap:var(--mobileCardGap,12px)!important;
    row-gap:var(--mobileRowGap,18px)!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
    position:relative!important;
    overflow:visible!important;
  }

  .process-widget[class*="mobile-two-cols-"] .stage-card,
  .device-frame.mobile .process-widget[class*="mobile-two-cols-"] .stage-card{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    grid-column:auto!important;
    grid-row:auto!important;
    transform:none!important;
    position:relative!important;
    min-height:var(--mobileCardHeight,112px)!important;
    height:auto!important;
    border-radius:var(--mobileRadius,var(--radius,4px))!important;
    padding:var(--mobileCardPaddingTop,14px) var(--mobileCardPaddingRight,14px) var(--mobileCardPaddingBottom,14px) var(--mobileCardPaddingLeft,14px)!important;
    overflow:visible!important;
  }

  .process-widget.mobile-two-cols-clean{--mobileCardHeight:112px;--mobileCardGap:12px;--mobileRowGap:18px;--mobileCanvasPadding:14px;--mobileLabelSize:14px;--mobileStatusSize:8px;--mobileIconSize:22px;}
  .process-widget.mobile-two-cols-soft{--mobileCardHeight:118px;--mobileCardGap:14px;--mobileRowGap:20px;--mobileCanvasPadding:16px;--mobileLabelSize:14px;--mobileStatusSize:8px;--mobileIconSize:23px;}
  .process-widget.mobile-two-cols-tight{--mobileCardHeight:102px;--mobileCardGap:10px;--mobileRowGap:14px;--mobileCanvasPadding:12px;--mobileLabelSize:13px;--mobileStatusSize:8px;--mobileIconSize:20px;}
  .process-widget.mobile-two-cols-air{--mobileCardHeight:128px;--mobileCardGap:16px;--mobileRowGap:22px;--mobileCanvasPadding:18px;--mobileLabelSize:15px;--mobileStatusSize:9px;--mobileIconSize:24px;}
  .process-widget.mobile-two-cols-line{--mobileCardHeight:110px;--mobileCardGap:12px;--mobileRowGap:18px;--mobileCanvasPadding:14px;--mobileLabelSize:14px;--mobileStatusSize:8px;--mobileIconSize:22px;}

  /* Mata conectores antiguos de desktop/móvil anteriores */
  .process-widget[class*="mobile-two-cols-"] .asset-cards::before,
  .process-widget[class*="mobile-two-cols-"] .asset-cards::after,
  .process-widget[class*="mobile-two-cols-"] .stage-card::before,
  .process-widget[class*="mobile-two-cols-"] .stage-card::after,
  .device-frame.mobile .process-widget[class*="mobile-two-cols-"] .asset-cards::before,
  .device-frame.mobile .process-widget[class*="mobile-two-cols-"] .asset-cards::after,
  .device-frame.mobile .process-widget[class*="mobile-two-cols-"] .stage-card::before,
  .device-frame.mobile .process-widget[class*="mobile-two-cols-"] .stage-card::after{
    content:none!important;
    display:none!important;
  }

  /* Pares horizontales dentro de cada fila real del DOM: 1->2, 3->4, 5->6 */
  .process-widget[class*="mobile-two-cols-"] .asset-cards .stage-card:nth-child(1)::after,
  .process-widget[class*="mobile-two-cols-"] .asset-cards .stage-card:nth-child(3)::after,
  .device-frame.mobile .process-widget[class*="mobile-two-cols-"] .asset-cards .stage-card:nth-child(1)::after,
  .device-frame.mobile .process-widget[class*="mobile-two-cols-"] .asset-cards .stage-card:nth-child(3)::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:100%!important;
    right:auto!important;
    top:50%!important;
    width:var(--mobileCardGap,12px)!important;
    height:max(1px,var(--lineThickness,2px))!important;
    background:var(--line,var(--c-primary,#ba0911))!important;
    opacity:.85!important;
    transform:translateY(-50%)!important;
    pointer-events:none!important;
    z-index:1!important;
  }

  /* Entrada corta desde izquierda para 3, 5, 7. No sube ni baja. */
  .process-widget[class*="mobile-two-cols-"] .asset-row:first-child .asset-cards .stage-card:nth-child(3)::before,
  .process-widget[class*="mobile-two-cols-"] .asset-row.three .asset-cards .stage-card:nth-child(1)::before,
  .process-widget[class*="mobile-two-cols-"] .asset-row.three .asset-cards .stage-card:nth-child(3)::before,
  .device-frame.mobile .process-widget[class*="mobile-two-cols-"] .asset-row:first-child .asset-cards .stage-card:nth-child(3)::before,
  .device-frame.mobile .process-widget[class*="mobile-two-cols-"] .asset-row.three .asset-cards .stage-card:nth-child(1)::before,
  .device-frame.mobile .process-widget[class*="mobile-two-cols-"] .asset-row.three .asset-cards .stage-card:nth-child(3)::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    right:100%!important;
    left:auto!important;
    top:50%!important;
    width:calc(var(--mobileCardGap,12px) * .55)!important;
    height:max(1px,var(--lineThickness,2px))!important;
    background:var(--line,var(--c-primary,#ba0911))!important;
    opacity:.75!important;
    transform:translateY(-50%)!important;
    pointer-events:none!important;
    z-index:1!important;
  }

  .process-widget[class*="mobile-two-cols-"] .stage-icon,
  .device-frame.mobile .process-widget[class*="mobile-two-cols-"] .stage-icon{
    width:var(--mobileIconSize,22px)!important;
    height:var(--mobileIconSize,22px)!important;
    font-size:var(--mobileIconSize,22px)!important;
  }
  .process-widget[class*="mobile-two-cols-"] .stage-label,
  .device-frame.mobile .process-widget[class*="mobile-two-cols-"] .stage-label{
    font-size:var(--mobileLabelSize,14px)!important;
    line-height:1.08!important;
    overflow-wrap:anywhere!important;
  }
  .process-widget[class*="mobile-two-cols-"] .stage-status,
  .device-frame.mobile .process-widget[class*="mobile-two-cols-"] .stage-status{
    font-size:var(--mobileStatusSize,8px)!important;
    line-height:1.15!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

/* Preview celular real en editor, aunque la ventana sea desktop */
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-row,
.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-two-cols-"] .asset-row{display:block!important;margin:0 0 var(--mobileRowGap,18px) 0!important;width:100%!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-two-cols-"] .asset-cards,
.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-two-cols-"] .asset-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:var(--mobileCardGap,12px)!important;row-gap:var(--mobileRowGap,18px)!important;width:100%!important;}

/* Iconos oficiales: todos deben escalar igual dentro de stage/icon picker */
.stage-icon i,.stage-icon .material-symbols-rounded,.checkmark i,.checkmark .material-symbols-rounded,.ico-sample i,.ico-sample .material-symbols-rounded{
  font-size:1em!important;line-height:1!important;display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;
}
.stage-icon,.checkmark,.ico-sample{font-size:var(--iconSize,26px)}
.ico-sample{display:inline-grid;place-items:center;min-width:32px;min-height:32px;color:currentColor}
.material-symbols-rounded{font-family:'Material Symbols Rounded';font-weight:400;font-style:normal;font-size:1em;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 24;}

/* ---------- PATCH v39.31 clean: diseños más visibles + X centrada + undo hint ---------- */
.delete-x,.asset-delete-x{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:34px!important;height:34px!important;line-height:1!important;padding:0!important;
  border-radius:999px!important;text-align:center!important;font-size:20px!important;font-weight:900!important;
  font-family:Arial,Helvetica,sans-serif!important;position:absolute;top:12px;right:12px;
}
.delete-x::before,.asset-delete-x::before{content:'';display:block;position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.delete-x:hover,.asset-delete-x:hover{transform:translateY(-1px) scale(1.04)}

.asset-design-neon,.asset-design-cyber{background:#050814!important;color:var(--genericText,#f8fafc)!important;border-radius:var(--genericRadius,20px)!important;padding:var(--genericPadding,26px)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.asset-design-neon .ui-card,.asset-design-neon .public-card,.asset-design-neon .acc-item,
.asset-design-cyber .ui-card,.asset-design-cyber .public-card,.asset-design-cyber .acc-item{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03))!important;
  color:var(--genericText,#f8fafc)!important;border:1px solid var(--genericBorder,rgba(255,255,255,.14))!important;
  box-shadow:var(--genericShadow,0 0 32px rgba(186,9,17,.35))!important;position:relative;overflow:hidden;
}
.asset-design-neon .ui-card::after,.asset-design-neon .public-card::after,
.asset-design-cyber .ui-card::after,.asset-design-cyber .public-card::after{
  content:'';position:absolute;inset:auto -20% -55% -20%;height:70%;background:radial-gradient(circle,var(--genericGlow,#ef4444),transparent 62%);opacity:.18;pointer-events:none;
}
.asset-design-neon .ui-card:hover,.asset-design-neon .public-card:hover,
.asset-design-cyber .ui-card:hover,.asset-design-cyber .public-card:hover{transform:translateY(-6px) scale(var(--genericHover,1.035))!important;box-shadow:0 0 0 1px var(--genericBorder),0 0 44px color-mix(in srgb,var(--genericGlow,#ef4444) 45%, transparent),0 24px 70px rgba(0,0,0,.42)!important}

.buttons-widget.asset-design-neon .demo-button,.buttons-widget.asset-design-cyber .demo-button{
  background:transparent!important;color:var(--genericText,#f8fafc)!important;border:1px solid var(--genericGlow,#ef4444)!important;
  box-shadow:0 0 18px color-mix(in srgb,var(--genericGlow,#ef4444) 32%, transparent), inset 0 0 18px rgba(255,255,255,.04)!important;
  text-shadow:0 0 12px color-mix(in srgb,var(--genericGlow,#ef4444) 45%, transparent)!important;
}
.buttons-widget.asset-design-neon .demo-button:hover,.buttons-widget.asset-design-cyber .demo-button:hover{background:var(--genericGlow,#ef4444)!important;color:#fff!important;transform:translateY(-3px) scale(var(--genericHover,1.035))!important}

.asset-design-sunset .ui-card,.asset-design-sunset .public-card,.asset-design-sunset .demo-button{background:linear-gradient(135deg,#fff7ed,#ffe4e6)!important;border-color:rgba(244,63,94,.22)!important;box-shadow:0 20px 60px rgba(251,113,133,.20)!important}
.asset-design-mono .ui-card,.asset-design-mono .public-card,.asset-design-mono .demo-button{background:#fff!important;color:#111!important;border:2px solid #111!important;border-radius:0!important;box-shadow:none!important}

.editor-grid::before{content:'Ctrl/Cmd + Z deshace cambios no guardados';position:fixed;right:18px;bottom:18px;z-index:40;background:rgba(17,24,39,.88);color:#fff;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800;letter-spacing:.02em;opacity:.72;pointer-events:none}
@media(max-width:760px){.editor-grid::before{display:none}}

/* ---------- PATCH v39.32 clean: columnas móviles seleccionables + conexiones horizontales puras ---------- */
@media (max-width: 768px){
  .process-widget.design-clean-editorial[class*="mobile-two-cols-"],
  .process-widget.design-clean-editorial[class*="mobile-cols-"]{
    --ab-mobile-conn: var(--line,#ba0911);
  }
  .process-widget.design-clean-editorial[class*="mobile-two-cols-"] .asset-row,
  .process-widget.design-clean-editorial[class*="mobile-cols-"] .asset-row{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .process-widget.design-clean-editorial[class*="mobile-two-cols-"] .asset-cards,
  .process-widget.design-clean-editorial[class*="mobile-cols-"] .asset-cards{
    display:grid!important;
    grid-template-columns:repeat(var(--mobileColumns,2), minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-rows:minmax(var(--mobileCardHeight,112px), auto)!important;
    gap:var(--mobileRowGap,18px) var(--mobileCardGap,12px)!important;
    width:100%!important;
    padding:var(--mobileCanvasPadding,14px)!important;
    overflow:visible!important;
    align-items:stretch!important;
  }
  .process-widget.design-clean-editorial[class*="mobile-two-cols-"] .stage-card,
  .process-widget.design-clean-editorial[class*="mobile-cols-"] .stage-card{
    position:relative!important;
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:var(--mobileCardHeight,112px)!important;
    height:auto!important;
    margin:0!important;
    transform:none!important;
    inset:auto!important;
    float:none!important;
    align-self:stretch!important;
    overflow:visible!important;
  }
  .process-widget.design-clean-editorial[class*="mobile-two-cols-"] .stage-card::before,
  .process-widget.design-clean-editorial[class*="mobile-two-cols-"] .stage-card::after,
  .process-widget.design-clean-editorial[class*="mobile-cols-"] .stage-card::before,
  .process-widget.design-clean-editorial[class*="mobile-cols-"] .stage-card::after{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    width:0!important;
    height:2px!important;
    background:var(--ab-mobile-conn)!important;
    border:0!important;
    border-radius:999px!important;
    transform:translateY(-50%)!important;
    pointer-events:none!important;
    opacity:.9!important;
    z-index:0!important;
  }
  /* Por defecto, nada de líneas verticales ni conectores heredados */
  .process-widget.design-clean-editorial[class*="mobile-two-cols-"] .asset-row:not(:last-child) .stage-card:last-child::after,
  .process-widget.design-clean-editorial[class*="mobile-cols-"] .asset-row:not(:last-child) .stage-card:last-child::after{
    width:0!important;height:2px!important;top:50%!important;bottom:auto!important;left:auto!important;right:auto!important;
  }
  /* 1 columna: sin conectores horizontales */
  .process-widget.design-clean-editorial.mobile-cols-1 .stage-card::before,
  .process-widget.design-clean-editorial.mobile-cols-1 .stage-card::after{display:none!important;}
  /* 2 columnas: 1→2, 3→4, 5→6. En 3/5/7 entra línea corta por izquierda */
  .process-widget.design-clean-editorial.mobile-cols-2 .stage-card:nth-child(2n+1):not(:first-child)::before{
    display:block!important;left:calc(var(--mobileCardGap,12px) * -0.55)!important;width:calc(var(--mobileCardGap,12px) * .55)!important;
  }
  .process-widget.design-clean-editorial.mobile-cols-2 .stage-card:nth-child(2n+1):not(:last-child)::after{
    display:block!important;right:calc(var(--mobileCardGap,12px) * -1)!important;width:var(--mobileCardGap,12px)!important;
  }
  .process-widget.design-clean-editorial.mobile-cols-2 .stage-card:nth-child(2n)::before,
  .process-widget.design-clean-editorial.mobile-cols-2 .stage-card:nth-child(2n)::after{display:none!important;}
  /* 3 columnas: conecta 1→2→3; nueva fila izquierda recibe línea corta */
  .process-widget.design-clean-editorial.mobile-cols-3 .stage-card:nth-child(3n+1):not(:first-child)::before{
    display:block!important;left:calc(var(--mobileCardGap,12px) * -0.55)!important;width:calc(var(--mobileCardGap,12px) * .55)!important;
  }
  .process-widget.design-clean-editorial.mobile-cols-3 .stage-card:nth-child(3n+1):not(:last-child)::after,
  .process-widget.design-clean-editorial.mobile-cols-3 .stage-card:nth-child(3n+2):not(:last-child)::after{
    display:block!important;right:calc(var(--mobileCardGap,12px) * -1)!important;width:var(--mobileCardGap,12px)!important;
  }
  .process-widget.design-clean-editorial.mobile-cols-3 .stage-card:nth-child(3n)::after,
  .process-widget.design-clean-editorial.mobile-cols-3 .stage-card:nth-child(3n+2)::before,
  .process-widget.design-clean-editorial.mobile-cols-3 .stage-card:nth-child(3n)::before{display:none!important;}
  /* 4 columnas: conecta 1→2→3→4; nueva fila izquierda recibe línea corta */
  .process-widget.design-clean-editorial.mobile-cols-4 .stage-card:nth-child(4n+1):not(:first-child)::before{
    display:block!important;left:calc(var(--mobileCardGap,12px) * -0.55)!important;width:calc(var(--mobileCardGap,12px) * .55)!important;
  }
  .process-widget.design-clean-editorial.mobile-cols-4 .stage-card:nth-child(4n+1):not(:last-child)::after,
  .process-widget.design-clean-editorial.mobile-cols-4 .stage-card:nth-child(4n+2):not(:last-child)::after,
  .process-widget.design-clean-editorial.mobile-cols-4 .stage-card:nth-child(4n+3):not(:last-child)::after{
    display:block!important;right:calc(var(--mobileCardGap,12px) * -1)!important;width:var(--mobileCardGap,12px)!important;
  }
  .process-widget.design-clean-editorial.mobile-cols-4 .stage-card:nth-child(4n)::after,
  .process-widget.design-clean-editorial.mobile-cols-4 .stage-card:nth-child(4n+2)::before,
  .process-widget.design-clean-editorial.mobile-cols-4 .stage-card:nth-child(4n+3)::before,
  .process-widget.design-clean-editorial.mobile-cols-4 .stage-card:nth-child(4n)::before{display:none!important;}
}

/* Preview móvil forzado dentro del editor: mismas reglas aunque la pantalla sea desktop */
.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-two-cols-"],
.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-cols-"]{
  --ab-mobile-conn: var(--line,#ba0911);
}
.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-two-cols-"] .asset-row,
.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-cols-"] .asset-row{display:block!important;width:100%!important;margin:0!important;padding:0!important;}
.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-two-cols-"] .asset-cards,
.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-cols-"] .asset-cards{display:grid!important;grid-template-columns:repeat(var(--mobileColumns,2),minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-rows:minmax(var(--mobileCardHeight,112px),auto)!important;gap:var(--mobileRowGap,18px) var(--mobileCardGap,12px)!important;width:100%!important;padding:var(--mobileCanvasPadding,14px)!important;align-items:stretch!important;overflow:visible!important;}
.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-two-cols-"] .stage-card,
.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-cols-"] .stage-card{position:relative!important;grid-column:auto!important;grid-row:auto!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:var(--mobileCardHeight,112px)!important;height:auto!important;margin:0!important;transform:none!important;inset:auto!important;float:none!important;align-self:stretch!important;overflow:visible!important;}
.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-two-cols-"] .stage-card::before,
.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-two-cols-"] .stage-card::after,
.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-cols-"] .stage-card::before,
.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-cols-"] .stage-card::after{content:""!important;position:absolute!important;top:50%!important;bottom:auto!important;left:auto!important;right:auto!important;width:0!important;height:2px!important;background:var(--ab-mobile-conn)!important;border:0!important;border-radius:999px!important;transform:translateY(-50%)!important;pointer-events:none!important;opacity:.9!important;z-index:0!important;}
.device-frame.mobile .process-widget.design-clean-editorial.mobile-cols-1 .stage-card::before,.device-frame.mobile .process-widget.design-clean-editorial.mobile-cols-1 .stage-card::after{display:none!important;}
.device-frame.mobile .process-widget.design-clean-editorial.mobile-cols-2 .stage-card:nth-child(2n+1):not(:first-child)::before{display:block!important;left:calc(var(--mobileCardGap,12px) * -0.55)!important;width:calc(var(--mobileCardGap,12px) * .55)!important;}
.device-frame.mobile .process-widget.design-clean-editorial.mobile-cols-2 .stage-card:nth-child(2n+1):not(:last-child)::after{display:block!important;right:calc(var(--mobileCardGap,12px) * -1)!important;width:var(--mobileCardGap,12px)!important;}
.device-frame.mobile .process-widget.design-clean-editorial.mobile-cols-2 .stage-card:nth-child(2n)::before,.device-frame.mobile .process-widget.design-clean-editorial.mobile-cols-2 .stage-card:nth-child(2n)::after{display:none!important;}
.device-frame.mobile .process-widget.design-clean-editorial.mobile-cols-3 .stage-card:nth-child(3n+1):not(:first-child)::before{display:block!important;left:calc(var(--mobileCardGap,12px) * -0.55)!important;width:calc(var(--mobileCardGap,12px) * .55)!important;}
.device-frame.mobile .process-widget.design-clean-editorial.mobile-cols-3 .stage-card:nth-child(3n+1):not(:last-child)::after,.device-frame.mobile .process-widget.design-clean-editorial.mobile-cols-3 .stage-card:nth-child(3n+2):not(:last-child)::after{display:block!important;right:calc(var(--mobileCardGap,12px) * -1)!important;width:var(--mobileCardGap,12px)!important;}
.device-frame.mobile .process-widget.design-clean-editorial.mobile-cols-3 .stage-card:nth-child(3n)::after,.device-frame.mobile .process-widget.design-clean-editorial.mobile-cols-3 .stage-card:nth-child(3n+2)::before,.device-frame.mobile .process-widget.design-clean-editorial.mobile-cols-3 .stage-card:nth-child(3n)::before{display:none!important;}
.device-frame.mobile .process-widget.design-clean-editorial.mobile-cols-4 .stage-card:nth-child(4n+1):not(:first-child)::before{display:block!important;left:calc(var(--mobileCardGap,12px) * -0.55)!important;width:calc(var(--mobileCardGap,12px) * .55)!important;}
.device-frame.mobile .process-widget.design-clean-editorial.mobile-cols-4 .stage-card:nth-child(4n+1):not(:last-child)::after,.device-frame.mobile .process-widget.design-clean-editorial.mobile-cols-4 .stage-card:nth-child(4n+2):not(:last-child)::after,.device-frame.mobile .process-widget.design-clean-editorial.mobile-cols-4 .stage-card:nth-child(4n+3):not(:last-child)::after{display:block!important;right:calc(var(--mobileCardGap,12px) * -1)!important;width:var(--mobileCardGap,12px)!important;}
.device-frame.mobile .process-widget.design-clean-editorial.mobile-cols-4 .stage-card:nth-child(4n)::after,.device-frame.mobile .process-widget.design-clean-editorial.mobile-cols-4 .stage-card:nth-child(4n+2)::before,.device-frame.mobile .process-widget.design-clean-editorial.mobile-cols-4 .stage-card:nth-child(4n+3)::before,.device-frame.mobile .process-widget.design-clean-editorial.mobile-cols-4 .stage-card:nth-child(4n)::before{display:none!important;}

/* ---------- PATCH v39.33 clean: tamaño correcto para iconos oficiales por CDN ---------- */
.stage-icon i,.stage-icon .material-symbols-rounded,
.checkmark i,.checkmark .material-symbols-rounded,
.ico-sample i,.ico-sample .material-symbols-rounded{
  display:inline-grid!important;
  place-items:center!important;
  width:1em!important;
  height:1em!important;
  line-height:1!important;
  font-size:1em!important;
  color:currentColor!important;
  font-style:normal!important;
  vertical-align:middle!important;
}
.material-symbols-rounded{font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 24;}
.ico-sample{font-size:30px!important;line-height:1!important;min-width:34px!important;min-height:34px!important;display:inline-grid!important;place-items:center!important;}
.stage-icon{font-size:var(--iconSize,26px)!important;display:grid!important;place-items:center!important;}
.checkmark{font-size:18px!important;display:grid!important;place-items:center!important;}
.icon-card small{max-width:100%;overflow-wrap:anywhere;}

/* ---------- PATCH v39.34 clean: móvil 12-col real, 2 columnas V1-V9 sin heredar desktop ---------- */
@media(max-width:700px){
  .process-widget.design-clean-editorial[class*="mobile-cols-"],
  .process-widget.design-clean-editorial[class*="mobile-two-"],
  .process-widget.design-clean-editorial[class*="mobile-2col-"]{
    display:grid!important;
    grid-template-columns:repeat(var(--mobileColumns,2),minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-rows:minmax(var(--mobileCardHeight,112px),auto)!important;
    column-gap:var(--mobileCardGap,12px)!important;
    row-gap:var(--mobileRowGap,18px)!important;
    padding:var(--mobileCanvasPadding,14px)!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    overflow:visible!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .process-widget.design-clean-editorial[class*="mobile-cols-"] .asset-row,
  .process-widget.design-clean-editorial[class*="mobile-two-"] .asset-row,
  .process-widget.design-clean-editorial[class*="mobile-2col-"] .asset-row,
  .process-widget.design-clean-editorial[class*="mobile-cols-"] .asset-cards,
  .process-widget.design-clean-editorial[class*="mobile-two-"] .asset-cards,
  .process-widget.design-clean-editorial[class*="mobile-2col-"] .asset-cards{
    display:contents!important;
    margin:0!important;
    padding:0!important;
  }
  .process-widget.design-clean-editorial[class*="mobile-cols-"] .asset-numbers,
  .process-widget.design-clean-editorial[class*="mobile-two-"] .asset-numbers,
  .process-widget.design-clean-editorial[class*="mobile-2col-"] .asset-numbers{display:none!important;}
  .process-widget.design-clean-editorial[class*="mobile-cols-"] .stage-card,
  .process-widget.design-clean-editorial[class*="mobile-two-"] .stage-card,
  .process-widget.design-clean-editorial[class*="mobile-2col-"] .stage-card{
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:var(--mobileCardHeight,112px)!important;
    height:auto!important;
    margin:0!important;
    inset:auto!important;
    float:none!important;
    transform:none!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    padding:var(--mobileCardPaddingTop,14px) var(--mobileCardPaddingRight,14px) var(--mobileCardPaddingBottom,14px) var(--mobileCardPaddingLeft,14px)!important;
    border-radius:var(--mobileRadius,var(--radius,8px))!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    display:grid!important;
    align-content:end!important;
  }
  .process-widget.design-clean-editorial[class*="mobile-cols-"] .stage-card:hover,
  .process-widget.design-clean-editorial[class*="mobile-two-"] .stage-card:hover,
  .process-widget.design-clean-editorial[class*="mobile-2col-"] .stage-card:hover{
    transform:scale(var(--mobileHoverScale,1))!important;
  }
  .process-widget.design-clean-editorial[class*="mobile-cols-"] .stage-icon,
  .process-widget.design-clean-editorial[class*="mobile-two-"] .stage-icon,
  .process-widget.design-clean-editorial[class*="mobile-2col-"] .stage-icon{
    width:var(--mobileIconSize,22px)!important;
    height:var(--mobileIconSize,22px)!important;
    font-size:var(--mobileIconSize,22px)!important;
    left:var(--mobileCardPaddingLeft,14px)!important;
    top:var(--mobileCardPaddingTop,14px)!important;
  }
  .process-widget.design-clean-editorial[class*="mobile-cols-"] .stage-label,
  .process-widget.design-clean-editorial[class*="mobile-two-"] .stage-label,
  .process-widget.design-clean-editorial[class*="mobile-2col-"] .stage-label{font-size:var(--mobileLabelSize,14px)!important;line-height:1.08!important;}
  .process-widget.design-clean-editorial[class*="mobile-cols-"] .stage-status,
  .process-widget.design-clean-editorial[class*="mobile-two-"] .stage-status,
  .process-widget.design-clean-editorial[class*="mobile-2col-"] .stage-status{font-size:var(--mobileStatusSize,8px)!important;line-height:1.1!important;}
  .process-widget.design-clean-editorial[class*="mobile-cols-"] .checkmark,
  .process-widget.design-clean-editorial[class*="mobile-two-"] .checkmark,
  .process-widget.design-clean-editorial[class*="mobile-2col-"] .checkmark{width:28px!important;height:28px!important;right:10px!important;top:10px!important;padding:6px!important;}

  /* reset total conectores: nunca arriba/abajo */
  .process-widget.design-clean-editorial[class*="mobile-cols-"] .stage-card::before,
  .process-widget.design-clean-editorial[class*="mobile-cols-"] .stage-card::after,
  .process-widget.design-clean-editorial[class*="mobile-two-"] .stage-card::before,
  .process-widget.design-clean-editorial[class*="mobile-two-"] .stage-card::after,
  .process-widget.design-clean-editorial[class*="mobile-2col-"] .stage-card::before,
  .process-widget.design-clean-editorial[class*="mobile-2col-"] .stage-card::after{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    height:2px!important;
    width:0!important;
    transform:translateY(-50%)!important;
    background:var(--line,#ba0911)!important;
    border:0!important;
    border-radius:99px!important;
    opacity:.86!important;
    display:none!important;
    pointer-events:none!important;
    z-index:0!important;
  }
  /* 2 columnas: 1→2, 3→4, 5→6, y 3/5/7 línea corta de entrada por izquierda */
  .process-widget.design-clean-editorial.mobile-cols-2 .asset-row:first-of-type .stage-card:nth-child(1)::after,
  .process-widget.design-clean-editorial.mobile-cols-2 .asset-row:first-of-type .stage-card:nth-child(3)::after,
  .process-widget.design-clean-editorial.mobile-cols-2 .asset-row:nth-of-type(2) .stage-card:nth-child(1)::after,
  .process-widget.design-clean-editorial[class*="mobile-two-"] .asset-row:first-of-type .stage-card:nth-child(1)::after,
  .process-widget.design-clean-editorial[class*="mobile-two-"] .asset-row:first-of-type .stage-card:nth-child(3)::after,
  .process-widget.design-clean-editorial[class*="mobile-two-"] .asset-row:nth-of-type(2) .stage-card:nth-child(1)::after,
  .process-widget.design-clean-editorial[class*="mobile-2col-"] .asset-row:first-of-type .stage-card:nth-child(1)::after,
  .process-widget.design-clean-editorial[class*="mobile-2col-"] .asset-row:first-of-type .stage-card:nth-child(3)::after,
  .process-widget.design-clean-editorial[class*="mobile-2col-"] .asset-row:nth-of-type(2) .stage-card:nth-child(1)::after{
    display:block!important;
    right:calc(var(--mobileCardGap,12px) * -1)!important;
    width:var(--mobileCardGap,12px)!important;
  }
  .process-widget.design-clean-editorial.mobile-cols-2 .asset-row:first-of-type .stage-card:nth-child(3)::before,
  .process-widget.design-clean-editorial.mobile-cols-2 .asset-row:nth-of-type(2) .stage-card:nth-child(1)::before,
  .process-widget.design-clean-editorial.mobile-cols-2 .asset-row:nth-of-type(2) .stage-card:nth-child(3)::before,
  .process-widget.design-clean-editorial[class*="mobile-two-"] .asset-row:first-of-type .stage-card:nth-child(3)::before,
  .process-widget.design-clean-editorial[class*="mobile-two-"] .asset-row:nth-of-type(2) .stage-card:nth-child(1)::before,
  .process-widget.design-clean-editorial[class*="mobile-two-"] .asset-row:nth-of-type(2) .stage-card:nth-child(3)::before,
  .process-widget.design-clean-editorial[class*="mobile-2col-"] .asset-row:first-of-type .stage-card:nth-child(3)::before,
  .process-widget.design-clean-editorial[class*="mobile-2col-"] .asset-row:nth-of-type(2) .stage-card:nth-child(1)::before,
  .process-widget.design-clean-editorial[class*="mobile-2col-"] .asset-row:nth-of-type(2) .stage-card:nth-child(3)::before{
    display:block!important;
    left:calc(var(--mobileCardGap,12px) * -.55)!important;
    width:calc(var(--mobileCardGap,12px) * .55)!important;
  }

  /* V1-V9: mismos fundamentos, formas visuales distintas */
  .process-widget.mobile-2col-v1{--mobileRowGap:18px;--mobileCardGap:12px;}
  .process-widget.mobile-2col-v2 .stage-card{border-radius:16px!important;box-shadow:0 12px 28px rgba(16,24,40,.08)!important;}
  .process-widget.mobile-2col-v3 .stage-card{border-radius:4px!important;box-shadow:none!important;border-color:rgba(32,41,56,.16)!important;}
  .process-widget.mobile-2col-v4 .stage-card{min-height:126px!important;padding-top:18px!important;}
  .process-widget.mobile-2col-v5 .stage-card{min-height:92px!important;border-radius:10px!important;}
  .process-widget.mobile-2col-v6 .stage-card{background:#fff!important;border:1px solid rgba(186,9,17,.18)!important;}
  .process-widget.mobile-2col-v7 .stage-card{border-left:4px solid var(--line,#ba0911)!important;}
  .process-widget.mobile-2col-v8 .stage-card{box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 10px 30px rgba(16,24,40,.06)!important;}
  .process-widget.mobile-2col-v9 .stage-card{border-radius:999px 18px 18px 18px!important;}
}

/* Mismo motor móvil cuando el preview fuerza modo celular en desktop */
.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-cols-"],
.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-two-"],
.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-2col-"]{
  display:grid!important;grid-template-columns:repeat(var(--mobileColumns,2),minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-rows:minmax(var(--mobileCardHeight,112px),auto)!important;column-gap:var(--mobileCardGap,12px)!important;row-gap:var(--mobileRowGap,18px)!important;padding:var(--mobileCanvasPadding,14px)!important;align-items:stretch!important;justify-items:stretch!important;overflow:visible!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;
}
.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-cols-"] .asset-row,.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-two-"] .asset-row,.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-2col-"] .asset-row,.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-cols-"] .asset-cards,.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-two-"] .asset-cards,.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-2col-"] .asset-cards{display:contents!important;margin:0!important;padding:0!important;}
.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-cols-"] .asset-numbers,.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-two-"] .asset-numbers,.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-2col-"] .asset-numbers{display:none!important;}
.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-cols-"] .stage-card,.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-two-"] .stage-card,.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-2col-"] .stage-card{grid-column:auto!important;grid-row:auto!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:var(--mobileCardHeight,112px)!important;height:auto!important;margin:0!important;inset:auto!important;float:none!important;transform:none!important;align-self:stretch!important;justify-self:stretch!important;padding:var(--mobileCardPaddingTop,14px) var(--mobileCardPaddingRight,14px) var(--mobileCardPaddingBottom,14px) var(--mobileCardPaddingLeft,14px)!important;border-radius:var(--mobileRadius,var(--radius,8px))!important;overflow:visible!important;box-sizing:border-box!important;display:grid!important;align-content:end!important;}
.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-cols-"] .stage-card::before,.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-cols-"] .stage-card::after,.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-two-"] .stage-card::before,.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-two-"] .stage-card::after,.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-2col-"] .stage-card::before,.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-2col-"] .stage-card::after{content:""!important;position:absolute!important;top:50%!important;bottom:auto!important;left:auto!important;right:auto!important;height:2px!important;width:0!important;transform:translateY(-50%)!important;background:var(--line,#ba0911)!important;border:0!important;border-radius:99px!important;opacity:.86!important;display:none!important;pointer-events:none!important;z-index:0!important;}
.device-frame.mobile .process-widget.design-clean-editorial.mobile-cols-2 .asset-row:first-of-type .stage-card:nth-child(1)::after,.device-frame.mobile .process-widget.design-clean-editorial.mobile-cols-2 .asset-row:first-of-type .stage-card:nth-child(3)::after,.device-frame.mobile .process-widget.design-clean-editorial.mobile-cols-2 .asset-row:nth-of-type(2) .stage-card:nth-child(1)::after,.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-two-"] .asset-row:first-of-type .stage-card:nth-child(1)::after,.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-two-"] .asset-row:first-of-type .stage-card:nth-child(3)::after,.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-two-"] .asset-row:nth-of-type(2) .stage-card:nth-child(1)::after,.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-2col-"] .asset-row:first-of-type .stage-card:nth-child(1)::after,.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-2col-"] .asset-row:first-of-type .stage-card:nth-child(3)::after,.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-2col-"] .asset-row:nth-of-type(2) .stage-card:nth-child(1)::after{display:block!important;right:calc(var(--mobileCardGap,12px) * -1)!important;width:var(--mobileCardGap,12px)!important;}
.device-frame.mobile .process-widget.design-clean-editorial.mobile-cols-2 .asset-row:first-of-type .stage-card:nth-child(3)::before,.device-frame.mobile .process-widget.design-clean-editorial.mobile-cols-2 .asset-row:nth-of-type(2) .stage-card:nth-child(1)::before,.device-frame.mobile .process-widget.design-clean-editorial.mobile-cols-2 .asset-row:nth-of-type(2) .stage-card:nth-child(3)::before,.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-two-"] .asset-row:first-of-type .stage-card:nth-child(3)::before,.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-two-"] .asset-row:nth-of-type(2) .stage-card:nth-child(1)::before,.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-two-"] .asset-row:nth-of-type(2) .stage-card:nth-child(3)::before,.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-2col-"] .asset-row:first-of-type .stage-card:nth-child(3)::before,.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-2col-"] .asset-row:nth-of-type(2) .stage-card:nth-child(1)::before,.device-frame.mobile .process-widget.design-clean-editorial[class*="mobile-2col-"] .asset-row:nth-of-type(2) .stage-card:nth-child(3)::before{display:block!important;left:calc(var(--mobileCardGap,12px) * -.55)!important;width:calc(var(--mobileCardGap,12px) * .55)!important;}

/* PATCH v39.35 clean: iconpacks oficiales + snippets embed */
.ab-official-icon{display:inline-flex!important;align-items:center;justify-content:center;font-size:1em;line-height:1;width:1em;height:1em;color:currentColor;vertical-align:-.12em}
.material-symbols-rounded.ab-official-icon{font-variation-settings:'FILL' 0,'wght' 600,'GRAD' 0,'opsz' 24;font-size:1.12em;line-height:1}
.icon-card .ab-official-icon,.stage-icon .ab-official-icon,.checkmark .ab-official-icon{font-size:var(--iconSize,28px)}
.checkmark .ab-official-icon{font-size:16px}
.embed-code-box textarea{min-height:84px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45;background:#0f172a;color:#e5e7eb;border-radius:10px;border:0;padding:12px}
.icon-results-head{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:10px 0}


/* ---------- PATCH v39.36: motor mobile independiente del desktop ----------
   El mobile ya no adapta las filas desktop 4+3. El renderer ahora entrega
   .asset-mobile-flow con los 7 estados planos; este CSS lo convierte en grilla
   real, sin puntos grises, sin líneas verticales y sin heredar spans desktop. */
.process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow{
  display:none;
}

@media(max-width:700px){
  .process-widget.design-clean-editorial.clean10-compact .asset-desktop-flow{display:none!important;}
  .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow{
    display:grid!important;
    grid-template-columns:repeat(var(--mobileColumns,1), minmax(0,1fr))!important;
    gap:var(--mobileRowGap,12px) var(--mobileCardGap,12px)!important;
    padding:var(--mobileCanvasPadding,14px)!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    position:relative!important;
    overflow:visible!important;
  }
}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-desktop-flow{display:none!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow{
  display:grid!important;
  grid-template-columns:repeat(var(--mobileColumns,1), minmax(0,1fr))!important;
  gap:var(--mobileRowGap,12px) var(--mobileCardGap,12px)!important;
  padding:var(--mobileCanvasPadding,14px)!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  position:relative!important;
  overflow:visible!important;
}

@media(max-width:700px){
  .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow .stage-card,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow .stage-card{
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    flex:initial!important;
    flex-basis:auto!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    min-height:var(--mobileCardHeight,104px)!important;
    height:auto!important;
    margin:0!important;
    transform:none!important;
    translate:none!important;
    top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
    position:relative!important;
    overflow:visible!important;
    border-radius:var(--mobileRadius,var(--radius,4px))!important;
    padding:var(--mobileCardPaddingTop,14px) var(--mobileCardPaddingRight,14px) var(--mobileCardPaddingBottom,14px) var(--mobileCardPaddingLeft,14px)!important;
    box-sizing:border-box!important;
  }
}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow .stage-card{
  grid-column:auto!important;grid-row:auto!important;width:100%!important;max-width:none!important;min-width:0!important;flex:initial!important;flex-basis:auto!important;align-self:stretch!important;justify-self:stretch!important;min-height:var(--mobileCardHeight,104px)!important;height:auto!important;margin:0!important;transform:none!important;translate:none!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;position:relative!important;overflow:visible!important;border-radius:var(--mobileRadius,var(--radius,4px))!important;padding:var(--mobileCardPaddingTop,14px) var(--mobileCardPaddingRight,14px) var(--mobileCardPaddingBottom,14px) var(--mobileCardPaddingLeft,14px)!important;box-sizing:border-box!important;
}

/* reset absoluto de conectores/puntos desktop dentro del renderer móvil */
.process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow .stage-card::before,
.process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow .stage-card::after,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow .stage-card::before,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow .stage-card::after{
  content:none!important;
  display:none!important;
  width:0!important;height:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* conexiones horizontales únicamente. Nunca verticales ni flechas. */
@media(max-width:700px){
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-2 .asset-mobile-flow .stage-card:nth-child(2n+1):not(:last-child)::after,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-2 .asset-mobile-flow .stage-card:nth-child(2n+1):not(:last-child)::after,
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-3 .asset-mobile-flow .stage-card:not(:nth-child(3n)):not(:last-child)::after,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-3 .asset-mobile-flow .stage-card:not(:nth-child(3n)):not(:last-child)::after,
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-4 .asset-mobile-flow .stage-card:not(:nth-child(4n)):not(:last-child)::after,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-4 .asset-mobile-flow .stage-card:not(:nth-child(4n)):not(:last-child)::after{
    content:""!important;display:block!important;position:absolute!important;left:100%!important;top:50%!important;width:var(--mobileCardGap,12px)!important;height:max(2px,var(--lineThickness,2px))!important;background:var(--line)!important;transform:translateY(-50%)!important;opacity:.95!important;z-index:0!important;
  }
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-2 .asset-mobile-flow .stage-card:nth-child(2n+1):not(:first-child)::before,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-2 .asset-mobile-flow .stage-card:nth-child(2n+1):not(:first-child)::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-3 .asset-mobile-flow .stage-card:nth-child(3n+1):not(:first-child)::before,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-3 .asset-mobile-flow .stage-card:nth-child(3n+1):not(:first-child)::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-4 .asset-mobile-flow .stage-card:nth-child(4n+1):not(:first-child)::before,
  .device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-4 .asset-mobile-flow .stage-card:nth-child(4n+1):not(:first-child)::before{
    content:""!important;display:block!important;position:absolute!important;right:100%!important;left:auto!important;top:50%!important;width:min(12px,var(--mobileCardGap,12px))!important;height:max(2px,var(--lineThickness,2px))!important;background:var(--line)!important;transform:translateY(-50%)!important;opacity:.95!important;z-index:0!important;
  }
}

.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-2 .asset-mobile-flow .stage-card:nth-child(2n+1):not(:last-child)::after,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-3 .asset-mobile-flow .stage-card:not(:nth-child(3n)):not(:last-child)::after,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-4 .asset-mobile-flow .stage-card:not(:nth-child(4n)):not(:last-child)::after{content:""!important;display:block!important;position:absolute!important;left:100%!important;top:50%!important;width:var(--mobileCardGap,12px)!important;height:max(2px,var(--lineThickness,2px))!important;background:var(--line)!important;transform:translateY(-50%)!important;opacity:.95!important;z-index:0!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-2 .asset-mobile-flow .stage-card:nth-child(2n+1):not(:first-child)::before,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-3 .asset-mobile-flow .stage-card:nth-child(3n+1):not(:first-child)::before,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-4 .asset-mobile-flow .stage-card:nth-child(4n+1):not(:first-child)::before{content:""!important;display:block!important;position:absolute!important;right:100%!important;left:auto!important;top:50%!important;width:min(12px,var(--mobileCardGap,12px))!important;height:max(2px,var(--lineThickness,2px))!important;background:var(--line)!important;transform:translateY(-50%)!important;opacity:.95!important;z-index:0!important;}

/* Variantes móviles nuevas V1-V9: cambian forma, pero no heredan desktop. */
.process-widget.mobile-mobile-2col-v1,
.process-widget.mobile-2col-v1{--mobileColumns:2;--mobileCardHeight:104px;--mobileCardGap:12px;--mobileRowGap:18px;--mobileCanvasPadding:14px;--mobileRadius:8px;}
.process-widget.mobile-mobile-2col-v2,
.process-widget.mobile-2col-v2{--mobileColumns:2;--mobileCardHeight:96px;--mobileCardGap:10px;--mobileRowGap:16px;--mobileCanvasPadding:12px;--mobileRadius:4px;--mobileLabelSize:13px;--mobileIconSize:20px;}
.process-widget.mobile-mobile-2col-v3,
.process-widget.mobile-2col-v3{--mobileColumns:2;--mobileCardHeight:118px;--mobileCardGap:14px;--mobileRowGap:20px;--mobileCanvasPadding:16px;--mobileRadius:16px;--mobileLabelSize:15px;--mobileIconSize:24px;}
.process-widget.mobile-mobile-2col-v4,
.process-widget.mobile-2col-v4{--mobileColumns:2;--mobileCardHeight:110px;--mobileCardGap:12px;--mobileRowGap:12px;--mobileCanvasPadding:10px;--mobileRadius:0px;}
.process-widget.mobile-mobile-2col-v5,
.process-widget.mobile-2col-v5{--mobileColumns:2;--mobileCardHeight:128px;--mobileCardGap:16px;--mobileRowGap:22px;--mobileCanvasPadding:18px;--mobileRadius:20px;--mobileIconSize:28px;}
.process-widget.mobile-mobile-2col-v6,
.process-widget.mobile-2col-v6{--mobileColumns:2;--mobileCardHeight:88px;--mobileCardGap:8px;--mobileRowGap:14px;--mobileCanvasPadding:8px;--mobileRadius:6px;--mobileStatusSize:7px;--mobileLabelSize:12px;--mobileIconSize:18px;}
.process-widget.mobile-mobile-2col-v7,
.process-widget.mobile-2col-v7{--mobileColumns:2;--mobileCardHeight:108px;--mobileCardGap:18px;--mobileRowGap:18px;--mobileCanvasPadding:18px;--mobileRadius:12px;}
.process-widget.mobile-mobile-2col-v8,
.process-widget.mobile-2col-v8{--mobileColumns:2;--mobileCardHeight:120px;--mobileCardGap:12px;--mobileRowGap:24px;--mobileCanvasPadding:16px;--mobileRadius:24px;}
.process-widget.mobile-mobile-2col-v9,
.process-widget.mobile-2col-v9{--mobileColumns:2;--mobileCardHeight:100px;--mobileCardGap:6px;--mobileRowGap:12px;--mobileCanvasPadding:6px;--mobileRadius:10px;--mobileLabelSize:13px;--mobileIconSize:22px;}

/* updater: desde v39.36 ya no es necesario parchear .htaccess para embed.js */


/* ---------- PATCH v39.37 clean: mobile renderer HARD RESET ----------
   Problema corregido: el móvil estaba mostrando la herencia desktop 4+3.
   Solución: en móvil se muestra solo .asset-mobile-flow plano con los 7 estados.
   Nunca se usan .asset-row ni .asset-cards del desktop para layouts móviles. */
.process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow{display:none!important;}
.process-widget.design-clean-editorial.clean10-compact .asset-desktop-flow{display:block;}

@media(max-width:700px){
  .process-widget.design-clean-editorial.clean10-compact,
  .process-widget.design-clean-editorial.clean10-compact[class*="mobile-cols-"]{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    padding:0!important;
  }
  .process-widget.design-clean-editorial.clean10-compact .asset-desktop-flow,
  .process-widget.design-clean-editorial.clean10-compact .asset-row,
  .process-widget.design-clean-editorial.clean10-compact .asset-numbers,
  .process-widget.design-clean-editorial.clean10-compact .asset-cards{
    display:none!important;
  }
  .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow{
    display:grid!important;
    grid-template-columns:repeat(var(--mobileColumns,2),minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-rows:minmax(var(--mobileCardHeight,104px),auto)!important;
    gap:var(--mobileRowGap,14px) var(--mobileCardGap,12px)!important;
    padding:var(--mobileCanvasPadding,14px)!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    align-items:stretch!important;
    overflow:visible!important;
    position:relative!important;
  }
  .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow .stage-card{
    display:grid!important;
    align-content:start!important;
    justify-content:stretch!important;
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:var(--mobileCardHeight,104px)!important;
    height:auto!important;
    margin:0!important;
    inset:auto!important;
    float:none!important;
    position:relative!important;
    transform:none!important;
    translate:none!important;
    box-sizing:border-box!important;
    padding:var(--mobileCardPaddingTop,14px) var(--mobileCardPaddingRight,14px) var(--mobileCardPaddingBottom,14px) var(--mobileCardPaddingLeft,14px)!important;
    border-radius:var(--mobileRadius,var(--radius,8px))!important;
    overflow:visible!important;
  }
  .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow .stage-card:hover{
    transform:scale(var(--mobileHoverScale,1))!important;
  }
  .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow .stage-card::before,
  .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow .stage-card::after{
    content:none!important;
    display:none!important;
    position:absolute!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    width:0!important;
    height:0!important;
  }
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-1 .asset-mobile-flow{grid-template-columns:1fr!important;}
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-2 .asset-mobile-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-3 .asset-mobile-flow{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-4 .asset-mobile-flow{grid-template-columns:repeat(4,minmax(0,1fr))!important;}

  /* Conexiones solo horizontales entre cajas de la misma fila. Sin puntos grises, sin líneas verticales. */
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-2 .asset-mobile-flow .stage-card:nth-child(2n+1):not(:last-child)::after,
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-3 .asset-mobile-flow .stage-card:not(:nth-child(3n)):not(:last-child)::after,
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-4 .asset-mobile-flow .stage-card:not(:nth-child(4n)):not(:last-child)::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:100%!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    width:var(--mobileCardGap,12px)!important;
    height:max(2px,var(--lineThickness,2px))!important;
    background:var(--line,#ba0911)!important;
    transform:translateY(-50%)!important;
    opacity:.9!important;
    border-radius:999px!important;
    z-index:0!important;
    pointer-events:none!important;
  }
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-2 .asset-mobile-flow .stage-card:nth-child(2n+1):not(:first-child)::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-3 .asset-mobile-flow .stage-card:nth-child(3n+1):not(:first-child)::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-4 .asset-mobile-flow .stage-card:nth-child(4n+1):not(:first-child)::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    right:100%!important;
    left:auto!important;
    top:50%!important;
    bottom:auto!important;
    width:min(12px,var(--mobileCardGap,12px))!important;
    height:max(2px,var(--lineThickness,2px))!important;
    background:var(--line,#ba0911)!important;
    transform:translateY(-50%)!important;
    opacity:.9!important;
    border-radius:999px!important;
    z-index:0!important;
    pointer-events:none!important;
  }
}

/* Preview celular del editor: mismas reglas aunque el navegador sea ancho */
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact[class*="mobile-cols-"]{
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:0!important;
}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-desktop-flow,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-row,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-numbers,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-cards{display:none!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow{
  display:grid!important;
  grid-template-columns:repeat(var(--mobileColumns,2),minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  grid-auto-rows:minmax(var(--mobileCardHeight,104px),auto)!important;
  gap:var(--mobileRowGap,14px) var(--mobileCardGap,12px)!important;
  padding:var(--mobileCanvasPadding,14px)!important;
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;align-items:stretch!important;overflow:visible!important;position:relative!important;
}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-1 .asset-mobile-flow{grid-template-columns:1fr!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-2 .asset-mobile-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-3 .asset-mobile-flow{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-4 .asset-mobile-flow{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow .stage-card{
  display:grid!important;align-content:start!important;grid-column:auto!important;grid-row:auto!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:var(--mobileCardHeight,104px)!important;height:auto!important;margin:0!important;inset:auto!important;float:none!important;position:relative!important;transform:none!important;translate:none!important;box-sizing:border-box!important;padding:var(--mobileCardPaddingTop,14px) var(--mobileCardPaddingRight,14px) var(--mobileCardPaddingBottom,14px) var(--mobileCardPaddingLeft,14px)!important;border-radius:var(--mobileRadius,var(--radius,8px))!important;overflow:visible!important;
}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow .stage-card::before,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow .stage-card::after{content:none!important;display:none!important;position:absolute!important;background:transparent!important;border:0!important;box-shadow:none!important;width:0!important;height:0!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-2 .asset-mobile-flow .stage-card:nth-child(2n+1):not(:last-child)::after,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-3 .asset-mobile-flow .stage-card:not(:nth-child(3n)):not(:last-child)::after,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-4 .asset-mobile-flow .stage-card:not(:nth-child(4n)):not(:last-child)::after{content:""!important;display:block!important;position:absolute!important;left:100%!important;right:auto!important;top:50%!important;bottom:auto!important;width:var(--mobileCardGap,12px)!important;height:max(2px,var(--lineThickness,2px))!important;background:var(--line,#ba0911)!important;transform:translateY(-50%)!important;opacity:.9!important;border-radius:999px!important;z-index:0!important;pointer-events:none!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-2 .asset-mobile-flow .stage-card:nth-child(2n+1):not(:first-child)::before,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-3 .asset-mobile-flow .stage-card:nth-child(3n+1):not(:first-child)::before,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-4 .asset-mobile-flow .stage-card:nth-child(4n+1):not(:first-child)::before{content:""!important;display:block!important;position:absolute!important;right:100%!important;left:auto!important;top:50%!important;bottom:auto!important;width:min(12px,var(--mobileCardGap,12px))!important;height:max(2px,var(--lineThickness,2px))!important;background:var(--line,#ba0911)!important;transform:translateY(-50%)!important;opacity:.9!important;border-radius:999px!important;z-index:0!important;pointer-events:none!important;}


/* ---------- PATCH v39.38 clean: preview celular real + embed helpers ---------- */
.builder-embed-inline,[data-builder],[data-assetbuilder],[data-builder-token]{font:inherit;color:inherit;background:transparent;display:inline;min-height:1em}
[data-builder-loading="true"]{opacity:.55}
[data-builder-error]{outline:1px dashed rgba(186,9,17,.35)}

/* El preview celular del editor debe forzar el mismo renderer móvil aunque el navegador esté en desktop. */
.device-frame.mobile{width:390px!important;max-width:100%!important;min-width:0!important;overflow:visible!important;container-type:inline-size;}
.device-frame.mobile #preview{width:100%!important;max-width:390px!important;min-width:0!important;overflow:visible!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact{max-width:100%!important;width:100%!important;overflow:visible!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-desktop-flow,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact > .asset-row,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact > .asset-row.three,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact > .asset-cards,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact > .asset-numbers{display:none!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow{display:grid!important;grid-template-columns:repeat(var(--mobileColumns,2),minmax(0,1fr))!important;gap:var(--mobileRowGap,14px) var(--mobileCardGap,12px)!important;padding:var(--mobileCanvasPadding,14px)!important;width:100%!important;box-sizing:border-box!important;align-items:stretch!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-1 .asset-mobile-flow{grid-template-columns:1fr!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-2 .asset-mobile-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-3 .asset-mobile-flow{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-4 .asset-mobile-flow{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow .stage-card{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;grid-column:auto!important;grid-row:auto!important;position:relative!important;inset:auto!important;transform:none!important;min-height:var(--mobileCardHeight,104px)!important;height:auto!important;padding:var(--mobileCardPaddingTop,14px) var(--mobileCardPaddingRight,14px) var(--mobileCardPaddingBottom,14px) var(--mobileCardPaddingLeft,14px)!important;box-sizing:border-box!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow .stage-card::before,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow .stage-card::after{content:none!important;display:none!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-2 .asset-mobile-flow .stage-card:nth-child(2n+1):not(:last-child)::after,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-3 .asset-mobile-flow .stage-card:not(:nth-child(3n)):not(:last-child)::after,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-4 .asset-mobile-flow .stage-card:not(:nth-child(4n)):not(:last-child)::after{content:""!important;display:block!important;position:absolute!important;left:100%!important;top:50%!important;width:var(--mobileCardGap,12px)!important;height:max(2px,var(--lineThickness,2px))!important;background:var(--line,#ba0911)!important;transform:translateY(-50%)!important;border-radius:999px!important;opacity:.9!important;pointer-events:none!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-2 .asset-mobile-flow .stage-card:nth-child(2n+1):not(:first-child)::before,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-3 .asset-mobile-flow .stage-card:nth-child(3n+1):not(:first-child)::before,
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-4 .asset-mobile-flow .stage-card:nth-child(4n+1):not(:first-child)::before{content:""!important;display:block!important;position:absolute!important;right:100%!important;top:50%!important;width:min(12px,var(--mobileCardGap,12px))!important;height:max(2px,var(--lineThickness,2px))!important;background:var(--line,#ba0911)!important;transform:translateY(-50%)!important;border-radius:999px!important;opacity:.9!important;pointer-events:none!important;}


/* ---------- PATCH v39.41 clean: mobile 2 columnas ancho real + sin herencia desktop ---------- */
.process-widget.design-clean-editorial.clean10-compact{box-sizing:border-box;}
@media (max-width:768px){
  html,body{overflow-x:hidden;}
  .process-widget.design-clean-editorial.clean10-compact{
    width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;
    margin:var(--assetMarginTop,0px) var(--assetMarginRight,0px) var(--assetMarginBottom,0px) var(--assetMarginLeft,0px)!important;
    padding:0!important;overflow:visible!important;
  }
  .process-widget.design-clean-editorial.clean10-compact .asset-desktop-flow,
  .process-widget.design-clean-editorial.clean10-compact > .asset-row,
  .process-widget.design-clean-editorial.clean10-compact > .asset-row.three,
  .process-widget.design-clean-editorial.clean10-compact > .asset-cards,
  .process-widget.design-clean-editorial.clean10-compact > .asset-numbers{display:none!important;}
  .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow{
    display:grid!important;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;
    grid-template-columns:repeat(var(--mobileColumns,2),minmax(0,1fr))!important;
    grid-auto-flow:row!important;grid-auto-rows:auto!important;
    gap:var(--mobileRowGap,14px) var(--mobileCardGap,12px)!important;
    padding:var(--mobileCanvasPadding,14px)!important;margin:0!important;align-items:stretch!important;justify-content:stretch!important;
  }
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-1 .asset-mobile-flow{grid-template-columns:1fr!important;}
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-2 .asset-mobile-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-3 .asset-mobile-flow{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-4 .asset-mobile-flow{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow .stage-card{
    width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;
    grid-column:auto!important;grid-row:auto!important;float:none!important;clear:none!important;position:relative!important;inset:auto!important;
    margin:0!important;transform:none!important;translate:none!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    min-height:var(--mobileCardHeight,104px)!important;height:auto!important;
    border-radius:var(--mobileRadius,var(--radius,8px))!important;
    padding:var(--mobileCardPaddingTop,14px) var(--mobileCardPaddingRight,14px) var(--mobileCardPaddingBottom,14px) var(--mobileCardPaddingLeft,14px)!important;
  }
  .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow .stage-card::before,
  .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow .stage-card::after{content:none!important;display:none!important;background:transparent!important;border:0!important;box-shadow:none!important;width:0!important;height:0!important;}
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-2 .asset-mobile-flow .stage-card:nth-child(2n+1):not(:last-child)::after,
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-3 .asset-mobile-flow .stage-card:not(:nth-child(3n)):not(:last-child)::after,
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-4 .asset-mobile-flow .stage-card:not(:nth-child(4n)):not(:last-child)::after{
    content:""!important;display:block!important;position:absolute!important;left:100%!important;top:50%!important;
    width:var(--mobileCardGap,12px)!important;height:max(2px,var(--lineThickness,2px))!important;background:var(--line,#ba0911)!important;
    transform:translateY(-50%)!important;border-radius:999px!important;opacity:.9!important;pointer-events:none!important;z-index:1!important;
  }
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-2 .asset-mobile-flow .stage-card:nth-child(2n+1):not(:first-child)::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-3 .asset-mobile-flow .stage-card:nth-child(3n+1):not(:first-child)::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-4 .asset-mobile-flow .stage-card:nth-child(4n+1):not(:first-child)::before{
    content:""!important;display:block!important;position:absolute!important;right:100%!important;top:50%!important;
    width:min(12px,var(--mobileCardGap,12px))!important;height:max(2px,var(--lineThickness,2px))!important;background:var(--line,#ba0911)!important;
    transform:translateY(-50%)!important;border-radius:999px!important;opacity:.9!important;pointer-events:none!important;z-index:1!important;
  }
}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact{width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;padding:0!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow{display:grid!important;width:100%!important;max-width:none!important;grid-template-columns:repeat(var(--mobileColumns,2),minmax(0,1fr))!important;gap:var(--mobileRowGap,14px) var(--mobileCardGap,12px)!important;padding:var(--mobileCanvasPadding,14px)!important;box-sizing:border-box!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-1 .asset-mobile-flow{grid-template-columns:1fr!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-2 .asset-mobile-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-3 .asset-mobile-flow{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-4 .asset-mobile-flow{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow .stage-card{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;grid-column:auto!important;grid-row:auto!important;float:none!important;clear:none!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;box-sizing:border-box!important;}


/* ---------- PATCH v39.42 clean: móvil full width real + grilla sin herencia desktop ---------- */
@media (max-width: 768px){
  html,body{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;overflow-x:hidden!important;}
  body > #root,#root,.component-root,.public-root,.builder-public,.asset-public-page,.asset-view,.view-root{
    width:100%!important;max-width:none!important;min-width:0!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;overflow:visible!important;
  }
  .component-root .process-widget.design-clean-editorial.clean10-compact,
  body .process-widget.design-clean-editorial.clean10-compact{
    width:100%!important;max-width:none!important;min-width:0!important;margin-left:0!important;margin-right:0!important;padding:0!important;box-sizing:border-box!important;display:block!important;overflow:visible!important;transform:none!important;left:auto!important;right:auto!important;
  }
  .process-widget.design-clean-editorial.clean10-compact .asset-desktop-flow{display:none!important;}
  .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow{
    display:grid!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;box-sizing:border-box!important;
    grid-auto-flow:row!important;grid-auto-rows:minmax(var(--mobileCardHeight,104px),auto)!important;
    gap:var(--mobileRowGap,14px) var(--mobileCardGap,12px)!important;padding:var(--mobileCanvasPadding,14px)!important;
    align-items:stretch!important;justify-items:stretch!important;justify-content:stretch!important;overflow:visible!important;position:relative!important;
  }
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-1 .asset-mobile-flow{grid-template-columns:minmax(0,1fr)!important;}
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-2 .asset-mobile-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-3 .asset-mobile-flow{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-4 .asset-mobile-flow{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow .stage-card{
    grid-column:auto!important;grid-row:auto!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;float:none!important;clear:none!important;position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;translate:none!important;box-sizing:border-box!important;align-self:stretch!important;justify-self:stretch!important;display:grid!important;align-content:end!important;min-height:var(--mobileCardHeight,104px)!important;height:auto!important;overflow:visible!important;
  }
  .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow .stage-card::before,
  .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow .stage-card::after{content:none!important;display:none!important;background:transparent!important;border:0!important;box-shadow:none!important;width:0!important;height:0!important;}
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-2 .asset-mobile-flow .stage-card:nth-child(2n+1):not(:last-child)::after,
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-3 .asset-mobile-flow .stage-card:not(:nth-child(3n)):not(:last-child)::after,
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-4 .asset-mobile-flow .stage-card:not(:nth-child(4n)):not(:last-child)::after{
    content:""!important;display:block!important;position:absolute!important;left:100%!important;right:auto!important;top:50%!important;width:var(--mobileCardGap,12px)!important;height:max(2px,var(--lineThickness,2px))!important;background:var(--line,#ba0911)!important;border:0!important;border-radius:99px!important;box-shadow:none!important;transform:translateY(-50%)!important;opacity:.95!important;z-index:1!important;pointer-events:none!important;
  }
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-2 .asset-mobile-flow .stage-card:nth-child(2n+1):not(:first-child)::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-3 .asset-mobile-flow .stage-card:nth-child(3n+1):not(:first-child)::before,
  .process-widget.design-clean-editorial.clean10-compact.mobile-cols-4 .asset-mobile-flow .stage-card:nth-child(4n+1):not(:first-child)::before{
    content:""!important;display:block!important;position:absolute!important;right:100%!important;left:auto!important;top:50%!important;width:min(12px,var(--mobileCardGap,12px))!important;height:max(2px,var(--lineThickness,2px))!important;background:var(--line,#ba0911)!important;border:0!important;border-radius:99px!important;box-shadow:none!important;transform:translateY(-50%)!important;opacity:.95!important;z-index:1!important;pointer-events:none!important;
  }
}
.device-frame.mobile,.device-frame.mobile #preview,.device-frame.mobile .component-root{width:390px!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:visible!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact{width:100%!important;max-width:none!important;min-width:0!important;margin-left:0!important;margin-right:0!important;padding:0!important;box-sizing:border-box!important;display:block!important;overflow:visible!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-desktop-flow{display:none!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow{display:grid!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;box-sizing:border-box!important;grid-auto-flow:row!important;grid-auto-rows:minmax(var(--mobileCardHeight,104px),auto)!important;gap:var(--mobileRowGap,14px) var(--mobileCardGap,12px)!important;padding:var(--mobileCanvasPadding,14px)!important;align-items:stretch!important;justify-items:stretch!important;justify-content:stretch!important;overflow:visible!important;position:relative!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-1 .asset-mobile-flow{grid-template-columns:minmax(0,1fr)!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-2 .asset-mobile-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-3 .asset-mobile-flow{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact.mobile-cols-4 .asset-mobile-flow{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow .stage-card{grid-column:auto!important;grid-row:auto!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;float:none!important;clear:none!important;position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;translate:none!important;box-sizing:border-box!important;align-self:stretch!important;justify-self:stretch!important;display:grid!important;align-content:end!important;min-height:var(--mobileCardHeight,104px)!important;height:auto!important;overflow:visible!important;}

/* === v39.43 clean: public view centered + full responsive width === */
html.ab-public-html,
html.ab-public-html body,
body.ab-public-view{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
  background:transparent!important;
}
body.ab-public-view #root,
body.ab-public-view .view-root,
body.ab-public-view .asset-view,
body.ab-public-view .public-root{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  display:block!important;
  overflow:visible!important;
}
body.ab-public-view .component-root,
body.ab-public-view .component-root.asset-layout{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:0!important;
  box-sizing:border-box!important;
  display:block!important;
  overflow:visible!important;
}
body.ab-public-view .component-root > .process-widget,
body.ab-public-view .component-root > .card-grid-widget,
body.ab-public-view .component-root > .hero-widget,
body.ab-public-view .component-root > .accordion-widget,
body.ab-public-view .component-root > .button-widget{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin-top:var(--assetMarginTop,0px)!important;
  margin-right:var(--assetMarginRight,0px)!important;
  margin-bottom:var(--assetMarginBottom,0px)!important;
  margin-left:var(--assetMarginLeft,0px)!important;
  float:none!important;
  clear:both!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
}
body.ab-public-view .process-widget.design-clean-editorial.clean10-compact,
body.ab-public-view .process-widget.design-clean-editorial,
body.ab-public-view .process-widget{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
  display:block!important;
  margin-top:var(--assetMarginTop,0px)!important;
  margin-right:var(--assetMarginRight,0px)!important;
  margin-bottom:var(--assetMarginBottom,0px)!important;
  margin-left:var(--assetMarginLeft,0px)!important;
}
body.ab-public-view .process-widget .asset-desktop-flow,
body.ab-public-view .process-widget .asset-row,
body.ab-public-view .process-widget .asset-cards,
body.ab-public-view .process-widget .asset-numbers,
body.ab-public-view .process-widget .asset-mobile-flow{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
body.ab-public-view .process-widget .asset-cards,
body.ab-public-view .process-widget .asset-row.three .asset-cards{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
body.ab-public-view .process-widget .asset-row.three .asset-cards{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body.ab-public-view .process-widget .stage-card{
  min-width:0!important;
  max-width:none!important;
  width:100%!important;
  box-sizing:border-box!important;
}
@media(max-width:700px){
  body.ab-public-view .component-root,
  body.ab-public-view .process-widget.design-clean-editorial.clean10-compact,
  body.ab-public-view .process-widget.design-clean-editorial,
  body.ab-public-view .process-widget{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:var(--assetMarginLeft,0px)!important;
    margin-right:var(--assetMarginRight,0px)!important;
    box-sizing:border-box!important;
  }
  body.ab-public-view .process-widget.design-clean-editorial.clean10-compact .asset-desktop-flow,
  body.ab-public-view .process-widget.design-clean-editorial.clean10-compact > .asset-row,
  body.ab-public-view .process-widget.design-clean-editorial.clean10-compact > .asset-row.three,
  body.ab-public-view .process-widget.design-clean-editorial.clean10-compact > .asset-cards,
  body.ab-public-view .process-widget.design-clean-editorial.clean10-compact > .asset-numbers{
    display:none!important;
  }
  body.ab-public-view .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow{
    display:grid!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:var(--mobileCanvasPadding,14px)!important;
    gap:var(--mobileRowGap,14px) var(--mobileCardGap,12px)!important;
    justify-items:stretch!important;
    align-items:stretch!important;
  }
  body.ab-public-view .process-widget.design-clean-editorial.clean10-compact.mobile-cols-1 .asset-mobile-flow{grid-template-columns:minmax(0,1fr)!important;}
  body.ab-public-view .process-widget.design-clean-editorial.clean10-compact.mobile-cols-2 .asset-mobile-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.ab-public-view .process-widget.design-clean-editorial.clean10-compact.mobile-cols-3 .asset-mobile-flow{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body.ab-public-view .process-widget.design-clean-editorial.clean10-compact.mobile-cols-4 .asset-mobile-flow{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  body.ab-public-view .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow .stage-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    grid-column:auto!important;
    grid-row:auto!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    translate:none!important;
    box-sizing:border-box!important;
  }
}

/* === v39.47 clean: márgenes por dispositivo + ancho real por viewport === */
.device-margin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.device-margin-grid>div{border:1px solid #e5e7eb;border-radius:12px;padding:12px;background:#fff}.device-margin-grid h4{margin:0 0 8px;font-size:13px}.device-margin-grid label{display:block;margin:6px 0}
body.ab-public-view .component-root{width:100%!important;max-width:none!important;min-width:0!important;margin:0 auto!important;box-sizing:border-box!important;}
body.ab-public-view .process-widget.design-clean-editorial.clean10-compact{width:auto!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;margin-top:var(--desktopMarginTop,var(--assetMarginTop,0px))!important;margin-right:var(--desktopMarginRight,var(--assetMarginRight,0px))!important;margin-bottom:var(--desktopMarginBottom,var(--assetMarginBottom,0px))!important;margin-left:var(--desktopMarginLeft,var(--assetMarginLeft,0px))!important;}
@media (max-width:1024px){body.ab-public-view .process-widget.design-clean-editorial.clean10-compact{margin-top:var(--tabletMarginTop,var(--assetMarginTop,0px))!important;margin-right:var(--tabletMarginRight,var(--assetMarginRight,0px))!important;margin-bottom:var(--tabletMarginBottom,var(--assetMarginBottom,0px))!important;margin-left:var(--tabletMarginLeft,var(--assetMarginLeft,0px))!important;}}
@media (max-width:700px){body.ab-public-view .process-widget.design-clean-editorial.clean10-compact{margin-top:var(--mobileMarginTop,var(--assetMarginTop,0px))!important;margin-right:var(--mobileMarginRight,var(--assetMarginRight,0px))!important;margin-bottom:var(--mobileMarginBottom,var(--assetMarginBottom,0px))!important;margin-left:var(--mobileMarginLeft,var(--assetMarginLeft,0px))!important;width:auto!important;max-width:none!important;box-sizing:border-box!important;}body.ab-public-view .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow{width:100%!important;max-width:none!important;min-width:0!important;grid-template-columns:repeat(var(--mobileColumns,1),minmax(0,1fr))!important;box-sizing:border-box!important;}body.ab-public-view .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow .stage-card{width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important;}}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact{margin-top:var(--mobileMarginTop,var(--assetMarginTop,0px))!important;margin-right:var(--mobileMarginRight,var(--assetMarginRight,0px))!important;margin-bottom:var(--mobileMarginBottom,var(--assetMarginBottom,0px))!important;margin-left:var(--mobileMarginLeft,var(--assetMarginLeft,0px))!important;width:auto!important;max-width:none!important;box-sizing:border-box!important;}
.device-frame.tablet .process-widget.design-clean-editorial.clean10-compact{margin-top:var(--tabletMarginTop,var(--assetMarginTop,0px))!important;margin-right:var(--tabletMarginRight,var(--assetMarginRight,0px))!important;margin-bottom:var(--tabletMarginBottom,var(--assetMarginBottom,0px))!important;margin-left:var(--tabletMarginLeft,var(--assetMarginLeft,0px))!important;}
.device-frame.mobile .process-widget.design-clean-editorial.clean10-compact .asset-mobile-flow{width:100%!important;grid-template-columns:repeat(var(--mobileColumns,1),minmax(0,1fr))!important;}
@media(max-width:820px){.device-margin-grid{grid-template-columns:1fr}}

/* ---------- PATCH v39.48 clean: margen público responsive real ---------- */
.ab-public-view, .ab-public-html, .ab-public-view body{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;overflow-x:hidden!important;background:transparent!important;}
.ab-public-view #root,.ab-public-view .view-root,.ab-public-view .component-root{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;box-sizing:border-box!important;overflow:visible!important;background:transparent!important;}
.process-widget.ab-responsive-margins{display:block!important;box-sizing:border-box!important;width:auto!important;max-width:none!important;min-width:0!important;margin:var(--abDesktopMarginTop,0px) var(--abDesktopMarginRight,0px) var(--abDesktopMarginBottom,0px) var(--abDesktopMarginLeft,0px)!important;}
.process-widget.ab-responsive-margins .asset-mobile-flow,.process-widget.ab-responsive-margins .asset-desktop-flow{box-sizing:border-box!important;max-width:none!important;}
@media (max-width:1024px) and (min-width:769px){.process-widget.ab-responsive-margins{margin:var(--abTabletMarginTop,var(--abDesktopMarginTop,0px)) var(--abTabletMarginRight,var(--abDesktopMarginRight,0px)) var(--abTabletMarginBottom,var(--abDesktopMarginBottom,0px)) var(--abTabletMarginLeft,var(--abDesktopMarginLeft,0px))!important;}}
@media (max-width:768px){.process-widget.ab-responsive-margins{width:auto!important;max-width:none!important;min-width:0!important;margin:var(--abMobileMarginTop,var(--abDesktopMarginTop,0px)) var(--abMobileMarginRight,var(--abDesktopMarginRight,0px)) var(--abMobileMarginBottom,var(--abDesktopMarginBottom,0px)) var(--abMobileMarginLeft,var(--abDesktopMarginLeft,0px))!important;padding:0!important;}.process-widget.ab-responsive-margins .asset-mobile-flow{width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;}.process-widget.ab-responsive-margins .stage-card{min-width:0!important;box-sizing:border-box!important;}}
.stage-icon .ab-inline-svg-icon,.checkmark .ab-inline-svg-icon,.ico-sample .ab-inline-svg-icon{width:1em;height:1em;display:block;fill:currentColor;color:inherit;overflow:visible;}
.stage-icon .ab-inline-svg-icon{width:var(--iconSize,26px);height:var(--iconSize,26px);}
@media (max-width:768px){.stage-icon .ab-inline-svg-icon{width:var(--mobileIconSize,var(--iconSize,26px));height:var(--mobileIconSize,var(--iconSize,26px));}}

/* PATCH v39.52 · Material-only icon system */
.material-symbols-rounded.ab-material-icon,
.stage-icon .material-symbols-rounded,
.checkmark .material-symbols-rounded,
.ico-sample .material-symbols-rounded{
  font-family:'Material Symbols Rounded';
  font-weight:400;
  font-style:normal;
  font-size:1em;
  line-height:1;
  letter-spacing:normal;
  text-transform:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  word-wrap:normal;
  direction:ltr;
  font-feature-settings:'liga';
  -webkit-font-feature-settings:'liga';
  -webkit-font-smoothing:antialiased;
}
.stage-icon-row small{display:block;color:#667085;margin-top:2px;line-height:1.25}
.stage-icon-row .stage-icon-current{display:flex;align-items:center;justify-content:center}

/* PATCH v39.53 · MDI only */
@import url('https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css');
.ab-mdi-icon,.stage-icon .mdi,.checkmark .mdi,.ico-sample .mdi{font-size:1em;line-height:1;display:inline-flex;align-items:center;justify-content:center;color:currentColor;vertical-align:middle}
.ab-mdi-svg,.stage-icon img.ab-mdi-svg,.checkmark img.ab-mdi-svg,.ico-sample img.ab-mdi-svg{width:1em;height:1em;object-fit:contain;display:inline-block;vertical-align:middle;filter:var(--ab-icon-filter,none)}
.stage-card{cursor:default!important}.stage-card:active{outline:none}.stage-card[onclick]{cursor:default!important}
.icon-card .mdi{font-size:24px}.stage-icon-row .mdi{font-size:24px}


/* PATCH v39.54 · MDI CDN only */
.ab-mdi-icon,.mdi.ab-mdi-icon,.ico-sample .mdi,.stage-icon .mdi,.checkmark .mdi{font-size:var(--iconSize,28px);line-height:1;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;color:currentColor;}
.icon-card{appearance:none;border:1px solid rgba(15,23,42,.12);background:#fff;cursor:pointer;text-align:center;}
.icon-card .ico-sample{min-height:34px;display:flex;align-items:center;justify-content:center;font-size:28px;}
.stage-icon-row{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid rgba(15,23,42,.10);border-radius:14px;margin:8px 0;background:#fff;}
.stage-icon-row.active{border-color:var(--primary,#ba0911);box-shadow:0 0 0 3px rgba(186,9,17,.08);}
.stage-icon-current{width:46px;height:46px;border-radius:50%;border:1px solid rgba(15,23,42,.12);display:flex;align-items:center;justify-content:center;background:#f8fafc;color:inherit;}


/* =========================================================
   PATCH v39.55 · PUBLIC MARGINS AS PERCENTAGE OF VIEWPORT
   Laterales usan vw; arriba/abajo usan vh. Funciona en view.html.
   ========================================================= */
html.ab-public-html, body.ab-public-view{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;overflow-x:hidden!important;background:transparent!important;}
body.ab-public-view #root, body.ab-public-view .view-root{width:100vw!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;box-sizing:border-box!important;display:block!important;overflow:visible!important;}
body.ab-public-view .process-widget.ab-percent-public-margins,
.process-widget.ab-percent-public-margins{box-sizing:border-box!important;width:auto!important;min-width:0!important;max-width:none!important;margin:var(--abDesktopMarginTop,0vh) var(--abDesktopMarginRight,0vw) var(--abDesktopMarginBottom,0vh) var(--abDesktopMarginLeft,0vw)!important;}
body.ab-public-view .process-widget.ab-percent-public-margins .asset-mobile-flow,
.process-widget.ab-percent-public-margins .asset-mobile-flow{width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;}
body.ab-public-view .process-widget.ab-percent-public-margins .stage-card,
.process-widget.ab-percent-public-margins .stage-card{min-width:0!important;box-sizing:border-box!important;}
@media (max-width:1024px) and (min-width:769px){
  body.ab-public-view .process-widget.ab-percent-public-margins,
  .device-frame.tablet .process-widget.ab-percent-public-margins{margin:var(--abTabletMarginTop,var(--abDesktopMarginTop,0vh)) var(--abTabletMarginRight,var(--abDesktopMarginRight,0vw)) var(--abTabletMarginBottom,var(--abDesktopMarginBottom,0vh)) var(--abTabletMarginLeft,var(--abDesktopMarginLeft,0vw))!important;}
}
@media (max-width:768px){
  body.ab-public-view .process-widget.ab-percent-public-margins,
  .device-frame.mobile .process-widget.ab-percent-public-margins{margin:var(--abMobileMarginTop,var(--abDesktopMarginTop,0vh)) var(--abMobileMarginRight,var(--abDesktopMarginRight,0vw)) var(--abMobileMarginBottom,var(--abDesktopMarginBottom,0vh)) var(--abMobileMarginLeft,var(--abDesktopMarginLeft,0vw))!important;width:auto!important;max-width:none!important;min-width:0!important;}
  body.ab-public-view .process-widget.ab-percent-public-margins .asset-mobile-flow,
  .device-frame.mobile .process-widget.ab-percent-public-margins .asset-mobile-flow{display:grid!important;width:100%!important;grid-template-columns:repeat(var(--mobileColumns,1),minmax(0,1fr))!important;gap:var(--mobileGap,12px)!important;}
}

/* =========================================================
   PATCH v39.56 CLEAN · UI generados + responsive percent margins
   ========================================================= */
.ab-responsive-margin-section{border:1px solid rgba(186,9,17,.18)!important;background:linear-gradient(180deg,#fff,#fff8f8)!important;}
.ab-device-margin-box{border:1px solid rgba(15,23,42,.10);border-radius:16px;padding:14px;margin:12px 0;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.04);}
.ab-device-margin-box h4{margin:0 0 4px;font-size:15px;color:#202938;}
.ab-generated-feature{border:1px solid rgba(186,9,17,.18);background:#fff;border-radius:18px;padding:16px;margin:14px 0;box-shadow:0 12px 30px rgba(15,23,42,.06);}
.ab-generated-main{border-color:rgba(186,9,17,.32);box-shadow:0 16px 34px rgba(186,9,17,.08);}
.ab-generated-feature h3{margin-top:0;color:#202938;}
.ab-generated-feature input,.ab-generated-feature textarea,.ab-cell-code input,.ab-cell-code textarea{width:100%;box-sizing:border-box;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;border:1px solid rgba(15,23,42,.14);border-radius:12px;padding:10px;background:#f8fafc;color:#111827;}
.ab-generated-feature textarea{min-height:86px;resize:vertical;}
.ab-generated-cell-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:12px;}
.ab-cell-code{border:1px solid rgba(15,23,42,.10);border-radius:16px;padding:12px;background:#fff;}
.ab-cell-code b{display:block;margin-bottom:8px;color:#202938;}
.ab-generated-project details{margin-top:12px;border-top:1px solid rgba(15,23,42,.08);padding-top:10px;}
.ab-modal-x{float:right;width:36px;height:36px;border-radius:50%;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;font-size:20px!important;line-height:1!important;}

html.ab-public-html,body.ab-public-view{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow-x:hidden!important;background:transparent!important;}
body.ab-public-view #root,body.ab-public-view .view-root{width:100vw!important;max-width:none!important;min-width:0!important;margin:0 auto!important;padding:0!important;box-sizing:border-box!important;display:block!important;}
body.ab-public-view .process-widget.ab-v3956-margins,
.process-widget.ab-v3956-margins{box-sizing:border-box!important;width:auto!important;max-width:none!important;min-width:0!important;margin:var(--abDesktopMarginTop,0vh) var(--abDesktopMarginRight,0vw) var(--abDesktopMarginBottom,0vh) var(--abDesktopMarginLeft,0vw)!important;}
body.ab-public-view .process-widget.ab-v3956-margins .asset-mobile-flow,
.process-widget.ab-v3956-margins .asset-mobile-flow{width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;}
@media (max-width:1024px) and (min-width:769px){
  body.ab-public-view .process-widget.ab-v3956-margins,
  .device-frame.tablet .process-widget.ab-v3956-margins{margin:var(--abTabletMarginTop,var(--abDesktopMarginTop,0vh)) var(--abTabletMarginRight,var(--abDesktopMarginRight,0vw)) var(--abTabletMarginBottom,var(--abDesktopMarginBottom,0vh)) var(--abTabletMarginLeft,var(--abDesktopMarginLeft,0vw))!important;}
}
@media (max-width:768px){
  body.ab-public-view .process-widget.ab-v3956-margins,
  .device-frame.mobile .process-widget.ab-v3956-margins{margin:var(--abMobileMarginTop,var(--abDesktopMarginTop,0vh)) var(--abMobileMarginRight,var(--abDesktopMarginRight,0vw)) var(--abMobileMarginBottom,var(--abDesktopMarginBottom,0vh)) var(--abMobileMarginLeft,var(--abDesktopMarginLeft,0vw))!important;width:auto!important;max-width:none!important;min-width:0!important;}
  body.ab-public-view .process-widget.ab-v3956-margins .asset-mobile-flow,
  .device-frame.mobile .process-widget.ab-v3956-margins .asset-mobile-flow{width:100%!important;max-width:none!important;min-width:0!important;}
}

/* PATCH v39.57 stable: public full-width + responsive percent margin safety */
html.ab-public-html, body.ab-public-view{margin:0!important;padding:0!important;width:100%!important;min-width:0!important;max-width:none!important;overflow-x:hidden!important;background:transparent!important;}
body.ab-public-view #root,.view-root{width:100%!important;max-width:none!important;min-width:0!important;margin:0 auto!important;box-sizing:border-box!important;display:block!important;}
.ab-public-view .process-widget,.ab-public-view .asset-render,.ab-public-view .asset-stage,.ab-public-view .ab-component{box-sizing:border-box!important;max-width:none!important;min-width:0!important;}
.ab-public-view .process-widget{width:100%!important;margin-left:auto!important;margin-right:auto!important;}
@media (max-width:767px){
  .ab-public-view .process-widget[data-mobile-columns="2"],
  .ab-public-view .process-widget.mobile-cols-2,
  .ab-public-view .process-widget.mobile-grid-2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;gap:12px!important;align-items:stretch!important;justify-content:stretch!important;}
  .ab-public-view .process-widget[data-mobile-columns="2"] > *,
  .ab-public-view .process-widget.mobile-cols-2 > *,
  .ab-public-view .process-widget.mobile-grid-2 > *{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;grid-column:auto!important;transform:none!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;}
}

/* PATCH v39.60 public full-width + responsive percent margins */
.ab-public-html,.ab-public-html body,.ab-public-view{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;}
.ab-public-root{width:100%!important;max-width:none!important;box-sizing:border-box;margin:0 auto!important;padding:var(--ab-desk-y,0vh) var(--ab-desk-x,0vw)!important;}
.ab-public-root .process-widget,.ab-public-view .process-widget{width:100%!important;max-width:none!important;box-sizing:border-box;margin:0 auto!important;}
.ab-public-stable{display:grid!important;grid-template-columns:repeat(var(--mobileColumns,1),minmax(0,1fr));gap:12px;width:100%;box-sizing:border-box;}
@media (max-width:1024px){.ab-public-root{padding:var(--ab-tab-y,0vh) var(--ab-tab-x,0vw)!important;}}
@media (max-width:767px){.ab-public-root{padding:var(--ab-mob-y,0vh) var(--ab-mob-x,0vw)!important;}.ab-public-view .asset-desktop-flow{display:none!important}.ab-public-view .asset-mobile-flow{display:grid!important;width:100%!important;max-width:none!important;grid-template-columns:repeat(var(--mobileColumns,1),minmax(0,1fr))!important;gap:12px!important;}.ab-public-view .stage-card{width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;grid-column:auto!important;grid-row:auto!important;transform:none!important;left:auto!important;right:auto!important;margin:0!important;}.ab-public-view .process-widget::before,.ab-public-view .process-widget::after,.ab-public-view .stage-card::before,.ab-public-view .stage-card::after{content:none!important;display:none!important;}}

/* v39.61 public self-sufficient shell: public URL/iframe must match editor visual base */
.ab-public-html,.ab-public-view{background:transparent!important;}
.ab-public-root{width:100%!important;max-width:none!important;margin:0 auto!important;padding:0!important;}
.ab-public-shell{
  width:100%!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:var(--ab-desk-y,0vh) var(--ab-desk-x,0vw)!important;
  box-sizing:border-box!important;
}
.ab-public-shell .ab-public-inner{
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  box-sizing:border-box!important;
}
.ab-public-shell .asset-row{width:100%!important;margin-left:0!important;margin-right:0!important;}
.ab-public-shell .asset-cards{width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
.ab-public-shell .stage-card{box-sizing:border-box!important;}
.ab-public-shell .stage-icon .mdi,.ab-public-shell .checkmark .mdi{font-size:100%;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;}
.ab-public-shell .stage-card{cursor:default!important;}
.ab-public-shell .stage-card:active{transform:none;}
@media(max-width:1024px){.ab-public-shell{padding:var(--ab-tab-y,0vh) var(--ab-tab-x,0vw)!important;}}
@media(max-width:700px){
  .ab-public-shell{padding:var(--ab-mob-y,0vh) var(--ab-mob-x,0vw)!important;}
  .ab-public-shell.mobile-cols-1 .asset-cards{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;}
  .ab-public-shell.mobile-cols-2 .asset-cards{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;}
  .ab-public-shell.mobile-cols-3 .asset-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}
  .ab-public-shell.mobile-cols-4 .asset-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;}
  .ab-public-shell .asset-numbers,.ab-public-shell .dot{display:none!important;}
  .ab-public-shell .stage-card{width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;}
  .ab-public-shell .stage-card:hover{transform:none!important;}
}

/* v39.62 public parity hardening: public view/iframe must use full width and own responsive margins */
.ab-public-html,.ab-public-view,#root,.ab-public-root{width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;}
.ab-public-shell{width:100%!important;max-width:none!important;margin:0 auto!important;padding:var(--ab-desk-y,0) var(--ab-desk-x,0)!important;box-sizing:border-box!important;background:transparent;}
.ab-public-inner{width:100%!important;max-width:none!important;margin:0 auto!important;box-sizing:border-box!important;}
.ab-public-shell .asset-row,.ab-public-shell .asset-cards{width:100%!important;max-width:none!important;box-sizing:border-box!important;}
@media (max-width:1024px){.ab-public-shell{padding:var(--ab-tab-y,0) var(--ab-tab-x,0)!important;}}
@media (max-width:768px){
  .ab-public-shell{padding:var(--ab-mob-y,0) var(--ab-mob-x,0)!important;}
  .ab-public-shell .asset-cards{display:grid!important;grid-template-columns:repeat(var(--ab-mobile-cols,1),minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important;justify-items:stretch!important;}
  .ab-public-shell.mobile-cols-1{--ab-mobile-cols:1;}
  .ab-public-shell.mobile-cols-2{--ab-mobile-cols:2;}
  .ab-public-shell.mobile-cols-3{--ab-mobile-cols:3;}
  .ab-public-shell.mobile-cols-4{--ab-mobile-cols:4;}
  .ab-public-shell .stage-card{width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:112px!important;margin:0!important;transform:none!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;grid-column:auto!important;}
  .ab-public-shell .stage-card:before,.ab-public-shell .stage-card:after,.ab-public-shell .asset-cards:before,.ab-public-shell .asset-cards:after{display:none!important;content:none!important;}
}

/* === v39.63 public parity hard reset === */
html,body{margin:0!important;padding:0!important;width:100%!important;min-height:100%;box-sizing:border-box;background:transparent;}
*,*:before,*:after{box-sizing:border-box;}
.ab-public-root{width:100%!important;max-width:none!important;margin:0 auto!important;padding:0!important;overflow:visible!important;}
.ab-public-shell{width:100%!important;max-width:none!important;margin:0!important;padding:var(--ab-d-top,0vh) var(--ab-d-right,0vw) var(--ab-d-bottom,0vh) var(--ab-d-left,0vw)!important;font-family:var(--font,Roboto,Arial,sans-serif);color:var(--c-text,#202938);background:transparent;}
.ab-public-inner{width:100%!important;max-width:none!important;margin:0 auto!important;padding:0!important;}
.ab-public-shell .asset-row,.ab-public-shell .asset-cards{width:100%!important;max-width:none!important;}
.ab-public-shell .asset-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:var(--rowGap,18px) var(--cardGap,18px)!important;align-items:stretch!important;}
.ab-public-shell .stage-card{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:var(--cardHeight,135px)!important;height:auto!important;margin:0!important;padding:var(--cardPadding,20px)!important;border-radius:var(--publicRadius,12px)!important;background:#f7f3f2;border:1px solid rgba(0,0,0,.08);box-shadow:none;overflow:hidden;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;}
.ab-public-shell .stage-card.current{background:var(--c-current,#ba0911)!important;color:#fff!important;border-color:var(--c-current,#ba0911)!important;}
.ab-public-shell .stage-card.current .stage-status,.ab-public-shell .stage-card.current .stage-label,.ab-public-shell .stage-card.current .stage-icon{color:#fff!important;}
.ab-public-shell .stage-icon{font-size:var(--iconSize,26px)!important;line-height:1!important;color:currentColor;}
.ab-public-shell .stage-icon .mdi{font-size:1em!important;line-height:1!important;}
.ab-public-shell .checkmark{position:absolute!important;top:14px!important;right:14px!important;width:32px!important;height:32px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:#222831!important;color:#fff!important;font-size:18px!important;}
.ab-public-shell .stage-card.current .checkmark{background:#fff!important;color:var(--c-current,#ba0911)!important;}
.ab-public-shell .stage-copy{margin-top:auto!important;align-self:stretch!important;min-width:0!important;}
.ab-public-shell .stage-status{font-size:var(--statusSize,10px)!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:var(--c-muted,#667085)!important;line-height:1.05!important;white-space:normal!important;overflow-wrap:anywhere!important;}
.ab-public-shell .stage-label{font-size:var(--titleSize,20px)!important;font-weight:900!important;line-height:1.08!important;margin-top:8px!important;color:var(--c-text,#202938)!important;white-space:normal!important;overflow-wrap:anywhere!important;}
.ab-public-shell .stage-card::before,.ab-public-shell .stage-card::after,.ab-public-shell .asset-cards::before,.ab-public-shell .asset-cards::after{content:none!important;display:none!important;}
.ab-public-loading,.ab-public-error{font-family:Arial,sans-serif;padding:22px;border:1px solid #ddd;border-radius:12px;background:#fff;color:#111;max-width:860px;margin:20px auto;}
@media(max-width:1024px){.ab-public-shell{padding:var(--ab-t-top,0vh) var(--ab-t-right,0vw) var(--ab-t-bottom,0vh) var(--ab-t-left,0vw)!important}.ab-public-shell .asset-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:640px){
  .ab-public-shell{padding:var(--ab-m-top,0vh) var(--ab-m-right,0vw) var(--ab-m-bottom,0vh) var(--ab-m-left,0vw)!important;}
  .ab-public-shell.mobile-cols-1 .asset-cards{grid-template-columns:1fr!important;}
  .ab-public-shell.mobile-cols-2 .asset-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .ab-public-shell.mobile-cols-3 .asset-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .ab-public-shell.mobile-cols-4 .asset-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .ab-public-shell .asset-cards{gap:12px!important;}
  .ab-public-shell .stage-card{min-height:112px!important;padding:12px!important;border-radius:var(--publicRadius,12px)!important;}
  .ab-public-shell .checkmark{width:30px!important;height:30px!important;top:10px!important;right:10px!important;font-size:17px!important;}
  .ab-public-shell .stage-icon{font-size:22px!important;}
  .ab-public-shell .stage-status{font-size:8.5px!important;}
  .ab-public-shell .stage-label{font-size:14px!important;line-height:1.05!important;}
}


/* v40 Public Snapshot Engine */
.ab-public-snapshot-wrap{
  width:100%;
  max-width:none;
  margin:0 auto;
  box-sizing:border-box;
}
.ab-public-snapshot-wrap *{box-sizing:border-box}
.ab-publish-public-btn{
  background:#111827!important;color:#fff!important;border:0!important;border-radius:10px!important;
  padding:10px 14px!important;font-weight:800!important;cursor:pointer!important;
}
.ab-public-ready .stage-card,
.ab-public-ready .process-card,
.ab-public-ready .ab-stage-card{cursor:default}




/* v43.1 office-map safety */
.ab-office-map-asset,.ab-office-map-asset *{box-sizing:border-box}.ab-office-map-asset{isolation:isolate}.ab-office-map-asset button{all:unset}


/* PATCH v43.2 Office Map plugin */
.office-map-widget,.office-map-widget *{box-sizing:border-box}.office-map-widget{position:relative;width:100%;max-width:var(--office-map-max,1100px);margin:auto;padding:var(--office-map-padding,18px) 0;background:var(--office-map-bg,transparent);font-family:Inter,Arial,sans-serif;overflow:visible}.office-map-stage{position:relative;width:100%;aspect-ratio:735.729/372.081}.office-map-svg-img{display:block;width:100%;height:auto;opacity:var(--office-map-opacity,1);filter:none}.office-map-widget .map-dot{fill:var(--office-map-color,#0167ff)!important;stroke:var(--office-country-line,transparent)!important}.office-map-office{position:absolute;z-index:5;pointer-events:none;opacity:0;animation:officeMapIn var(--office-duration,.7s) ease forwards;animation-delay:var(--office-delay,0s)}.office-map-pin{position:absolute;left:0;top:0;width:14px;height:14px;border-radius:50%;background:var(--office-pin,#0167ff);transform:translate(-50%,-50%);box-shadow:0 0 0 0 color-mix(in srgb,var(--office-pin,#0167ff) 45%,transparent);animation:officeMapPulse 1.45s infinite}.office-map-pin.no-pulse{animation:none}.office-map-pin:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#fff}.office-map-card{position:absolute;color:var(--office-box-text,#fff);background:var(--office-box-bg,#101827);border:var(--office-box-border-width,1px) solid var(--office-box-border,#0167ff);border-radius:var(--office-box-radius,999px);box-shadow:0 18px 38px rgba(1,103,255,.20);min-width:160px;padding:10px 14px 10px 38px;line-height:1.12;transform:translate(14px,-50%);white-space:nowrap}.office-map-card b{display:block;font-size:14px;font-weight:800}.office-map-card small{display:block;margin-top:4px;font-size:11px;opacity:.68;font-weight:600}.office-map-flag,.office-map-flag-img{position:absolute;left:12px;top:50%;width:18px;height:12px;transform:translateY(-50%);border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.12);overflow:hidden;object-fit:cover}@keyframes officeMapPulse{to{box-shadow:0 0 0 28px rgba(1,103,255,0)}}@keyframes officeMapIn{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:680px){.office-map-widget{max-width:100%;padding:6px 0}.office-map-card{min-width:118px;padding:8px 10px 8px 32px}.office-map-card b{font-size:11px}.office-map-card small{font-size:9px}.office-map-flag,.office-map-flag-img{width:15px;height:10px}.office-map-pin{width:10px;height:10px}.office-map-pin:after{inset:2px}}.office-map-disabled{padding:20px;border:1px dashed #cbd5e1;border-radius:12px;color:#64748b;background:#f8fafc}


/* PATCH v43.5 office-map pixel-perfect safety CSS */
.abom,.abom *{box-sizing:border-box}.abom{position:relative;width:100%;max-width:var(--abom-max,1100px);margin:auto;padding:var(--abom-padding,18px) 0;background:var(--map-bg,transparent);font-family:Inter,Arial,sans-serif;overflow:hidden;isolation:isolate}.abom-stage{position:relative;width:100%;aspect-ratio:735.729/372.081}.abom-map{display:block;width:100%;height:auto;opacity:var(--abom-map-opacity,.7);pointer-events:none}.abom-office{position:absolute;left:var(--x);top:var(--y);z-index:5;pointer-events:none}.abom-pin{position:absolute;left:0;top:0;width:14px;height:14px;border-radius:50%;background:var(--office-pin,var(--pin-color,#0167ff));transform:translate(-50%,-50%)}.abom-pin:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#fff}.abom-card{position:absolute;color:var(--office-box-text,var(--box-text,#fff));background:var(--office-box-bg,var(--box-bg,#101827));border:var(--box-border-width,1px) solid var(--office-box-border,var(--box-border,#0167ff));border-radius:var(--box-radius,999px);box-shadow:0 18px 38px rgba(1,103,255,.20);min-width:160px;padding:10px 14px 10px 38px;line-height:1.12;transform:translate(14px,-50%) rotate(var(--card-rot,0deg));white-space:nowrap}.abom-card b{display:block;font-size:14px;font-weight:800}.abom-card small{display:block;margin-top:4px;font-size:11px;opacity:.68;font-weight:600}.abom-flag{position:absolute!important;left:12px!important;top:50%!important;width:18px!important;height:12px!important;max-width:18px!important;max-height:12px!important;transform:translateY(-50%)!important;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.12);overflow:hidden;object-fit:cover;display:block!important}@media(max-width:680px){.abom{max-width:100%;padding:6px 0}.abom-card{min-width:118px;padding:8px 10px 8px 32px}.abom-card b{font-size:11px}.abom-card small{font-size:9px}.abom-flag{width:15px!important;height:10px!important;max-width:15px!important;max-height:10px!important}.abom-pin{width:10px;height:10px}.abom-pin:after{inset:2px}}