/* custom-styles.css */
.bg-gradient-primary {
    background-color: black !important; /* Cambia el color de fondo a negro */
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 1) 100%) !important; /* Añade un gradiente si lo necesitas */
}

.text-primary {
  color: #000000 !important; /* Color negro */
}

.formulario-custom {
    background-color: black !important; /* Cambia el color de fondo a negro */
    color: white !important; /* Cambia el color del texto a blanco */
    border-top: 5px solid yellow; /* Borde superior amarillo */
    padding: 20px; /* Espaciado interno para que se vea bien */
    border-radius: 5px; /* Bordes redondeados */
}

/* Estilo para las letras blancas en el formulario */
.formulario-custom label,
.formulario-custom input,
.formulario-custom button {
    color: white !important; /* Asegúrate de que todas las letras sean blancas */
}

/* Si necesitas cambiar el color del borde del input también */
.formulario-custom input {
    border: 1px solid yellow; /* Borde amarillo en los inputs */
}

/* Si quieres cambiar el color del botón */
.formulario-custom button {
    background-color: yellow; /* Fondo amarillo para el botón */
    color: black; /* Texto negro en el botón */
}

.bg-gradient-primary {
    background-color: black !important; /* Cambia el color de fondo a negro */
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 1) 100%) !important; /* Añade un gradiente si lo necesitas */
}

.text-primary {
    color: #000 !important; /* Color negro */
}

.bg-dark {
  background-color: #000 !important;
}

.text-warning {
  color: #fff !important;
}