/* ========================================================================
   SELECT ESTILIZADO (forma igual a .standardInput)
   ======================================================================== */
   .form-field select.standardInput {
    /* hereda dimensiones y padding de .standardInput */
    height: 40px;
    min-width: 150px;
    width: 100%;
    padding-left: 10px;
    border-radius: 10px;
    border: var(--sds-size-stroke-border) solid var(--sds-color-border-default-default);
    background: var(--color-scroll-inputs);
    box-shadow: 0 4px 4px var(--color-shadow);
    margin: 0px 10px 20px 0px;
    font-family: "Poppins", sans-serif;
    appearance: none;
  }
  
  .form-field select.standardInput:focus {
    outline: none;
  }
  
  /* Estado inválido */
  .form-field select.standardInput.is-invalid {
    border: none;
    box-shadow: 0 0 0 .25rem var(--color-primary-hover);
    background: var(--color-scroll-inputs);
    border-radius: 10px;
    margin-bottom: 8px;
  }
  
  .form-field select.standardInput.is-invalid + .invalid-feedback {
    display: block;
    padding-left: 5px;
    margin-top: 0;
    font-family: "Poppins", sans-serif;
    font-size: .9rem;
    line-height: 1.2;
    white-space: pre-line;
  }
  
  /* ========================================================================
     Reglas responsivas (igual que tus inputs)
     ======================================================================== */
  @media (max-width: 1000px) {
    .form-field select.standardInput {
      width: 90% !important;
      margin: 0 auto 20px;
      display: block;
    }
  }

  select {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 5px;
  }