/* SOON Comparativa VS — Figma M07 pixel-perfect (Image 1) */
.soon-vs{padding:96px 64px;background:#F2F5F8;box-sizing:border-box;width:100%}
.elementor-widget-soon-comparativa-vs .soon-vs,.elementor .soon-vs{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:max(64px,calc((100vw - 1312px)/2));padding-right:max(64px,calc((100vw - 1312px)/2))}
.soon-vs__header{max-width:760px;margin:0 0 36px 0}
.soon-vs__eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'Sora',sans-serif;font-weight:600;font-size:11px;letter-spacing:.1em;color:#2868C0;text-transform:uppercase}
.soon-vs__eyebrow .soon-dot{width:7px;height:7px;border-radius:50%;background:#2868C0;display:inline-block}
.soon-vs__title{font-family:'Sora',sans-serif;font-weight:600;font-size:36px;color:#0C1E33;margin:14px 0 0 0;line-height:1.15em;letter-spacing:-.02em}
.soon-vs__desc{font-family:'Sora',sans-serif;font-size:15px;color:#5B6472;margin:12px 0 0 0;line-height:1.6em}
.soon-vs__wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.soon-vs__table{min-width:720px;border:1px solid #E6EAF0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(12,30,51,.04)}

/* Grid 3 cols: concepto 1.35fr, soon 1fr, trad 1fr */
.soon-vs__row{display:grid;grid-template-columns:1.32fr 1.05fr 1.22fr}
.soon-vs__head{background:#fff;border-bottom:1px solid #E6EAF0}
.soon-vs__cell{padding:15px 20px;border-right:1px solid #E6EAF0;border-bottom:1px solid #E6EAF0;font-family:'Sora',sans-serif;font-size:13.5px;line-height:1.55em;display:flex;gap:8px;align-items:center;min-height:56px;box-sizing:border-box}
.soon-vs__cell:last-child{border-right:none}
.soon-vs__row:last-child .soon-vs__cell{border-bottom:none}

/* Header cells */
.soon-vs__cell--head-soon,.soon-vs__cell--head-trad{justify-content:center;text-align:center}
.soon-vs__cell--head-soon span{font-weight:700;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:#2868C0}
.soon-vs__cell--head-trad span{font-weight:700;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:#6B7A90}
.soon-vs__head .soon-vs__cell--concepto{background:#fff;border-right:1px solid #E6EAF0}

/* Concepto col */
.soon-vs__cell--concepto{font-weight:600;color:#0C1E33;font-size:13.5px;justify-content:flex-start;background:transparent}

/* Alternas: Figma muestra gris muy claro en filas pares */
.soon-vs__row--alt .soon-vs__cell{background:#F9FAFB}
.soon-vs__row--alt .soon-vs__cell--head-soon,.soon-vs__row--alt .soon-vs__cell--head-trad{background:#fff}

/* SOON col */
.soon-vs__cell--soon{justify-content:flex-start;color:#1A2B42}
.soon-vs__text--soon{color:#1A2B42;font-weight:400}
.soon-vs__check{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px}
.soon-vs__ico--check path{stroke:#2868C0}

/* Trad col */
.soon-vs__cell--trad{justify-content:flex-start;color:#6B7A90}
.soon-vs__text--trad{color:#6B7A90;font-weight:400}
.soon-vs__cross{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;opacity:.95}
.soon-vs__ico--cross path{stroke:#9AA5B1}

/* Hover sutil */
.soon-vs__row:not(.soon-vs__head):hover .soon-vs__cell{background:#F1F5F9}
.soon-vs__row--alt:not(.soon-vs__head):hover .soon-vs__cell{background:#EEF2F7}

@media(max-width:1024px){.soon-vs__table{min-width:640px}}
@media(max-width:768px){
  .elementor-widget-soon-comparativa-vs .soon-vs{padding-left:20px;padding-right:20px;padding-top:56px;padding-bottom:56px}
  .soon-vs__title{font-size:26px}
  .soon-vs__table{min-width:600px}
  .soon-vs__cell{padding:13px 14px;font-size:13px;min-height:50px}
}