.boton_boleto { /* Clase actualizada */
    width: 90%;
    height: 33px;
    border: 1px solid #ccc;
    border-radius: 7px;
    font-size: 12px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
/*    background-color: #eee;*/
    background-color: ghostwhite;
}

.boton_boleto.seleccionado {
/*    background-color: lightblue;*/
    background-color: lightsteelblue;
}

.boton_boleto.inactivo {
/*    background-color: #ddd;*/
    background-color: lightsalmon;
    cursor: default;
    color: #999;
}

#numerosSeleccionados{
    margin-top: 3px;
    background-color: lightsteelblue;
    font-size: 22px;
    font-weight: bold;
}

#botonSeleccionar{
    color: black;
    background-color: lightsteelblue;
/*    background-color: #4CAF50;*/
/*    background-color: khaki;*/
/*    background-color: yellowgreen;*/
    padding: 7px 11px;
    border: solid;
    border-radius: 7px;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
}

#contenedor_info_boletos {
    display: flex; /* Activa Flexbox */
    align-items: stretch; /* Alinea los elementos verticalmente al inicio */
    justify-content: space-between; /* Distribuye el espacio entre los elementos, separándolos */
    width:100%; /* para que ocupe todo el ancho disponible */
}
#info_boletos{
    flex-grow: 1; /* Permite que el contenedor de la información se expanda */
}

#comprar_boletos {
/*    height: auto; */
/*    padding: 10px 20px;*/
    box-sizing: border-box;
    display: flex; /* Para centrar verticalmente el texto dentro del botón si es necesario */
    align-items: center; /* Centra verticalmente el texto dentro del botón si es necesario */
    justify-content: center; /* Centra el texto horizontalmente */
    width: 140px; /* Ancho fijo para el botón. Ajusta este valor según necesites */
    white-space: pre-wrap; /* Permite que el texto se ajuste a varias líneas y respeta los saltos de línea */
    text-align: center;
    font-size: 15px;
}