/* Oracle Form Migrator: secciones de historia (problema y cómo funciona).
   Usa la grilla de shared/landing/business-story.css y los encabezados de la landing. */
.ofm-story .encabezado{margin-bottom:55px}
html body main>section.ofm-problem{background:linear-gradient(#f0eff6,#fff 410px)!important;padding-top:60px!important}
.ofm-problem .problem-explained article{text-align:center}
.ofm-problem .problem-explained p{margin:0 auto}
.ofm-steps{grid-template-columns:repeat(4,1fr);gap:40px}
.ofm-steps article{text-align:center}
.ofm-steps .what-visual{height:160px;margin-bottom:18px}
.ofm-steps .what-visual>img{width:150px;height:150px}
.ofm-steps article+article:before{left:-30px;top:70px}
.ofm-steps .eyeline{font-size:11px;letter-spacing:.14em;color:#49749c;font-weight:700}
.ofm-steps h3{font-size:22px}
@media(max-width:1050px){.ofm-steps{grid-template-columns:repeat(2,1fr)}.ofm-steps article+article:before{display:none}}
@media(max-width:760px){.ofm-steps{grid-template-columns:1fr}.ofm-story .encabezado{margin-bottom:35px}.ofm-problem .problem-explained article>img{width:140px;height:120px;margin-bottom:12px}.ofm-steps .what-visual{height:120px;margin-bottom:10px}.ofm-steps .what-visual>img{width:110px;height:110px}}