div#modalMotorVuelos {
    display: flex;
}

div#modalError {
    display: flex;
}

table.opcion {
    margin: 1rem;
    border-inline: 1px solid #e6e6e6;
    cursor: pointer;
}

table.opcion.selected {
    background-color: rgb(223, 220, 220);
}

button:hover {
    cursor: pointer;
}

table.opcion:hover {
    background-color: rgb(223, 220, 220);
}

.segmento td {
    padding: 0.5rem;
    font-size: 12px;
}

td.trayecto,
td.duracion,
td.sobreCoste {
    vertical-align: middle;
    border: #e9d3d3cf solid 1px;
}

.cabecera {
    background-color: #3575d3;
    font-weight: 600;
    color: white;
}

.cabecera tr th {
    padding: 1rem;
}

.cuerpo td {
    text-align: center;
    padding: 1rem;
}

.fin-tramo {
    border-bottom: 1px solid #e6e6e6;
    ;
}

.contenedor-btn {
    display: flex;
    justify-content: end;
    margin-right: 2rem;
}

.btn-vuelos {
    padding: 0.5rem;
    background-color: #3575d3;
    color: white;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #3575d3;
}

.btn-vuelos:disabled {
    background-color: #fff;
    color: #adadad;
    border: 1px solid #adadad;
    border-radius: 5px;
}

.opcionBarata,
.opcionCorta,
.otros {
    color: #3575d3;
    padding: 10px;
    background: transparent;
    border-radius: 5px;
    border: 1px solid #3575d3;
    width: 29%;
}

.opcionBarata:hover,
.opcionCorta:hover,
.otros:hover {
    color: #eff1f3;
    background: #3575d3;
    border-radius: 5px;
}