.frc-pilots {
  --frc-pilot-red: #e1251b;
  --frc-pilot-orange: #f97316;
  --frc-pilot-bg: #0b1216;
  --frc-pilot-panel: #111a1f;
  --frc-pilot-line: #344149;
  --frc-pilot-text: #f5f6f7;
  --frc-pilot-muted: #aeb7bd;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 20px;
  color: var(--frc-pilot-text);
  font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
}

.frc-pilots,
.frc-pilots *,
.frc-pilots *::before,
.frc-pilots *::after { box-sizing: border-box; }

body.frc-pilotos-page .entry-header { display: none; }
body.frc-pilotos-page .site-content,
body.frc-pilotos-page .ast-container,
body.frc-pilotos-page article.ast-article-single { background: transparent; }

.frc-pilots__header { margin-bottom: 26px; padding: 24px 0 18px; border-bottom: 2px solid var(--frc-pilot-red); }
.frc-pilots__header p { margin: 0 0 5px !important; color: var(--frc-pilot-red); font-size: 12px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.frc-pilots__header h1 { margin: 0 !important; color: #fff !important; font-size: clamp(30px, 5vw, 48px) !important; font-weight: 800 !important; line-height: 1 !important; text-transform: uppercase; }
.frc-pilots__header span { display: block; margin-top: 9px; color: var(--frc-pilot-muted); font-size: 15px; }

.frc-pilots__grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
}

.frc-pilot-card {
  position: relative;
  display: flex;
  height: 335px;
  flex-direction: column;
  padding: 18px 12px 0;
  overflow: visible;
  border: 0;
  background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,0));
}

.frc-pilot-card__photo {
  position: relative;
  display: grid;
  width: 138px;
  height: 138px;
  flex: 0 0 138px;
  margin: 0 auto 18px;
  overflow: hidden;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: #454545;
}

.frc-pilot-card__photo::after {
  content: none;
}

.frc-pilot-card__photo img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
  object-position: center top;
}

