/* Official RGV and 5K Tamales Run assets, kept local to this preview. */
.brand-logo {
  display: block;
  width: 108px;
  height: 46px;
  object-fit: contain;
  object-position: left center;
}

.event-bar {
  display: flex;
  min-height: 178px;
  align-items: center;
  justify-content: stretch;
  padding: 10px 18px;
  overflow: hidden;
  background: linear-gradient(115deg, #075e2c 0%, #0b7b3c 48%, #c3252e 125%);
}

.race-header {
  display: grid;
  width: min(52vw, 480px);
  place-items: center;
}

.race-header__image {
  display: block;
  width: 100%;
  height: auto;
}

.event-bar__right {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.race-selector {
  display: grid;
  gap: 5px;
  color: #dce8ff;
  font-size: 12px;
  font-weight: 700;
}

.race-selector select {
  min-width: 230px;
  border-color: rgba(255, 255, 255, .45);
  background: rgba(255, 255, 255, .92);
}

@media (max-width: 600px) {
  .brand-logo { width: 92px; height: 39px; }
  .event-bar { min-height: 86px; padding: 8px 12px; }
  .event-bar__right { gap: 8px; }
  .race-header { width: 52%; }
  .race-selector { width: 42%; max-width: none; flex: 0 0 42%; }
  .race-selector select { min-width: 0; width: 100%; }
}