.steps-wrap{background:#fff;border-radius:10px;padding:12px 14px;border:1px solid rgba(0,0,0,.08);margin:10px 0 14px 0;}
  .steps{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap;}
  .step{display:flex;align-items:center;gap:10px;min-width:0;}
  .step .circle{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid #cfd8e3;color:#6b7280;background:#fff;}
  .step .label{font-size:13px;font-weight:600;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px;}
  .line{height:3px;flex:1 1 auto;background:#e5e7eb;border-radius:3px;min-width:18px;}
  .step.is-active .circle{border-color:#0a74d9;color:#0a74d9;background:#eff6ff;}
  .step.is-active .label{color:#1f2937;}
  .step.is-done .circle{border-color:#16a34a;color:#16a34a;background:#ecfdf5;}
  .step.is-done .label{color:#14532d;}
  .line.is-done{background:#16a34a;}
  @media (max-width:650px){ .step .label{ display:none; } }


    .msg-ok{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;border-radius:10px;padding:12px;font-size:.95rem;}
    .msg-err{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:10px;padding:12px;font-size:.95rem;}
    .req::after{content:" *";color:#dc2626;}

    .alertsigi{padding:12px 14px;border-radius:8px;margin-bottom:10px;font-size:14px;color:#fff;}
    .alertsigi.success{background:#04AA6D;}
    .alertsigi.info{background:#2196F3;}
    .alertsigi.warning{background:#ff9800;}
    .alertsigi.error{background:#f44336;}
    .closebtnsigi{margin-left:10px;color:#fff;font-weight:bold;float:right;font-size:16px;line-height:20px;cursor:pointer;}
    .closebtnsigi:hover{color:#000;}

    .guia-box{background:#ffffff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:14px;margin-top:10px;}
    .guia-box .k{font-size:12px;color:#6b7280;}
    .guia-box .v{font-size:14px;font-weight:700;color:#111827;}

    .metodos-wrap{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:8px; }
    .metodo-item{display:flex; align-items:center; gap:8px; padding:8px 10px; border:1px solid #e9e9e9; border-radius:10px; background:#fafafa; cursor:pointer; transition:.2s;}
    .metodo-item:hover{ transform:translateY(-1px); background:#f2f2f2; }
    .metodo-item input{ margin:0; }

    .metodo-logo{
    width:24px;height:24px;object-fit:contain;border-radius:6px;background:#fff;border:1px solid #e5e7eb;padding:2px;
  }

    .bank-box{display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px dashed #d8d8d8; border-radius:12px; background:#f7fbff; margin-bottom:12px;}
    .bank-logo{width:42px; height:42px; border-radius:10px; background:#fff; border:1px solid #e9e9e9; padding:5px; object-fit:contain;}
    .bank-lines{ line-height:1.35; font-size:13px; }

    body{margin:0;padding:0;font-family:'Segoe UI',sans-serif;min-height:100vh;background:#e5f3f9;}
    body::before{content:"";position:fixed;inset:0;background:#e5f3f9;background-repeat:no-repeat;background-size:cover;background-position:center top;opacity:0.18;z-index:-1;}

    .top-bar{width:100%;background:#083b74;color:#fff;padding:8px 0;box-shadow:0 2px 6px rgba(0,0,0,.25);margin-bottom:18px;}
    .top-bar .container{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;width:75%;}
    .top-logo{display:flex;align-items:center;gap:10px;}
    .logo-circular{width:65px;height:65px;border-radius:50%;background:#fff;padding:6px;object-fit:contain;box-shadow:0 2px 6px rgba(0,0,0,0.15);}
    .top-titulos{line-height:1.2;}
    .top-titulos .inst{font-size:1.1rem;font-weight:600;}
    .top-titulos .sec{font-size:.9rem;opacity:.9;}

    .top-menu{display:flex;flex-wrap:wrap;gap:12px;font-size:.9rem;}
    .top-menu a{color:#e5f0ff;text-decoration:none;display:flex;align-items:center;gap:6px;}
    .top-menu a:hover{text-decoration:underline;}

    .form-box{max-width:80%;margin:20px auto 30px auto;background:none;padding:25px 30px;text-align:left;}

    @media (max-width:768px){
      .top-bar .container{flex-direction:column;align-items:flex-start;width:92%;}
      .form-box{margin:10px 8px 24px 8px;padding:18px 16px;max-width:100%;}
    }