/* Estilos del registro (extraídos para CSP) */
.step-bar {
      display: flex;
      gap: 0;
      margin-bottom: 1.5rem;
    }

    .step {
      flex: 1;
      text-align: center;
      padding: .4rem;
      font-size: .75rem;
      font-weight: 600;
      color: #9ca3af;
      border-bottom: 3px solid #e5e7eb;
      transition: .3s;
    }

    .step.active {
      color: #25d366;
      border-color: #25d366;
    }

    .step.done {
      color: #6b7280;
      border-color: #9ca3af;
    }

    .otp-inputs {
      display: flex;
      gap: 8px;
      justify-content: center;
    }

    .otp-inputs input {
      width: 46px;
      height: 54px;
      text-align: center;
      font-size: 1.4rem;
      font-weight: 700;
      border: 2px solid #d1d5db;
      border-radius: 10px;
      outline: none;
      transition: .2s;
    }

    .otp-inputs input:focus {
      border-color: #25d366;
      box-shadow: 0 0 0 3px rgba(37, 211, 102, .15);
    }

    .otp-inputs input.filled {
      border-color: #25d366;
      background: #f0fdf4;
    }

    #resendBtn {
      font-size: .78rem;
      color: #6b7280;
      background: none;
      border: none;
      padding: 0;
      cursor: pointer;
    }

    #resendBtn:not(:disabled) {
      color: #25d366;
      text-decoration: underline;
    }