.wplsm{--bg:#fff;--card_bg:#fff;--line:#b9af9f;--text:#111827;--muted:#777;--core_bg:#fff;--glow-color:#7C5CFC;--glow-strength:24px;--glow-opacity:28%;position:relative;overflow:hidden;background:var(--bg);color:var(--text);min-height:650px}
.wplsm.is-full-bleed{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.wplsm-inner{width:100%;max-width:1320px;margin:auto}
.wplsm-eyebrow{text-align:center;font-weight:650;margin:0 auto 26px;min-height:1.5em;will-change:opacity,transform;transition:opacity var(--title-transition,.9s) cubic-bezier(.22,.61,.36,1),transform var(--title-transition,.9s) cubic-bezier(.22,.61,.36,1)}
.wplsm-eyebrow.changing{opacity:0}
.wplsm-stage{position:relative;display:grid;grid-template-columns:minmax(220px,270px) minmax(300px,1fr) minmax(220px,270px);align-items:center;column-gap:34px;min-height:470px}
.wplsm-side{display:flex;flex-direction:column;gap:14px;position:relative;z-index:4}
.wplsm-card{display:flex;align-items:center;gap:11px;width:270px;min-height:70px;padding:10px 14px;background:var(--card_bg);color:var(--text);text-decoration:none;border:1px solid color-mix(in srgb,var(--line) 11%,transparent);box-shadow:0 5px 18px rgba(25,25,25,.028);opacity:var(--inactive,.30);filter:saturate(.45);transition:opacity .7s ease,filter .7s ease,transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .7s ease,border-color .7s ease}
.wplsm-left .wplsm-card{margin-right:auto}
.wplsm-right .wplsm-card{margin-left:auto}
.wplsm-card.active{opacity:1;filter:saturate(1);transform:scale(var(--active-scale,1.02));border-color:color-mix(in srgb,var(--glow-color) 18%,transparent);box-shadow:0 8px 24px rgba(20,20,20,.05),0 0 var(--glow-strength,24px) color-mix(in srgb,var(--glow-color) var(--glow-opacity,28%),transparent)}
.wplsm-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center}
.wplsm-icon img,.wplsm-icon svg{width:100%;height:100%;object-fit:contain;display:block}
.wplsm-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.wplsm-card-title{font-size:16px;line-height:1.12;font-weight:700}
.wplsm-card-meta{font-size:12.5px;color:var(--muted);line-height:1.25}
.wplsm-network{position:relative;min-height:470px;display:grid;place-items:center;z-index:3;pointer-events:none}
.wplsm-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.wplsm-lines path{fill:none;stroke:var(--line);stroke-width:1.25;stroke-dasharray:2 8;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.72;animation:wplsm-flow var(--line-speed,2.8s) linear infinite;transition:opacity .45s ease,stroke .45s ease}
@keyframes wplsm-flow{from{stroke-dashoffset:0}to{stroke-dashoffset:-72}}
.wplsm-core{position:relative;width:180px;height:180px;border-radius:22px;background:var(--core_bg);border:1px solid rgba(185,175,159,.25);box-shadow:0 12px 40px rgba(108,93,69,.055),inset 0 0 0 1px rgba(188,176,153,.10);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;z-index:3}
.wplsm-halo{position:absolute;width:150%;height:150%;border:1px solid color-mix(in srgb,var(--line) 20%,transparent);border-radius:50%;z-index:-1}
.wplsm-core img{max-width:68px;max-height:54px;object-fit:contain;margin-bottom:10px}
.wplsm-webprime-w{font-size:58px;font-weight:900;line-height:.8;letter-spacing:-.12em;color:#0F1A2B;margin:0 0 12px;transform:skewX(-8deg);text-shadow:10px 0 0 rgba(15,26,43,.18)}
.wplsm-core-title{font-size:21px;line-height:1;font-weight:760}
.wplsm-core-sub{font-size:11px;letter-spacing:.11em;margin-top:14px;color:var(--muted)}
.wplsm.paused .wplsm-lines path{animation-play-state:paused}
@media(max-width:1199px){
 .wplsm-stage{grid-template-columns:240px minmax(360px,1fr) 240px;column-gap:38px}
 .wplsm-card{width:240px}
}
@media(max-width:899px){
 .wplsm-stage{grid-template-columns:210px minmax(300px,1fr) 210px;column-gap:14px}
 .wplsm-card{width:210px;padding:10px 11px;gap:9px}
 .wplsm-card-meta{font-size:11px}
 .wplsm-core{width:190px;height:190px}
 .wplsm-webprime-w{font-size:48px}
}
@media(max-width:599px){
 .wplsm-stage{display:flex;flex-direction:column;gap:16px}
 .wplsm-network{position:relative;width:100%;height:245px;min-height:245px;order:-1}
 .wplsm-lines{display:none}
 .wplsm-side{width:100%;display:grid;grid-template-columns:1fr;gap:10px}
 .wplsm-card{width:100%;min-height:72px}
 .wplsm.mobile-compact .wplsm-side{grid-template-columns:1fr 1fr}
 .wplsm.mobile-compact .wplsm-card{padding:9px;gap:7px}
 .wplsm.mobile-compact .wplsm-card-meta{display:none}
 .wplsm.mobile-core-only .wplsm-side{display:none}
}
@media(prefers-reduced-motion:reduce){
 .wplsm-lines path{animation:none}
 .wplsm-card,.wplsm-eyebrow{transition:none}
}

.wplsm-card.active-soft{opacity:.38;filter:saturate(.72);box-shadow:0 4px 14px rgba(20,20,20,.025),0 0 calc(var(--glow-strength,24px)*.38) color-mix(in srgb,var(--glow-color) 8%,transparent)}

.wplsm-lines path.is-hot{opacity:1;stroke:color-mix(in srgb,var(--glow-color) 45%,var(--line));}


/* Asset 07 · Detalles premium */
.wplsm.hide-top-title .wplsm-eyebrow{display:none!important}
.wplsm.hide-lines .wplsm-lines{display:none!important}
.wplsm.hide-arrows marker{display:none!important}
.wplsm.hide-halo .wplsm-halo{display:none!important}
.wplsm.hide-core-sub .wplsm-core-sub{display:none!important}

/* Asset 07 · Transiciones entre secciones */
.wp-curve-top{
  border-top-left-radius:var(--wp-section-radius,32px);
  border-top-right-radius:var(--wp-section-radius,32px);
  margin-top:calc(var(--wp-section-overlap,0px) * -1);
  position:relative;
  z-index:3;
  overflow:hidden;
}
.wp-curve-bottom{
  position:relative;
  z-index:2;
  overflow:visible!important;
  padding-bottom:var(--wp-transition-depth,28px);
}
.wp-curve-bottom::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:var(--wp-transition-depth,28px);
  background:var(--wp-transition-next,#fff);
  border-top-left-radius:var(--wp-section-radius,32px);
  border-top-right-radius:var(--wp-section-radius,32px);
  pointer-events:none;
  z-index:10;
  transform:translateY(calc(var(--wp-section-overlap,0px) * -1));
}
@media(max-width:599px){
  .wp-curve-no-mobile.wp-curve-top{
    border-top-left-radius:0!important;
    border-top-right-radius:0!important;
    margin-top:0!important;
  }
  .wp-curve-no-mobile.wp-curve-bottom{
    padding-bottom:0!important;
  }
  .wp-curve-no-mobile.wp-curve-bottom::after{
    display:none!important;
  }
}

.wplsm.title-style-fade .wplsm-eyebrow.changing{opacity:0;transform:none}
.wplsm.title-style-fade-up .wplsm-eyebrow.changing{opacity:0;transform:translateY(-7px)}
.wplsm.title-style-none .wplsm-eyebrow{transition:none!important}
.wplsm.title-style-none .wplsm-eyebrow.changing{opacity:1!important;transform:none!important}


/* V1.13.7 · Alineación real del título superior
   El título tiene max-width; por eso text-align solo alinea el texto dentro del bloque,
   pero no mueve el bloque. Estas clases centran/izquierdan/derechan el bloque completo. */
.wplsm.top-title-center .wplsm-eyebrow{
	margin-left:auto!important;
	margin-right:auto!important;
}
.wplsm.top-title-left .wplsm-eyebrow{
	margin-left:0!important;
	margin-right:auto!important;
}
.wplsm.top-title-right .wplsm-eyebrow{
	margin-left:auto!important;
	margin-right:0!important;
}


/* ================================================================
   V1.15.0 · Asset 07 · Responsive Narrative Flow
   Desktop / Portátil: mapa horizontal original intacto.
   Tablet: mapa por defecto; flujo opcional.
   Móvil: flujo vertical compacto por defecto.
   ================================================================ */

.wplsm-card,
.wplsm-network{scroll-margin-top:22vh}

/* -------------------------- TABLET -------------------------- */
@media(max-width:899px) and (min-width:600px){
  .wplsm.tablet-exp-flow,
  .wplsm.tablet-exp-sticky{
    min-height:0!important;
    height:auto!important;
  }

  .wplsm.tablet-exp-flow .wplsm-stage,
  .wplsm.tablet-exp-sticky .wplsm-stage{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    min-height:0!important;
    gap:0!important;
    position:relative;
  }

  .wplsm.tablet-exp-flow .wplsm-lines,
  .wplsm.tablet-exp-sticky .wplsm-lines{display:none!important}

  .wplsm.tablet-exp-flow .wplsm-side,
  .wplsm.tablet-exp-sticky .wplsm-side{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:var(--wplsm-t-flow-gap,12px)!important;
  }

  .wplsm.tablet-exp-flow .wplsm-card,
  .wplsm.tablet-exp-sticky .wplsm-card{
    width:var(--wplsm-t-flow-w,86%)!important;
    max-width:680px!important;
    min-height:var(--wplsm-t-flow-h,76px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    position:relative;
    z-index:2;
  }

  .wplsm.tablet-exp-flow .wplsm-card-title,
  .wplsm.tablet-exp-sticky .wplsm-card-title{
    font-size:var(--wplsm-t-title,16px)!important;
  }

  .wplsm.tablet-exp-flow .wplsm-card-meta,
  .wplsm.tablet-exp-sticky .wplsm-card-meta{
    font-size:var(--wplsm-t-meta,12px)!important;
  }

  .wplsm.tablet-exp-flow .wplsm-network,
  .wplsm.tablet-exp-sticky .wplsm-network{
    width:100%!important;
    min-height:calc(var(--wplsm-t-flow-core,170px) + 70px)!important;
    height:auto!important;
    display:grid!important;
    place-items:center!important;
    padding:35px 0!important;
    order:initial!important;
  }

  .wplsm.tablet-exp-flow .wplsm-core,
  .wplsm.tablet-exp-sticky .wplsm-core{
    width:var(--wplsm-t-flow-core,170px)!important;
    height:var(--wplsm-t-flow-core,170px)!important;
  }

  /* Línea narrativa vertical detrás de los bloques. */
  .wplsm.tablet-exp-flow .wplsm-stage::before,
  .wplsm.tablet-exp-sticky .wplsm-stage::before{
    content:"";
    position:absolute;
    top:18px;
    bottom:18px;
    left:50%;
    width:1px;
    transform:translateX(-50%);
    background:repeating-linear-gradient(
      to bottom,
      color-mix(in srgb,var(--line) 72%,transparent) 0 3px,
      transparent 3px 10px
    );
    z-index:0;
    pointer-events:none;
  }

  .wplsm.tablet-exp-sticky .wplsm-network{
    position:sticky!important;
    top:18vh;
    z-index:5!important;
    pointer-events:none;
  }
}

/* --------------------------- MÓVIL --------------------------- */
@media(max-width:599px){
  /* Reset de los límites heredados del widget de escritorio. */
  .wplsm.mobile-exp-flow,
  .wplsm.mobile-exp-sticky{
    min-height:0!important;
    height:auto!important;
    padding-left:var(--wplsm-m-outer,10px)!important;
    padding-right:var(--wplsm-m-outer,10px)!important;
    overflow:hidden;
  }

  .wplsm.mobile-exp-flow .wplsm-inner,
  .wplsm.mobile-exp-sticky .wplsm-inner{
    width:100%!important;
    max-width:100%!important;
  }

  .wplsm.mobile-exp-flow .wplsm-eyebrow,
  .wplsm.mobile-exp-sticky .wplsm-eyebrow{
    width:100%!important;
    max-width:100%!important;
    font-size:var(--wplsm-m-top,32px)!important;
    line-height:1.08!important;
    margin-left:auto!important;
    margin-right:auto!important;
    margin-bottom:28px!important;
    padding-left:4px;
    padding-right:4px;
    text-wrap:balance;
  }

  .wplsm.mobile-exp-flow .wplsm-stage,
  .wplsm.mobile-exp-sticky .wplsm-stage{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    width:100%!important;
    min-height:0!important;
    gap:0!important;
    position:relative;
  }

  .wplsm.mobile-exp-flow .wplsm-lines,
  .wplsm.mobile-exp-sticky .wplsm-lines{display:none!important}

  .wplsm.mobile-exp-flow .wplsm-side,
  .wplsm.mobile-exp-sticky .wplsm-side{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    grid-template-columns:none!important;
    gap:var(--wplsm-m-flow-gap,10px)!important;
    position:relative;
    z-index:2;
  }

  .wplsm.mobile-exp-flow .wplsm-card,
  .wplsm.mobile-exp-sticky .wplsm-card{
    width:var(--wplsm-m-flow-w,94%)!important;
    max-width:520px!important;
    min-height:var(--wplsm-m-flow-h,72px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:10px var(--wplsm-m-card-x,14px)!important;
    gap:12px!important;
    opacity:.34;
    filter:saturate(.58);
    transform:none!important;
    position:relative;
    z-index:2;
  }

  .wplsm.mobile-exp-flow .wplsm-icon,
  .wplsm.mobile-exp-sticky .wplsm-icon{
    width:var(--wplsm-m-icon,38px)!important;
    height:var(--wplsm-m-icon,38px)!important;
    flex-basis:var(--wplsm-m-icon,38px)!important;
  }

  .wplsm.mobile-exp-flow .wplsm-card-title,
  .wplsm.mobile-exp-sticky .wplsm-card-title{
    font-size:var(--wplsm-m-title,16px)!important;
    line-height:1.15!important;
  }

  .wplsm.mobile-exp-flow .wplsm-card-meta,
  .wplsm.mobile-exp-sticky .wplsm-card-meta{
    display:block!important;
    font-size:var(--wplsm-m-meta,12px)!important;
    line-height:1.32!important;
  }

  /* Núcleo en el centro real del recorrido, no arriba. */
  .wplsm.mobile-exp-flow .wplsm-network,
  .wplsm.mobile-exp-sticky .wplsm-network{
    position:relative!important;
    order:initial!important;
    width:100%!important;
    height:auto!important;
    min-height:calc(var(--wplsm-m-core,158px) + (var(--wplsm-m-core-gap,24px) * 2))!important;
    padding:var(--wplsm-m-core-gap,24px) 0!important;
    display:grid!important;
    place-items:center!important;
    z-index:3;
  }

  .wplsm.mobile-exp-flow .wplsm-core,
  .wplsm.mobile-exp-sticky .wplsm-core{
    width:var(--wplsm-m-core,158px)!important;
    height:var(--wplsm-m-core,158px)!important;
  }

  /* Línea de proceso: se mantiene detrás de tarjetas y núcleo. */
  .wplsm.mobile-exp-flow .wplsm-stage::before,
  .wplsm.mobile-exp-sticky .wplsm-stage::before{
    content:"";
    position:absolute;
    top:14px;
    bottom:14px;
    left:50%;
    width:1px;
    transform:translateX(-50%);
    background:repeating-linear-gradient(
      to bottom,
      color-mix(in srgb,var(--line) 68%,transparent) 0 3px,
      transparent 3px 10px
    );
    z-index:0;
    pointer-events:none;
  }

  /* Estado de foco gobernado por scroll natural. */
  .wplsm.mobile-exp-flow .wplsm-card.flow-active,
  .wplsm.mobile-exp-sticky .wplsm-card.flow-active{
    opacity:1!important;
    filter:saturate(1)!important;
    transform:scale(1.01)!important;
    border-color:color-mix(in srgb,var(--glow-color) 20%,transparent)!important;
    box-shadow:
      0 8px 22px rgba(20,20,20,.045),
      0 0 calc(var(--glow-strength,24px) * .68)
      color-mix(in srgb,var(--glow-color) 18%,transparent)!important;
  }

  .wplsm.mobile-exp-flow .wplsm-core.flow-active,
  .wplsm.mobile-exp-sticky .wplsm-core.flow-active{
    box-shadow:
      0 12px 40px rgba(108,93,69,.07),
      0 0 calc(var(--glow-strength,24px) * .8)
      color-mix(in srgb,var(--glow-color) 13%,transparent)!important;
  }

  /* Sticky es opcional: flujo normal sigue siendo el recomendado. */
  .wplsm.mobile-exp-sticky .wplsm-network{
    position:sticky!important;
    top:20vh!important;
    z-index:6!important;
  }

  /* Mapa compacto opcional: conserva la arquitectura antigua. */
  .wplsm.mobile-exp-map .wplsm-network{order:-1}
}

/* Movimiento reducido: todo visible, sin depender de animaciones. */
@media(prefers-reduced-motion:reduce){
  .wplsm .wplsm-card{
    transition:none!important;
  }
  .wplsm.mobile-exp-flow .wplsm-card,
  .wplsm.mobile-exp-sticky .wplsm-card{
    opacity:1!important;
    filter:none!important;
    transform:none!important;
  }
}


/* ================================================================
   V1.15.1 · Asset 07 · Tablet Fit + Mobile Compact System
   - Tablet mantiene el lenguaje visual de escritorio, pero con grid fluido.
   - Móvil presenta el sistema, no una lista: 4 entradas, núcleo, 4 salidas.
   ================================================================ */

/* TABLET MAP: mantener composición completa dentro de 768–899px */
@media(max-width:899px) and (min-width:600px){
  .wplsm.tablet-exp-map{
    overflow:hidden!important;
  }

  .wplsm.tablet-exp-map .wplsm-inner{
    width:100%!important;
    max-width:100%!important;
    padding-left:14px!important;
    padding-right:14px!important;
    box-sizing:border-box;
  }

  .wplsm.tablet-exp-map .wplsm-stage{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr)!important;
    column-gap:12px!important;
    min-height:430px!important;
    overflow:visible!important;
  }

  .wplsm.tablet-exp-map .wplsm-side{
    min-width:0!important;
    width:100%!important;
    gap:12px!important;
  }

  .wplsm.tablet-exp-map .wplsm-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:66px!important;
    padding:9px 10px!important;
    gap:8px!important;
    box-sizing:border-box;
  }

  .wplsm.tablet-exp-map .wplsm-left .wplsm-card,
  .wplsm.tablet-exp-map .wplsm-right .wplsm-card{
    margin-left:0!important;
    margin-right:0!important;
  }

  .wplsm.tablet-exp-map .wplsm-icon{
    width:32px!important;
    height:32px!important;
    flex:0 0 32px!important;
  }

  .wplsm.tablet-exp-map .wplsm-card-title{
    font-size:14px!important;
    line-height:1.1!important;
  }

  .wplsm.tablet-exp-map .wplsm-card-meta{
    font-size:10.5px!important;
    line-height:1.2!important;
    white-space:normal!important;
    overflow-wrap:anywhere;
  }

  .wplsm.tablet-exp-map .wplsm-network{
    min-height:430px!important;
    width:170px!important;
  }

  .wplsm.tablet-exp-map .wplsm-core{
    width:154px!important;
    height:154px!important;
    padding:12px!important;
  }

  .wplsm.tablet-exp-map .wplsm-core img{
    max-width:55px!important;
    max-height:42px!important;
    margin-bottom:7px!important;
  }

  .wplsm.tablet-exp-map .wplsm-core-title{
    font-size:16px!important;
  }

  .wplsm.tablet-exp-map .wplsm-core-sub{
    font-size:9px!important;
    margin-top:10px!important;
  }

  .wplsm.tablet-exp-map .wplsm-halo{
    width:142%!important;
    height:142%!important;
  }

  .wplsm.tablet-exp-map .wplsm-lines path{
    stroke-width:1!important;
    stroke-dasharray:2 9!important;
    opacity:.58!important;
  }

  /* En tablet eliminamos las puntas SVG para que las curvas se lean limpias,
     sin "muñetones" en espacios cortos. */
  .wplsm.tablet-exp-map .wplsm-lines marker{
    display:none!important;
  }
}

/* MÓVIL: arquitectura compacta de sistema, no lista larga */
@media(max-width:599px){
  .wplsm.mobile-exp-system{
    min-height:0!important;
    height:auto!important;
    padding-left:10px!important;
    padding-right:10px!important;
    overflow:hidden!important;
  }

  .wplsm.mobile-exp-system .wplsm-inner{
    width:100%!important;
    max-width:100%!important;
  }

  .wplsm.mobile-exp-system .wplsm-eyebrow{
    width:100%!important;
    max-width:350px!important;
    font-size:clamp(26px,8vw,34px)!important;
    line-height:1.08!important;
    margin:0 auto 24px!important;
    text-wrap:balance;
  }

  .wplsm.mobile-exp-system .wplsm-stage{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    width:100%!important;
    min-height:0!important;
    gap:0!important;
    position:relative;
  }

  .wplsm.mobile-exp-system .wplsm-lines{
    display:none!important;
  }

  .wplsm.mobile-exp-system .wplsm-side{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    position:relative;
    z-index:2;
    padding-top:26px!important;
  }

  .wplsm.mobile-exp-system .wplsm-left::before,
  .wplsm.mobile-exp-system .wplsm-right::before{
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    font-size:9px;
    line-height:1;
    letter-spacing:.15em;
    font-weight:750;
    color:var(--muted);
    white-space:nowrap;
  }

  .wplsm.mobile-exp-system .wplsm-left::before{
    content:attr(data-mobile-input-label);
  }

  .wplsm.mobile-exp-system .wplsm-right::before{
    content:attr(data-mobile-output-label);
  }

  .wplsm.mobile-exp-system .wplsm-card{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:76px!important;
    margin:0!important;
    padding:10px!important;
    gap:8px!important;
    box-sizing:border-box;
    opacity:.72!important;
    filter:saturate(.78)!important;
    transform:none!important;
  }

  .wplsm.mobile-exp-system .wplsm-card.active{
    opacity:1!important;
    filter:saturate(1)!important;
    transform:translateY(-1px)!important;
  }

  .wplsm.mobile-exp-system .wplsm-card.active-soft{
    opacity:.88!important;
    filter:saturate(.92)!important;
  }

  .wplsm.mobile-exp-system .wplsm-icon{
    width:30px!important;
    height:30px!important;
    flex:0 0 30px!important;
  }

  .wplsm.mobile-exp-system .wplsm-card-title{
    font-size:13px!important;
    line-height:1.08!important;
  }

  .wplsm.mobile-exp-system .wplsm-card-meta{
    display:block!important;
    font-size:9.5px!important;
    line-height:1.18!important;
    overflow-wrap:anywhere;
  }

  .wplsm.mobile-exp-system .wplsm-network{
    position:relative!important;
    order:initial!important;
    width:100%!important;
    height:auto!important;
    min-height:198px!important;
    display:grid!important;
    place-items:center!important;
    padding:22px 0!important;
    z-index:3!important;
  }

  .wplsm.mobile-exp-system .wplsm-network::before,
  .wplsm.mobile-exp-system .wplsm-network::after{
    content:"";
    position:absolute;
    left:50%;
    width:1px;
    height:22px;
    transform:translateX(-50%);
    background:repeating-linear-gradient(
      to bottom,
      color-mix(in srgb,var(--line) 75%,transparent) 0 3px,
      transparent 3px 8px
    );
  }

  .wplsm.mobile-exp-system .wplsm-network::before{top:0}
  .wplsm.mobile-exp-system .wplsm-network::after{bottom:0}

  .wplsm.mobile-exp-system .wplsm-core{
    width:156px!important;
    height:156px!important;
    padding:13px!important;
  }

  .wplsm.mobile-exp-system .wplsm-core img{
    max-width:56px!important;
    max-height:42px!important;
    margin-bottom:7px!important;
  }

  .wplsm.mobile-exp-system .wplsm-core-title{
    font-size:16px!important;
  }

  .wplsm.mobile-exp-system .wplsm-core-sub{
    font-size:9px!important;
    line-height:1.25!important;
    margin-top:10px!important;
  }

  .wplsm.mobile-exp-system .wplsm-halo{
    width:138%!important;
    height:138%!important;
  }
}

/* Reduce motion mantiene el sistema totalmente legible. */
@media(max-width:599px) and (prefers-reduced-motion:reduce){
  .wplsm.mobile-exp-system .wplsm-card{
    opacity:1!important;
    filter:none!important;
    transition:none!important;
  }
}