/* Grupo de preguntas */
.question-group {
    margin-bottom: 20px;
    color: #e97c00; /* Letras naranjas */
    display: flex; /* Asegura alineación */
    flex-direction: column; /* Alinea preguntas y opciones en columna */
    align-items: flex-start; /* Alinea todo al inicio */
    width: 100%; /* Asegura que todas las preguntas tengan el mismo ancho */
}

/* Opciones de selección */
.question-options {
    display: flex; /* Alinea las opciones horizontalmente */
    gap: 15px; /* Espaciado entre las opciones */
    align-items: center; /* Centra verticalmente */
    color: #fff; /* Letras blancas */
    margin-top: 10px; /* Espaciado superior entre las preguntas y las opciones */
    width: 100%; /* Alineación consistente */
    padding-left: 5px; /* Ajusta el margen izquierdo para alinear con el texto */
}

/* Campos de entrada */
.custom-input, select {
    margin-bottom: 25px; /* Más espacio para separar del botón */
    color: #fff; /* Letras blancas */
}

/* Botón de envío */
.custom-submit-btn {
    margin-top: 30px; /* Mayor separación del campo anterior */
    padding: 12px 20px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Estilo para "Type of event" */
.label-type-event {
    color: #e97c00; /* Cambia al color deseado */
    font-weight: bold; /* Hace que el texto sea más destacado */
}

/* Estilo para "How did you hear about us?" */
.label-hear-about-us {
    color: #80bdff; /* Cambia al color deseado */
    font-weight: bold; /* Hace que el texto sea más destacado */
}


/* Estilo para el Message Box */
.message-box {
    margin-bottom: 20px; /* Espaciado inferior */
    display: flex;
    flex-direction: column; /* Asegura alineación en columna */
}

.label-message-box {
    color: #e97c00; /* Cambia al color deseado */
    font-weight: bold; /* Hace que el texto sea destacado */
    margin-bottom: 8px; /* Espaciado con respecto al textarea */
}

.custom-message {
    width: 100%;
    padding: 10px;
    border: 1px solid #555; /* Borde oscuro */
    border-radius: 5px;
    background-color: #444; /* Fondo oscuro */
    color: #fff; /* Letras blancas */
    font-size: 1em;
    resize: vertical; /* Permite al usuario cambiar el tamaño verticalmente */
}



.custom-submit-btn:hover {
    background-color: #0056b3;
}