/* #ta-nombre-box: nb-tests-shared.css */

  #ta_nombreUsuario {
    width:100%;
    padding:12px;
    border-radius:8px;
    border:1px solid #ddd;
  }

  #ta_idUsuario {
    width:100%;
    padding:12px;
    border-radius:8px;
    border:1px solid #ddd;
  }

  /* #ta_quiz: layout unificado */

  .ta-progress-wrap {
      display: grid;
      gap: 0.5rem;
  }

  .ta-progress-bar {
      width: 100%;
      height: 10px;
      background: #ece7f6;
      border-radius: 999px;
      overflow: hidden;
  }

  .ta-progress-bar__fill {
      height: 100%;
      background: linear-gradient(90deg, #2c1a46 0%, #ff0081 100%);
      transition: width 0.2s ease;
  }

  .ta-progress {
      text-align: right;
      font-size: 0.9rem;
      font-weight: 600;
      color: #2c1a46;
  }

  .ta-form {
      margin-top: 1.5rem;
  }

  .ta-questions {
      max-width: 760px;
      margin: 0 auto;
  }

  .ta-question__title {
      margin: 0 0 1.25rem;
      font-size: 1.15rem;
      line-height: 1.6;
      color: #040037;
      text-align: left;
  }

  .ta-question__title span {
      color: #ff0081;
      font-weight: 700;
  }

  .ta-options {
      display: grid;
      gap: 0.85rem;
  }

  #ta_result p {
      margin: 0 !important;
  }

  .ta-option {
      padding: 14px 16px;
      border: 1px solid #e5e7eb;
      border-radius: 12px;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 12px;
      transition: 0.15s ease;
      user-select: none;
      background: #fff;
  }

  .ta-option:hover {
      border-color: #ff0081;
      box-shadow: 0 0 0 3px rgba(255, 0, 129, 0.1);
  }

  .ta-option.is-selected {
      border-color: #2c1a46;
      background: #f8f5ff;
      box-shadow: 0 0 0 3px rgba(44, 26, 70, 0.1);
  }

  .ta-option input[type="radio"] {
      transform: scale(1.2);
      accent-color: #2563eb;
  }

  .ta-actions {
      display: flex;
      justify-content: flex-end;
      margin-top: 1.5rem;
  }

  #ta_btnEnviar {
      border: none;
      border-radius: 8px;
      padding: 0.75rem 1.25rem;
      background: #2c1a46;
      color: #fff;
      font-weight: 600;
      cursor: pointer;
      transition: background 0.15s ease, opacity 0.15s ease;
  }

  #ta_btnEnviar:hover {
      background: #3d2560;
  }

  #ta_btnEnviar:disabled {
      opacity: 0.6;
      cursor: not-allowed;
  }

  #ta_result {
      display: none;
  }

  /* Smartphones pequeños (≤ 767px) */
  @media (max-width: 767px) {

      #ta_result,
      #ta_quiz,
      #ta-nombre-box {
          max-width: 100%;
      }

      .ta-actions {
          justify-content: stretch;
      }

      #ta_btnEnviar {
          width: 100%;
      }

      #ta_result {
          border-radius: 0px;
          width: 100%;
          margin: 0;
      }

      .quiz-css {
          padding: 0 !important;
      }

      #ta-nombre-box {
          width: 90vw;
      }

  }

  @media print {
      #btnImprimir {
          display: none;
      }
  }