.flow-player{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:28px 0 0}.flow-progress-info{flex:1;max-width:360px}.flow-progress-label{font-size:11px;color:#637d09;font-weight:600}.flow-progress-track{height:3px;background:#e1e8d6;border-radius:3px;margin-top:9px;overflow:hidden}.flow-progress-track>div{height:100%;background:#88a80d;transition:width .3s}.flow-player-controls{display:flex;gap:8px}.flow-player-controls button{border:1px solid #dce4d1;border-radius:6px;background:#fff;color:#465c12;font:500 12px Urbanist,sans-serif;padding:9px 13px;cursor:pointer;min-height:38px}.commercial-step.flow-completed .commercial-step-icon{border-color:#afc478;background:#f0f5e5}.commercial-step.flow-completed .commercial-step-icon:after{content:'✓';position:absolute;top:-3px;right:calc(50% - 36px);background:#637d09;color:#fff;border:2px solid #fff;border-radius:50%;width:18px;height:18px;font-size:11px;display:grid;place-items:center}.flow-player-controls button:focus-visible{outline:2px solid #88a80d;outline-offset:3px}@media(max-width:760px){.commercial-journey{display:block;min-height:112px}.commercial-journey .commercial-step:not(.selected){display:none!important}.commercial-journey .commercial-step.selected{display:grid;width:100%;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:0 18px;min-height:100px}.commercial-journey .commercial-next{display:none!important}.commercial-journey .commercial-step-icon{position:relative;grid-row:span 2}.commercial-journey .commercial-step-title{margin:0;font-size:20px}.commercial-journey .commercial-step-copy{margin-top:6px}.flow-player{gap:16px;margin-top:16px}.flow-progress-info{min-width:75px}.flow-player-controls{gap:5px}.flow-player-controls button{padding:10px;min-height:42px}.commercial-channels{margin-bottom:18px}}/* Paso activo centrado en móvil para todas las landings. */
@media(max-width:760px){.arca-landing .commercial-journey .commercial-step.selected{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:16px;min-height:150px;margin:0 auto}.arca-landing .commercial-journey .commercial-step-icon{flex-shrink:0;margin:0 auto}.arca-landing .commercial-journey .commercial-step-title{width:100%;text-align:center;margin:0}.arca-landing .commercial-journey .commercial-step-copy{text-align:center;margin:0;max-width:360px}.arca-landing .commercial-journey{width:100%}}
/* Móvil: icono a la izquierda y texto centrado verticalmente a su derecha. */
@media(max-width:760px){.arca-landing .commercial-journey .commercial-step.selected{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:20px;row-gap:6px;align-content:center;align-items:center;text-align:left;min-height:120px;max-width:500px;margin:0 auto}.arca-landing .commercial-journey .commercial-step-icon{grid-column:1;grid-row:1 / 3;width:64px;height:64px;margin:0;align-self:center}.arca-landing .commercial-journey .commercial-step-title{grid-column:2;text-align:left;align-self:center;margin:0;width:auto}.arca-landing .commercial-journey .commercial-step-copy{grid-column:2;text-align:left;margin:0}.arca-landing .commercial-journey .commercial-step.selected:not(:has(.commercial-step-copy)) .commercial-step-title{grid-row:1 / 3}}
/* El paso móvil sigue el margen izquierdo del contenido. */
@media(max-width:760px){.arca-landing .commercial-journey .commercial-step.selected{max-width:none;width:100%;margin:0;justify-content:start}.arca-landing .commercial-journey .commercial-step-icon{margin:0;justify-self:start}.arca-landing .commercial-journey .commercial-step-title,.arca-landing .commercial-journey .commercial-step-copy{text-align:left;justify-self:start}}