.proof-item .proof-mark {
  display: block;
  width: 64px;
  height: 64px;
  margin: 0 0 30px;
  color: #f2f1eb;
  shape-rendering: geometricPrecision;
}

.proof-item .proof-mark * {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.1;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.proof-item .proof-mark .diagram-fill {
  fill: currentColor;
  stroke: none;
}

.proof-item .proof-mark text {
  fill: currentColor;
  stroke: none;
  font: 500 5.5px/1 "Geist Mono", monospace;
  letter-spacing: .02em;
}

.pg-article .art__body .editorial-flow {
  width: min(1080px, calc(100vw - 40px));
  max-width: none;
  margin: clamp(58px, 7vw, 92px) 0 clamp(68px, 8vw, 108px) 50%;
  transform: translateX(-50%);
}

.editorial-flow__desktop {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 18px;
  box-shadow: 0 28px 74px rgba(16, 37, 50, .18);
  shape-rendering: geometricPrecision;
}

.editorial-flow__desktop text {
  font-family: "Geist Mono", monospace;
  letter-spacing: .035em;
}

.editorial-flow__desktop .flow-kicker,
.editorial-flow__desktop .flow-case {
  fill: rgba(255, 255, 255, .78);
  font-size: 11px;
  font-weight: 500;
}

.editorial-flow__desktop .flow-rule {
  stroke: rgba(255, 255, 255, .27);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.editorial-flow__desktop .flow-actor > rect {
  fill: url(#flow-glass);
  stroke: rgba(255, 255, 255, .66);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.editorial-flow__desktop .flow-actor__label {
  fill: #71808b;
  font-size: 10px;
  font-weight: 500;
}

.editorial-flow__desktop .flow-actor__name {
  fill: #132034;
  font-family: Geist, sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -.018em;
}

.editorial-flow__desktop .flow-actor__meta {
  fill: #687682;
  font-family: Geist, sans-serif;
  font-size: 11.5px;
  letter-spacing: 0;
}

.editorial-flow__desktop .flow-actor__icon {
  fill: #e8f1f4;
  stroke: rgba(68, 94, 113, .22);
  stroke-width: 1;
}

.editorial-flow__desktop .flow-actor__glyph {
  fill: none;
  stroke: #345873;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.editorial-flow__desktop .flow-actor__orb {
  fill: url(#flow-orb);
  stroke: rgba(255, 255, 255, .85);
  stroke-width: 1;
}

.editorial-flow__desktop .flow-route path {
  fill: none;
  stroke: rgba(220, 238, 246, .38);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.editorial-flow__desktop .flow-route circle {
  fill: #dceef4;
  stroke: rgba(13, 34, 48, .45);
  stroke-width: 3;
}

.editorial-flow__desktop .flow-step rect {
  fill: rgba(7, 20, 30, .8);
  stroke: rgba(255, 255, 255, .32);
  stroke-width: 1;
}

.editorial-flow__desktop .flow-step text {
  fill: rgba(255, 255, 255, .58);
  font-size: 9px;
}

.editorial-flow__desktop .flow-step .flow-step__main {
  fill: #fff;
  font-family: Geist, sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -.005em;
}

.editorial-flow__desktop .flow-step--core rect {
  fill: url(#flow-glass);
  stroke: rgba(255, 255, 255, .72);
}

.editorial-flow__desktop .flow-step--core text { fill: #73808b; }
.editorial-flow__desktop .flow-step--core .flow-step__main { fill: #132034; }

.editorial-flow__desktop .flow-message {
  fill: none;
  stroke: rgba(237, 248, 251, .75);
  stroke-width: 1.25;
  vector-effect: non-scaling-stroke;
}

.editorial-flow__desktop marker path { fill: rgba(237, 248, 251, .9); }
.editorial-flow__desktop .flow-message--return { stroke-dasharray: 4 5; }

.editorial-flow__desktop .flow-result > rect {
  fill: url(#flow-glass);
  stroke: rgba(255, 255, 255, .75);
  stroke-width: 1;
}

.editorial-flow__desktop .flow-result circle { fill: url(#flow-orb); }

.editorial-flow__desktop .flow-result path {
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.editorial-flow__desktop .flow-result__label {
  fill: #6d7b86;
  font-size: 9.5px;
  font-weight: 500;
}

.editorial-flow__desktop .flow-result__name {
  fill: #132034;
  font-family: Geist, sans-serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -.015em;
}

.editorial-flow figcaption {
  max-width: 860px;
  margin: 14px 0 0;
  color: #6f767a;
  font: 400 12px/1.45 Geist, sans-serif;
}

.editorial-flow__mobile { display: none; }

@media (max-width: 760px) {
  .proof-item .proof-mark {
    width: 64px;
    height: 64px;
    margin-bottom: 24px;
  }

  .pg-article .art__body .editorial-flow { width: calc(100vw - 28px); }
  .editorial-flow__desktop { display: none; }

  .editorial-flow__mobile {
    display: block;
    overflow: hidden;
    border-radius: 15px;
    padding: 20px 18px 10px;
    background: linear-gradient(145deg, rgba(5, 17, 27, .88), rgba(9, 38, 54, .66) 54%, rgba(5, 18, 28, .84)), url("/assets/bank/op-documentos.webp") center/cover;
    box-shadow: 0 20px 54px rgba(16, 37, 50, .18);
    color: #fff;
  }

  .editorial-flow__mobile > div {
    position: relative;
    min-height: 116px;
    margin-bottom: 10px;
    padding: 20px 18px 20px 54px;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 12px;
    background: rgba(7, 20, 30, .62);
  }

  .editorial-flow__mobile > div::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 23px;
    width: 10px;
    height: 10px;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 50%;
  }

  .editorial-flow__mobile > div::after {
    content: "";
    position: absolute;
    left: 23px;
    top: 34px;
    bottom: -22px;
    border-left: 1px solid rgba(255, 255, 255, .28);
  }

  .editorial-flow__mobile > div:nth-child(2),
  .editorial-flow__mobile > div:last-child {
    background: rgba(245, 248, 248, .94);
    color: #132034;
  }

  .editorial-flow__mobile > div:nth-child(2)::before,
  .editorial-flow__mobile > div:last-child::before {
    border: 4px solid rgba(255, 255, 255, .9);
    background: #4389a5;
  }

  .editorial-flow__mobile > div:last-child::after { display: none; }

  .editorial-flow__mobile span {
    display: block;
    margin-bottom: 12px;
    color: rgba(255, 255, 255, .56);
    font: 500 8px/1 "Geist Mono", monospace;
    letter-spacing: .07em;
    text-transform: uppercase;
  }

  .editorial-flow__mobile > div:nth-child(2) span,
  .editorial-flow__mobile > div:last-child span { color: #71808b; }

  .editorial-flow__mobile b {
    display: block;
    font: 500 18px/1.14 Geist, sans-serif;
    letter-spacing: -.02em;
  }

  .pg-article .art__body .editorial-flow__mobile p {
    max-width: 280px;
    margin: 8px 0 0;
    color: rgba(255, 255, 255, .68);
    font: 400 12px/1.45 Geist, sans-serif;
  }

  .pg-article .art__body .editorial-flow__mobile > div:nth-child(2) p,
  .pg-article .art__body .editorial-flow__mobile > div:last-child p { color: #687682; }
}