.frc-pilot-card__placeholder { position: relative; display: block; width: 100%; height: 100%; background: #555; }
.frc-pilot-card__placeholder::before { position: absolute; top: 28px; left: 50%; width: 42px; height: 42px; border-radius: 50%; background: #777; content: ""; transform: translateX(-50%); }
.frc-pilot-card__placeholder i { position: absolute; bottom: 25px; left: 50%; width: 78px; height: 48px; border-radius: 46px 46px 8px 8px; background: #777; transform: translateX(-50%); }
.frc-pilot-card__body { display: flex; min-height: 0; flex: 1; flex-direction: column; padding: 0 0 43px; }

.frc-pilot-card h2 {
  display: block;
  min-height: 24px;
  overflow: hidden;
  margin: 0 !important;
  padding: 0;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.frc-pilot-card__location { overflow: hidden; margin: 3px 0 0 !important; color: #777; font-size: 14px; font-weight: 800; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }

.frc-pilot-card__titles-button {
  position: absolute;
  right: 12px;
  bottom: 0;
  left: 12px;
  width: auto;
  min-height: 43px;
  margin: 0 !important;
  padding: 11px 28px 10px 0;
  border: 0;
  border-top: 1px solid #5b5b5b;
  background: transparent;
  color: var(--frc-pilot-red);
  cursor: pointer;
  font: inherit;
  font-size: 15px;
  font-weight: 800;
  text-align: left;
}
.frc-pilot-card__titles-button::after {
  position: absolute;
  top: 14px;
  right: 5px;
  width: 10px;
  height: 10px;
  border-top: 3px solid currentColor;
  border-right: 3px solid currentColor;
  content: "";
  transform: rotate(45deg);
}
.frc-pilot-card__titles-button:hover,
.frc-pilot-card__titles-button:focus { background: transparent; color: #ff3027; }
.frc-pilot-card__titles-button:disabled { color: #666; cursor: default; }
.frc-pilot-card__titles-button:disabled:hover { color: #666; }

.frc-pilot-modal {
  width: min(620px, calc(100% - 28px));
  max-height: min(78vh, 720px);
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--frc-pilot-line);
  background: var(--frc-pilot-panel);
  color: #fff;
  box-shadow: 0 22px 80px rgba(0,0,0,.7);
}
.frc-pilot-modal::backdrop { background: rgba(0,0,0,.78); backdrop-filter: blur(3px); }
.frc-pilot-modal__head { display: flex; align-items: flex-start; justify-content: space-between; padding: 20px; border-bottom: 2px solid var(--frc-pilot-red); }
.frc-pilot-modal__head small { color: var(--frc-pilot-orange); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.frc-pilot-modal__head h2 { margin-top: 5px !important; font-size: 25px !important; }
.frc-pilot-modal__close { width: 38px; height: 38px; padding: 0; border: 1px solid var(--frc-pilot-line); background: transparent; color: #fff; cursor: pointer; font-size: 27px; line-height: 1; }
.frc-pilot-modal__close:hover { border-color: var(--frc-pilot-red); color: var(--frc-pilot-red); }
.frc-pilot-modal__list { max-height: calc(min(78vh, 720px) - 92px); padding: 0 26px 18px; overflow: auto; }
.frc-pilot-modal__title { padding: 22px 0 24px; border-bottom: 1px solid rgba(255,255,255,.13); }
.frc-pilot-modal__title:last-child { border-bottom: 0; }
.frc-pilot-modal__meta { display: flex; gap: 5px; align-items: baseline; }
.frc-pilot-modal__meta time { color: var(--frc-pilot-red); font-size: 18px; font-weight: 900; line-height: 1; }
.frc-pilot-modal__meta span { color: #737373; font-size: 16px; font-weight: 800; }
.frc-pilot-modal__box-pilot { margin: 5px 0 9px !important; color: #777; font-size: 18px; font-weight: 800; line-height: 1.1; }
.frc-pilot-modal__title h3 { margin: 7px 0 0 !important; color: #fff !important; font-size: 21px !important; font-weight: 900 !important; line-height: 1.12 !important; }
.frc-pilot-modal__category { margin: 3px 0 0 !important; color: #777; font-size: 18px; font-weight: 800; line-height: 1.1; }

.frc-other-titles { margin-top: 44px; padding-top: 24px; border-top: 1px solid var(--frc-pilot-line); }
.frc-other-titles > h2 { margin: 0 0 18px !important; color: #fff !important; font-size: 24px !important; text-transform: uppercase; }
.frc-other-titles__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.frc-other-title { position: relative; min-height: 118px; padding: 16px 64px 15px 16px; border: 1px solid var(--frc-pilot-line); border-left: 3px solid var(--frc-pilot-red); background: var(--frc-pilot-panel); }
.frc-other-title h3 { margin: 0 !important; color: #fff !important; font-size: 17px !important; line-height: 1.15 !important; }
.frc-other-title p { margin: 10px 0 0 !important; color: var(--frc-pilot-red); font-size: 15px; font-weight: 800; }
.frc-other-title small { position: absolute; top: 15px; right: 14px; color: var(--frc-pilot-muted); font-size: 12px; }
.frc-pilots__empty { margin: 0 !important; padding: 36px 20px !important; border: 1px dashed var(--frc-pilot-line); color: var(--frc-pilot-muted); text-align: center; }

@media (max-width: 1180px) {
  .frc-pilots__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 880px) {
  .frc-pilots__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .frc-pilots { padding: 14px; }
  .frc-pilots__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .frc-other-titles__grid { grid-template-columns: 1fr; }
}

@media (max-width: 430px) {
  .frc-pilots__grid { grid-template-columns: 1fr; }
  .frc-pilot-card { height: 385px; }
  .frc-pilot-card__photo { width: 185px; height: 185px; flex-basis: 185px; }
}