/* Complemento visual del Paso 3, alineado con steps.css y boxes.css */
.account-route { display: flex; align-items: stretch; margin: 20px 0 26px; border: 1px solid #a3d8e7; }
.account-route__item { display: flex; flex: 1; align-items: center; gap: 12px; padding: 18px 20px; color: #26343b; background: #fff; font: 600 16px/1.4 'Encode Sans', sans-serif; }
.account-route__item i { color: #00aec3; font-size: 21px; }
.account-route__arrow { display: grid; place-items: center; width: 48px; color: #fff; background: #00aec3; font-size: 18px; }
.account-route__item--destination { background: #eff9fa; }
.account-instruction { margin: 22px 0; padding-left: 18px; border-left: 4px solid #00aec3; }
.account-instruction p { margin: 8px 0 !important; }
.account-success { display: flex; align-items: center; gap: 15px; margin-top: 26px; padding: 20px 22px; background: #cae7ea; border-left: 6px solid #00aec3; }
.account-success i { color: #00899a; font-size: 26px; }
.account-success p { margin: 0 !important; font-size: 16px !important; line-height: 1.55; }

@media (max-width: 650px) {
    .account-route { flex-direction: column; }
    .account-route__arrow { width: auto; height: 38px; }
    .account-route__arrow i { transform: rotate(90deg); }
}