/* SOON Cómo Funciona — Figma 20:496 | FIX: breakout + solo h2 */
.soon-como {
  padding: 104px 64px;
  background: #F2F5F8;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0;
}
.elementor-widget-soon-como-funciona .soon-como,
.elementor .soon-como {
  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-como__header { max-width: none; margin: 0 0 0 0; text-align: left; display:flex; flex-direction:column; align-items:flex-start; }
.soon-como__eyebrow {
  display:inline-flex; align-items:center; gap:10px;
  font-family:'Sora',sans-serif; font-weight:600; font-size:12px; letter-spacing:0.08em; color:#2868C0;
}
.soon-como__title {
  font-family:'Sora',sans-serif; font-weight:600; font-size:42px; line-height:1.14em; letter-spacing:-0.014em; color:#0C1E33;
  margin:16px 0 0 0;
  max-width:820px; width:100%;
}
.soon-como__desc {
  font-family:'Sora',sans-serif; font-size:18px; line-height:1.65em; color:#4E5D6C; margin:16px 0 0 0; max-width:660px; width:100%;
}
.soon-como__grid {
  display:flex; gap:24px; margin-top:48px;
}
.soon-como__card {
  flex:1; background:#FFFFFF; border:1px solid rgba(255,255,255,0.08); /* use light border */
  border: 1px solid rgba(12,30,51,0.08);
  border-radius:20px; padding:36px 34px; box-sizing:border-box;
  display:flex; flex-direction:column; gap:0;
}
.soon-como__num {
  font-family:'Sora',sans-serif; font-weight:600; font-size:13px; letter-spacing:0.06em; color:#2868C0; margin-bottom:10px;
}
.soon-como__card-title {
  font-family:'Sora',sans-serif; font-weight:600; font-size:21px; line-height:1.32em; letter-spacing:-0.005em; color:#0C1E33; margin:0 0 12px 0;
}
.soon-como__card-text {
  font-family:'Sora',sans-serif; font-size:15.5px; line-height:1.62em; color:#4E5D6C; margin:0;
}
@media (max-width:1024px){
  .soon-como__grid { flex-direction:column; }
  .soon-como__title { font-size:36px; }
  .elementor-widget-soon-como-funciona .soon-como,
  .elementor .soon-como {
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width:768px){
  .soon-como__title { font-size:28px; }
  .soon-como__card { padding:28px 24px; }
  .elementor-widget-soon-como-funciona .soon-como,
  .elementor .soon-como {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 56px;
    padding-bottom: 56px;
  }
}