/* flight-info.css
   Estilo compacto para a barra de informação de voo.
*/
.flight-info {
  /* IE9: usar block com clearfix */
  display: block;
  background: rgba(0, 0, 0, 0.75);
  color: #ffffff;
  padding: 10px 16px;
  border-radius: 12px;
  box-sizing: border-box;
  margin: 12px 0;
  font-family: inherit;
  overflow: hidden; /* clearfix */
}

.flight-left, .flight-center, .flight-right {
  /* IE9: usar inline-block com vertical-align */
  display: inline-block;
  vertical-align: middle;
}

.flight-left {
  /* IE9: usar inline-block */
  text-align: left;
  margin-right: 12px;
}

.flight-left .airline {
  font-weight: 700;
  letter-spacing: 0.06em;
  font-size: 14px;
}
.flight-left .flight-number {
  font-size: 20px;
  font-weight: 700;
  margin-top: 2px;
}
.flight-left .departure-time {
  color: #ffcc33;
  font-weight: 700;
  margin-top: 4px;
}

.flight-center {
  /* IE9: usar text-align center, sem flex grow */
  text-align: center;
  margin: 0 12px;
}
.flight-center .destination {
  font-size: 18px;
  font-weight: 600;
}

.flight-right {
  /* IE9: float right para alinhar à direita */
  float: right;
  text-align: right;
  margin-left: 12px;
}
.flight-right .status {
  color: #ff6b6b;
  font-weight: 600;
}
.flight-right .seat-gate {
  margin-top: 4px;
}
.flight-right .count {
  display: inline-block;
  background: rgba(255,255,255,0.08);
  padding: 2px 8px;
  border-radius: 8px;
  margin-right: 8px;
}
.flight-right .gate {
  font-weight: 700;
}

/* Responsividade simples */
@media (max-width: 600px) {
  .flight-left .flight-number { font-size: 16px; }
  .flight-center .destination { font-size: 16px; }
}

/* Monitor (1367px a 1920px) - proporção 1.13x */
@media (min-width: 1367px) and (max-width: 1920px) {
  .flight-info {
    padding: 12px 20px;
    margin: 16px 0;
  }

  .flight-left .airline {
    font-size: 16px;
  }
  .flight-left .flight-number {
    font-size: 24px;
    margin-top: 4px;
  }
  .flight-left .departure-time {
    margin-top: 6px;
    font-size: 14px;
  }

  .flight-center .destination {
    font-size: 20px;
  }

  .flight-right .count {
    padding: 3px 10px;
    border-radius: 10px;
  }
}

/* Televisão (acima de 1920px) - proporção 1.54x */
@media (min-width: 1921px) {
  .flight-info {
    padding: 14px 24px;
    margin: 20px 0;
    border-radius: 16px;
  }

  .flight-left .airline {
    font-size: 18px;
  }
  .flight-left .flight-number {
    font-size: 28px;
    margin-top: 6px;
  }
  .flight-left .departure-time {
    margin-top: 8px;
    font-size: 16px;
  }

  .flight-center .destination {
    font-size: 24px;
  }

  .flight-right .status {
    font-size: 16px;
  }
  .flight-right .seat-gate {
    margin-top: 6px;
    font-size: 14px;
  }
  .flight-right .count {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 14px;
  }
}