/* ====== Header identico al de la pagina de verificacion ====== */
.vhd{background:#351183;height:92px}
.vhd .vin{max-width:1180px;margin:0 auto;padding:0 20px;height:92px;display:flex;align-items:center;position:relative}

/* stepper centrado */
.vstepper{display:flex;align-items:center;margin:0 auto;width:811px;max-width:100%;position:relative}
.vstepper-logo{position:absolute;right:calc(100% + 24px);top:50%;transform:translateY(-50%);width:165px;height:54px;background:center/contain no-repeat;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}
.vstepper .step{display:flex;align-items:center;gap:8px;flex:none}
.vstepper .circle{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;line-height:1;flex:none;text-align:center}
.vstepper .circle svg{display:block}
.vstepper .circle.done{background:#23C299;color:#0e0a2e}
.vstepper .circle.active{background:#23C299;color:#fff}
.vstepper .circle.inactive{background:transparent;color:#7a6cb0;border:1px solid #6a5aa5}
.vstepper .label{font-size:15px;font-weight:400;white-space:nowrap}
.vstepper .label.done{color:#23C299}
.vstepper .label.active{color:#23C299}
.vstepper .label.inactive{color:#7a6cb0}
.vstepper .line{flex:1 1 auto;height:1px;margin:0 12px}
.vstepper .line.done{background:#8570B4}
.vstepper .line.pending{background:#4a3a7a}

/* selector idioma a la derecha */
.vlang{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:7px;color:#fff;white-space:nowrap}
.vlang .globe{flex:none;display:block}
.vlang .lang-text{font-size:14px;font-weight:400;line-height:1;color:#fff}
.vlang .lang-bar{width:1px;height:14px;background:#fff;flex:none}

@media (max-width:900px){
  .vstepper{width:auto;margin:0}
  .vstepper .step, .vstepper .line{display:none}
  .vstepper-logo{position:static;transform:none;width:132px;height:44px}
}
