/* Estilos para las tarjetas de vuelo */
.flight-card {
  background-color: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.vuelo-card {
  margin-bottom: 20px;
}

.flight-number {
  font-size: 1.4rem;
  font-weight: 600;
}

.status-arrived {
  color: #008a00;
  font-weight: 600;
}

.status-inflight {
  color: #0063e1;
  font-weight: 600;
}

.status-scheduled {
  color: #666;
  font-weight: 600;
}

.flight-time {
  font-size: 1.1rem;
  font-weight: 500;
}

.flight-route {
  font-size: 0.95rem;
  color: #555;
}

.terminal {
  font-size: 0.85rem;
  color: #666;
}

/* avión + barrita */

/* Línea de progreso: barra activa (color principal) */
.linea-progreso {
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  height: 4px;
  background-color: #EE7500;
  border-radius: 2px;
  display: block;
}

/* Fondo gris detrás de la línea */
.linea-fondo {
  height: 4px;
  width: 100%;
  background: #9c9c9c;
  border-radius: 2px;
}

/* botón Set alert */
.btn-set-alert {
  font-size: 0.8rem;
  padding: 5px 14px;
  border-radius: 20px;
  border: 1px solid #0063e1;
  color: #0063e1;
  background: transparent;
  transition: 0.2s;
}

.btn-set-alert:hover {
  background: #0063e1;
  color: #fff;
}

/* Botón lupa naranja */
.boton-lupa {
  background-color: transparent;
  color: #ee7500;
  border: none;
}

.boton-lupa:hover {
  background-color: transparent;
  color: #d16600;
}

.contenedor-avion {
  position: relative;
  height: 50px;
}
.bg-orange-estatus {
    width: 150px;
    background-color: #ee7500 !important;
    margin-left: -100px !important;
}