.form-label {
      font-weight: bold;
      color: #3366cc;
      /* Color azul más oscuro para las etiquetas */
      font-size: 1.1rem;
      /* Ajustar tamaño de fuente si es necesario */
      width: 100%;
      text-align: left;
  }

  .form-control {
      border: none;
      /* Elimina todos los bordes */
      border-bottom: 1px solid #ced4da;
      /* Solo borde inferior */
      border-radius: 0;
      /* Elimina el redondeo */
      padding: 0.75rem 0.25rem;
      /* Ajusta el padding para que el texto esté más cerca del borde inferior */
      background-color: transparent;
      /* Fondo transparente para los inputs */
  }

  .form-control:focus {
      box-shadow: none;
      /* Elimina el box-shadow al enfocar */
      border-color: #007bff;
      /* Color del borde al enfocar */
  }

  .btn-primary {
      background-color: #007bff;
      /* Color azul primario de Bootstrap */
      border-color: #007bff;
      padding: 0.75rem 1.5rem;
      font-size: 1.1rem;
      font-weight: bold;
      border-radius: 0.75rem;
      /* Bordes redondeados para el botón */
      box-shadow: 0 0.25rem 0.5rem rgba(0, 123, 255, 0.2);
      /* Sombra para el botón */
      transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
  }

  .btn-primary:hover {
      background-color: #0056b3;
      /* Color azul más oscuro al pasar el ratón */
      border-color: #004085;
      box-shadow: 0 0.35rem 0.7rem rgba(0, 123, 255, 0.3);
  }

  .input-group-text {
      background-color: transparent;
      /* Fondo transparente */
      border: none;
      /* Sin bordes */
      border-bottom: 1px solid #ced4da;
      /* Borde inferior para alinearse con el input */
      border-radius: 0;
      /* Sin redondeo */
      padding-left: 0;
      /* Ajusta padding */
      padding-right: 0.5rem;
      /* Espacio entre bandera y texto */
  }

  .input-group .form-control:first-child {
      border-radius: 0;
      /* Elimina el redondeo */
  }

  .invalid-feedback {
      display: block;
      /* Asegura que el mensaje de error sea visible */
  }

  .country-select {
      border: none;
      /* Sin bordes */
      border-bottom: 1px solid #ced4da;
      /* Borde inferior */
      border-radius: 0;
      /* Sin redondeo */
      background-color: transparent;
      /* Fondo transparente */
      padding: 0.75rem 0;
      /* Ajusta padding */
      appearance: none;
      /* Elimina estilos por defecto del select */
      -webkit-appearance: none;
      -moz-appearance: none;
      cursor: pointer;
      width: 30%;
      /* Ajusta el ancho automáticamente */
  }

  .country-select option {
      background-color: #fff;
      /* Fondo para las opciones del select */
      color: #333;
  }

  .hidden {
      display: none;
  }

  .success-message {
      text-align: center;
      padding: 2rem;
      font-size: 1.2rem;
      color: #28a745;
      /* Color verde para éxito */
      font-weight: bold;
  }

  .error-message {
      text-align: center;
      padding: 1rem;
      font-size: 1rem;
      color: #dc3545;
      /* Color rojo para error */
      font-weight: bold;
  }

  .form-check-input[type=radio] {
      border: solid 0.5px #777;
  }