:root {
    --blue-primary: #0343a1;
    --blue-primary-hover: #032861;
}

/* Paso activo */
.bs-stepper .step.active .bs-stepper-circle {
    background-color: var(--blue-primary); /* Azul Bootstrap o tu color */
    color: #fff;
}
  
/* Paso completado */
.bs-stepper .step.completed .bs-stepper-circle {
    background-color: #198754; /* Verde Bootstrap o tu color */
    color: #fff;
}
  
/* Paso inactivo */
.bs-stepper .step .bs-stepper-circle {
    background-color: #dee2e6; /* Gris claro */
    color: #495057;
}
  
/* Línea entre pasos */
.bs-stepper .line {
    background-color: #6c757d; /* Cambia el color de la línea */
}

.color-blue-primary {
    color: var(--blue-primary);
}

.btn-blue-primary {
    --bs-btn-color: white;
    --bs-btn-bg: var(--blue-primary);
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: var(--blue-primary-hover);
    --bs-btn-active-color: white;
    --bs-btn-active-bg: var(--blue-primary-hover);
}