.separator {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 20px 0;
}

.separator::before, 
.separator::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #000;
    margin: 0 10px;
}

.separator span {
    white-space: nowrap;
    padding: 0 10px;
}
.form-label {
    font-weight: bold; /* Para destacar el label */
}

.input-group2 {
    display: flex;
    align-items: stretch; /* Asegura que el span y el contenedor de inputs se alineen verticalmente */
    width: 50%; /* Establece que el grupo ocupe el 50% del ancho de la pantalla */
    margin: 0 left; /* Centra el grupo horizontalmente */
  }
  
  .input-group-text {
    display: flex;
    align-items: left; /* Centra verticalmente el texto */
    height: 100%; /* Asegúrate de que el span ocupe el alto del contenedor */
  }
  
  .input-group-vertical2 {
    display: flex;
    flex-direction: column; /* Apila los inputs en columnas */
    flex-grow: 1; /* Permite que esta sección crezca para llenar el espacio disponible */
  }
  
  .form-control2 {
    flex: 1; /* Hace que el campo "Número de Documento" ocupe el 100% del ancho disponible */
    margin-bottom: 10px; /* Añade espacio entre los inputs */
  }
  
  .form-control2:last-child {
    margin-bottom: 0; /* Elimina el margen del último input */
  }