.form-container {
    color: white;
}

.form-control, .form-select {
    color: #000;
    background-color: white;
    border-radius: 8px;
    padding: 8px;

}

.editor-container {
    background-color: white;
    color: #000;
    border-radius: 8px;
    margin-top: -10px;
    min-height: 180px;
}

.ql-toolbar {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #f8f9fa;
}

.ql-container {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: white;
    min-height: 100px;
}

.btn-primary.active {
    background-color: rgb(41, 80, 255);
    color: white;
}

.btn-primary:not(.active) {
    background-color: white;
    border-color: #ddd;
    color: black;
}

.form-label {
    color: black;
    margin-bottom: 0.5rem;
}

/* Clase para estilizar los placeholders */
.placeholder-color {
    color: #acacac;; /* Cambia este color al que desees */
    font-style: italic; /* Opcional: añade estilo al texto del placeholder */
    opacity: 1; /* Asegúrate de que el placeholder sea completamente visible */
  }
  
  /* Aplicación del estilo solo al placeholder */
  .placeholder-color::placeholder {
    color: #acacac; /* Color del placeholder */
    font-style: italic; /* Opcional */
    opacity: 1; /* Visibilidad del placeholder */
  }


  .gpt-div {
    margin-bottom: 20px;
    display: flex;
    justify-content: center; /* Centra la imagen horizontalmente */
    align-items: center; /* Centra la imagen verticalmente */
    width: 100%;
    height: 100%;
  }
  img {
    height: 70px;
  }

  .bg-azul{
    margin: 0;
    padding: 0;
    height: 100vh; /* Ajusta a la altura de la ventana */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%), 
                url('/HTML/images/img-congreso-bg.png') no-repeat center top;
    background-size: cover; /* Asegura que el fondo se ajuste al contenedor */
    color: #333; /* Ajusta el color del texto si es necesario */
  }