@font-face {
  font-family: "Motorfest DeskScript";
  src: local("Motorfest DeskScript"), local("Motorfest");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root {
  --bg: #0b0d10;
  --bg-soft: #11151a;
  --panel: #151a20;
  --paper: #f1efe6;
  --text: #f1efe6;
  --muted: #a6abb2;
  --line: rgba(241, 239, 230, .18);
  --line-strong: rgba(241, 239, 230, .35);
  --accent: #ff6038;
  --cyan: #60d9ff;
  --violet: #ab8cff;
  --max: 1440px;
  --pad: clamp(20px, 4vw, 64px);
  --motorfest: "Motorfest DeskScript", "Barlow Condensed", "Arial Narrow", sans-serif;
  --condensed: "Barlow Condensed", "Arial Narrow", sans-serif;
  --sans: "Inter", Arial, sans-serif;
}

* { box-sizing: border-box; }
html {
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}
body {
  margin: 0;
  background:
    radial-gradient(circle at top center, rgba(255, 96, 56, .04), transparent 34%),
    linear-gradient(180deg, #090b0e 0%, #0b0d10 100%);
  color: var(--text);
  font-family: var(--sans);
  overflow-x: hidden;
}

.site-header,
main,
.site-footer,
.race-page-transition {
  position: relative;
  z-index: 1;
}


html.race-transition-lock,
html.race-transition-lock body,
body.is-page-transitioning {
  overflow: hidden;
}

body.menu-open { overflow: hidden; }

::selection { background: var(--accent); color: #0b0d10; }

a { color: inherit; text-decoration: none; }
button { font: inherit; }

.noise {
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .072;
  z-index: 0;
  background:
    radial-gradient(ellipse at center, rgba(11,13,16,.88) 0%, rgba(11,13,16,.76) 32%, rgba(11,13,16,.46) 52%, rgba(11,13,16,.12) 76%, transparent 100%),
    linear-gradient(180deg, rgba(11,13,16,.22), rgba(11,13,16,.28)),
    url("assets/decor/site-map-background.svg") center top / cover no-repeat;
  filter: invert(1) brightness(.42) contrast(.88);
}

.section-shell {
  width: min(100%, var(--max));
  margin: 0 auto;
  padding-left: var(--pad);
  padding-right: var(--pad);
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 60;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 86px;
  padding: 0 var(--pad);
  background: linear-gradient(to bottom, rgba(11, 13, 16, .96), rgba(11, 13, 16, .76), transparent);
  transition: background .25s ease, border-color .25s ease, backdrop-filter .25s ease;
}

.site-header.scrolled {
  background: rgba(11, 13, 16, .88);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(16px);
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: max-content;
}

.brand-mark {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line-strong);
  font-family: var(--condensed);
  font-size: 21px;
  font-weight: 800;
  letter-spacing: -.03em;
  transform: skewX(-7deg);
}

.brand-copy {
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.brand-copy strong {
  font-family: var(--condensed);
  font-size: 19px;
  font-weight: 800;
  letter-spacing: .08em;
}
.brand-copy small {
  margin-top: 5px;
  color: var(--muted);
  font-size: 9px;
  letter-spacing: .18em;
}

.main-nav {
  display: flex;
  align-items: center;
  gap: clamp(18px, 2.4vw, 38px);
}
.main-nav a {
  position: relative;
  color: #d0d2d5;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.main-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 100%;
  height: 1px;
  background: var(--accent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s ease;
}
.main-nav a:hover::after,
.main-nav a.active::after { transform: scaleX(1); }

.menu-toggle {
  display: none;
  border: 0;
  background: transparent;
  padding: 10px 0 10px 16px;
}
.menu-toggle span {
  display: block;
  width: 28px;
  height: 1px;
  margin: 7px 0;
  background: var(--text);
  transition: transform .2s ease;
}

.hero {
  min-height: 100svh;
  padding-top: 132px;
  padding-bottom: 38px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hero-kicker {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 26px;
  align-items: center;
}

.micro-label,
.eyebrow {
  color: var(--muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.spark-line {
  display: flex;
  align-items: center;
}
.spark-line i {
  flex: 1;
  height: 1px;
  background: var(--line-strong);
}
.spark-line b {
  margin-left: -1px;
  color: var(--paper);
  font-size: 25px;
  line-height: 1;
  font-weight: 400;
}

.hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
  gap: clamp(40px, 5vw, 90px);
  align-items: center;
  margin-top: clamp(44px, 7vh, 92px);
}

.hero h1,
.statement h2,
.section-heading h2,
.event-copy h2,
.closing h2 {
  margin: 0;
  font-family: var(--condensed);
  font-weight: 800;
  text-transform: uppercase;
  line-height: .82;
  letter-spacing: -.045em;
}

.hero h1 {
  font-size: clamp(82px, 10.8vw, 176px);
}
.hero h1 span { display: block; }
.accent {
  color: var(--accent);
  font-family: var(--motorfest);
  font-weight: 400;
  letter-spacing: -.02em;
}

.hero-text {
  width: min(650px, 86%);
  margin: 32px 0 0;
  color: #c1c4c9;
  font-size: clamp(14px, 1.15vw, 18px);
  line-height: 1.75;
}

.hero-actions {
  margin-top: 34px;
  display: flex;
  align-items: center;
  gap: 28px;
  flex-wrap: wrap;
}

.btn {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 0 18px;
  border: 1px solid transparent;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
  transition: transform .22s ease, background .22s ease, color .22s ease, border-color .22s ease;
}
.btn:hover { transform: translateY(-2px); }
.btn-primary {
  min-width: 242px;
  background: var(--paper);
  color: #101318;
}
.btn-primary:hover {
  background: var(--accent);
}
.btn-light {
  min-width: 170px;
  border-color: rgba(11, 13, 16, .35);
  color: #0b0d10;
}
.btn-light:hover {
  background: #0b0d10;
  color: var(--paper);
}

.text-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #c5c7cb;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.text-link span { color: var(--accent); transition: transform .2s ease; }
.text-link:hover span { transform: translateX(4px); }

 .hero-visual {
  position: relative;
  display: grid;
  place-items: center;
}

/* Home visual: somente logo + círculo Motorfest, sem frame/grade. */
.speed-card {
  position: relative;
  width: 100%;
  min-height: clamp(430px, 52vw, 610px);
  border: 0;
  background: transparent;
  overflow: visible;
}

.speed-card::before,
.speed-card::after,
.hero-brand-stage::before,
.hero-brand-stage::after {
  display: none;
}

.speed-card-top,
.car-caption {
  display: none;
}

.hero-brand-stage {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  isolation: isolate;
}

.hero-brand-glow {
  display: none;
}

.hero-brand-orbit {
  position: relative;
  width: min(92%, 530px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  cursor: default;
}

.hero-motorfest-circle {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: .94;
  filter: brightness(1.7) contrast(1.03);
  animation: motorfest-orbit-spin 26s linear infinite;
  transform-origin: 50% 50%;
  will-change: transform;
}

.hero-logo-core {
  position: relative;
  z-index: 2;
  width: 57%;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
}

.hero-logo-core::before {
  display: none;
}

.hero-jottinha-logo {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

@keyframes motorfest-orbit-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.hero-foot {
  margin-top: auto;
  padding-top: 44px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #7f858d;
  font-size: 9px;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.scroll-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--accent);
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
  0%,100% { opacity: .3; transform: scale(.8); }
  50% { opacity: 1; transform: scale(1.2); }
}

.statement {
  padding-top: clamp(120px, 14vw, 220px);
  padding-bottom: clamp(120px, 14vw, 220px);
}
.statement-grid {
  margin-top: 28px;
  display: grid;
  grid-template-columns: 1.35fr .65fr;
  gap: clamp(40px, 9vw, 140px);
  align-items: end;
}
.statement h2 {
  font-size: clamp(68px, 8.2vw, 132px);
}
.statement p {
  margin: 0 0 8px;
  color: #b6bbc1;
  font-size: 15px;
  line-height: 1.9;
}

.feature-section,
.news-section,
.guides-section {
  padding-top: 100px;
  padding-bottom: 140px;
  border-top: 1px solid var(--line);
}

.section-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 58px;
}
.section-heading h2,
.event-copy h2,
.closing h2 {
  margin-top: 18px;
  font-size: clamp(62px, 7vw, 112px);
}
.section-count {
  margin-bottom: 10px;
  color: var(--muted);
  font-size: 10px;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.config-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}
.config-card {
  position: relative;
  min-height: 520px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  overflow: hidden;
  transition: background .25s ease;
}
.config-card:hover { background: #11161b; }

.config-meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: #8d939b;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .16em;
}
.config-number {
  position: absolute;
  top: 56px;
  right: 14px;
  color: rgba(255,255,255,.05);
  font-family: var(--condensed);
  font-size: 120px;
  font-weight: 800;
  line-height: 1;
}

.config-body { margin-top: auto; }

.mini-car {
  position: relative;
  width: 100%;
  height: 180px;
  margin-bottom: 28px;
}
.mini-car::before {
  content: "";
  position: absolute;
  left: 8%;
  right: 5%;
  bottom: 36px;
  height: 70px;
  border-radius: 56% 54% 20% 18% / 68% 62% 18% 20%;
  transform: skewX(-8deg);
  background: var(--accent);
  box-shadow: inset -82px -18px 0 rgba(0,0,0,.18);
}
.mini-car::after {
  content: "";
  position: absolute;
  left: 22%;
  right: 23%;
  bottom: 82px;
  height: 40px;
  border-radius: 70% 70% 12% 12%;
  transform: skewX(-12deg);
  background: #242b33;
}
.mini-car.cyan::before { background: var(--cyan); }
.mini-car.violet::before { background: var(--violet); }
.mini-car { background:
  radial-gradient(circle at 26% 77%, #07090b 0 24px, #343c46 25px 38px, transparent 39px),
  radial-gradient(circle at 77% 77%, #07090b 0 24px, #343c46 25px 38px, transparent 39px);
}

.config-body h3 {
  margin: 0;
  font-family: var(--condensed);
  font-size: 31px;
  text-transform: uppercase;
  letter-spacing: -.015em;
}
.config-body p {
  margin: 10px 0 0;
  color: #9fa5ad;
  font-size: 12px;
  line-height: 1.7;
}

.card-link {
  margin-top: 24px;
  padding: 14px 0 0;
  display: flex;
  justify-content: space-between;
  border: 0;
  border-top: 1px solid var(--line);
  background: transparent;
  color: #d3d6da;
  cursor: pointer;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
}


/* V1.8.1.4.3 — Recomendações de controles e periféricos */
.recommendations-section {
  padding-top: 72px;
  padding-bottom: 150px;
  overflow: hidden;
}

.recommendations-intro {
  max-width: 760px;
  margin: -26px 0 42px;
  color: #90969e;
  font-size: 13px;
  line-height: 1.8;
}

.recommendations-intro p { margin: 0; }

.recommendations-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

.recommendation-card {
  position: relative;
  min-height: 330px;
  padding: 26px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: rgba(255,255,255,.008);
  overflow: hidden;
  transition: background .22s ease, border-color .22s ease;
}

.recommendation-card::after {
  content: "";
  position: absolute;
  right: -46px;
  bottom: -60px;
  width: 180px;
  height: 180px;
  border: 1px solid rgba(255,96,56,.12);
  border-radius: 50%;
  pointer-events: none;
}

.recommendation-card:hover {
  background: #11151a;
  border-color: rgba(241,239,230,.18);
}

.recommendation-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.recommendation-top > span {
  color: rgba(255,255,255,.13);
  font-family: var(--condensed);
  font-size: 58px;
  font-weight: 800;
  line-height: .8;
}

.recommendation-top small {
  color: var(--accent);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .18em;
}

.recommendation-card h3 {
  margin: auto 0 0;
  font-family: var(--condensed);
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 700;
  line-height: .95;
  text-transform: uppercase;
}

.recommendation-card p {
  max-width: 560px;
  margin: 14px 0 20px;
  color: #9399a1;
  font-size: 12px;
  line-height: 1.7;
}

.recommendation-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.recommendation-tags span {
  padding: 6px 8px 5px;
  border: 1px solid rgba(241,239,230,.1);
  color: #b7bbc0;
  font-size: 7px;
  font-weight: 700;
  letter-spacing: .12em;
}

.recommendation-status {
  margin-top: 20px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
  color: #6f757d;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .13em;
}

.brush-recommendations-line {
  width: clamp(180px, 22vw, 330px);
  right: 4%;
  top: 82px;
  opacity: .08;
}

@media (max-width: 820px) {
  .recommendations-section { padding-top: 48px; padding-bottom: 110px; }
  .recommendations-intro { margin-top: -12px; }
  .recommendations-grid { grid-template-columns: 1fr; }
  .recommendation-card { min-height: 290px; }
}

@media (max-width: 520px) {
  .recommendation-card { padding: 20px; }
  .recommendation-top > span { font-size: 48px; }
  .recommendation-card h3 { font-size: 36px; }
}

.event-section {
  padding-top: 40px;
  padding-bottom: 150px;
}
.event-panel {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  min-height: 620px;
  background: var(--paper);
  color: #0b0d10;
}
.event-copy {
  padding: clamp(36px, 5vw, 72px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.event-copy .eyebrow { color: #666b72; }
.event-copy h2 { max-width: 650px; }
.event-copy p {
  width: min(460px, 100%);
  margin: 28px 0 36px;
  color: #51565c;
  font-size: 13px;
  line-height: 1.8;
}

.event-list {
  border-left: 1px solid rgba(11,13,16,.2);
  display: flex;
  flex-direction: column;
}
.event-row {
  flex: 1;
  min-height: 170px;
  display: grid;
  grid-template-columns: 104px 1fr 40px;
  align-items: center;
  gap: 20px;
  padding: 24px 30px;
  border-bottom: 1px solid rgba(11,13,16,.2);
  transition: background .2s ease;
}
.event-row:last-child { border-bottom: 0; }
.event-row:hover { background: #e2dfd4; }
.event-date {
  font-family: var(--condensed);
  font-size: 39px;
  font-weight: 800;
  letter-spacing: -.035em;
}
.event-row strong {
  display: block;
  font-family: var(--condensed);
  font-size: 25px;
  text-transform: uppercase;
}
.event-row small {
  display: block;
  margin-top: 8px;
  color: #6e7378;
  font-size: 9px;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.event-arrow { font-size: 22px; }

.news-list { border-top: 1px solid var(--line); }
.news-item {
  display: grid;
  grid-template-columns: 70px 1fr 70px;
  gap: 20px;
  align-items: center;
  min-height: 180px;
  padding: 22px 0;
  border-bottom: 1px solid var(--line);
  transition: padding .22s ease, background .22s ease;
}
.news-item:hover {
  padding-left: 18px;
  padding-right: 18px;
  background: #11151a;
}
.news-index {
  color: #5d636b;
  font-family: var(--condensed);
  font-size: 34px;
  font-weight: 700;
}
.news-tag {
  color: var(--accent);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .18em;
}
.news-content h3 {
  margin: 10px 0 6px;
  font-family: var(--condensed);
  font-size: clamp(28px, 3.1vw, 46px);
  font-weight: 600;
  text-transform: uppercase;
}
.news-content p {
  max-width: 780px;
  margin: 0;
  color: #8f959d;
  font-size: 12px;
  line-height: 1.7;
}
.news-arrow { justify-self: end; font-size: 26px; color: #848a92; }

.guide-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}
.guide-card {
  position: relative;
  min-height: 310px;
  padding: 24px;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto 1fr;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  overflow: hidden;
  transition: background .22s ease, color .22s ease;
}
.guide-card:hover {
  background: var(--paper);
  color: #0b0d10;
}
.guide-wide { grid-column: span 2; min-height: 360px; }
.guide-icon {
  font-size: 34px;
  color: var(--accent);
}
.guide-index {
  color: #71777f;
  font-family: var(--condensed);
  font-size: 26px;
}
.guide-card > div {
  align-self: end;
  max-width: 760px;
}
.guide-card small {
  color: #8c9299;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .17em;
}
.guide-card h3 {
  margin: 10px 0 0;
  font-family: var(--condensed);
  font-size: clamp(32px, 4vw, 54px);
  font-weight: 600;
  text-transform: uppercase;
  line-height: .98;
}
.guide-arrow {
  position: absolute;
  right: 24px;
  bottom: 24px;
  font-size: 24px;
}

.closing {
  padding-top: 130px;
  padding-bottom: 130px;
}
.closing-line {
  display: flex;
  align-items: center;
  margin-bottom: 70px;
}
.closing-line span { flex: 1; height: 1px; background: var(--line-strong); }
.closing-line b { margin-left: -1px; font-size: 26px; font-weight: 400; }

.closing-grid {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 60px;
  align-items: end;
}
.closing-copy {
  padding-bottom: 8px;
}
.closing-copy p {
  max-width: 420px;
  margin: 0 0 24px;
  color: #9ca2a9;
  line-height: 1.8;
  font-size: 13px;
}

.site-footer {
  width: 100%;
  padding: 30px var(--pad);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 30px;
  align-items: center;
  border-top: 1px solid var(--line);
  background: #080a0c;
}
.site-footer > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.site-footer strong {
  font-family: var(--condensed);
  letter-spacing: .08em;
}
.site-footer span,
.site-footer p,
.site-footer nav a {
  color: #767c84;
  font-size: 8px;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.site-footer nav {
  display: flex;
  gap: 22px;
}
.site-footer p {
  justify-self: end;
  margin: 0;
  text-align: right;
}

.reveal {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .65s ease, transform .65s ease;
}
.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}



/* Motorfest brush language ------------------------------------------------ */
.decor-zone {
  position: relative;
}

.brush {
  position: absolute;
  z-index: 0;
  display: block;
  pointer-events: none;
  user-select: none;
  opacity: .2;
}

.decor-zone > *:not(.brush) {
  position: relative;
  z-index: 1;
}

.brush-hero-scribble {
  width: clamp(180px, 24vw, 360px);
  left: clamp(-95px, -6vw, -40px);
  top: 38%;
  opacity: .10;
  transform: rotate(-8deg);
}

.brush-hero-arrow {
  width: clamp(120px, 15vw, 220px);
  right: 2%;
  top: 12%;
  opacity: .17;
  transform: rotate(-8deg);
}

.brush-scroll-arrow {
  width: 72px;
  left: 125px;
  bottom: -8px;
  opacity: .42;
  transform: rotate(90deg);
}

.brush-statement-star {
  width: clamp(90px, 10vw, 145px);
  right: 4%;
  top: 17%;
  opacity: .12;
  transform: rotate(11deg);
}

.brush-statement-line {
  width: clamp(230px, 28vw, 430px);
  left: 7%;
  bottom: 17%;
  opacity: .18;
  transform: rotate(-3deg);
}

.brush-config-slash {
  width: clamp(220px, 28vw, 440px);
  right: 6%;
  top: 64px;
  opacity: .11;
  transform: rotate(-4deg);
}

.brush-event-zigzag {
  width: clamp(190px, 22vw, 320px);
  right: -10px;
  top: 4px;
  opacity: .11;
  transform: rotate(5deg);
}

.brush-news-line {
  width: clamp(240px, 33vw, 500px);
  left: 36%;
  top: 122px;
  opacity: .13;
  transform: rotate(-2deg);
}

.brush-guides-zigzag {
  width: clamp(220px, 26vw, 380px);
  right: 2%;
  top: 34px;
  opacity: .09;
  transform: rotate(-7deg);
}

.brush-guides-mark {
  width: clamp(180px, 22vw, 330px);
  left: -5%;
  bottom: 5%;
  opacity: .075;
  transform: rotate(8deg);
}

.brush-closing-circle {
  width: clamp(290px, 40vw, 590px);
  right: 4%;
  bottom: 7%;
  opacity: .08;
  transform: rotate(-6deg);
}

/* DeskScript somente nas palavras laranja de destaque. */
.hero h1 .accent,
.statement h2 .accent,
.section-heading h2 .accent,
.event-copy h2 .accent,
.closing h2 .accent {
  font-family: var(--motorfest);
  font-weight: 400;
  letter-spacing: -.02em;
  line-height: .9;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal { opacity: 1; transform: none; transition: none; }
  .scroll-dot,
  .hero-motorfest-circle { animation: none; }
}

@media (max-width: 1100px) {
  .hero-grid { grid-template-columns: 1fr; }
  .hero-copy { position: relative; z-index: 2; }
  .hero-visual { width: min(800px, 100%); }
  .speed-card { min-height: 520px; }
  .statement-grid,
  .closing-grid { grid-template-columns: 1fr; }
  .statement p { max-width: 680px; }
  .config-grid { grid-template-columns: 1fr 1fr; }
  .config-card:last-child { grid-column: span 2; }
  .event-panel { grid-template-columns: 1fr; }
  .event-list { border-left: 0; border-top: 1px solid rgba(11,13,16,.2); }
}

@media (max-width: 820px) {
  .site-header { min-height: 72px; }
  .main-nav {
    position: fixed;
    inset: 72px 0 0;
    padding: 38px var(--pad);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
    background: rgba(11,13,16,.98);
    transform: translateX(100%);
    transition: transform .28s ease;
  }
  .main-nav.open { transform: translateX(0); }
  .main-nav a {
    width: 100%;
    padding: 19px 0;
    border-bottom: 1px solid var(--line);
    font-family: var(--condensed);
    font-size: 29px;
    letter-spacing: .03em;
  }
  .main-nav a::after { display: none; }
  .menu-toggle { display: block; }
  .menu-toggle.active span:first-child { transform: translateY(4px) rotate(45deg); }
  .menu-toggle.active span:last-child { transform: translateY(-4px) rotate(-45deg); }

  .hero { padding-top: 112px; }
  .hero h1 { font-size: clamp(70px, 20vw, 120px); }
  .hero-text { width: 100%; }
  .speed-card { min-height: 420px; }
  .hero-brand-orbit { width: min(78vw, 520px); }

  .section-heading { align-items: flex-start; flex-direction: column; }
  .config-grid { grid-template-columns: 1fr; }
  .config-card:last-child { grid-column: auto; }
  .config-card { min-height: 470px; }

  .event-row {
    grid-template-columns: 82px 1fr 24px;
    gap: 12px;
    padding: 20px;
  }
  .event-date { font-size: 30px; }
  .event-row strong { font-size: 21px; }

  .guide-grid { grid-template-columns: 1fr; }
  .guide-wide { grid-column: auto; }
  .guide-card,
  .guide-wide { min-height: 290px; }

  .site-footer {
    grid-template-columns: 1fr;
    align-items: start;
  }
  .site-footer p { justify-self: start; text-align: left; }
}

@media (max-width: 560px) {

  .brush-hero-scribble { left: -90px; top: 35%; opacity: .08; }
  .brush-hero-arrow { width: 100px; right: 0; top: 18%; opacity: .12; }
  .brush-scroll-arrow { display: none; }
  .brush-statement-star { right: -28px; top: 10%; }
  .brush-statement-line { left: -40px; bottom: 21%; }
  .brush-config-slash { right: -60px; top: 82px; }
  .brush-event-zigzag { width: 160px; right: -44px; }
  .brush-news-line { left: 14%; top: 112px; }
  .brush-guides-zigzag { right: -60px; }
  .brush-closing-circle { right: -110px; bottom: 15%; }
  :root { --pad: 18px; }
  .brand-copy small { display: none; }
  .hero-kicker { grid-template-columns: 1fr; gap: 13px; }
  .hero h1 { font-size: clamp(62px, 19.4vw, 94px); }
  .hero-actions { align-items: stretch; flex-direction: column; }
  .btn-primary { width: 100%; }
  .speed-card { min-height: 360px; }
  .hero-brand-stage { inset: 0; }
  .hero-brand-orbit { width: min(88vw, 340px); }
  .hero-logo-core { width: 56%; }
  .hero-motorfest-circle { animation-duration: 30s; }

  .statement,
  .feature-section,
  .news-section,
  .guides-section,
  .closing { padding-top: 86px; padding-bottom: 86px; }

  .statement h2,
  .section-heading h2,
  .event-copy h2,
  .closing h2 { font-size: clamp(52px, 17vw, 78px); }

  .event-copy { padding: 28px 20px 34px; }
  .event-row { grid-template-columns: 66px 1fr 18px; min-height: 145px; }
  .event-row small { line-height: 1.5; }

  .news-item { grid-template-columns: 44px 1fr 24px; }
  .news-content p { display: none; }

  .guide-card { padding: 18px; }
  .guide-card h3 { font-size: 36px; }

  .site-footer nav { flex-wrap: wrap; }
}

/* Mascote scroll transition ------------------------------------------------ */
.mascot-scroll-section {
  position: relative;
  width: 100%;
  height: clamp(760px, 92vh, 1040px);
  overflow: hidden;
  isolation: isolate;
}

.mascot-scroll-section::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 7%;
  bottom: 7%;
  width: 1px;
  background: linear-gradient(
    to bottom,
    transparent,
    rgba(241, 239, 230, .05) 18%,
    rgba(241, 239, 230, .09) 50%,
    rgba(241, 239, 230, .05) 82%,
    transparent
  );
  transform: translateX(-50%);
  pointer-events: none;
}

.mascot-scroll-lane {
  position: relative;
  z-index: 1;
  width: min(100%, var(--max));
  height: 100%;
  margin: 0 auto;
  padding: 0 var(--pad);
}

.scroll-mascot {
  --mascot-y: 0px;
  position: absolute;
  z-index: 12;
  left: 50%;
  top: 5%;
  width: clamp(120px, 11vw, 170px);
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  transform: translate3d(-50%, var(--mascot-y), 0);
  transform-origin: 50% 50%;
  will-change: transform;
  pointer-events: auto;
  cursor: pointer;
}

.scroll-mascot::after {
  content: none;
}

.scroll-mascot-svg {
  display: block;
  width: 100%;
  height: auto;
  opacity: .96;
  /* Mantém o mascote em off-white, como o texto principal do site, sem glow. */
  filter: brightness(0) saturate(100%) invert(96%) sepia(12%) saturate(205%) hue-rotate(333deg) brightness(103%) contrast(92%);
  animation: mascotFloat 4.8s ease-in-out infinite;
  will-change: transform;
  transition: opacity .18s ease;
}

.scroll-mascot:hover .scroll-mascot-svg {
  opacity: 1;
}

.scroll-mascot.is-landing .scroll-mascot-svg {
  animation: mascotLand .68s cubic-bezier(.18,.82,.24,1.18);
}

.mascot-miau {
  position: absolute;
  left: calc(100% - 8px);
  top: 20%;
  padding: 8px 10px 7px;
  border: 1px solid rgba(241, 239, 230, .18);
  background: rgba(11, 13, 16, .84);
  color: var(--paper);
  font-family: var(--condensed);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 1;
  text-transform: lowercase;
  opacity: 0;
  transform: translate3d(-8px, 4px, 0);
  transition: opacity .18s ease, transform .22s ease;
  pointer-events: none;
  white-space: nowrap;
}

.mascot-miau::before {
  content: "";
  position: absolute;
  left: -6px;
  top: 50%;
  width: 10px;
  height: 10px;
  background: rgba(11, 13, 16, .84);
  border-left: 1px solid rgba(241, 239, 230, .18);
  border-bottom: 1px solid rgba(241, 239, 230, .18);
  transform: translateY(-50%) rotate(45deg);
}

.scroll-mascot.show-miau .mascot-miau {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.motorfest-mode-toast {
  position: absolute;
  right: max(20px, calc((100vw - min(100%, var(--max))) / 2 + var(--pad)));
  top: 34px;
  z-index: 13;
  padding: 12px 15px 10px;
  border: 1px solid rgba(241, 239, 230, .22);
  background: rgba(11, 13, 16, .82);
  color: var(--accent);
  font-family: var(--condensed);
  font-size: clamp(20px, 2vw, 30px);
  font-weight: 700;
  letter-spacing: .04em;
  line-height: .9;
  text-transform: uppercase;
  opacity: 0;
  transform: translate3d(0, -8px, 0);
  transition: opacity .32s ease, transform .42s ease;
  pointer-events: none;
}

.motorfest-mode-toast.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@keyframes mascotFloat {
  0%, 100% {
    transform: translate3d(0, -4px, 0);
  }
  50% {
    transform: translate3d(0, 8px, 0);
  }

  .race-transition-circle {
    animation: none !important;
  }
}

@keyframes mascotLand {
  0% {
    transform: translate3d(0, -4px, 0);
  }
  28% {
    transform: translate3d(0, 18px, 0);
  }
  56% {
    transform: translate3d(0, -8px, 0);
  }
  78% {
    transform: translate3d(0, 4px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }

  .race-transition-circle {
    animation: none !important;
  }
}

@media (max-width: 820px) {
  .mascot-scroll-section {
    height: clamp(660px, 84vh, 900px);
  }

  .scroll-mascot {
    top: 6%;
    width: clamp(100px, 24vw, 145px);
  }

  .mascot-miau {
    top: 18%;
    font-size: 16px;
  }

  .motorfest-mode-toast {
    top: 24px;
    right: 18px;
    padding: 10px 12px 8px;
  }

  .race-transition-circle {
    animation: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .scroll-mascot {
    --mascot-y: 190px !important;
    will-change: auto;
  }

  .scroll-mascot-svg {
    animation: none;
  }

  .mascot-miau,
  .motorfest-mode-toast {
    transition: none;
  }

  .race-transition-circle {
    animation: none !important;
  }
}


/* ========================================================================== 
   PRO SETTINGS — FERRARI F50
   ========================================================================== */
.settings-page {
  background: #0b0d10;
}

.settings-page .site-header {
  position: fixed;
}

.settings-nav a.active::after {
  transform: scaleX(1);
}

.pro-settings-main {
  padding-top: 86px;
}

.pro-settings-hero {
  position: relative;
  padding-top: clamp(62px, 8vw, 118px);
  padding-bottom: clamp(76px, 9vw, 132px);
  border-bottom: 1px solid var(--line);
  overflow: hidden;
}

.settings-back {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #8f959d;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  transition: color .2s ease;
}
.settings-back span {
  color: var(--accent);
  font-size: 15px;
}
.settings-back:hover { color: var(--paper); }

.settings-hero-grid {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: clamp(44px, 7vw, 110px);
  align-items: center;
  margin-top: clamp(52px, 6vw, 88px);
}

.settings-title-block h1 {
  margin: 18px 0 0;
  font-family: var(--condensed);
  font-size: clamp(82px, 10vw, 158px);
  font-weight: 800;
  line-height: .78;
  letter-spacing: -.055em;
  text-transform: uppercase;
}

.settings-byline {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-top: 32px;
  color: #a3a8af;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.settings-byline strong { color: var(--paper); }
.settings-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--accent);
}

.settings-car-art {
  position: relative;
  min-height: clamp(270px, 33vw, 450px);
  display: grid;
  place-items: center;
}
.settings-car-art > img:not(.settings-car-brush) {
  position: relative;
  z-index: 2;
  width: min(100%, 820px);
  height: auto;
  filter: drop-shadow(0 24px 30px rgba(0,0,0,.28));
}
.settings-car-brush {
  position: absolute;
  z-index: 1;
  width: 72%;
  max-width: 570px;
  opacity: .07;
  transform: rotate(-4deg);
  filter: none;
}
.settings-car-code {
  position: absolute;
  right: 0;
  bottom: 8%;
  z-index: 3;
  color: #5d636b;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .22em;
}

.settings-board {
  padding-top: clamp(76px, 9vw, 128px);
  padding-bottom: clamp(100px, 11vw, 160px);
}
.settings-board-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
  padding-bottom: 34px;
  border-bottom: 1px solid var(--line-strong);
}
.settings-board-head h2 {
  margin: 12px 0 0;
  font-family: var(--condensed);
  font-size: clamp(58px, 6vw, 92px);
  font-weight: 800;
  letter-spacing: -.04em;
  line-height: .86;
}
.settings-legend {
  display: flex;
  align-items: center;
  gap: 22px;
  color: #777d85;
  font-size: 8px;
  font-weight: 600;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.settings-legend span { display: inline-flex; align-items: center; gap: 8px; }
.settings-legend i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  border: 2px solid var(--accent);
}

.settings-groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  border-left: 1px solid var(--line);
}
.setting-group {
  min-width: 0;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.setting-group--wide { grid-column: span 2; }
.setting-group-title {
  min-height: 88px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 22px;
  border-bottom: 1px solid var(--line);
}
.setting-group-title > span {
  color: var(--accent);
  font-family: var(--condensed);
  font-size: 18px;
  font-weight: 700;
}
.setting-group-title h3 {
  margin: 0;
  font-family: var(--condensed);
  font-size: 27px;
  font-weight: 700;
  letter-spacing: .02em;
}

.setting-rows { width: 100%; }
.setting-row {
  min-height: 112px;
  display: grid;
  grid-template-columns: minmax(180px, .76fr) minmax(280px, 1.24fr);
  gap: 28px;
  align-items: center;
  padding: 22px;
  border-bottom: 1px solid rgba(241,239,230,.08);
  transition: background .2s ease;
}
.setting-row:last-child { border-bottom: 0; }
.setting-row:hover { background: rgba(255,255,255,.018); }

.setting-name {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.setting-name span {
  color: #9ba1a8;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.setting-name strong {
  color: var(--paper);
  font-family: var(--condensed);
  font-size: 29px;
  font-weight: 600;
  line-height: 1;
}
.setting-name strong em {
  margin: 0 5px;
  color: #5e646c;
  font-style: normal;
}
.setting-name--balance strong { font-size: 24px; }

.setting-control {
  --position: 50%;
  min-width: 0;
  display: grid;
  grid-template-columns: 52px 14px minmax(130px,1fr) 14px 52px;
  gap: 8px;
  align-items: center;
}
.setting-edge {
  color: #646a72;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.setting-edge.left { text-align: right; }
.setting-edge.right { text-align: left; }
.setting-chevron {
  color: #7f858d;
  font-family: var(--condensed);
  font-size: 19px;
  line-height: 1;
  text-align: center;
}
.setting-track {
  position: relative;
  height: 18px;
  display: block;
}
.setting-track::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: repeating-linear-gradient(90deg, rgba(241,239,230,.23) 0 5px, transparent 5px 9px);
  transform: translateY(-50%);
}
.setting-track::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1px;
  height: 7px;
  background: rgba(241,239,230,.22);
  transform: translate(-50%,-50%);
}
.setting-track i {
  position: absolute;
  z-index: 2;
  left: var(--position);
  top: 50%;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: 2px solid var(--accent);
  background: #0b0d10;
  transform: translate(-50%,-50%);
  box-shadow: 0 0 0 3px rgba(255,96,56,.08);
}

.settings-footer-cta {
  padding-top: 40px;
  padding-bottom: 120px;
}
.settings-footer-cta > div {
  margin-top: 22px;
  padding-top: 36px;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
  border-top: 1px solid var(--line);
}
.settings-footer-cta h2 {
  margin: 0;
  font-family: var(--condensed);
  font-size: clamp(58px, 7vw, 108px);
  font-weight: 800;
  line-height: .82;
  letter-spacing: -.045em;
}
.settings-footer { grid-template-columns: 1fr 1fr; }
.settings-footer p { justify-self: end; }

@media (max-width: 1100px) {
  .settings-hero-grid { grid-template-columns: 1fr; }
  .settings-car-art { min-height: 300px; }
  .settings-groups { grid-template-columns: 1fr; }
  .setting-group--wide { grid-column: auto; }
  .setting-row { grid-template-columns: minmax(160px,.72fr) minmax(250px,1.28fr); }
}

@media (max-width: 820px) {
  .settings-header .main-nav { display: none; }
  .pro-settings-main { padding-top: 72px; }
  .settings-hero-grid { margin-top: 42px; }
  .settings-title-block h1 { font-size: clamp(74px, 21vw, 120px); }
  .settings-board-head { align-items: flex-start; flex-direction: column; }
  .settings-legend { flex-wrap: wrap; }
  .setting-row {
    grid-template-columns: 1fr;
    gap: 18px;
    min-height: 132px;
  }
  .setting-control { grid-template-columns: 45px 12px minmax(100px,1fr) 12px 45px; }
  .settings-footer-cta > div { align-items: flex-start; flex-direction: column; }
  .settings-footer { grid-template-columns: 1fr; }
  .settings-footer p { justify-self: start; }
}

@media (max-width: 520px) {
  .settings-byline { align-items: flex-start; flex-direction: column; gap: 7px; }
  .settings-dot { display: none; }
  .settings-car-art { min-height: 220px; }
  .setting-group-title { min-height: 72px; padding: 15px; }
  .setting-row { padding: 18px 15px; }
  .setting-control {
    grid-template-columns: 38px 10px minmax(84px,1fr) 10px 38px;
    gap: 5px;
  }
  .setting-edge { font-size: 7px; }
  .setting-name strong { font-size: 26px; }
  .setting-name--balance strong { font-size: 22px; }
}


/* =========================
   PRO SETTINGS V2
   ========================= */
.settings-page .site-header {
  position: fixed;
}

.pro-settings-main {
  padding-top: 86px;
}

.pro-settings-sheet {
  padding-top: clamp(44px, 6vw, 76px);
  padding-bottom: clamp(72px, 9vw, 110px);
}

.pro-settings-shell {
  position: relative;
  padding: clamp(22px, 3.5vw, 40px);
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,.008));
  overflow: hidden;
}

.pro-settings-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255,96,56,.035), transparent 22%, transparent 78%, rgba(255,96,56,.025));
}

.pro-settings-head {
  position: relative;
  display: grid;
  grid-template-columns: 1fr minmax(260px, 420px);
  gap: 28px;
  align-items: end;
  z-index: 1;
  min-height: 250px;
}

.pro-settings-head h1 {
  margin: 10px 0 0;
  font-family: var(--condensed);
  font-size: clamp(58px, 7vw, 108px);
  font-weight: 800;
  line-height: .88;
  letter-spacing: -.045em;
}

.pro-settings-head-art {
  position: absolute;
  right: -10px;
  top: 190px;
  width: min(46vw, 690px);
  min-height: 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  z-index: 0;
  pointer-events: none;
}

.pro-settings-head-art img {
  position: relative;
  width: 100%;
  max-width: none;
  height: auto;
  opacity: .38;
  transform: none;
  filter: drop-shadow(0 24px 32px rgba(0,0,0,.32));
}

.pro-settings-filters {
  position: relative;
  z-index: 2;
  margin-top: 28px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding-right: min(28vw, 300px);
}

.settings-select {
  min-width: min(100%, 320px);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.config-dropdown,
.config-select-button,
.config-select-menu,
.pro-settings-filters,
.settings-select {
  position: relative;
  z-index: 4;
}

.settings-select > span {
  color: var(--paper);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
}

.settings-select button {
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 10px 0 14px;
  border: 1px solid rgba(241,239,230,.24);
  background: rgba(9,11,14,.82);
  color: var(--paper);
  cursor: default;
}

.settings-select button span {
  font-size: 14px;
}

.settings-select button .tabler-icon {
  width: 19px;
  height: 19px;
  color: var(--paper);
  padding: 4px;
  border-radius: 6px;
  background: rgba(255,96,56,.18);
}

.settings-back-link {
  margin-top: 28px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #d7d8da;
  font-size: 13px;
  text-decoration: underline;
  text-decoration-color: rgba(255,255,255,.24);
  text-underline-offset: 3px;
}

.settings-back-link .tabler-icon {
  width: 18px;
  height: 18px;
  color: var(--accent);
}

.pro-settings-summary {
  margin-top: 32px;
  padding-bottom: 10px;
}

.summary-copy h2 {
  margin: 0;
  font-family: var(--condensed);
  font-size: clamp(46px, 4.4vw, 72px);
  font-weight: 700;
  letter-spacing: -.03em;
}

.summary-copy h2 small {
  font-size: .74em;
  font-weight: 700;
}

.summary-copy ul {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

.summary-copy li {
  margin: 3px 0;
  color: #e3e4e6;
  font-size: 14px;
  line-height: 1.45;
}

.summary-copy li strong { font-weight: 600; }

.pro-settings-list {
  margin-top: 24px;
}

.settings-block {
  padding: 18px 0 12px;
}

.settings-block + .settings-block {
  margin-top: 8px;
}

.settings-block h3 {
  margin: 0 0 10px;
  color: var(--paper);
  font-family: var(--condensed);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -.01em;
  text-transform: none;
}

.setting-line {
  display: grid;
  grid-template-columns: minmax(100px, auto) minmax(30px, 1fr) minmax(420px, 640px);
  gap: 16px;
  align-items: center;
  min-height: 44px;
}

.setting-label {
  color: var(--paper);
  font-size: 16px;
  line-height: 1.3;
}

.setting-spacer {
  height: 1px;
  background: rgba(241,239,230,.12);
}

.setting-meter {
  --position: 50%;
  display: grid;
  grid-template-columns: auto auto minmax(180px, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.setting-value {
  color: var(--paper);
  font-family: var(--condensed);
  font-size: 19px;
  font-weight: 600;
  white-space: nowrap;
}

.setting-meter--balance .setting-value {
  font-size: 17px;
}

.setting-side {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  color: var(--paper);
  font-size: 14px;
  white-space: nowrap;
}

.setting-side.left { justify-self: start; }
.setting-side.right { justify-self: end; }

.tabler-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  color: #aeb3b9;
}

.setting-track {
  position: relative;
  height: 18px;
  min-width: 180px;
}

.setting-track::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: rgba(241,239,230,.72);
  transform: translateY(-50%);
}

.setting-track::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: repeating-linear-gradient(90deg, transparent 0 12px, rgba(241,239,230,.16) 12px 13px);
  transform: translateY(-50%);
}

.setting-track .tabler-point {
  --point-size: 18px;
  position: absolute;
  left: clamp(calc(var(--point-size) / 2), var(--position), calc(100% - (var(--point-size) / 2)));
  top: 50%;
  width: var(--point-size);
  height: var(--point-size);
  color: var(--accent);
  transform: translate(-50%, -50%);
  filter: drop-shadow(0 0 8px rgba(255,96,56,.18));
}

.settings-footer {
  grid-template-columns: 1fr 1fr;
}

.settings-footer p { justify-self: end; }

@media (max-width: 1100px) {
  .pro-settings-head {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .pro-settings-head-art {
    position: relative;
    right: auto;
    top: auto;
    width: min(100%, 520px);
    min-height: 160px;
    justify-content: flex-start;
    margin-top: -8px;
    margin-bottom: -8px;
  }

  .pro-settings-head-art img {
    width: 100%;
    transform: translate(0, 72px);
  }

  .setting-line {
    grid-template-columns: minmax(120px, auto) minmax(20px, 1fr) minmax(320px, 1fr);
  }

  .race-transition-circle {
    animation: none !important;
  }
}

@media (max-width: 820px) {
  .settings-header .main-nav { display: none; }
  .pro-settings-main { padding-top: 72px; }
  .pro-settings-filters {
    flex-direction: column;
    padding-right: 0;
  }
  .settings-select { min-width: 100%; }
  .setting-line {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 10px 0;
  }
  .setting-spacer { display: none; }
  .setting-meter {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .setting-track { min-width: 0; }
  .setting-side {
    justify-self: stretch;
  }
  .setting-side.left {
    order: 1;
  }
  .setting-track {
    order: 2;
  }
  .setting-side.right {
    order: 3;
    justify-content: flex-end;
  }
  .settings-footer { grid-template-columns: 1fr; }
  .settings-footer p { justify-self: start; }
}

@media (max-width: 520px) {
  .pro-settings-shell {
    padding: 18px;
  }

  .pro-settings-head-art {
    width: min(100%, 350px);
    min-height: 110px;
    margin-bottom: 0;
  }

  .pro-settings-head-art img {
    width: 100%;
    opacity: .34;
    transform: translate(0, 36px);
  }

  .settings-back-link {
    font-size: 12px;
  }

  .summary-copy li,
  .setting-label,
  .setting-side {
    font-size: 13px;
  }

  .setting-value {
    font-size: 18px;
  }

  .setting-meter--balance .setting-value {
    font-size: 16px;
  }

  .race-transition-circle {
    animation: none !important;
  }
}

/* =========================
   F50 SETTINGS LAB V1.4.0
   ========================= */
.settings-lab-toolbar {
  margin: 26px 0 6px;
  padding: 16px 0 18px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 22px;
  border-top: 1px solid rgba(241,239,230,.12);
  border-bottom: 1px solid rgba(241,239,230,.12);
}

.settings-lab-status {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.settings-lab-kicker {
  color: var(--accent);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .18em;
}

.settings-lab-status strong {
  color: var(--paper);
  font-family: var(--condensed);
  font-size: 23px;
  font-weight: 600;
}

.settings-lab-status small {
  color: #7f858d;
  font-size: 10px;
  line-height: 1.5;
}

.settings-reset-all {
  min-height: 39px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 13px;
  border: 1px solid rgba(241,239,230,.18);
  background: transparent;
  color: var(--paper);
  cursor: pointer;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: border-color .18s ease, background .18s ease, color .18s ease;
}

.settings-reset-all:hover:not(:disabled) {
  border-color: rgba(255,96,56,.55);
  background: rgba(255,96,56,.08);
}

.settings-reset-all:disabled {
  opacity: .35;
  cursor: default;
}

.settings-reset-all .tabler-icon {
  width: 16px;
  height: 16px;
}

.pro-settings-list--interactive {
  margin-top: 10px;
}

.settings-block--interactive {
  padding: 18px 0 10px;
}

.settings-block--interactive + .settings-block--interactive {
  margin-top: 6px;
}

.setting-line--interactive {
  grid-template-columns: minmax(160px, auto) minmax(30px, 1fr) minmax(500px, 680px);
  align-items: start;
  min-height: 0;
  padding: 13px 0 18px;
  border-bottom: 1px solid rgba(241,239,230,.065);
}

.setting-line--interactive:last-child {
  border-bottom: 0;
}

.setting-line--interactive .setting-label {
  padding-top: 8px;
}

.setting-line--interactive .setting-spacer {
  margin-top: 17px;
}

.setting-interactive-wrap {
  min-width: 0;
}

.setting-meter--live {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items: center;
}

.setting-meter--live .setting-value {
  min-width: 82px;
  font-size: 18px;
  text-align: right;
}

.setting-slider-row {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(180px, 1fr) auto;
  gap: 9px;
  align-items: center;
}

.setting-slider-row .setting-side {
  gap: 5px;
  color: #d8dadd;
  font-size: 12px;
}

.setting-nudge {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid transparent;
  background: transparent;
  color: #8f959d;
  cursor: pointer;
  transition: color .18s ease, border-color .18s ease, background .18s ease;
}

.setting-nudge:hover {
  color: var(--accent);
  border-color: rgba(255,96,56,.24);
  background: rgba(255,96,56,.05);
}

.setting-nudge .tabler-icon {
  width: 17px;
  height: 17px;
}

.setting-slider-shell {
  --preset-position: 50%;
  position: relative;
  height: 30px;
  min-width: 180px;
}

.setting-rail {
  position: absolute;
  left: 9px;
  right: 9px;
  top: 50%;
  height: 1px;
  background: rgba(241,239,230,.72);
  transform: translateY(-50%);
  pointer-events: none;
}

.setting-preset-marker {
  position: absolute;
  z-index: 2;
  left: var(--preset-position);
  top: 50%;
  width: 2px;
  height: 14px;
  background: rgba(241,239,230,.42);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.setting-preset-marker::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -4px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(241,239,230,.62);
  transform: translateX(-50%);
}

.setting-range {
  position: absolute;
  z-index: 4;
  inset: 0;
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  cursor: grab;
}

.setting-range:active {
  cursor: grabbing;
}

.setting-range:focus-visible {
  outline: 2px solid rgba(255,96,56,.75);
  outline-offset: 3px;
}

.setting-range::-webkit-slider-runnable-track {
  height: 1px;
  background: transparent;
  border: 0;
}

.setting-range::-webkit-slider-thumb {
  width: 18px;
  height: 18px;
  margin-top: -8.5px;
  border: 2px solid #0b0d10;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 1px var(--accent);
  appearance: none;
  -webkit-appearance: none;
}

.setting-range::-moz-range-track {
  height: 1px;
  border: 0;
  background: transparent;
}

.setting-range::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border: 2px solid #0b0d10;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 1px var(--accent);
}

.setting-details {
  margin: 7px 0 0 96px;
  padding: 10px 12px 11px;
  border-left: 1px solid rgba(241,239,230,.14);
  background: rgba(255,255,255,.012);
  transition: border-color .18s ease, background .18s ease;
}

.setting-line--interactive.is-modified .setting-details {
  border-left-color: rgba(255,96,56,.58);
  background: rgba(255,96,56,.025);
}

.setting-details-top {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.setting-state {
  padding: 4px 6px 3px;
  border: 1px solid rgba(241,239,230,.17);
  color: #9fa5ad;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .14em;
}

.setting-state.is-modified {
  border-color: rgba(255,96,56,.45);
  color: var(--accent);
}

.setting-compare {
  color: #727880;
  font-size: 9px;
}

.setting-reset-one {
  margin-left: auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: #aeb3b9;
  cursor: pointer;
  font-size: 8px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-transform: uppercase;
}

.setting-reset-one:hover {
  color: var(--paper);
}

.setting-effect-title {
  display: block;
  margin-top: 8px;
  color: var(--paper);
  font-family: var(--condensed);
  font-size: 18px;
  font-weight: 600;
}

.setting-effect-text {
  margin: 4px 0 0;
  color: #8e949c;
  font-size: 10px;
  line-height: 1.6;
}

.setting-impact-chips {
  margin-top: 8px;
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.setting-impact-chips span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 7px 4px;
  border: 1px solid rgba(241,239,230,.09);
  background: rgba(0,0,0,.12);
}

.setting-impact-chips b {
  color: #8d939b;
  font-size: 7px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.setting-impact-chips em {
  color: var(--accent);
  font-family: var(--condensed);
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
}

@media (max-width: 1100px) {
  .setting-line--interactive {
    grid-template-columns: minmax(130px, auto) minmax(20px, 1fr) minmax(390px, 1fr);
  }

  .race-transition-circle {
    animation: none !important;
  }
}

@media (max-width: 820px) {
  .settings-lab-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .setting-line--interactive {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .setting-line--interactive .setting-label {
    padding-top: 0;
  }

  .setting-line--interactive .setting-spacer {
    display: none;
  }

  .setting-meter--live {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .setting-meter--live .setting-value {
    min-width: 0;
    text-align: left;
  }

  .setting-details {
    margin-left: 0;
  }

  .race-transition-circle {
    animation: none !important;
  }
}

@media (max-width: 520px) {
  .setting-slider-row {
    grid-template-columns: auto minmax(100px, 1fr) auto;
    gap: 4px;
  }

  .setting-slider-row .setting-side span {
    display: none;
  }

  .setting-nudge {
    width: 30px;
    height: 30px;
  }

  .settings-reset-all {
    width: 100%;
    justify-content: center;
  }

  .race-transition-circle {
    animation: none !important;
  }
}


/* V1.6.0 — seletores funcionais das Configurações Pro */
.config-dropdown {
  position: relative;
  z-index: 8;
}

.config-dropdown .config-select-button {
  width: 100%;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease;
}

.config-dropdown .config-select-button:hover,
.config-dropdown.is-open .config-select-button {
  border-color: rgba(255,96,56,.62);
  background: rgba(12,14,17,.96);
}

.config-dropdown .config-select-button .tabler-icon {
  transition: transform .18s ease;
}

.config-dropdown.is-open .config-select-button .tabler-icon {
  transform: rotate(180deg);
}

.config-select-menu {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 7px);
  display: grid;
  gap: 3px;
  padding: 6px;
  border: 1px solid rgba(241,239,230,.18);
  background: rgba(8,10,12,.98);
  box-shadow: 0 18px 42px rgba(0,0,0,.34);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-6px);
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
  z-index: 30;
}

.config-dropdown.is-open .config-select-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.config-select-option {
  width: 100%;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 9px 10px;
  color: var(--paper);
  font: inherit;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  background: transparent;
  transition: background .15s ease, border-color .15s ease;
}

.config-select-option:hover {
  background: rgba(255,255,255,.045);
  border-color: rgba(255,255,255,.08);
}

.config-select-option.is-selected {
  background: rgba(255,96,56,.08);
  border-color: rgba(255,96,56,.18);
}

.config-select-option-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.config-select-option-copy strong {
  overflow: hidden;
  color: var(--paper);
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.config-select-option-copy small {
  color: rgba(241,239,230,.54);
  font-size: 10px;
}

.config-select-option-dot {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  border: 1px solid rgba(241,239,230,.24);
}

.config-select-option.is-selected .config-select-option-dot {
  border-color: var(--accent);
  background: var(--accent);
  box-shadow: 0 0 0 3px rgba(255,96,56,.10);
}

@media (max-width: 820px) {
  .config-select-menu {
    position: static;
    margin-top: 7px;
    display: none;
    transform: none;
  }

  .config-dropdown.is-open .config-select-menu {
    display: grid;
  }

  .race-transition-circle {
    animation: none !important;
  }
}


/* V1.6.2 — Transição de página estilo entrada de corrida */
.race-page-transition {
  position: fixed;
  inset: 0;
  z-index: 99999;
  pointer-events: none;
  overflow: hidden;
  isolation: isolate;
}

.race-transition-panel {
  position: absolute;
  left: 0;
  width: 100%;
  height: 50.5%;
  background:
    radial-gradient(circle at center, rgba(255,96,56,.08), transparent 46%),
    linear-gradient(180deg, #07090b 0%, #06080a 100%);
  transition: transform .62s cubic-bezier(.76, 0, .24, 1);
  will-change: transform;
}

.race-transition-panel--top {
  top: 0;
  transform: translateY(-101%);
  border-bottom: 1px solid rgba(255, 96, 56, .14);
}

.race-transition-panel--bottom {
  bottom: 0;
  transform: translateY(101%);
  border-top: 1px solid rgba(255, 96, 56, .14);
}

.race-transition-brush {
  position: absolute;
  z-index: 1;
  width: clamp(180px, 22vw, 330px);
  aspect-ratio: 1;
  opacity: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  mix-blend-mode: screen;
  transition: opacity .32s ease .24s, transform .52s ease .24s;
}

.race-transition-brush--top-left {
  top: clamp(20px, 6vw, 58px);
  left: clamp(12px, 4vw, 40px);
  background-image: url("assets/brushes/brush-03.png");
  transform: translate(-12px, -10px) rotate(-10deg);
}

.race-transition-brush--bottom-right {
  right: clamp(18px, 4vw, 44px);
  bottom: clamp(18px, 5vw, 42px);
  width: clamp(150px, 18vw, 280px);
  background-image: url("assets/brushes/brush-10.png");
  transform: translate(12px, 10px) rotate(14deg);
}

.race-transition-center {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 14px;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .32s ease, transform .42s ease;
}

.race-transition-logo-wrap {
  position: relative;
  width: clamp(180px, 22vw, 310px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
}

.race-transition-circle {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: .28;
  animation: raceTransitionCircleSpin 13s linear infinite;
  filter: drop-shadow(0 0 24px rgba(255,96,56,.08));
}

.race-transition-logo {
  position: relative;
  z-index: 1;
  width: clamp(104px, 11vw, 156px);
  height: auto;
  display: block;
  user-select: none;
  -webkit-user-drag: none;
  filter: drop-shadow(0 12px 32px rgba(0,0,0,.36));
}

.race-transition-caption {
  font: 700 10px/1 var(--sans, Inter, sans-serif);
  letter-spacing: .28em;
  color: rgba(241, 239, 230, .72);
  text-transform: uppercase;
}

.race-page-transition.is-closing,
.race-transition-arrival .race-page-transition {
  pointer-events: all;
}

.race-page-transition.is-closing .race-transition-panel,
.race-transition-arrival .race-transition-panel {
  transform: translateY(0);
}

.race-page-transition.is-closing .race-transition-center,
.race-transition-arrival .race-transition-center {
  opacity: 1;
  transform: translateY(0);
  transition-delay: .56s;
}

.race-transition-arrival .race-transition-center {
  transition-delay: 0s;
}

.race-page-transition.is-closing .race-transition-brush,
.race-transition-arrival .race-transition-brush {
  opacity: .18;
}

.race-page-transition.is-closing .race-transition-brush--top-left,
.race-transition-arrival .race-transition-brush--top-left {
  transform: translate(0, 0) rotate(-6deg);
}

.race-page-transition.is-closing .race-transition-brush--bottom-right,
.race-transition-arrival .race-transition-brush--bottom-right {
  transform: translate(0, 0) rotate(10deg);
}

.race-page-transition.is-opening .race-transition-center {
  opacity: 0;
  transform: translateY(-5px);
  transition-delay: 0s;
}

.race-page-transition.is-opening .race-transition-brush {
  opacity: 0;
}

.race-page-transition.is-opening .race-transition-panel--top {
  transform: translateY(-101%);
  transition-delay: .28s;
}

.race-page-transition.is-opening .race-transition-panel--bottom {
  transform: translateY(101%);
  transition-delay: .28s;
}

.race-page-transition.is-initial-hidden .race-transition-panel--top {
  transform: translateY(-101%);
}

.race-page-transition.is-initial-hidden .race-transition-panel--bottom {
  transform: translateY(101%);
}

.race-page-transition.is-initial-hidden .race-transition-center {
  opacity: 0;
}

.race-page-transition.is-initial-hidden .race-transition-brush {
  opacity: 0;
}

@keyframes raceTransitionCircleSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

body.is-page-transitioning {
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .race-transition-panel,
  .race-transition-center,
  .race-transition-brush {
    transition-duration: .01ms !important;
    transition-delay: 0s !important;
  }

  .race-transition-circle {
    animation: none !important;
  }
}


/* V1.7.2 — Sistema único de line art para todos os veículos
   Qualquer imagem dentro de .config-car-media--vehicle-art ou
   .pro-settings-head-art--vehicle-art herda automaticamente cor, escala e posição. */
:root {
  --vehicle-art-orange-filter: brightness(0) saturate(100%) invert(49%) sepia(98%) saturate(3026%) hue-rotate(339deg) brightness(103%) contrast(101%);
}

.config-car-media--vehicle-art {
  width: 100%;
  height: 200px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

.config-car-media--vehicle-art > img,
.config-car-media--vehicle-art > img[data-vehicle-art] {
  display: block;
  width: 96%;
  height: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  filter: var(--vehicle-art-orange-filter) drop-shadow(0 14px 18px rgba(0,0,0,.22));
  transition: translate .28s ease, filter .28s ease;
}

.config-card:hover .config-car-media--vehicle-art > img {
  translate: 0 -4px;
  filter: var(--vehicle-art-orange-filter) drop-shadow(0 18px 22px rgba(0,0,0,.30));
}

.pro-settings-head-art--vehicle-art {
  right: -10px;
  top: 190px;
  width: min(46vw, 690px);
}

.pro-settings-head-art--vehicle-art > img,
.pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
  width: 100%;
  max-width: none;
  height: auto;
  opacity: .38;
  transform: none;
  object-fit: contain;
  object-position: center;
  filter: var(--vehicle-art-orange-filter) drop-shadow(0 24px 32px rgba(0,0,0,.32));
}

@media (max-width: 1100px) {
  .pro-settings-head-art--vehicle-art {
    width: min(100%, 520px);
  }
}

@media (max-width: 520px) {
  .pro-settings-head-art--vehicle-art {
    width: min(100%, 350px);
  }
}


/* V1.8.1 — seletor de ajuste + radar/spider da Ferrari F50 */
.summary-config-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.summary-inline-select {
  min-width: min(100%, 250px);
}

.summary-inline-select .config-select-button {
  min-height: 38px;
  width: min(100%, 250px);
  padding-inline: 12px 10px;
}

.summary-inline-select .config-select-button span {
  font-size: 13px;
}

.settings-radar-panel {
  margin-top: 22px;
  padding: 18px;
  display: grid;
  grid-template-columns: minmax(220px, .9fr) minmax(280px, 1.1fr);
  gap: 20px;
  border: 1px solid rgba(241,239,230,.12);
  background: linear-gradient(180deg, rgba(255,255,255,.016), rgba(255,255,255,.01));
}

.settings-radar-copy {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.settings-radar-kicker {
  color: var(--accent);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .18em;
}

.settings-radar-copy h3 {
  margin: 0;
  color: var(--paper);
  font-family: var(--condensed);
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 700;
  line-height: .95;
}

.settings-radar-copy p {
  margin: 0;
  color: #8e949c;
  font-size: 12px;
  line-height: 1.65;
}

.settings-radar-legend {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.settings-radar-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 9px 6px;
  border: 1px solid rgba(241,239,230,.1);
  background: rgba(0,0,0,.16);
  color: #d8dadd;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.settings-radar-legend-swatch {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}

.settings-radar-chart {
  min-height: 390px;
  display: grid;
  place-items: center;
}

.settings-radar-chart svg {
  width: min(100%, 520px);
  height: auto;
  overflow: visible;
}

.settings-radar-label {
  fill: #d7d8da;
  font-family: var(--condensed);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.settings-radar-scale {
  fill: #7b8188;
  font-size: 10px;
  font-weight: 600;
}

.settings-radar-summary {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.settings-radar-summary-card {
  padding: 10px 11px 9px;
  border: 1px solid rgba(241,239,230,.1);
  background: rgba(255,255,255,.014);
}

.settings-radar-summary-card span {
  display: block;
  color: #8d939b;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.settings-radar-summary-card strong {
  color: var(--paper);
  font-family: var(--condensed);
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.settings-radar-metric {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-top: 7px;
}

.settings-radar-metric:first-child {
  margin-top: 8px;
}

.settings-radar-metric > strong {
  min-width: 0;
  margin: 0;
  font-size: 17px;
  line-height: 1.05;
}

.settings-radar-metric > strong span {
  color: var(--paper);
  font-family: var(--condensed);
}


.settings-radar-summary-card small {
  display: none;
}

.settings-radar-delta {
  display: inline-block;
  margin-left: 4px;
  color: var(--accent);
  font-family: var(--condensed);
  font-size: .9em;
  font-style: normal;
  font-weight: 800;
}

.settings-radar-delta.is-positive { color: var(--accent); }
.settings-radar-delta.is-negative { color: #d8d2c6; }
.settings-radar-delta.is-neutral { color: #777d84; }
.settings-radar-delta.is-negative { color: var(--accent); }

@media (max-width: 980px) {
  .settings-radar-panel {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px) {
  .summary-config-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .summary-inline-select,
  .summary-inline-select .config-select-button {
    width: 100%;
  }

  .settings-radar-chart {
    min-height: 320px;
  }
}

@media (max-width: 520px) {
  .settings-radar-panel {
    padding: 14px;
  }

  .settings-radar-label {
    font-size: 11px;
  }

  .settings-radar-summary {
    grid-template-columns: 1fr;
  }
}

/* V1.8.1.1 — radar lateral acompanhando o scroll em telas ultrawide */
@media (min-width: 2360px) and (min-height: 850px) {
  .settings-radar-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    z-index: 35;
    width: 420px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    display: block;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }

  .settings-radar-copy {
    gap: 6px;
  }

  .settings-radar-copy h3 {
    font-size: 30px;
    line-height: .94;
  }

  .settings-radar-copy p {
    font-size: 10px;
    line-height: 1.5;
  }

  .settings-radar-legend {
    margin-top: 5px;
    gap: 6px;
  }

  .settings-radar-legend-item {
    padding: 6px 7px 5px;
    font-size: 8px;
  }

  .settings-radar-chart {
    min-height: 315px;
    margin-top: 4px;
  }

  .settings-radar-chart svg {
    width: min(100%, 350px);
  }

  .settings-radar-summary {
    margin-top: 4px;
    gap: 7px;
  }

  .settings-radar-summary-card {
    padding: 8px 9px 7px;
  }

  .settings-radar-metric > strong {
    font-size: 15px;
  }

}


/* V1.8.1.2.7 — manter apenas o nome do carro acima da line art nas páginas de Configurações Pro */
.pro-settings-summary,
.summary-copy,
.summary-copy h2,
.summary-copy h2 small {
  position: relative;
}

.pro-settings-summary,
.summary-copy {
  z-index: 2;
}

.summary-copy h2,
.summary-copy h2 small {
  z-index: 3;
}


/* V1.8.1.2.8 — reposiciona os seletores de Categoria e Veículo abaixo do nome do carro */
.pro-settings-shell {
  display: flex;
  flex-direction: column;
}

.pro-settings-head { order: 1; }
.settings-back-link { order: 2; }
.pro-settings-summary { order: 3; }
.pro-settings-filters { order: 4; }
.settings-radar-panel { order: 5; }
.settings-lab-toolbar { order: 6; }
.pro-settings-list { order: 7; }
.settings-footer { order: 8; }

.settings-back-link {
  margin-top: 18px;
}

.pro-settings-summary {
  margin-top: 24px;
  padding-bottom: 0;
}

.pro-settings-filters {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(2, minmax(260px, 320px));
  gap: 12px;
  padding-right: 0;
  align-items: start;
  width: fit-content;
  max-width: 100%;
}

.settings-select {
  min-width: 0;
  width: 100%;
}

@media (max-width: 820px) {
  .pro-settings-filters {
    grid-template-columns: 1fr;
    width: 100%;
  }
}


/* V1.8.1.2.9 — seletores no topo acima do título interno */
.pro-settings-shell {
  display: flex;
  flex-direction: column;
}

.pro-settings-filters {
  order: 1;
  margin-top: 0;
  margin-bottom: 22px;
  display: grid;
  grid-template-columns: repeat(3, minmax(220px, 320px));
  gap: 12px;
  padding-right: 0;
  align-items: start;
  width: fit-content;
  max-width: 100%;
}

.pro-settings-head { order: 2; }
.settings-back-link { order: 3; }
.pro-settings-summary { order: 4; }
.settings-radar-panel { order: 5; }
.settings-lab-toolbar { order: 6; }
.pro-settings-list { order: 7; }

.settings-select,
.settings-select--setup,
.settings-select--setup .config-select-button {
  min-width: 0;
  width: 100%;
}

.settings-select--setup .config-select-button span {
  font-size: 14px;
}

.settings-back-link {
  margin-top: 18px;
}

.pro-settings-summary {
  margin-top: 24px;
  padding-bottom: 0;
}

@media (max-width: 1100px) {
  .pro-settings-filters {
    grid-template-columns: repeat(2, minmax(240px, 1fr));
    width: min(100%, 100%);
  }
}

@media (max-width: 820px) {
  .pro-settings-filters {
    grid-template-columns: 1fr;
    width: 100%;
    margin-bottom: 18px;
  }
}


/* V1.8.1.3.0 — aproxima títulos e mantém a line art acima da primeira linha */
.pro-settings-filters {
  margin-bottom: 12px;
}

.pro-settings-head {
  min-height: 178px;
  gap: 18px;
  align-items: start;
}

.pro-settings-head h1 {
  margin: 4px 0 0;
}

.settings-back-link {
  margin-top: 10px;
}

.pro-settings-summary {
  margin-top: 14px;
}

.summary-copy ul {
  margin-top: 6px;
}

@media (min-width: 1101px) {
  .pro-settings-head-art,
  .pro-settings-head-art--vehicle-art {
    top: 148px;
    width: min(42vw, 620px);
  }

  .pro-settings-head-art img,
  .pro-settings-head-art--vehicle-art > img,
  .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    max-height: 290px;
    object-position: right top;
  }
}


/* V1.8.1.3.1 — link de volta mais claro + line art sem ultrapassar a linha do laboratório */
.settings-back-link {
  margin-top: 12px;
  font-size: 12px;
  color: #cfd2d7;
}

.settings-back-link span {
  white-space: nowrap;
}

@media (min-width: 1101px) {
  .pro-settings-head {
    min-height: 168px;
  }

  .pro-settings-head-art,
  .pro-settings-head-art--vehicle-art {
    top: 142px;
    right: -6px;
    width: min(40vw, 585px);
  }

  .pro-settings-head-art img,
  .pro-settings-head-art--vehicle-art > img,
  .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    max-height: 250px;
  }

  .settings-lab-toolbar {
    position: relative;
    z-index: 2;
  }
}


/* V1.8.1.3.2 — link de volta no topo + line art presa na área antes do laboratório */
.settings-back-link {
  order: 0;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.pro-settings-filters {
  order: 1;
}

.pro-settings-head {
  order: 2;
}

.pro-settings-summary {
  order: 4;
  margin-top: 12px;
}

@media (min-width: 1101px) {
  .pro-settings-head {
    min-height: 158px;
  }

  .pro-settings-head-art,
  .pro-settings-head-art--vehicle-art {
    top: 168px;
    right: -4px;
    width: min(36vw, 540px);
  }

  .pro-settings-head-art img,
  .pro-settings-head-art--vehicle-art > img,
  .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    max-height: 215px;
  }
}


/* V1.8.1.3.4 — Voltar para Início mantém seta/cor originais; muda apenas posição e nome */
.settings-home-row {
  padding-top: 28px;
  padding-bottom: 10px;
}

.settings-home-row .settings-back-link {
  margin: 0;
}

.pro-settings-sheet {
  padding-top: 0;
}

.pro-settings-head > div:first-child {
  position: relative;
  z-index: 3;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="ferrari-f50"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="ferrari-f50"] .pro-settings-head-art,
  body[data-vehicle-id="ferrari-f50"] .pro-settings-head-art--vehicle-art {
    top: 0;
    right: -26px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="ferrari-f50"] .pro-settings-head-art img,
  body[data-vehicle-id="ferrari-f50"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="ferrari-f50"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="ferrari-f50"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 0;
  }

  body[data-vehicle-id="ferrari-f50"] .settings-lab-toolbar {
    position: relative;
    z-index: 4;
  }
}

@media (max-width: 1100px) {
  .settings-home-row {
    padding-top: 22px;
    padding-bottom: 10px;
  }
}

/* V1.8.1.3.5 — preenche o respiro do cabeçalho e reposiciona a Ferrari F50 */
body[data-vehicle-id="ferrari-f50"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

body[data-vehicle-id="ferrari-f50"] .pro-vehicle-quickinfo-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body[data-vehicle-id="ferrari-f50"] .pro-vehicle-quickinfo-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid rgba(241,239,230,.13);
  background: rgba(8,10,12,.46);
  color: #d7d9dc;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body[data-vehicle-id="ferrari-f50"] .pro-vehicle-quickinfo-chips span:first-child {
  border-color: rgba(255,96,56,.34);
  color: var(--accent);
}

body[data-vehicle-id="ferrari-f50"] .pro-vehicle-quickinfo p {
  max-width: 540px;
  margin: 10px 0 0;
  color: #8f949b;
  font-size: 11px;
  line-height: 1.55;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="ferrari-f50"] .pro-settings-head {
    min-height: 240px;
  }

  body[data-vehicle-id="ferrari-f50"] .pro-settings-head-art,
  body[data-vehicle-id="ferrari-f50"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
  }

  body[data-vehicle-id="ferrari-f50"] .pro-settings-head-art img,
  body[data-vehicle-id="ferrari-f50"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="ferrari-f50"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    max-height: 330px;
    object-position: right top;
  }

  body[data-vehicle-id="ferrari-f50"] .pro-settings-summary {
    margin-top: 4px;
  }
}

@media (max-width: 1100px) {
  body[data-vehicle-id="ferrari-f50"] .pro-vehicle-quickinfo {
    margin-top: 18px;
  }
}

@media (max-width: 520px) {
  body[data-vehicle-id="ferrari-f50"] .pro-vehicle-quickinfo {
    margin-top: 14px;
  }

  body[data-vehicle-id="ferrari-f50"] .pro-vehicle-quickinfo-chips span {
    min-height: 25px;
    padding: 0 8px;
    font-size: 8px;
  }
}



/* V1.8.1.3.6 — pequeno ajuste fino para o radar voltar a alinhar com a linha superior */
@media (min-width: 2360px) and (min-height: 850px) {
  .settings-radar-panel {
    border-top-color: rgba(241,239,230,.16);
  }
}


/* V1.8.1.3.7 — ajuste fino extra no topo do radar para alinhar melhor com a linha */

/* V1.8.1.3.8 — microajuste de 1px no topo do radar */


/* V1.8.1.4.0 — Street Tier 1 recebe o mesmo acabamento do Street Tier 2 */
.config-select-button--static {
  cursor: default;
}

.config-select-button--static .tabler-icon {
  opacity: .55;
}

body[data-vehicle-id="abarth-124-spider"] .pro-vehicle-quickinfo,
body[data-vehicle-id="abarth-500"] .pro-vehicle-quickinfo,
body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-vehicle-quickinfo,
body[data-vehicle-id="abarth-124-rally"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

body[data-vehicle-id="abarth-124-spider"] .pro-vehicle-quickinfo-chips,
body[data-vehicle-id="abarth-500"] .pro-vehicle-quickinfo-chips,
body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-vehicle-quickinfo-chips,
body[data-vehicle-id="abarth-124-rally"] .pro-vehicle-quickinfo-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body[data-vehicle-id="abarth-124-spider"] .pro-vehicle-quickinfo-chips span,
body[data-vehicle-id="abarth-500"] .pro-vehicle-quickinfo-chips span,
body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-vehicle-quickinfo-chips span,
body[data-vehicle-id="abarth-124-rally"] .pro-vehicle-quickinfo-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid rgba(241,239,230,.13);
  background: rgba(8,10,12,.46);
  color: #d7d9dc;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body[data-vehicle-id="abarth-124-spider"] .pro-vehicle-quickinfo-chips span:first-child,
body[data-vehicle-id="abarth-500"] .pro-vehicle-quickinfo-chips span:first-child,
body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-vehicle-quickinfo-chips span:first-child,
body[data-vehicle-id="abarth-124-rally"] .pro-vehicle-quickinfo-chips span:first-child {
  border-color: rgba(255,96,56,.34);
  color: var(--accent);
}

body[data-vehicle-id="abarth-124-spider"] .pro-vehicle-quickinfo p,
body[data-vehicle-id="abarth-500"] .pro-vehicle-quickinfo p,
body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-vehicle-quickinfo p,
body[data-vehicle-id="abarth-124-rally"] .pro-vehicle-quickinfo p {
  max-width: 540px;
  margin: 10px 0 0;
  color: #8f949b;
  font-size: 11px;
  line-height: 1.55;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="abarth-124-spider"] .pro-settings-head,
  body[data-vehicle-id="abarth-500"] .pro-settings-head,
  body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-settings-head,
  body[data-vehicle-id="abarth-124-rally"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="abarth-124-spider"] .pro-settings-head-art,
  body[data-vehicle-id="abarth-124-spider"] .pro-settings-head-art--vehicle-art {
    top: 34px;
    right: 28px;
    width: min(56vw, 700px);
    z-index: 1;
  }

  body[data-vehicle-id="abarth-500"] .pro-settings-head-art,
  body[data-vehicle-id="abarth-500"] .pro-settings-head-art--vehicle-art {
    top: 30px;
    right: 72px;
    width: min(46vw, 585px);
    z-index: 1;
  }

  body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-settings-head-art,
  body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-settings-head-art--vehicle-art {
    top: 34px;
    right: 34px;
    width: min(55vw, 690px);
    z-index: 1;
  }

  body[data-vehicle-id="abarth-124-spider"] .pro-settings-head-art img,
  body[data-vehicle-id="abarth-124-spider"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="abarth-500"] .pro-settings-head-art img,
  body[data-vehicle-id="abarth-500"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-settings-head-art img,
  body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-settings-head-art--vehicle-art > img {
    width: 100%;
    max-height: 305px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="abarth-124-spider"] .pro-settings-summary,
  body[data-vehicle-id="abarth-500"] .pro-settings-summary,
  body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-settings-summary,
  body[data-vehicle-id="abarth-124-rally"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }

  body[data-vehicle-id="abarth-124-spider"] .settings-lab-toolbar,
  body[data-vehicle-id="abarth-500"] .settings-lab-toolbar,
  body[data-vehicle-id="alfa-romeo-33-stradale"] .settings-lab-toolbar,
  body[data-vehicle-id="abarth-124-rally"] .settings-lab-toolbar {
    position: relative;
    z-index: 4;
  }
}

@media (max-width: 1100px) {
  body[data-vehicle-id="abarth-124-spider"] .pro-vehicle-quickinfo,
  body[data-vehicle-id="abarth-500"] .pro-vehicle-quickinfo,
  body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-vehicle-quickinfo,
  body[data-vehicle-id="abarth-124-rally"] .pro-vehicle-quickinfo {
    margin-top: 18px;
  }
}

@media (max-width: 520px) {
  body[data-vehicle-id="abarth-124-spider"] .pro-vehicle-quickinfo,
  body[data-vehicle-id="abarth-500"] .pro-vehicle-quickinfo,
  body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-vehicle-quickinfo,
  body[data-vehicle-id="abarth-124-rally"] .pro-vehicle-quickinfo {
    margin-top: 14px;
  }

  body[data-vehicle-id="abarth-124-spider"] .pro-vehicle-quickinfo-chips span,
  body[data-vehicle-id="abarth-500"] .pro-vehicle-quickinfo-chips span,
  body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-vehicle-quickinfo-chips span,
  body[data-vehicle-id="abarth-124-rally"] .pro-vehicle-quickinfo-chips span {
    min-height: 25px;
    padding: 0 8px;
    font-size: 8px;
  }
}


/* V1.8.1.4.5 — cards do comparativo maiores e mais legíveis */
.settings-radar-summary {
  gap: 12px;
  margin-top: 14px;
}
.settings-radar-summary-card {
  min-height: 112px;
  padding: 14px 15px 13px;
}
.settings-radar-summary-card > span {
  font-size: 9px;
  line-height: 1.25;
  margin-bottom: 9px;
}
.settings-radar-metric {
  margin-top: 10px;
}
.settings-radar-metric > strong {
  font-size: 20px;
  line-height: 1.08;
  white-space: normal;
}
.settings-radar-delta {
  margin-left: 6px;
  font-size: .92em;
}
@media (min-width: 2360px) and (min-height: 850px) {
  .settings-radar-panel {
    width: 450px;
  }
  .settings-radar-summary-card {
    min-height: 116px;
    padding: 14px 15px;
  }
  .settings-radar-summary-card > span {
    font-size: 9px;
  }
  .settings-radar-metric > strong {
    font-size: 20px;
  }
}

/* V1.8.1.4.6 — valores dos cards do radar no mesmo tamanho/linha do atributo */
.settings-radar-summary-card .settings-radar-metric > strong {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  width: 100%;
  font-size: 23px;
  line-height: 1;
  white-space: nowrap;
}

/* Impede a regra genérica do cabeçalho do card de diminuir "· 80 / · 71". */
.settings-radar-summary-card .settings-radar-metric > strong > span {
  display: inline;
  color: var(--paper);
  font-family: var(--condensed);
  font-size: 1em;
  font-weight: 700;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
}

.settings-radar-summary-card .settings-radar-delta {
  display: inline;
  margin-left: 1px;
  font-size: .78em;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
}

.settings-radar-summary-card {
  min-height: 128px;
  padding: 16px 16px 15px;
}

.settings-radar-metric {
  margin-top: 14px;
}

@media (min-width: 2360px) and (min-height: 850px) {
  .settings-radar-panel {
    width: 500px;
  }
  .settings-radar-summary-card {
    min-height: 132px;
    padding: 16px 16px 15px;
  }
  .settings-radar-summary-card .settings-radar-metric > strong {
    font-size: 23px;
  }
}

@media (max-width: 520px) {
  .settings-radar-summary-card .settings-radar-metric > strong {
    font-size: 19px;
    white-space: normal;
  }
}


/* V1.8.1.4.7 — diferença do comparativo em uma linha própria abaixo do atributo */
.settings-radar-summary-card .settings-radar-metric > strong {
  display: flex;
  align-items: baseline;
  gap: 5px;
  width: 100%;
  white-space: nowrap;
}

.settings-radar-summary-card .settings-radar-metric > .settings-radar-delta {
  display: block;
  width: max-content;
  margin: 5px 0 0;
  font-family: var(--condensed);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}

.settings-radar-summary-card .settings-radar-metric > .settings-radar-delta:empty {
  display: none;
}

.settings-radar-metric + .settings-radar-metric {
  margin-top: 15px;
}

@media (min-width: 2360px) and (min-height: 850px) {
  .settings-radar-summary-card .settings-radar-metric > .settings-radar-delta {
    font-size: 18px;
  }
}

@media (max-width: 520px) {
  .settings-radar-summary-card .settings-radar-metric > .settings-radar-delta {
    font-size: 16px;
  }
}

/* V1.8.1.4.8 — delta realmente abaixo do valor no comparativo */
.settings-radar-summary-card .settings-radar-metric {
  display: block;
  width: 100%;
}

.settings-radar-summary-card .settings-radar-metric > strong {
  display: flex;
  align-items: baseline;
  gap: 5px;
  width: 100%;
  margin: 0;
}

.settings-radar-summary-card .settings-radar-metric > .settings-radar-delta {
  display: block;
  width: 100%;
  margin: 5px 0 0;
  padding: 0;
  font-size: 18px;
  line-height: 1;
  text-align: left;
}


/* V1.8.1.4.9 — cards do comparativo com tamanho/posições fixos */
.settings-radar-summary {
  align-items: stretch;
}

.settings-radar-summary-card {
  height: 164px;
  min-height: 164px;
  box-sizing: border-box;
  overflow: hidden;
}

.settings-radar-summary-card .settings-radar-metric {
  min-height: 48px;
  margin-top: 10px;
}

.settings-radar-summary-card .settings-radar-metric + .settings-radar-metric {
  margin-top: 4px;
}

.settings-radar-summary-card .settings-radar-metric > .settings-radar-delta {
  min-height: 18px;
  margin-top: 4px;
}

.settings-radar-summary-card .settings-radar-metric > .settings-radar-delta.is-empty {
  visibility: hidden;
}

/* Sobrescreve a regra antiga que removia a linha vazia e fazia o card pular. */
.settings-radar-summary-card .settings-radar-metric > .settings-radar-delta:empty {
  display: block;
}

@media (min-width: 2360px) and (min-height: 850px) {
  .settings-radar-summary-card {
    height: 168px;
    min-height: 168px;
  }
}

@media (max-width: 520px) {
  .settings-radar-summary-card {
    height: 154px;
    min-height: 154px;
  }
}


/* V1.8.1.5.0 — painel lateral de desempenho da Ferrari F50 */
.vehicle-performance-panel {
  margin-top: 22px;
  padding: 18px;
  border: 1px solid rgba(241,239,230,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
}

.vehicle-performance-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.vehicle-performance-tier {
  color: var(--accent);
  font-family: var(--condensed);
  font-size: 29px;
  font-style: italic;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .015em;
}

.vehicle-performance-label {
  margin-top: 7px;
  color: #d7d9dc;
  font-size: 12px;
  letter-spacing: .06em;
}

.vehicle-performance-level {
  margin-top: 2px;
  color: var(--paper);
  font-size: 29px;
  line-height: 1;
}
.vehicle-performance-level span { font-weight: 400; }

.vehicle-performance-stock {
  margin: 16px 0 14px;
  padding: 10px 0;
  border-top: 1px solid rgba(241,239,230,.10);
  border-bottom: 1px solid rgba(241,239,230,.10);
}
.vehicle-performance-stock span,
.vehicle-performance-slipstream > span {
  display: block;
  color: #8e949c;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.vehicle-performance-stock strong {
  display: block;
  margin-top: 5px;
  color: #d9dcdf;
  font-size: 12px;
}

.vehicle-performance-fixed { margin-bottom: 13px; }
.vehicle-performance-fixed > div,
.vehicle-performance-stat-line {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.vehicle-performance-fixed > div + div { margin-top: 5px; }
.vehicle-performance-fixed span,
.vehicle-performance-stat-line span {
  color: #d4d6d9;
  font-size: 13px;
}
.vehicle-performance-fixed strong,
.vehicle-performance-stat-line strong {
  color: var(--paper);
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
}

.vehicle-performance-stat + .vehicle-performance-stat { margin-top: 7px; }
.vehicle-performance-bar {
  height: 7px;
  margin-top: 4px;
  background: rgba(241,239,230,.12);
  overflow: hidden;
}
.vehicle-performance-bar > i {
  display: block;
  height: 100%;
  background: var(--accent);
  transition: width .18s ease;
}
.vehicle-performance-stat-delta {
  display: block;
  min-height: 12px;
  margin-top: 2px;
  color: var(--accent);
  font-size: 9px;
  font-weight: 800;
  line-height: 1.2;
}

.vehicle-performance-slipstream {
  margin-top: 14px;
  padding-top: 13px;
  border-top: 1px solid rgba(241,239,230,.22);
}
.vehicle-performance-slipstream strong {
  display: block;
  margin-top: 5px;
  color: var(--paper);
  font-family: var(--condensed);
  font-size: 25px;
  line-height: 1;
}
.vehicle-performance-slipstream small,
.vehicle-performance-note {
  display: block;
  margin: 5px 0 0;
  color: #848a92;
  font-size: 9px;
  line-height: 1.45;
}
.vehicle-performance-note { margin-top: 12px; }

/* Em telas comuns, entra no fluxo antes do radar. */
.vehicle-performance-panel { order: 5; }
.settings-radar-panel { order: 6; }
.settings-lab-toolbar { order: 7; }
.pro-settings-list { order: 8; }

/* Espelha o radar no lado esquerdo em ultrawide. */
@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="ferrari-f50"] .vehicle-performance-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    left: max(16px, calc((100vw - 1440px) / 2 - 444px));
    z-index: 35;
    width: 420px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="ferrari-f50"] .vehicle-performance-tier { font-size: 27px; }
  body[data-vehicle-id="ferrari-f50"] .vehicle-performance-label { font-size: 10px; }
  body[data-vehicle-id="ferrari-f50"] .vehicle-performance-level { font-size: 26px; }
  body[data-vehicle-id="ferrari-f50"] .vehicle-performance-stock { margin: 12px 0; padding: 8px 0; }
  body[data-vehicle-id="ferrari-f50"] .vehicle-performance-fixed span,
  body[data-vehicle-id="ferrari-f50"] .vehicle-performance-stat-line span { font-size: 12px; }
  body[data-vehicle-id="ferrari-f50"] .vehicle-performance-fixed strong,
  body[data-vehicle-id="ferrari-f50"] .vehicle-performance-stat-line strong { font-size: 13px; }
  body[data-vehicle-id="ferrari-f50"] .vehicle-performance-bar { height: 6px; }
  body[data-vehicle-id="ferrari-f50"] .vehicle-performance-slipstream strong { font-size: 23px; }
}

@media (max-width: 980px) {
  .vehicle-performance-panel { padding: 14px; }
}


/* V1.8.1.7.6 — modos Padrão / Peças; GR removido por duplicar Teste em Pista */
.vehicle-performance-modes {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
  margin: 12px 0 14px;
}
.vehicle-performance-modes button {
  min-height: 30px;
  border: 1px solid rgba(241,239,230,.14);
  background: rgba(255,255,255,.018);
  color: #8f959d;
  font: inherit;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  cursor: pointer;
}
.vehicle-performance-modes button.is-active {
  border-color: rgba(255,96,56,.55);
  color: var(--accent);
  background: rgba(255,96,56,.08);
}
.vehicle-performance-slipstream[hidden] { display: none !important; }

/* Painel permanece visualmente fixo; somente os dados mudam entre Padrão / Peças */
.vehicle-performance-slipstream[hidden] { display: block !important; }


/* V1.8.1.5.7 — diferencia a velocidade oficial da ficha da velocidade medida em pista */
.vehicle-performance-note strong {
  color: #cfd3d7;
  font-weight: 800;
}


/* V1.8.1.5.8 — alternância Ficha do Jogo / Teste em Pista sem alterar o card */
.vehicle-performance-source-modes {
  margin: 7px 0 13px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.vehicle-performance-source-modes button {
  min-height: 30px;
  padding: 6px 8px;
  border: 1px solid rgba(241,239,230,.12);
  background: rgba(255,255,255,.018);
  color: #888f98;
  font: inherit;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}

.vehicle-performance-source-modes button:hover {
  color: #e4e5e7;
  border-color: rgba(255,96,56,.35);
}

.vehicle-performance-source-modes button.is-active {
  color: var(--paper);
  border-color: rgba(255,96,56,.72);
  background: rgba(255,96,56,.12);
}


/* V1.8.1.6.0 — seletor por marca + radar à esquerda / ficha à direita */
.pro-settings-filters {
  grid-template-columns: repeat(4, minmax(190px, 260px));
}

@media (max-width: 1280px) {
  .pro-settings-filters {
    grid-template-columns: repeat(2, minmax(240px, 1fr));
    width: 100%;
  }
}

@media (max-width: 820px) {
  .pro-settings-filters {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="ferrari-f50"] .settings-radar-panel {
    left: max(16px, calc((100vw - 1440px) / 2 - 524px));
    right: auto;
  }

  body[data-vehicle-id="ferrari-f50"] .vehicle-performance-panel {
    left: auto;
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
  }
}


/* V1.8.1.6.1 — Abarth 124 Rally / categoria Rally padronizada com as outras páginas */
@media (min-width: 1101px) {
  body[data-vehicle-id="abarth-124-rally"] .pro-settings-head-art,
  body[data-vehicle-id="abarth-124-rally"] .pro-settings-head-art--vehicle-art {
    top: 28px;
    right: 22px;
    width: min(54vw, 690px);
    z-index: 1;
  }

  body[data-vehicle-id="abarth-124-rally"] .pro-settings-head-art img,
  body[data-vehicle-id="abarth-124-rally"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="abarth-124-rally"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 305px;
    object-position: right top;
    opacity: .42;
  }
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="abarth-124-rally"] .settings-radar-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    left: max(16px, calc((100vw - 1440px) / 2 - 524px));
    right: auto;
    z-index: 35;
    width: 500px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    display: block;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }
  body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    left: auto;
    z-index: 35;
    width: 420px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }
  body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-tier { font-size: 27px; }
  body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-label { font-size: 10px; }
  body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-level { font-size: 26px; }
  body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-fixed span,
  body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-stat-line span { font-size: 12px; }
  body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-fixed strong,
  body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-stat-line strong { font-size: 13px; }
  body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-bar { height: 6px; }
}

/* V1.8.1.7.3 — Alpine A110 R ULTIME (2025) */
body[data-vehicle-id="alpine-a110-r-ultime"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

body[data-vehicle-id="alpine-a110-r-ultime"] .pro-vehicle-quickinfo-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body[data-vehicle-id="alpine-a110-r-ultime"] .pro-vehicle-quickinfo-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid rgba(241,239,230,.13);
  background: rgba(8,10,12,.46);
  color: #d7d9dc;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body[data-vehicle-id="alpine-a110-r-ultime"] .pro-vehicle-quickinfo-chips span:first-child {
  border-color: rgba(255,96,56,.34);
  color: var(--accent);
}

body[data-vehicle-id="alpine-a110-r-ultime"] .pro-vehicle-quickinfo p {
  max-width: 540px;
  margin: 10px 0 0;
  color: #8f949b;
  font-size: 11px;
  line-height: 1.55;
}


@media (min-width: 1101px) {
  body[data-vehicle-id="alpine-a110-r-ultime"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="alpine-a110-r-ultime"] .pro-settings-head-art,
  body[data-vehicle-id="alpine-a110-r-ultime"] .pro-settings-head-art--vehicle-art {
    top: 26px;
    right: 20px;
    width: min(56vw, 720px);
    z-index: 1;
  }

  body[data-vehicle-id="alpine-a110-r-ultime"] .pro-settings-head-art img,
  body[data-vehicle-id="alpine-a110-r-ultime"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="alpine-a110-r-ultime"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 315px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="alpine-a110-r-ultime"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }

  body[data-vehicle-id="alpine-a110-r-ultime"] .settings-lab-toolbar {
    position: relative;
    z-index: 4;
  }
}

@media (max-width: 1100px) {
  body[data-vehicle-id="alpine-a110-r-ultime"] .pro-vehicle-quickinfo { margin-top: 18px; }
}

@media (max-width: 520px) {
  body[data-vehicle-id="alpine-a110-r-ultime"] .pro-vehicle-quickinfo { margin-top: 14px; }
  body[data-vehicle-id="alpine-a110-r-ultime"] .pro-vehicle-quickinfo-chips span {
    min-height: 25px;
    padding: 0 8px;
    font-size: 8px;
  }
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="alpine-a110-r-ultime"] .settings-radar-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    left: max(16px, calc((100vw - 1440px) / 2 - 524px));
    right: auto;
    z-index: 35;
    width: 500px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    display: block;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    left: auto;
    z-index: 35;
    width: 420px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-tier { font-size: 27px; }
  body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-label { font-size: 10px; }
  body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-level { font-size: 26px; }
  body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-fixed span,
  body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-stat-line span { font-size: 12px; }
  body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-fixed strong,
  body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-stat-line strong { font-size: 13px; }
  body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-bar { height: 6px; }
}

/* V1.8.1.7.5 — Reportar erro da Configuração Pro / Discord */
.vehicle-report-panel {
  order: 6;
  margin-top: 12px;
  padding: 14px 16px;
  border: 1px solid rgba(241,239,230,.12);
  background: linear-gradient(180deg, rgba(255,96,56,.035), rgba(255,255,255,.008));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.settings-radar-panel { order: 7; }
.settings-lab-toolbar { order: 8; }
.pro-settings-list { order: 9; }

.vehicle-report-copy { min-width: 0; }
.vehicle-report-kicker {
  display: block;
  color: var(--accent);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.vehicle-report-copy strong {
  display: block;
  margin-top: 4px;
  color: var(--paper);
  font-family: var(--condensed);
  font-size: 18px;
  line-height: 1;
  text-transform: uppercase;
}
.vehicle-report-copy p {
  max-width: 570px;
  margin: 6px 0 0;
  color: #858b93;
  font-size: 9px;
  line-height: 1.45;
}
.vehicle-report-button {
  flex: 0 0 auto;
  min-height: 38px;
  padding: 0 15px;
  border: 1px solid rgba(255,96,56,.72);
  background: rgba(255,96,56,.09);
  color: var(--accent);
  font: inherit;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .09em;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.vehicle-report-button svg { width: 16px; height: 16px; }
.vehicle-report-button:hover {
  color: #fff;
  border-color: var(--accent);
  background: rgba(255,96,56,.18);
}

.vehicle-report-modal[hidden] { display: none !important; }
.vehicle-report-modal {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: grid;
  place-items: center;
  padding: 20px;
}
.vehicle-report-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.76);
  backdrop-filter: blur(6px);
}
.vehicle-report-dialog {
  position: relative;
  z-index: 1;
  width: min(620px, 100%);
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  padding: 24px;
  border: 1px solid rgba(241,239,230,.17);
  background: #0b0d10;
  box-shadow: 0 28px 80px rgba(0,0,0,.52);
}
.vehicle-report-dialog h3 {
  margin: 6px 0 0;
  color: var(--paper);
  font-family: var(--condensed);
  font-size: 31px;
  line-height: 1;
  text-transform: uppercase;
}
.vehicle-report-intro {
  margin: 9px 0 18px;
  color: #8b9199;
  font-size: 11px;
  line-height: 1.55;
}
.vehicle-report-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(241,239,230,.12);
  background: transparent;
  color: #a3a8ae;
  font-size: 21px;
  cursor: pointer;
}
.vehicle-report-field {
  display: block;
  margin-top: 12px;
}
.vehicle-report-field > span {
  display: block;
  margin-bottom: 6px;
  color: #d3d6d9;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.vehicle-report-field select,
.vehicle-report-field textarea {
  width: 100%;
  border: 1px solid rgba(241,239,230,.14);
  border-radius: 0;
  outline: none;
  background: #111419;
  color: #f0f0ed;
  font: inherit;
  font-size: 12px;
}
.vehicle-report-field select { height: 42px; padding: 0 11px; }
.vehicle-report-field textarea { min-height: 130px; padding: 11px; resize: vertical; line-height: 1.5; }
.vehicle-report-field select:focus,
.vehicle-report-field textarea:focus { border-color: rgba(255,96,56,.78); }

.vehicle-report-values[hidden] { display: none !important; }
.vehicle-report-values {
  margin-top: 14px;
  padding: 12px;
  border: 1px solid rgba(241,239,230,.11);
  background: rgba(255,255,255,.012);
}
.vehicle-report-values-head > span {
  display: block;
  color: #d3d6d9;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.vehicle-report-values-head small {
  display: block;
  margin-top: 4px;
  color: #777e86;
  font-size: 9px;
  line-height: 1.45;
}
.vehicle-report-values-list {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}
.vehicle-report-value-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, .85fr);
  gap: 12px;
  align-items: center;
  padding: 10px;
  border: 1px solid rgba(241,239,230,.09);
  background: #101318;
  transition: border-color .16s ease, background .16s ease;
}
.vehicle-report-value-row.is-selected {
  border-color: rgba(255,96,56,.55);
  background: rgba(255,96,56,.055);
}
.vehicle-report-value-check {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 9px;
  cursor: pointer;
}
.vehicle-report-value-check input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.vehicle-report-value-box {
  position: relative;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  border: 1px solid rgba(241,239,230,.24);
  background: #0b0d10;
}
.vehicle-report-value-check input:checked + .vehicle-report-value-box {
  border-color: var(--accent);
  background: var(--accent);
}
.vehicle-report-value-check input:checked + .vehicle-report-value-box::after {
  content: '';
  position: absolute;
  left: 5px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid #0a0c0f;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.vehicle-report-value-copy {
  min-width: 0;
  display: block;
}
.vehicle-report-value-copy strong {
  display: block;
  overflow: hidden;
  color: #ececea;
  font-size: 10px;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vehicle-report-value-copy small {
  display: block;
  margin-top: 3px;
  color: #7f858c;
  font-size: 9px;
  line-height: 1.3;
}
.vehicle-report-value-input-wrap > span {
  display: block;
  margin-bottom: 5px;
  color: #8f959c;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.vehicle-report-value-input-wrap input {
  width: 100%;
  height: 34px;
  padding: 0 9px;
  border: 1px solid rgba(241,239,230,.13);
  border-radius: 0;
  outline: none;
  background: #0b0e12;
  color: #f0f0ed;
  font: inherit;
  font-size: 11px;
}
.vehicle-report-value-input-wrap input:focus { border-color: rgba(255,96,56,.78); }
.vehicle-report-value-input-wrap input:disabled {
  opacity: .38;
  cursor: not-allowed;
}
.vehicle-report-values-empty {
  margin: 0;
  color: #7f858c;
  font-size: 9px;
  line-height: 1.45;
}
.vehicle-report-captured {
  margin-top: 10px;
  padding: 9px 10px;
  border-left: 2px solid rgba(255,96,56,.62);
  background: rgba(255,96,56,.045);
  color: #8e949b;
  font-size: 9px;
  line-height: 1.4;
}
.vehicle-report-status {
  min-height: 17px;
  margin-top: 10px;
  font-size: 10px;
  line-height: 1.4;
}
.vehicle-report-status.is-error { color: #ff8d7a; }
.vehicle-report-status.is-success { color: #70d79a; }
.vehicle-report-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 18px;
}
.vehicle-report-actions button {
  min-height: 38px;
  padding: 0 14px;
  font: inherit;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  cursor: pointer;
}
.vehicle-report-cancel {
  border: 1px solid rgba(241,239,230,.13);
  background: transparent;
  color: #999fa6;
}
.vehicle-report-submit {
  border: 1px solid var(--accent);
  background: var(--accent);
  color: #0a0c0f;
}
.vehicle-report-submit:disabled { opacity: .55; cursor: wait; }
body.vehicle-report-open { overflow: hidden; }

@media (max-width: 680px) {
  .vehicle-report-panel { align-items: stretch; flex-direction: column; }
  .vehicle-report-button { width: 100%; }
  .vehicle-report-dialog { padding: 20px 16px 16px; }
  .vehicle-report-dialog h3 { font-size: 27px; }
  .vehicle-report-value-row { grid-template-columns: 1fr; gap: 9px; }
  .vehicle-report-actions { display: grid; grid-template-columns: 1fr 1.25fr; }
  .vehicle-report-actions button { width: 100%; padding: 0 8px; }
}


/* V1.8.1.7.9 — Rodapé legal ------------------------------------------------ */
.site-footer .footer-legal-links {
  grid-column: 1 / -1;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 22px;
  padding-top: 8px;
}
.site-footer .footer-legal-links a {
  text-decoration: none;
}
.site-footer .footer-legal-links a:hover {
  color: var(--orange, #ff6038);
}
.site-footer .footer-disclaimer {
  grid-column: 1 / -1;
  justify-self: stretch;
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
  line-height: 1.7;
  text-transform: none;
  letter-spacing: .035em;
  font-size: 10px;
  color: #8d9299;
}
.settings-footer .footer-legal-links,
.settings-footer .footer-disclaimer {
  grid-column: 1 / -1;
}

/* V1.8.1.7.9 — Páginas legais --------------------------------------------- */
.legal-page {
  min-height: 100vh;
  background: #0b0d10;
  color: #f1efe6;
}
.legal-topbar {
  min-height: 72px;
  padding: 0 var(--pad);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border-bottom: 1px solid var(--line);
  background: rgba(8,10,12,.96);
}
.legal-brand,
.legal-back {
  color: #f1efe6;
  text-decoration: none;
}
.legal-brand {
  font-family: var(--condensed);
  font-size: 22px;
  font-weight: 900;
  letter-spacing: .08em;
}
.legal-back {
  color: #9ca2a9;
  font: 700 11px/1 var(--sans);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.legal-shell {
  width: min(980px, calc(100% - 40px));
  margin: 0 auto;
  padding: 70px 0 90px;
}
.legal-kicker {
  margin-bottom: 16px;
  color: var(--orange, #ff6038);
  font: 800 11px/1 var(--sans);
  letter-spacing: .18em;
  text-transform: uppercase;
}
.legal-page-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 34px;
}
.legal-page-nav a,
.legal-card {
  border: 1px solid var(--line);
  background: #0f1215;
  color: #d9d8d2;
  text-decoration: none;
}
.legal-page-nav a {
  padding: 10px 13px;
  font: 700 10px/1 var(--sans);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.legal-page-nav a:hover,
.legal-card:hover {
  border-color: rgba(255,96,56,.58);
}
.legal-document {
  padding: clamp(24px, 5vw, 56px);
  border: 1px solid var(--line);
  background: #0f1215;
}
.legal-document h1,
.legal-index-title {
  margin: 0 0 12px;
  font-family: var(--condensed);
  font-weight: 900;
  font-size: clamp(38px, 7vw, 70px);
  line-height: .96;
  letter-spacing: -.025em;
  text-transform: uppercase;
}
.legal-document h2 {
  margin: 42px 0 14px;
  font-family: var(--condensed);
  font-size: 25px;
  line-height: 1.05;
  text-transform: uppercase;
}
.legal-document h3 { margin: 30px 0 12px; }
.legal-document p,
.legal-document li,
.legal-index-copy {
  color: #aeb2b8;
  font: 400 14px/1.85 var(--sans);
}
.legal-document p { margin: 0 0 17px; }
.legal-document ul { margin: 0 0 18px; padding-left: 22px; }
.legal-document li { margin: 5px 0; }
.legal-document strong { color: #eceae2; }
.legal-document blockquote {
  margin: 26px 0;
  padding: 18px 20px;
  border-left: 3px solid var(--orange, #ff6038);
  background: #0b0d10;
  color: #d8d7d0;
  font: 600 13px/1.7 var(--sans);
}
.legal-document hr { border: 0; border-top: 1px solid var(--line); margin: 34px 0; }
.legal-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
  margin-top: 34px;
}
.legal-card {
  min-height: 150px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.legal-card span,
.legal-card em {
  color: #777e87;
  font: 700 9px/1 var(--sans);
  letter-spacing: .12em;
  text-transform: uppercase;
  font-style: normal;
}
.legal-card strong {
  font-family: var(--condensed);
  font-size: 25px;
  text-transform: uppercase;
}
.legal-footer { margin-top: 0; }
@media (max-width: 820px) {
  .site-footer .footer-legal-links { justify-content: flex-start; }
  .site-footer .footer-disclaimer { margin: 0; text-align: left; }
  .legal-shell { width: min(100% - 28px, 980px); padding: 48px 0 70px; }
  .legal-cards { grid-template-columns: 1fr; }
}


/* V1.8.1.8.0 — Gate de Termos / Regras ------------------------------------ */
html.jt-access-pending,
html.jt-access-pending body {
  overflow: hidden !important;
}
body.jt-access-locked {
  overflow: hidden !important;
}
.jt-access-gate {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: grid;
  place-items: center;
  padding: 22px;
  isolation: isolate;
  font-family: var(--sans, Inter, Arial, sans-serif);
}
.jt-access-gate__backdrop {
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    radial-gradient(circle at 18% 20%, rgba(255,96,56,.12), transparent 30%),
    radial-gradient(circle at 84% 78%, rgba(255,128,52,.07), transparent 28%),
    rgba(5,7,9,.96);
  backdrop-filter: blur(12px);
}
.jt-access-gate__backdrop::before,
.jt-access-gate__backdrop::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.jt-access-gate__backdrop::before {
  inset: 0;
  opacity: .18;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 36px 36px;
  mask-image: linear-gradient(to bottom, #000, transparent 82%);
}
.jt-access-gate__backdrop::after {
  width: min(720px, 70vw);
  height: 3px;
  left: 50%;
  top: 0;
  translate: -50% 0;
  background: linear-gradient(90deg, transparent, var(--orange, #ff6038), transparent);
  box-shadow: 0 0 40px rgba(255,96,56,.36);
}
.jt-access-card {
  position: relative;
  width: min(620px, 100%);
  max-height: min(760px, calc(100vh - 44px));
  overflow: auto;
  padding: clamp(24px, 5vw, 46px);
  border: 1px solid rgba(241,239,230,.16);
  background: rgba(13,16,19,.985);
  color: #f1efe6;
  box-shadow: 0 32px 90px rgba(0,0,0,.62);
  animation: jtAccessEnter .38s cubic-bezier(.22,.9,.3,1) both;
}
.jt-access-card::before,
.jt-access-card::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.jt-access-card::before {
  width: 84px;
  height: 5px;
  top: -1px;
  left: -1px;
  background: var(--orange, #ff6038);
}
.jt-access-card::after {
  width: 62px;
  height: 62px;
  right: 14px;
  bottom: 14px;
  border-right: 1px solid rgba(255,96,56,.26);
  border-bottom: 1px solid rgba(255,96,56,.26);
}
.jt-access-card__topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 30px;
}
.jt-access-kicker,
.jt-access-step {
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.jt-access-kicker { color: var(--orange, #ff6038); }
.jt-access-step { color: #676e77; }
.jt-access-brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 24px;
}
.jt-access-brand__mark {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,96,56,.5);
  background: rgba(255,96,56,.08);
  color: var(--orange, #ff6038);
  font-family: var(--condensed, "Barlow Condensed", sans-serif);
  font-size: 19px;
  font-weight: 900;
  letter-spacing: -.03em;
}
.jt-access-brand__copy {
  display: grid;
  line-height: 1;
}
.jt-access-brand__copy strong {
  font-family: var(--condensed, "Barlow Condensed", sans-serif);
  font-size: 18px;
  letter-spacing: .08em;
}
.jt-access-brand__copy small {
  margin-top: 4px;
  color: #767d85;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .13em;
}
.jt-access-card h1 {
  margin: 0;
  font-family: var(--condensed, "Barlow Condensed", sans-serif);
  font-size: clamp(42px, 8vw, 72px);
  font-weight: 900;
  line-height: .87;
  letter-spacing: -.025em;
  text-transform: uppercase;
}
.jt-access-card h1 span { color: var(--orange, #ff6038); }
.jt-access-intro {
  max-width: 520px;
  margin: 22px 0 0;
  color: #a4a9af;
  font-size: 13px;
  line-height: 1.7;
}
.jt-access-legal-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 26px 0 20px;
}
.jt-access-legal-links a {
  min-height: 42px;
  padding: 0 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border: 1px solid rgba(241,239,230,.12);
  background: #0a0d10;
  color: #c4c7ca;
  text-decoration: none;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
  transition: border-color .18s ease, background-color .18s ease, color .18s ease;
}
.jt-access-legal-links a span { color: #6d747d; }
.jt-access-legal-links a:hover,
.jt-access-legal-links a:focus-visible {
  border-color: rgba(255,96,56,.58);
  background: rgba(255,96,56,.05);
  color: #f1efe6;
  outline: none;
}
.jt-access-check {
  position: relative;
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 13px;
  align-items: center;
  padding: 16px;
  border: 1px solid rgba(241,239,230,.14);
  background: rgba(255,255,255,.018);
  cursor: pointer;
  user-select: none;
  transition: border-color .2s ease, background-color .2s ease;
}
.jt-access-check:hover { border-color: rgba(255,96,56,.34); }
.jt-access-check input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.jt-access-check__box {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid #5a6169;
  background: #090b0e;
  color: transparent;
  transition: border-color .18s ease, background-color .18s ease, color .18s ease;
}
.jt-access-check__box svg { width: 18px; height: 18px; }
.jt-access-check input:focus-visible + .jt-access-check__box {
  outline: 2px solid rgba(255,96,56,.42);
  outline-offset: 3px;
}
.jt-access-check input:checked + .jt-access-check__box {
  border-color: var(--orange, #ff6038);
  background: var(--orange, #ff6038);
  color: #090b0e;
}
.jt-access-check__text { display: grid; gap: 4px; }
.jt-access-check__text strong {
  color: #e9e8e2;
  font-family: var(--condensed, "Barlow Condensed", sans-serif);
  font-size: 18px;
  font-weight: 900;
  letter-spacing: .035em;
}
.jt-access-check__text small {
  color: #81878e;
  font-size: 10px;
  line-height: 1.5;
}
.jt-access-gate.is-confirmed .jt-access-check {
  border-color: rgba(255,96,56,.5);
  background: rgba(255,96,56,.055);
}
.jt-access-hint {
  margin: 11px 2px 0;
  color: #676e77;
  font-size: 9px;
  line-height: 1.5;
}
.jt-access-enter {
  width: 100%;
  min-height: 52px;
  margin-top: 22px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--orange, #ff6038);
  background: var(--orange, #ff6038);
  color: #080a0c;
  font: inherit;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .11em;
  cursor: pointer;
  transition: opacity .18s ease, background-color .18s ease, color .18s ease;
}
.jt-access-enter b { font-size: 20px; line-height: 1; }
.jt-access-enter:disabled {
  border-color: rgba(241,239,230,.12);
  background: #15191d;
  color: #555c64;
  cursor: not-allowed;
  opacity: 1;
}
.jt-access-enter:not(:disabled):hover,
.jt-access-enter:not(:disabled):focus-visible {
  background: #ff724f;
  outline: none;
}
.jt-access-disclaimer {
  max-width: 500px;
  margin: 16px 0 0;
  color: #5e656d;
  font-size: 8px;
  line-height: 1.55;
}
.jt-access-gate.is-leaving {
  animation: jtAccessFadeOut .32s ease both;
  pointer-events: none;
}
@keyframes jtAccessEnter {
  from { opacity: 0; translate: 0 18px; }
  to { opacity: 1; translate: 0 0; }
}
@keyframes jtAccessFadeOut {
  from { opacity: 1; }
  to { opacity: 0; }
}
@media (max-width: 620px) {
  .jt-access-gate { padding: 12px; }
  .jt-access-card {
    max-height: calc(100vh - 24px);
    padding: 24px 18px 22px;
  }
  .jt-access-card__topline { margin-bottom: 23px; }
  .jt-access-legal-links { grid-template-columns: 1fr; }
  .jt-access-legal-links a { min-height: 38px; }
  .jt-access-card h1 { font-size: clamp(39px, 13vw, 58px); }
  .jt-access-intro { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .jt-access-card,
  .jt-access-gate.is-leaving { animation: none; }
  .jt-access-legal-links a,
  .jt-access-check,
  .jt-access-check__box,
  .jt-access-enter { transition: none; }
}

/* V1.8.1.8.1 — Carrossel automático dos 5 últimos carros ------------------ */
.config-carousel {
  position: relative;
  min-width: 0;
}

.config-carousel-head {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid var(--line);
}

.config-carousel-status {
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: 7px;
  color: #d5d8dc;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .16em;
}

.config-carousel-status small {
  color: #555c64;
  font: inherit;
}

.config-carousel-status em {
  margin-left: 8px;
  color: #737981;
  font-size: 8px;
  font-style: normal;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.config-carousel-controls {
  display: flex;
  align-self: stretch;
}

.config-carousel-button {
  width: 54px;
  min-height: 48px;
  display: grid;
  place-items: center;
  border: 0;
  border-left: 1px solid var(--line);
  background: transparent;
  color: #b9bec4;
  cursor: pointer;
  font-size: 20px;
  transition: background .2s ease, color .2s ease;
}

.config-carousel-button:hover,
.config-carousel-button:focus-visible {
  background: rgba(255,255,255,.035);
  color: var(--accent);
}

.config-carousel-button:focus-visible,
.config-carousel-dot:focus-visible,
.config-carousel-viewport:focus-visible {
  outline: 1px solid var(--accent);
  outline-offset: -1px;
}

.config-carousel-viewport {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border-left: 1px solid var(--line);
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
}

.config-carousel-viewport::-webkit-scrollbar {
  display: none;
}

.config-carousel-track {
  display: flex;
  width: calc(var(--carousel-count, 5) * 50%);
  min-width: 100%;
}

.config-carousel-card {
  flex: 0 0 calc(100% / var(--carousel-count, 5));
  width: calc(100% / var(--carousel-count, 5));
  max-width: none;
  min-width: 0;
  min-height: 520px;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  background: rgba(11,13,16,.01);
}

.config-card-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.config-card-title-row h3 {
  min-width: 0;
}

.config-newest-badge {
  flex: 0 0 auto;
  padding: 5px 7px;
  border: 1px solid rgba(255,96,56,.35);
  color: var(--accent);
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.config-carousel-card.is-newest::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 54px;
  height: 2px;
  background: var(--accent);
}

.config-carousel-dots {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--line);
  border-top: 0;
}

.config-carousel-dot {
  width: 26px;
  height: 3px;
  padding: 0;
  border: 0;
  background: rgba(255,255,255,.11);
  cursor: pointer;
  transition: width .2s ease, background .2s ease;
}

.config-carousel-dot.is-active {
  width: 42px;
  background: var(--accent);
}

@media (max-width: 820px) {
  .config-carousel-head {
    min-height: 52px;
  }

  .config-carousel-status em {
    display: none;
  }

  .config-carousel-button {
    width: 50px;
  }

  .config-carousel-track {
    width: calc(var(--carousel-count, 5) * 100%);
  }

  .config-carousel-card {
    flex-basis: calc(100% / var(--carousel-count, 5));
    width: calc(100% / var(--carousel-count, 5));
    max-width: none;
    min-height: 470px;
  }

  .config-card-title-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .config-carousel-viewport {
    scroll-behavior: auto;
  }

  .config-carousel-dot,
  .config-carousel-button {
    transition: none;
  }
}


/* V1.8.1.8.2 — Carrossel por arrasto + autoplay ---------------------------- */
.config-carousel-viewport {
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
}
.config-carousel.is-dragging .config-carousel-viewport {
  cursor: grabbing;
  scroll-snap-type: none;
  scroll-behavior: auto;
}
.config-carousel-card img {
  -webkit-user-drag: none;
  user-select: none;
}
@media (hover: none), (pointer: coarse) {
  .config-carousel-viewport { cursor: auto; }
}

/* V1.8.1.8.2 — Rodapé compacto + logos Jottinha --------------------------- */
.site-footer.site-footer--compact {
  width: 100%;
  min-height: 0;
  padding: 12px var(--pad);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(22px, 4vw, 64px);
  align-items: center;
  border-top: 1px solid var(--line);
  background: #080a0c;
}

.site-footer.site-footer--compact .footer-compact-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.site-footer.site-footer--compact .footer-legal-links {
  grid-column: auto;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 6px 20px;
  padding: 0;
  margin: 0;
}

.site-footer.site-footer--compact .footer-legal-links a {
  color: #8e949c;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .13em;
  line-height: 1.2;
  text-transform: uppercase;
  text-decoration: none;
  transition: color .18s ease;
}

.site-footer.site-footer--compact .footer-legal-links a:hover,
.site-footer.site-footer--compact .footer-legal-links a:focus-visible {
  color: var(--accent);
}

.site-footer.site-footer--compact .footer-disclaimer {
  grid-column: auto;
  justify-self: auto;
  width: min(100%, 900px);
  max-width: 900px;
  margin: 0;
  color: #6f757d;
  font-size: 8px;
  line-height: 1.55;
  letter-spacing: .015em;
  text-align: left;
  text-transform: none;
}

.site-footer.site-footer--compact .footer-brands {
  min-width: max-content;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 13px;
}

.site-footer.site-footer--compact .footer-brand-logo {
  display: block;
  width: 68px;
  height: 68px;
  object-fit: contain;
  opacity: .92;
}

.site-footer.site-footer--compact .footer-brand-logo--tv {
  width: 72px;
  height: 72px;
}

.site-footer.site-footer--compact .footer-brand-divider {
  width: 1px;
  height: 38px;
  flex: 0 0 1px;
  background: rgba(241,239,230,.13);
}

@media (max-width: 760px) {
  .site-footer.site-footer--compact {
    padding-top: 14px;
    padding-bottom: 14px;
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .site-footer.site-footer--compact .footer-brands {
    min-width: 0;
    justify-content: flex-start;
  }
  .site-footer.site-footer--compact .footer-brand-logo,
  .site-footer.site-footer--compact .footer-brand-logo--tv {
    width: 58px;
    height: 58px;
  }
  .site-footer.site-footer--compact .footer-brand-divider { height: 30px; }
  .site-footer.site-footer--compact .footer-disclaimer { font-size: 7.5px; }
}


/* V1.8.1.8.3 — clique do carrossel + rodapé centralizado ------------------ */
.site-footer.site-footer--compact {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: clamp(14px, 2.4vw, 38px);
  padding-top: 10px;
  padding-bottom: 10px;
}

.site-footer.site-footer--compact .footer-compact-copy {
  grid-column: 2;
  width: min(70vw, 920px);
  justify-self: center;
  align-items: center;
  gap: 7px;
  text-align: center;
}

.site-footer.site-footer--compact .footer-legal-links {
  justify-content: center;
  gap: 6px 22px;
}

.site-footer.site-footer--compact .footer-disclaimer {
  width: 100%;
  max-width: 920px;
  color: #858b93;
  font-size: 9.5px;
  line-height: 1.5;
  letter-spacing: .012em;
  text-align: center;
}

.site-footer.site-footer--compact .footer-brands {
  grid-column: 3;
  justify-self: end;
}

/* O link de ação deve sempre continuar clicável mesmo dentro da área arrastável. */
.config-carousel-card .card-link {
  position: relative;
  z-index: 3;
  user-select: none;
  -webkit-user-select: none;
}

@media (max-width: 820px) {
  .site-footer.site-footer--compact {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .site-footer.site-footer--compact .footer-compact-copy {
    grid-column: 1;
    width: 100%;
    align-items: center;
    text-align: center;
  }

  .site-footer.site-footer--compact .footer-legal-links {
    justify-content: center;
  }

  .site-footer.site-footer--compact .footer-disclaimer {
    max-width: 680px;
    font-size: 9px;
    text-align: center;
  }

  .site-footer.site-footer--compact .footer-brands {
    grid-column: 1;
    justify-self: center;
    justify-content: center;
  }
}


/* V1.8.1.8.6 — GameSir G7 Pro home card refinado */
.recommendation-card--gamepads {
  min-height: 0;
}

.recommendation-card--gamepads::before {
  content: "";
  position: absolute;
  right: -20px;
  top: 90px;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,96,56,.10), transparent 72%);
  pointer-events: none;
}

.featured-gamepad {
  position: relative;
  z-index: 1;
  margin-top: 18px;
  padding-top: 18px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  border-top: 1px solid var(--line);
}

.featured-gamepad-visual {
  min-height: 245px;
  padding: 24px 20px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(241,239,230,.08);
  background:
    radial-gradient(circle at 50% 42%, rgba(255,96,56,.11), transparent 56%),
    linear-gradient(180deg, rgba(255,255,255,.016), rgba(255,255,255,.005));
}

.featured-gamepad-visual img {
  display: block;
  width: 100%;
  max-width: 280px;
  max-height: 220px;
  object-fit: contain;
  filter: drop-shadow(0 18px 28px rgba(0,0,0,.28));
}

.featured-gamepad-copy {
  min-width: 0;
}

.featured-gamepad-label {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 5px 7px 4px;
  border: 1px solid rgba(255,96,56,.22);
  background: rgba(255,96,56,.06);
  color: var(--accent);
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .16em;
}

.featured-gamepad-copy > strong {
  display: block;
  margin-bottom: 10px;
  color: #f1efe6;
  font-family: var(--condensed);
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 700;
  line-height: .94;
  text-transform: uppercase;
}

.recommendation-card .featured-gamepad-copy p {
  margin: 0 0 16px;
  max-width: 100%;
  color: #8f959d;
  font-size: 11px;
  line-height: 1.75;
}

.recommendation-tags--featured {
  margin-bottom: 16px;
}

.featured-gamepad-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.product-link,
.more-controls-link {
  min-height: 34px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid rgba(241,239,230,.13);
  color: #c2c6cb;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .12em;
  text-decoration: none;
  transition: border-color .2s ease, color .2s ease, background .2s ease, transform .2s ease;
}

.product-link:hover,
.more-controls-link:hover {
  transform: translateY(-2px);
  border-color: rgba(255,96,56,.5);
  color: #fff;
}

.product-link {
  background: rgba(255,96,56,.07);
}

.more-controls-link {
  background: rgba(255,255,255,.018);
}

@media (max-width: 620px) {
  .recommendation-card--gamepads { min-height: 0; }
  .featured-gamepad-visual {
    min-height: 180px;
    padding: 18px 16px;
  }
  .featured-gamepad-visual img {
    max-width: 220px;
    max-height: 170px;
  }
  .featured-gamepad-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .product-link, .more-controls-link { width: 100%; }
}

/* Página /recomendacoes/controles.html */
.recommendations-page .site-header {
  background: rgba(11,13,16,.9);
}

.controls-recommendations-hero {
  position: relative;
  padding-top: 150px;
  padding-bottom: 42px;
  overflow: hidden;
}

.controls-page-brush {
  width: clamp(220px, 30vw, 420px);
  right: 3%;
  top: 112px;
  opacity: .07;
}

.controls-back-link {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 34px;
  color: #777e87;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .14em;
  text-decoration: none;
  transition: color .2s ease;
}

.controls-back-link:hover { color: #f1efe6; }

.controls-page-heading {
  margin-bottom: 25px;
}

.controls-page-heading h1 {
  margin: 11px 0 0;
  font-family: var(--condensed);
  font-size: clamp(58px, 8.2vw, 116px);
  font-weight: 800;
  line-height: .78;
  letter-spacing: -.025em;
  text-transform: uppercase;
}

.controls-page-intro {
  max-width: 780px;
  margin: 0;
  color: #9298a0;
  font-size: 13px;
  line-height: 1.8;
}

.controls-catalog {
  padding-top: 28px;
  padding-bottom: 140px;
}

.controller-detail-card {
  display: grid;
  grid-template-columns: minmax(300px, .9fr) minmax(360px, 1.1fr);
  min-height: 540px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.008);
}

.controller-detail-card + .controller-detail-card {
  margin-top: 18px;
}

.controller-detail-gallery {
  padding: 28px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--line);
  background: radial-gradient(circle at 50% 42%, rgba(255,96,56,.07), transparent 48%);
}

.controller-main-image {
  flex: 1;
  min-height: 350px;
  display: grid;
  place-items: center;
  overflow: hidden;
}

.controller-main-image img {
  width: min(90%, 530px);
  max-height: 380px;
  object-fit: contain;
  filter: drop-shadow(0 28px 34px rgba(0,0,0,.3));
}

.controller-thumbnails {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

.controller-thumb {
  height: 82px;
  padding: 7px;
  border: 1px solid rgba(241,239,230,.1);
  background: #0f1216;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease;
}

.controller-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}

.controller-thumb:hover,
.controller-thumb.is-active {
  border-color: rgba(255,96,56,.6);
  background: #13171c;
}

.controller-detail-copy {
  padding: clamp(30px, 5vw, 66px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.controller-detail-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 30px;
}

.controller-detail-topline span,
.controller-detail-topline small {
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .16em;
}

.controller-detail-topline span { color: #707780; }
.controller-detail-topline small { color: var(--accent); }

.controller-detail-copy h2 {
  margin: 0 0 23px;
  font-family: var(--condensed);
  font-size: clamp(48px, 6vw, 76px);
  font-weight: 800;
  line-height: .83;
  text-transform: uppercase;
}

.controller-detail-copy > p {
  max-width: 650px;
  margin: 0 0 14px;
  color: #969ca4;
  font-size: 12px;
  line-height: 1.75;
}

.controller-detail-copy > p strong {
  color: #c9cbd0;
  font-weight: 600;
}

.controller-spec-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 13px 0 28px;
}

.controller-spec-tags span {
  padding: 7px 9px 6px;
  border: 1px solid rgba(241,239,230,.11);
  color: #aeb3b9;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .12em;
}

.controller-buy-row {
  padding-top: 24px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  border-top: 1px solid var(--line);
}

.controller-buy-note {
  color: #60666e;
  font-size: 7px;
  font-weight: 700;
  letter-spacing: .12em;
}

.more-controller-placeholder {
  margin-top: 18px;
  min-height: 150px;
  padding: 28px;
  display: grid;
  grid-template-columns: .55fr 1fr 1.2fr;
  gap: 28px;
  align-items: center;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.005);
}

.more-controller-placeholder > span {
  color: var(--accent);
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .15em;
}

.more-controller-placeholder > strong {
  font-family: var(--condensed);
  font-size: 30px;
  line-height: 1;
}

.more-controller-placeholder > p {
  margin: 0;
  color: #777e86;
  font-size: 10px;
  line-height: 1.7;
}

@media (max-width: 960px) {
  .featured-gamepad { grid-template-columns: 120px minmax(0, 1fr); }
  .controller-detail-card { grid-template-columns: 1fr; }
  .controller-detail-gallery { border-right: 0; border-bottom: 1px solid var(--line); }
  .more-controller-placeholder { grid-template-columns: 1fr; gap: 10px; }
}

@media (max-width: 620px) {
  .recommendation-card--gamepads { min-height: 0; }
  .featured-gamepad { grid-template-columns: 1fr; }
  .featured-gamepad-visual { min-height: 110px; }
  .featured-gamepad-visual img { max-height: 118px; }
  .featured-gamepad-actions { flex-direction: column; align-items: stretch; }
  .product-link, .more-controls-link { width: 100%; }

  .controls-recommendations-hero { padding-top: 118px; }
  .controls-page-heading h1 { font-size: 55px; }
  .controller-detail-gallery, .controller-detail-copy { padding: 20px; }
  .controller-main-image { min-height: 260px; }
  .controller-main-image img { max-height: 270px; }
  .controller-thumb { height: 66px; }
  .controller-detail-copy h2 { font-size: 46px; }
  .controller-buy-row .btn { width: 100%; }
}


/* V1.8.1.8.9 — Banco Real do Alpine visível e sem previsão no Teste em Pista */
body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-stat.is-unavailable .vehicle-performance-stat-line strong {
  color: #7f858d;
  font-size: 11px;
  letter-spacing: .05em;
}

body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-bar.is-empty > i {
  width: 0 !important;
}

.vehicle-real-test-card {
  margin-top: 14px;
  padding: 11px 12px;
  border: 1px solid rgba(241,239,230,.12);
  background: rgba(255,255,255,.018);
  transition: border-color .18s ease, background .18s ease;
}

.vehicle-real-test-card[hidden] {
  display: none !important;
}

.vehicle-real-test-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.vehicle-real-test-head span {
  color: #8f959d;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .14em;
}

.vehicle-real-test-head strong {
  color: var(--paper);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .07em;
  text-align: right;
}

.vehicle-real-test-card small {
  display: block;
  margin-top: 6px;
  color: #7f858d;
  font-size: 8px;
  line-height: 1.45;
}

.vehicle-real-test-card.is-found {
  border-color: rgba(255,96,56,.58);
  background: rgba(255,96,56,.07);
}

.vehicle-real-test-card.is-found .vehicle-real-test-head strong {
  color: var(--accent);
}

.vehicle-real-test-card.is-missing {
  border-color: rgba(241,239,230,.16);
  background: rgba(255,255,255,.012);
}

.vehicle-real-test-card.is-missing .vehicle-real-test-head strong {
  color: #c5c9ce;
}

.vehicle-real-test-card.is-loading .vehicle-real-test-head strong {
  color: #aeb3ba;
}

.vehicle-real-test-card.is-error {
  border-color: rgba(255,96,56,.4);
}

@media (max-width: 620px) {
  .vehicle-real-test-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .vehicle-real-test-head strong {
    text-align: left;
  }
}


/* V1.8.1.9.0 — Testes manuais por report / Discord */
.vehicle-performance-panel--manual-only {
  max-width: 520px;
}
.vehicle-performance-level--manual {
  margin-top: 5px;
  font-family: var(--condensed);
  font-size: 21px;
  letter-spacing: .035em;
}
.vehicle-performance-panel .vehicle-performance-stat.is-unavailable .vehicle-performance-stat-line strong {
  color: #8b9198;
  font-size: 11px;
  letter-spacing: .045em;
}
.vehicle-performance-panel .vehicle-performance-bar.is-empty > i { width: 0 !important; }
.vehicle-real-test-card.is-manual {
  border-color: rgba(255,96,56,.62);
  background: rgba(255,96,56,.075);
}
.vehicle-real-test-card.is-manual .vehicle-real-test-head strong { color: var(--accent); }
@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-panel--manual-only,
  body[data-vehicle-id="abarth-500"] .vehicle-performance-panel--manual-only,
  body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-panel--manual-only {
    position: static;
    width: auto;
    max-width: none;
  }
}


/* V1.8.1.9.4 — painel unificado: Padrão / Com Peças + Dados do Jogo + desempenho medido */
.vehicle-performance-panel--unified .vehicle-performance-source-modes {
  display: none !important;
}

.vehicle-performance-section-label {
  margin: 14px 0 8px;
  padding-top: 10px;
  border-top: 1px solid rgba(241,239,230,.10);
  color: #8f959d;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.vehicle-performance-section-label--game {
  margin-top: 10px;
}

.vehicle-performance-section-label--track {
  margin-top: 13px;
}

.vehicle-performance-panel--unified .vehicle-performance-fixed {
  margin-bottom: 0;
}

.vehicle-performance-panel--unified .vehicle-performance-dynamic {
  margin-top: 0;
}

.vehicle-performance-modes button:disabled {
  cursor: not-allowed;
  opacity: .42;
}

.vehicle-performance-fixed--pending strong,
.vehicle-performance-level--pending {
  color: #787e86 !important;
}

.vehicle-performance-panel--manual-only.vehicle-performance-panel--unified .vehicle-performance-note {
  margin-top: 12px;
}

/* A fonte antiga fica fora da interface; o card unificado sempre usa pista. */
.vehicle-performance-source-modes { display: none !important; }


/* V1.8.1.9.13 — Street Tier 1 usa o mesmo layout lateral do Street Tier 2 */
@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="abarth-124-spider"] .settings-radar-panel,
  body[data-vehicle-id="abarth-500"] .settings-radar-panel,
  body[data-vehicle-id="alfa-romeo-33-stradale"] .settings-radar-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    left: max(16px, calc((100vw - 1440px) / 2 - 524px));
    right: auto;
    z-index: 35;
    width: 500px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    display: block;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-panel,
  body[data-vehicle-id="abarth-500"] .vehicle-performance-panel,
  body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    left: auto;
    z-index: 35;
    width: 420px;
    max-width: none;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }
}

/* V1.8.1.9.15 — seletores mostram no máximo 4 opções; demais ficam no scroll */
.config-dropdown[data-config-selector="category"] .config-select-menu,
.config-dropdown[data-config-selector="brand"] .config-select-menu,
.config-dropdown[data-config-selector="vehicle"] .config-select-menu {
  /* 4 opções de 48px + 3 gaps de 3px + padding/borda do menu. */
  max-height: 215px;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,96,56,.62) rgba(255,255,255,.05);
  scrollbar-gutter: stable;
}

.config-dropdown[data-config-selector="category"] .config-select-menu::-webkit-scrollbar,
.config-dropdown[data-config-selector="brand"] .config-select-menu::-webkit-scrollbar,
.config-dropdown[data-config-selector="vehicle"] .config-select-menu::-webkit-scrollbar {
  width: 8px;
}

.config-dropdown[data-config-selector="category"] .config-select-menu::-webkit-scrollbar-track,
.config-dropdown[data-config-selector="brand"] .config-select-menu::-webkit-scrollbar-track,
.config-dropdown[data-config-selector="vehicle"] .config-select-menu::-webkit-scrollbar-track {
  background: rgba(255,255,255,.035);
}

.config-dropdown[data-config-selector="category"] .config-select-menu::-webkit-scrollbar-thumb,
.config-dropdown[data-config-selector="brand"] .config-select-menu::-webkit-scrollbar-thumb,
.config-dropdown[data-config-selector="vehicle"] .config-select-menu::-webkit-scrollbar-thumb {
  border: 2px solid rgba(8,10,12,.98);
  border-radius: 999px;
  background: rgba(255,96,56,.58);
}

.config-dropdown[data-config-selector="category"] .config-select-menu::-webkit-scrollbar-thumb:hover,
.config-dropdown[data-config-selector="brand"] .config-select-menu::-webkit-scrollbar-thumb:hover,
.config-dropdown[data-config-selector="vehicle"] .config-select-menu::-webkit-scrollbar-thumb:hover {
  background: rgba(255,96,56,.82);
}

@media (max-width: 820px) {
  .config-dropdown[data-config-selector="category"] .config-select-menu,
  .config-dropdown[data-config-selector="brand"] .config-select-menu,
  .config-dropdown[data-config-selector="vehicle"] .config-select-menu {
    max-height: 215px;
  }
}

/* V1.8.1.9.16 — Ferrari 250 GTO alinhada ao layout lateral das páginas completas */
:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

@media (min-width: 1101px) {
  :is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  :is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .pro-settings-head-art,
  :is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  :is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .pro-settings-head-art img,
  :is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .pro-settings-head-art--vehicle-art > img,
  :is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  :is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (min-width: 2360px) and (min-height: 850px) {
  :is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .settings-radar-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    left: max(16px, calc((100vw - 1440px) / 2 - 524px));
    right: auto;
    z-index: 35;
    width: 500px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    display: block;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }

  :is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    left: auto;
    z-index: 35;
    width: 420px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }
}


/* V1.8.1.9.17 — Ferrari 250 GTO: cabeçalho visual igual ao padrão da Ferrari F50 */
:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .pro-vehicle-quickinfo-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .pro-vehicle-quickinfo-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid rgba(241,239,230,.13);
  background: rgba(8,10,12,.46);
  color: #d7d9dc;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .pro-vehicle-quickinfo-chips span:first-child {
  border-color: rgba(255,96,56,.34);
  color: var(--accent);
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .pro-vehicle-quickinfo p {
  max-width: 540px;
  margin: 10px 0 0;
  color: #8f949b;
  font-size: 11px;
  line-height: 1.55;
}

@media (min-width: 1101px) {
  :is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  :is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .pro-settings-head-art,
  :is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  :is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .pro-settings-head-art img,
  :is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .pro-settings-head-art--vehicle-art > img,
  :is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  :is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (max-width: 1100px) {
  :is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .pro-vehicle-quickinfo {
    margin-top: 18px;
  }
}

@media (max-width: 520px) {
  :is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .pro-vehicle-quickinfo {
    margin-top: 14px;
  }

  :is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .pro-vehicle-quickinfo-chips span {
    min-height: 25px;
    padding: 0 8px;
    font-size: 8px;
  }
}


/* V1.8.1.9.18 — seletor de veículo com pesquisa */
.config-select-menu--searchable {
  display: block;
  padding: 0;
}

.config-select-search {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 6px;
  border-bottom: 1px solid rgba(241,239,230,.08);
  background: rgba(8,10,12,.98);
}

.config-select-search-input {
  width: 100%;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(255,96,56,.26);
  background: rgba(255,255,255,.02);
  color: var(--paper);
  font: inherit;
  font-size: 13px;
  outline: none;
}

.config-select-search-input::placeholder {
  color: rgba(241,239,230,.45);
}

.config-select-search-input:focus {
  border-color: rgba(255,96,56,.62);
  box-shadow: 0 0 0 1px rgba(255,96,56,.18);
}

.config-select-options-wrap {
  display: grid;
  gap: 3px;
  padding: 6px;
}

.config-select-options-wrap .config-select-option[hidden] {
  display: none !important;
}

.config-dropdown[data-config-selector="vehicle"] .config-select-menu {
  max-height: 260px;
}

@media (max-width: 820px) {
  .config-dropdown[data-config-selector="vehicle"] .config-select-menu {
    max-height: 260px;
  }

  .config-select-menu--searchable {
    display: none;
  }

  .config-dropdown.is-open .config-select-menu--searchable {
    display: block;
  }
}


/* V1.8.1.9.19 — opção Todos no seletor de marca */
.config-dropdown[data-config-selector="brand"] .config-select-menu .config-select-option:first-child .config-select-option-copy strong {
  letter-spacing: .02em;
}

/* V1.8.1.9.20 — Ferrari 250 GTO: ficha fixa recolhível */
:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-toggle {
  order: 5;
  width: 100%;
  min-height: 56px;
  margin-top: 22px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(241,239,230,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
  color: var(--paper);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease;
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-toggle:hover,
:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-toggle.is-open {
  border-color: rgba(255,96,56,.45);
  background: rgba(255,96,56,.045);
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-toggle-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-toggle-copy small {
  color: var(--accent);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .14em;
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-toggle-copy strong {
  color: var(--paper);
  font-size: 13px;
  font-weight: 800;
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-toggle .tabler-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: var(--accent);
  transition: transform .18s ease;
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-toggle.is-open .tabler-icon {
  transform: rotate(180deg);
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-panel {
  order: 5;
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-panel[hidden] {
  display: none !important;
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-panel.is-open {
  margin-top: 8px;
}

@media (min-width: 2360px) and (min-height: 850px) {
  :is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-toggle {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    z-index: 36;
    width: 420px;
    min-height: 56px;
    margin-top: 0;
    background: rgba(10,12,15,.94);
    backdrop-filter: blur(14px);
  }

  :is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-panel {
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px + 64px);
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 90px);
    margin-top: 0;
  }
}


/* V1.8.1.9.21 — Ferrari 250 GTO: Ficha Padrão / Com Peças / Teste em Pista separados */
:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-modes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-modes button {
  padding-inline: 5px;
  font-size: 8px;
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-fixed {
  margin-bottom: 0;
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-fixed-separator {
  height: 1px;
  min-height: 1px;
  margin: 14px 0 12px !important;
  background: rgba(241,239,230,.24);
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-track-reference {
  display: grid;
  gap: 0;
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-track-reference-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0 12px;
  border-bottom: 1px solid rgba(241,239,230,.10);
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-track-reference-head span {
  color: #8f959d;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .12em;
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-track-reference-head strong {
  color: var(--accent);
  font-size: 11px;
  font-weight: 800;
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-track-reference-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  min-height: 44px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(241,239,230,.075);
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-track-reference-row span {
  color: #d4d6d9;
  font-size: 13px;
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-track-reference-row strong {
  color: var(--paper);
  font-size: 16px;
  font-weight: 900;
  white-space: nowrap;
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-level > span {
  font-size: .72em;
}

@media (max-width: 520px) {
  :is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-modes button {
    font-size: 7px;
    letter-spacing: .06em;
  }
}


/* V1.8.1.9.23 — somente painel da Ferrari 250 GTO; configurações preservadas */
:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-modes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 6px;
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-modes button {
  padding-inline: 8px;
  font-size: 9px;
  letter-spacing: .10em;
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-track-toggle {
  width: 100%;
  min-height: 30px;
  margin: 0 0 14px;
  border: 1px solid rgba(241,239,230,.14);
  background: rgba(255,255,255,.018);
  color: #8f959d;
  font: inherit;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-track-toggle:hover {
  color: #e4e5e7;
  border-color: rgba(255,96,56,.35);
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-track-toggle.is-active {
  border-color: rgba(255,96,56,.55);
  color: var(--accent);
  background: rgba(255,96,56,.08);
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-fixed {
  margin-bottom: 13px;
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-dynamic {
  margin-top: 0;
}

:is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-level > span {
  font-size: 1em;
}

@media (max-width: 520px) {
  :is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-modes button,
  :is(body[data-vehicle-id="ferrari-250-gto"], body[data-vehicle-id="delage-d12"], body[data-vehicle-id="gordon-murray-automotive-t50"], body[data-vehicle-id="hennessey-venom-f5"], body[data-vehicle-id="maserati-alfieri-concept"], body[data-vehicle-id="pagani-imola"], body[data-vehicle-id="chevrolet-camaro-ss-racing"], body[data-vehicle-id="ferrari-f40-lm"], body[data-vehicle-id="gordon-murray-automotive-t50s"], body[data-vehicle-id="lamborghini-gallardo-lp-570-4-super-trofeo"], body[data-vehicle-id="ferrari-gto-1984"], body[data-vehicle-id="chevrolet-silverado-1500"], body[data-vehicle-id="ivory-tower-ogmios-rally-spec"], body[data-vehicle-id="mini-cooper-s-countryman-all4"], body[data-vehicle-id="mini-cooper-s-rally"], body[data-vehicle-id="bmw-z4-sdrive35is"], body[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"], body[data-vehicle-id="porsche-959-raid"], body[data-vehicle-id="toyota-tacoma"], body[data-vehicle-id="red-bull-rb14-disruption-edition"], body[data-vehicle-id="red-bull-rb20"]) .vehicle-performance-track-toggle {
    font-size: 8px;
    letter-spacing: .07em;
  }
}


/* V1.8.1.9.29 — Fiat 500 F herda o layout premium da Ferrari 250 GTO */
body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="fiat-500-f"] .settings-radar-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    left: max(16px, calc((100vw - 1440px) / 2 - 524px));
    right: auto;
    z-index: 35;
    width: 500px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    display: block;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    left: auto;
    z-index: 35;
    width: 420px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }
}


/* V1.8.1.9.17 — Ferrari 250 GTO: cabeçalho visual igual ao padrão da Ferrari F50 */
body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid rgba(241,239,230,.13);
  background: rgba(8,10,12,.46);
  color: #d7d9dc;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span:first-child {
  border-color: rgba(255,96,56,.34);
  color: var(--accent);
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo p {
  max-width: 540px;
  margin: 10px 0 0;
  color: #8f949b;
  font-size: 11px;
  line-height: 1.55;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (max-width: 1100px) {
  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
    margin-top: 18px;
  }
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
    margin-top: 14px;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span {
    min-height: 25px;
    padding: 0 8px;
    font-size: 8px;
  }
}


/* V1.8.1.9.18 — seletor de veículo com pesquisa */
.config-select-menu--searchable {
  display: block;
  padding: 0;
}

.config-select-search {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 6px;
  border-bottom: 1px solid rgba(241,239,230,.08);
  background: rgba(8,10,12,.98);
}

.config-select-search-input {
  width: 100%;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(255,96,56,.26);
  background: rgba(255,255,255,.02);
  color: var(--paper);
  font: inherit;
  font-size: 13px;
  outline: none;
}

.config-select-search-input::placeholder {
  color: rgba(241,239,230,.45);
}

.config-select-search-input:focus {
  border-color: rgba(255,96,56,.62);
  box-shadow: 0 0 0 1px rgba(255,96,56,.18);
}

.config-select-options-wrap {
  display: grid;
  gap: 3px;
  padding: 6px;
}

.config-select-options-wrap .config-select-option[hidden] {
  display: none !important;
}

.config-dropdown[data-config-selector="vehicle"] .config-select-menu {
  max-height: 260px;
}

@media (max-width: 820px) {
  .config-dropdown[data-config-selector="vehicle"] .config-select-menu {
    max-height: 260px;
  }

  .config-select-menu--searchable {
    display: none;
  }

  .config-dropdown.is-open .config-select-menu--searchable {
    display: block;
  }
}


/* V1.8.1.9.19 — opção Todos no seletor de marca */
.config-dropdown[data-config-selector="brand"] .config-select-menu .config-select-option:first-child .config-select-option-copy strong {
  letter-spacing: .02em;
}

/* V1.8.1.9.20 — Ferrari 250 GTO: ficha fixa recolhível */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle {
  order: 5;
  width: 100%;
  min-height: 56px;
  margin-top: 22px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(241,239,230,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
  color: var(--paper);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle:hover,
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle.is-open {
  border-color: rgba(255,96,56,.45);
  background: rgba(255,96,56,.045);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy small {
  color: var(--accent);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .14em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy strong {
  color: var(--paper);
  font-size: 13px;
  font-weight: 800;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle .tabler-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: var(--accent);
  transition: transform .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle.is-open .tabler-icon {
  transform: rotate(180deg);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
  order: 5;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel[hidden] {
  display: none !important;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel.is-open {
  margin-top: 8px;
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    z-index: 36;
    width: 420px;
    min-height: 56px;
    margin-top: 0;
    background: rgba(10,12,15,.94);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px + 64px);
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 90px);
    margin-top: 0;
  }
}


/* V1.8.1.9.21 — Ferrari 250 GTO: Ficha Padrão / Com Peças / Teste em Pista separados */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
  padding-inline: 5px;
  font-size: 8px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed {
  margin-bottom: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed-separator {
  height: 1px;
  min-height: 1px;
  margin: 14px 0 12px !important;
  background: rgba(241,239,230,.24);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference {
  display: grid;
  gap: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0 12px;
  border-bottom: 1px solid rgba(241,239,230,.10);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head span {
  color: #8f959d;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .12em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head strong {
  color: var(--accent);
  font-size: 11px;
  font-weight: 800;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  min-height: 44px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(241,239,230,.075);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row span {
  color: #d4d6d9;
  font-size: 13px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row strong {
  color: var(--paper);
  font-size: 16px;
  font-weight: 900;
  white-space: nowrap;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-level > span {
  font-size: .72em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
    font-size: 7px;
    letter-spacing: .06em;
  }
}


/* V1.8.1.9.23 — somente painel da Ferrari 250 GTO; configurações preservadas */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 6px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
  padding-inline: 8px;
  font-size: 9px;
  letter-spacing: .10em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle {
  width: 100%;
  min-height: 30px;
  margin: 0 0 14px;
  border: 1px solid rgba(241,239,230,.14);
  background: rgba(255,255,255,.018);
  color: #8f959d;
  font: inherit;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle:hover {
  color: #e4e5e7;
  border-color: rgba(255,96,56,.35);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle.is-active {
  border-color: rgba(255,96,56,.55);
  color: var(--accent);
  background: rgba(255,96,56,.08);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed {
  margin-bottom: 13px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-dynamic {
  margin-top: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-level > span {
  font-size: 1em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button,
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle {
    font-size: 8px;
    letter-spacing: .07em;
  }
}


/* V1.8.1.9.30 — layout premium unificado para abarth-124-rally */
body[data-vehicle-id="abarth-124-rally"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="abarth-124-rally"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="abarth-124-rally"] .pro-settings-head-art,
  body[data-vehicle-id="abarth-124-rally"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="abarth-124-rally"] .pro-settings-head-art img,
  body[data-vehicle-id="abarth-124-rally"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="abarth-124-rally"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="abarth-124-rally"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="abarth-124-rally"] .settings-radar-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    left: max(16px, calc((100vw - 1440px) / 2 - 524px));
    right: auto;
    z-index: 35;
    width: 500px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    display: block;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    left: auto;
    z-index: 35;
    width: 420px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }
}


/* V1.8.1.9.17 — Ferrari 250 GTO: cabeçalho visual igual ao padrão da Ferrari F50 */
body[data-vehicle-id="abarth-124-rally"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

body[data-vehicle-id="abarth-124-rally"] .pro-vehicle-quickinfo-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body[data-vehicle-id="abarth-124-rally"] .pro-vehicle-quickinfo-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid rgba(241,239,230,.13);
  background: rgba(8,10,12,.46);
  color: #d7d9dc;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body[data-vehicle-id="abarth-124-rally"] .pro-vehicle-quickinfo-chips span:first-child {
  border-color: rgba(255,96,56,.34);
  color: var(--accent);
}

body[data-vehicle-id="abarth-124-rally"] .pro-vehicle-quickinfo p {
  max-width: 540px;
  margin: 10px 0 0;
  color: #8f949b;
  font-size: 11px;
  line-height: 1.55;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="abarth-124-rally"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="abarth-124-rally"] .pro-settings-head-art,
  body[data-vehicle-id="abarth-124-rally"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="abarth-124-rally"] .pro-settings-head-art img,
  body[data-vehicle-id="abarth-124-rally"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="abarth-124-rally"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="abarth-124-rally"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (max-width: 1100px) {
  body[data-vehicle-id="abarth-124-rally"] .pro-vehicle-quickinfo {
    margin-top: 18px;
  }
}

@media (max-width: 520px) {
  body[data-vehicle-id="abarth-124-rally"] .pro-vehicle-quickinfo {
    margin-top: 14px;
  }

  body[data-vehicle-id="abarth-124-rally"] .pro-vehicle-quickinfo-chips span {
    min-height: 25px;
    padding: 0 8px;
    font-size: 8px;
  }
}


/* V1.8.1.9.18 — seletor de veículo com pesquisa */
.config-select-menu--searchable {
  display: block;
  padding: 0;
}

.config-select-search {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 6px;
  border-bottom: 1px solid rgba(241,239,230,.08);
  background: rgba(8,10,12,.98);
}

.config-select-search-input {
  width: 100%;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(255,96,56,.26);
  background: rgba(255,255,255,.02);
  color: var(--paper);
  font: inherit;
  font-size: 13px;
  outline: none;
}

.config-select-search-input::placeholder {
  color: rgba(241,239,230,.45);
}

.config-select-search-input:focus {
  border-color: rgba(255,96,56,.62);
  box-shadow: 0 0 0 1px rgba(255,96,56,.18);
}

.config-select-options-wrap {
  display: grid;
  gap: 3px;
  padding: 6px;
}

.config-select-options-wrap .config-select-option[hidden] {
  display: none !important;
}

.config-dropdown[data-config-selector="vehicle"] .config-select-menu {
  max-height: 260px;
}

@media (max-width: 820px) {
  .config-dropdown[data-config-selector="vehicle"] .config-select-menu {
    max-height: 260px;
  }

  .config-select-menu--searchable {
    display: none;
  }

  .config-dropdown.is-open .config-select-menu--searchable {
    display: block;
  }
}


/* V1.8.1.9.19 — opção Todos no seletor de marca */
.config-dropdown[data-config-selector="brand"] .config-select-menu .config-select-option:first-child .config-select-option-copy strong {
  letter-spacing: .02em;
}

/* V1.8.1.9.20 — Ferrari 250 GTO: ficha fixa recolhível */
body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-toggle {
  order: 5;
  width: 100%;
  min-height: 56px;
  margin-top: 22px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(241,239,230,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
  color: var(--paper);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease;
}

body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-toggle:hover,
body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-toggle.is-open {
  border-color: rgba(255,96,56,.45);
  background: rgba(255,96,56,.045);
}

body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-toggle-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-toggle-copy small {
  color: var(--accent);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .14em;
}

body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-toggle-copy strong {
  color: var(--paper);
  font-size: 13px;
  font-weight: 800;
}

body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-toggle .tabler-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: var(--accent);
  transition: transform .18s ease;
}

body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-toggle.is-open .tabler-icon {
  transform: rotate(180deg);
}

body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-panel {
  order: 5;
}

body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-panel[hidden] {
  display: none !important;
}

body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-panel.is-open {
  margin-top: 8px;
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-toggle {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    z-index: 36;
    width: 420px;
    min-height: 56px;
    margin-top: 0;
    background: rgba(10,12,15,.94);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-panel {
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px + 64px);
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 90px);
    margin-top: 0;
  }
}


/* V1.8.1.9.21 — Ferrari 250 GTO: Ficha Padrão / Com Peças / Teste em Pista separados */
body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-modes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-modes button {
  padding-inline: 5px;
  font-size: 8px;
}

body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-fixed {
  margin-bottom: 0;
}

body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-fixed-separator {
  height: 1px;
  min-height: 1px;
  margin: 14px 0 12px !important;
  background: rgba(241,239,230,.24);
}

body[data-vehicle-id="abarth-124-rally"] .vehicle-track-reference {
  display: grid;
  gap: 0;
}

body[data-vehicle-id="abarth-124-rally"] .vehicle-track-reference-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0 12px;
  border-bottom: 1px solid rgba(241,239,230,.10);
}

body[data-vehicle-id="abarth-124-rally"] .vehicle-track-reference-head span {
  color: #8f959d;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .12em;
}

body[data-vehicle-id="abarth-124-rally"] .vehicle-track-reference-head strong {
  color: var(--accent);
  font-size: 11px;
  font-weight: 800;
}

body[data-vehicle-id="abarth-124-rally"] .vehicle-track-reference-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  min-height: 44px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(241,239,230,.075);
}

body[data-vehicle-id="abarth-124-rally"] .vehicle-track-reference-row span {
  color: #d4d6d9;
  font-size: 13px;
}

body[data-vehicle-id="abarth-124-rally"] .vehicle-track-reference-row strong {
  color: var(--paper);
  font-size: 16px;
  font-weight: 900;
  white-space: nowrap;
}

body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-level > span {
  font-size: .72em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-modes button {
    font-size: 7px;
    letter-spacing: .06em;
  }
}


/* V1.8.1.9.23 — somente painel da Ferrari 250 GTO; configurações preservadas */
body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-modes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 6px;
}

body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-modes button {
  padding-inline: 8px;
  font-size: 9px;
  letter-spacing: .10em;
}

body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-track-toggle {
  width: 100%;
  min-height: 30px;
  margin: 0 0 14px;
  border: 1px solid rgba(241,239,230,.14);
  background: rgba(255,255,255,.018);
  color: #8f959d;
  font: inherit;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}

body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-track-toggle:hover {
  color: #e4e5e7;
  border-color: rgba(255,96,56,.35);
}

body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-track-toggle.is-active {
  border-color: rgba(255,96,56,.55);
  color: var(--accent);
  background: rgba(255,96,56,.08);
}

body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-fixed {
  margin-bottom: 13px;
}

body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-dynamic {
  margin-top: 0;
}

body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-level > span {
  font-size: 1em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-modes button,
  body[data-vehicle-id="abarth-124-rally"] .vehicle-performance-track-toggle {
    font-size: 8px;
    letter-spacing: .07em;
  }
}


/* V1.8.1.9.29 — Fiat 500 F herda o layout premium da Ferrari 250 GTO */
body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="fiat-500-f"] .settings-radar-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    left: max(16px, calc((100vw - 1440px) / 2 - 524px));
    right: auto;
    z-index: 35;
    width: 500px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    display: block;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    left: auto;
    z-index: 35;
    width: 420px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }
}


/* V1.8.1.9.17 — Ferrari 250 GTO: cabeçalho visual igual ao padrão da Ferrari F50 */
body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid rgba(241,239,230,.13);
  background: rgba(8,10,12,.46);
  color: #d7d9dc;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span:first-child {
  border-color: rgba(255,96,56,.34);
  color: var(--accent);
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo p {
  max-width: 540px;
  margin: 10px 0 0;
  color: #8f949b;
  font-size: 11px;
  line-height: 1.55;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (max-width: 1100px) {
  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
    margin-top: 18px;
  }
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
    margin-top: 14px;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span {
    min-height: 25px;
    padding: 0 8px;
    font-size: 8px;
  }
}


/* V1.8.1.9.18 — seletor de veículo com pesquisa */
.config-select-menu--searchable {
  display: block;
  padding: 0;
}

.config-select-search {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 6px;
  border-bottom: 1px solid rgba(241,239,230,.08);
  background: rgba(8,10,12,.98);
}

.config-select-search-input {
  width: 100%;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(255,96,56,.26);
  background: rgba(255,255,255,.02);
  color: var(--paper);
  font: inherit;
  font-size: 13px;
  outline: none;
}

.config-select-search-input::placeholder {
  color: rgba(241,239,230,.45);
}

.config-select-search-input:focus {
  border-color: rgba(255,96,56,.62);
  box-shadow: 0 0 0 1px rgba(255,96,56,.18);
}

.config-select-options-wrap {
  display: grid;
  gap: 3px;
  padding: 6px;
}

.config-select-options-wrap .config-select-option[hidden] {
  display: none !important;
}

.config-dropdown[data-config-selector="vehicle"] .config-select-menu {
  max-height: 260px;
}

@media (max-width: 820px) {
  .config-dropdown[data-config-selector="vehicle"] .config-select-menu {
    max-height: 260px;
  }

  .config-select-menu--searchable {
    display: none;
  }

  .config-dropdown.is-open .config-select-menu--searchable {
    display: block;
  }
}


/* V1.8.1.9.19 — opção Todos no seletor de marca */
.config-dropdown[data-config-selector="brand"] .config-select-menu .config-select-option:first-child .config-select-option-copy strong {
  letter-spacing: .02em;
}

/* V1.8.1.9.20 — Ferrari 250 GTO: ficha fixa recolhível */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle {
  order: 5;
  width: 100%;
  min-height: 56px;
  margin-top: 22px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(241,239,230,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
  color: var(--paper);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle:hover,
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle.is-open {
  border-color: rgba(255,96,56,.45);
  background: rgba(255,96,56,.045);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy small {
  color: var(--accent);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .14em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy strong {
  color: var(--paper);
  font-size: 13px;
  font-weight: 800;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle .tabler-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: var(--accent);
  transition: transform .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle.is-open .tabler-icon {
  transform: rotate(180deg);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
  order: 5;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel[hidden] {
  display: none !important;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel.is-open {
  margin-top: 8px;
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    z-index: 36;
    width: 420px;
    min-height: 56px;
    margin-top: 0;
    background: rgba(10,12,15,.94);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px + 64px);
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 90px);
    margin-top: 0;
  }
}


/* V1.8.1.9.21 — Ferrari 250 GTO: Ficha Padrão / Com Peças / Teste em Pista separados */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
  padding-inline: 5px;
  font-size: 8px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed {
  margin-bottom: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed-separator {
  height: 1px;
  min-height: 1px;
  margin: 14px 0 12px !important;
  background: rgba(241,239,230,.24);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference {
  display: grid;
  gap: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0 12px;
  border-bottom: 1px solid rgba(241,239,230,.10);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head span {
  color: #8f959d;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .12em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head strong {
  color: var(--accent);
  font-size: 11px;
  font-weight: 800;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  min-height: 44px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(241,239,230,.075);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row span {
  color: #d4d6d9;
  font-size: 13px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row strong {
  color: var(--paper);
  font-size: 16px;
  font-weight: 900;
  white-space: nowrap;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-level > span {
  font-size: .72em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
    font-size: 7px;
    letter-spacing: .06em;
  }
}


/* V1.8.1.9.23 — somente painel da Ferrari 250 GTO; configurações preservadas */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 6px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
  padding-inline: 8px;
  font-size: 9px;
  letter-spacing: .10em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle {
  width: 100%;
  min-height: 30px;
  margin: 0 0 14px;
  border: 1px solid rgba(241,239,230,.14);
  background: rgba(255,255,255,.018);
  color: #8f959d;
  font: inherit;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle:hover {
  color: #e4e5e7;
  border-color: rgba(255,96,56,.35);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle.is-active {
  border-color: rgba(255,96,56,.55);
  color: var(--accent);
  background: rgba(255,96,56,.08);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed {
  margin-bottom: 13px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-dynamic {
  margin-top: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-level > span {
  font-size: 1em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button,
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle {
    font-size: 8px;
    letter-spacing: .07em;
  }
}


/* V1.8.1.9.30 — layout premium unificado para abarth-124-spider */
body[data-vehicle-id="abarth-124-spider"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="abarth-124-spider"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="abarth-124-spider"] .pro-settings-head-art,
  body[data-vehicle-id="abarth-124-spider"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="abarth-124-spider"] .pro-settings-head-art img,
  body[data-vehicle-id="abarth-124-spider"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="abarth-124-spider"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="abarth-124-spider"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="abarth-124-spider"] .settings-radar-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    left: max(16px, calc((100vw - 1440px) / 2 - 524px));
    right: auto;
    z-index: 35;
    width: 500px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    display: block;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    left: auto;
    z-index: 35;
    width: 420px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }
}


/* V1.8.1.9.17 — Ferrari 250 GTO: cabeçalho visual igual ao padrão da Ferrari F50 */
body[data-vehicle-id="abarth-124-spider"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

body[data-vehicle-id="abarth-124-spider"] .pro-vehicle-quickinfo-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body[data-vehicle-id="abarth-124-spider"] .pro-vehicle-quickinfo-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid rgba(241,239,230,.13);
  background: rgba(8,10,12,.46);
  color: #d7d9dc;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body[data-vehicle-id="abarth-124-spider"] .pro-vehicle-quickinfo-chips span:first-child {
  border-color: rgba(255,96,56,.34);
  color: var(--accent);
}

body[data-vehicle-id="abarth-124-spider"] .pro-vehicle-quickinfo p {
  max-width: 540px;
  margin: 10px 0 0;
  color: #8f949b;
  font-size: 11px;
  line-height: 1.55;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="abarth-124-spider"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="abarth-124-spider"] .pro-settings-head-art,
  body[data-vehicle-id="abarth-124-spider"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="abarth-124-spider"] .pro-settings-head-art img,
  body[data-vehicle-id="abarth-124-spider"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="abarth-124-spider"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="abarth-124-spider"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (max-width: 1100px) {
  body[data-vehicle-id="abarth-124-spider"] .pro-vehicle-quickinfo {
    margin-top: 18px;
  }
}

@media (max-width: 520px) {
  body[data-vehicle-id="abarth-124-spider"] .pro-vehicle-quickinfo {
    margin-top: 14px;
  }

  body[data-vehicle-id="abarth-124-spider"] .pro-vehicle-quickinfo-chips span {
    min-height: 25px;
    padding: 0 8px;
    font-size: 8px;
  }
}


/* V1.8.1.9.18 — seletor de veículo com pesquisa */
.config-select-menu--searchable {
  display: block;
  padding: 0;
}

.config-select-search {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 6px;
  border-bottom: 1px solid rgba(241,239,230,.08);
  background: rgba(8,10,12,.98);
}

.config-select-search-input {
  width: 100%;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(255,96,56,.26);
  background: rgba(255,255,255,.02);
  color: var(--paper);
  font: inherit;
  font-size: 13px;
  outline: none;
}

.config-select-search-input::placeholder {
  color: rgba(241,239,230,.45);
}

.config-select-search-input:focus {
  border-color: rgba(255,96,56,.62);
  box-shadow: 0 0 0 1px rgba(255,96,56,.18);
}

.config-select-options-wrap {
  display: grid;
  gap: 3px;
  padding: 6px;
}

.config-select-options-wrap .config-select-option[hidden] {
  display: none !important;
}

.config-dropdown[data-config-selector="vehicle"] .config-select-menu {
  max-height: 260px;
}

@media (max-width: 820px) {
  .config-dropdown[data-config-selector="vehicle"] .config-select-menu {
    max-height: 260px;
  }

  .config-select-menu--searchable {
    display: none;
  }

  .config-dropdown.is-open .config-select-menu--searchable {
    display: block;
  }
}


/* V1.8.1.9.19 — opção Todos no seletor de marca */
.config-dropdown[data-config-selector="brand"] .config-select-menu .config-select-option:first-child .config-select-option-copy strong {
  letter-spacing: .02em;
}

/* V1.8.1.9.20 — Ferrari 250 GTO: ficha fixa recolhível */
body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-toggle {
  order: 5;
  width: 100%;
  min-height: 56px;
  margin-top: 22px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(241,239,230,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
  color: var(--paper);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease;
}

body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-toggle:hover,
body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-toggle.is-open {
  border-color: rgba(255,96,56,.45);
  background: rgba(255,96,56,.045);
}

body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-toggle-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-toggle-copy small {
  color: var(--accent);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .14em;
}

body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-toggle-copy strong {
  color: var(--paper);
  font-size: 13px;
  font-weight: 800;
}

body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-toggle .tabler-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: var(--accent);
  transition: transform .18s ease;
}

body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-toggle.is-open .tabler-icon {
  transform: rotate(180deg);
}

body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-panel {
  order: 5;
}

body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-panel[hidden] {
  display: none !important;
}

body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-panel.is-open {
  margin-top: 8px;
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-toggle {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    z-index: 36;
    width: 420px;
    min-height: 56px;
    margin-top: 0;
    background: rgba(10,12,15,.94);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-panel {
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px + 64px);
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 90px);
    margin-top: 0;
  }
}


/* V1.8.1.9.21 — Ferrari 250 GTO: Ficha Padrão / Com Peças / Teste em Pista separados */
body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-modes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-modes button {
  padding-inline: 5px;
  font-size: 8px;
}

body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-fixed {
  margin-bottom: 0;
}

body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-fixed-separator {
  height: 1px;
  min-height: 1px;
  margin: 14px 0 12px !important;
  background: rgba(241,239,230,.24);
}

body[data-vehicle-id="abarth-124-spider"] .vehicle-track-reference {
  display: grid;
  gap: 0;
}

body[data-vehicle-id="abarth-124-spider"] .vehicle-track-reference-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0 12px;
  border-bottom: 1px solid rgba(241,239,230,.10);
}

body[data-vehicle-id="abarth-124-spider"] .vehicle-track-reference-head span {
  color: #8f959d;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .12em;
}

body[data-vehicle-id="abarth-124-spider"] .vehicle-track-reference-head strong {
  color: var(--accent);
  font-size: 11px;
  font-weight: 800;
}

body[data-vehicle-id="abarth-124-spider"] .vehicle-track-reference-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  min-height: 44px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(241,239,230,.075);
}

body[data-vehicle-id="abarth-124-spider"] .vehicle-track-reference-row span {
  color: #d4d6d9;
  font-size: 13px;
}

body[data-vehicle-id="abarth-124-spider"] .vehicle-track-reference-row strong {
  color: var(--paper);
  font-size: 16px;
  font-weight: 900;
  white-space: nowrap;
}

body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-level > span {
  font-size: .72em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-modes button {
    font-size: 7px;
    letter-spacing: .06em;
  }
}


/* V1.8.1.9.23 — somente painel da Ferrari 250 GTO; configurações preservadas */
body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-modes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 6px;
}

body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-modes button {
  padding-inline: 8px;
  font-size: 9px;
  letter-spacing: .10em;
}

body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-track-toggle {
  width: 100%;
  min-height: 30px;
  margin: 0 0 14px;
  border: 1px solid rgba(241,239,230,.14);
  background: rgba(255,255,255,.018);
  color: #8f959d;
  font: inherit;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}

body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-track-toggle:hover {
  color: #e4e5e7;
  border-color: rgba(255,96,56,.35);
}

body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-track-toggle.is-active {
  border-color: rgba(255,96,56,.55);
  color: var(--accent);
  background: rgba(255,96,56,.08);
}

body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-fixed {
  margin-bottom: 13px;
}

body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-dynamic {
  margin-top: 0;
}

body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-level > span {
  font-size: 1em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-modes button,
  body[data-vehicle-id="abarth-124-spider"] .vehicle-performance-track-toggle {
    font-size: 8px;
    letter-spacing: .07em;
  }
}


/* V1.8.1.9.29 — Fiat 500 F herda o layout premium da Ferrari 250 GTO */
body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="fiat-500-f"] .settings-radar-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    left: max(16px, calc((100vw - 1440px) / 2 - 524px));
    right: auto;
    z-index: 35;
    width: 500px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    display: block;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    left: auto;
    z-index: 35;
    width: 420px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }
}


/* V1.8.1.9.17 — Ferrari 250 GTO: cabeçalho visual igual ao padrão da Ferrari F50 */
body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid rgba(241,239,230,.13);
  background: rgba(8,10,12,.46);
  color: #d7d9dc;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span:first-child {
  border-color: rgba(255,96,56,.34);
  color: var(--accent);
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo p {
  max-width: 540px;
  margin: 10px 0 0;
  color: #8f949b;
  font-size: 11px;
  line-height: 1.55;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (max-width: 1100px) {
  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
    margin-top: 18px;
  }
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
    margin-top: 14px;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span {
    min-height: 25px;
    padding: 0 8px;
    font-size: 8px;
  }
}


/* V1.8.1.9.18 — seletor de veículo com pesquisa */
.config-select-menu--searchable {
  display: block;
  padding: 0;
}

.config-select-search {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 6px;
  border-bottom: 1px solid rgba(241,239,230,.08);
  background: rgba(8,10,12,.98);
}

.config-select-search-input {
  width: 100%;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(255,96,56,.26);
  background: rgba(255,255,255,.02);
  color: var(--paper);
  font: inherit;
  font-size: 13px;
  outline: none;
}

.config-select-search-input::placeholder {
  color: rgba(241,239,230,.45);
}

.config-select-search-input:focus {
  border-color: rgba(255,96,56,.62);
  box-shadow: 0 0 0 1px rgba(255,96,56,.18);
}

.config-select-options-wrap {
  display: grid;
  gap: 3px;
  padding: 6px;
}

.config-select-options-wrap .config-select-option[hidden] {
  display: none !important;
}

.config-dropdown[data-config-selector="vehicle"] .config-select-menu {
  max-height: 260px;
}

@media (max-width: 820px) {
  .config-dropdown[data-config-selector="vehicle"] .config-select-menu {
    max-height: 260px;
  }

  .config-select-menu--searchable {
    display: none;
  }

  .config-dropdown.is-open .config-select-menu--searchable {
    display: block;
  }
}


/* V1.8.1.9.19 — opção Todos no seletor de marca */
.config-dropdown[data-config-selector="brand"] .config-select-menu .config-select-option:first-child .config-select-option-copy strong {
  letter-spacing: .02em;
}

/* V1.8.1.9.20 — Ferrari 250 GTO: ficha fixa recolhível */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle {
  order: 5;
  width: 100%;
  min-height: 56px;
  margin-top: 22px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(241,239,230,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
  color: var(--paper);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle:hover,
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle.is-open {
  border-color: rgba(255,96,56,.45);
  background: rgba(255,96,56,.045);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy small {
  color: var(--accent);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .14em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy strong {
  color: var(--paper);
  font-size: 13px;
  font-weight: 800;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle .tabler-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: var(--accent);
  transition: transform .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle.is-open .tabler-icon {
  transform: rotate(180deg);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
  order: 5;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel[hidden] {
  display: none !important;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel.is-open {
  margin-top: 8px;
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    z-index: 36;
    width: 420px;
    min-height: 56px;
    margin-top: 0;
    background: rgba(10,12,15,.94);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px + 64px);
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 90px);
    margin-top: 0;
  }
}


/* V1.8.1.9.21 — Ferrari 250 GTO: Ficha Padrão / Com Peças / Teste em Pista separados */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
  padding-inline: 5px;
  font-size: 8px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed {
  margin-bottom: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed-separator {
  height: 1px;
  min-height: 1px;
  margin: 14px 0 12px !important;
  background: rgba(241,239,230,.24);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference {
  display: grid;
  gap: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0 12px;
  border-bottom: 1px solid rgba(241,239,230,.10);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head span {
  color: #8f959d;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .12em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head strong {
  color: var(--accent);
  font-size: 11px;
  font-weight: 800;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  min-height: 44px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(241,239,230,.075);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row span {
  color: #d4d6d9;
  font-size: 13px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row strong {
  color: var(--paper);
  font-size: 16px;
  font-weight: 900;
  white-space: nowrap;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-level > span {
  font-size: .72em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
    font-size: 7px;
    letter-spacing: .06em;
  }
}


/* V1.8.1.9.23 — somente painel da Ferrari 250 GTO; configurações preservadas */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 6px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
  padding-inline: 8px;
  font-size: 9px;
  letter-spacing: .10em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle {
  width: 100%;
  min-height: 30px;
  margin: 0 0 14px;
  border: 1px solid rgba(241,239,230,.14);
  background: rgba(255,255,255,.018);
  color: #8f959d;
  font: inherit;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle:hover {
  color: #e4e5e7;
  border-color: rgba(255,96,56,.35);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle.is-active {
  border-color: rgba(255,96,56,.55);
  color: var(--accent);
  background: rgba(255,96,56,.08);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed {
  margin-bottom: 13px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-dynamic {
  margin-top: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-level > span {
  font-size: 1em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button,
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle {
    font-size: 8px;
    letter-spacing: .07em;
  }
}


/* V1.8.1.9.30 — layout premium unificado para abarth-500 */
body[data-vehicle-id="abarth-500"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="abarth-500"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="abarth-500"] .pro-settings-head-art,
  body[data-vehicle-id="abarth-500"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="abarth-500"] .pro-settings-head-art img,
  body[data-vehicle-id="abarth-500"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="abarth-500"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="abarth-500"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="abarth-500"] .settings-radar-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    left: max(16px, calc((100vw - 1440px) / 2 - 524px));
    right: auto;
    z-index: 35;
    width: 500px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    display: block;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="abarth-500"] .vehicle-performance-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    left: auto;
    z-index: 35;
    width: 420px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }
}


/* V1.8.1.9.17 — Ferrari 250 GTO: cabeçalho visual igual ao padrão da Ferrari F50 */
body[data-vehicle-id="abarth-500"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

body[data-vehicle-id="abarth-500"] .pro-vehicle-quickinfo-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body[data-vehicle-id="abarth-500"] .pro-vehicle-quickinfo-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid rgba(241,239,230,.13);
  background: rgba(8,10,12,.46);
  color: #d7d9dc;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body[data-vehicle-id="abarth-500"] .pro-vehicle-quickinfo-chips span:first-child {
  border-color: rgba(255,96,56,.34);
  color: var(--accent);
}

body[data-vehicle-id="abarth-500"] .pro-vehicle-quickinfo p {
  max-width: 540px;
  margin: 10px 0 0;
  color: #8f949b;
  font-size: 11px;
  line-height: 1.55;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="abarth-500"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="abarth-500"] .pro-settings-head-art,
  body[data-vehicle-id="abarth-500"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="abarth-500"] .pro-settings-head-art img,
  body[data-vehicle-id="abarth-500"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="abarth-500"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="abarth-500"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (max-width: 1100px) {
  body[data-vehicle-id="abarth-500"] .pro-vehicle-quickinfo {
    margin-top: 18px;
  }
}

@media (max-width: 520px) {
  body[data-vehicle-id="abarth-500"] .pro-vehicle-quickinfo {
    margin-top: 14px;
  }

  body[data-vehicle-id="abarth-500"] .pro-vehicle-quickinfo-chips span {
    min-height: 25px;
    padding: 0 8px;
    font-size: 8px;
  }
}


/* V1.8.1.9.18 — seletor de veículo com pesquisa */
.config-select-menu--searchable {
  display: block;
  padding: 0;
}

.config-select-search {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 6px;
  border-bottom: 1px solid rgba(241,239,230,.08);
  background: rgba(8,10,12,.98);
}

.config-select-search-input {
  width: 100%;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(255,96,56,.26);
  background: rgba(255,255,255,.02);
  color: var(--paper);
  font: inherit;
  font-size: 13px;
  outline: none;
}

.config-select-search-input::placeholder {
  color: rgba(241,239,230,.45);
}

.config-select-search-input:focus {
  border-color: rgba(255,96,56,.62);
  box-shadow: 0 0 0 1px rgba(255,96,56,.18);
}

.config-select-options-wrap {
  display: grid;
  gap: 3px;
  padding: 6px;
}

.config-select-options-wrap .config-select-option[hidden] {
  display: none !important;
}

.config-dropdown[data-config-selector="vehicle"] .config-select-menu {
  max-height: 260px;
}

@media (max-width: 820px) {
  .config-dropdown[data-config-selector="vehicle"] .config-select-menu {
    max-height: 260px;
  }

  .config-select-menu--searchable {
    display: none;
  }

  .config-dropdown.is-open .config-select-menu--searchable {
    display: block;
  }
}


/* V1.8.1.9.19 — opção Todos no seletor de marca */
.config-dropdown[data-config-selector="brand"] .config-select-menu .config-select-option:first-child .config-select-option-copy strong {
  letter-spacing: .02em;
}

/* V1.8.1.9.20 — Ferrari 250 GTO: ficha fixa recolhível */
body[data-vehicle-id="abarth-500"] .vehicle-performance-toggle {
  order: 5;
  width: 100%;
  min-height: 56px;
  margin-top: 22px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(241,239,230,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
  color: var(--paper);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease;
}

body[data-vehicle-id="abarth-500"] .vehicle-performance-toggle:hover,
body[data-vehicle-id="abarth-500"] .vehicle-performance-toggle.is-open {
  border-color: rgba(255,96,56,.45);
  background: rgba(255,96,56,.045);
}

body[data-vehicle-id="abarth-500"] .vehicle-performance-toggle-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

body[data-vehicle-id="abarth-500"] .vehicle-performance-toggle-copy small {
  color: var(--accent);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .14em;
}

body[data-vehicle-id="abarth-500"] .vehicle-performance-toggle-copy strong {
  color: var(--paper);
  font-size: 13px;
  font-weight: 800;
}

body[data-vehicle-id="abarth-500"] .vehicle-performance-toggle .tabler-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: var(--accent);
  transition: transform .18s ease;
}

body[data-vehicle-id="abarth-500"] .vehicle-performance-toggle.is-open .tabler-icon {
  transform: rotate(180deg);
}

body[data-vehicle-id="abarth-500"] .vehicle-performance-panel {
  order: 5;
}

body[data-vehicle-id="abarth-500"] .vehicle-performance-panel[hidden] {
  display: none !important;
}

body[data-vehicle-id="abarth-500"] .vehicle-performance-panel.is-open {
  margin-top: 8px;
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="abarth-500"] .vehicle-performance-toggle {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    z-index: 36;
    width: 420px;
    min-height: 56px;
    margin-top: 0;
    background: rgba(10,12,15,.94);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="abarth-500"] .vehicle-performance-panel {
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px + 64px);
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 90px);
    margin-top: 0;
  }
}


/* V1.8.1.9.21 — Ferrari 250 GTO: Ficha Padrão / Com Peças / Teste em Pista separados */
body[data-vehicle-id="abarth-500"] .vehicle-performance-modes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-vehicle-id="abarth-500"] .vehicle-performance-modes button {
  padding-inline: 5px;
  font-size: 8px;
}

body[data-vehicle-id="abarth-500"] .vehicle-performance-fixed {
  margin-bottom: 0;
}

body[data-vehicle-id="abarth-500"] .vehicle-performance-fixed-separator {
  height: 1px;
  min-height: 1px;
  margin: 14px 0 12px !important;
  background: rgba(241,239,230,.24);
}

body[data-vehicle-id="abarth-500"] .vehicle-track-reference {
  display: grid;
  gap: 0;
}

body[data-vehicle-id="abarth-500"] .vehicle-track-reference-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0 12px;
  border-bottom: 1px solid rgba(241,239,230,.10);
}

body[data-vehicle-id="abarth-500"] .vehicle-track-reference-head span {
  color: #8f959d;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .12em;
}

body[data-vehicle-id="abarth-500"] .vehicle-track-reference-head strong {
  color: var(--accent);
  font-size: 11px;
  font-weight: 800;
}

body[data-vehicle-id="abarth-500"] .vehicle-track-reference-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  min-height: 44px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(241,239,230,.075);
}

body[data-vehicle-id="abarth-500"] .vehicle-track-reference-row span {
  color: #d4d6d9;
  font-size: 13px;
}

body[data-vehicle-id="abarth-500"] .vehicle-track-reference-row strong {
  color: var(--paper);
  font-size: 16px;
  font-weight: 900;
  white-space: nowrap;
}

body[data-vehicle-id="abarth-500"] .vehicle-performance-level > span {
  font-size: .72em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="abarth-500"] .vehicle-performance-modes button {
    font-size: 7px;
    letter-spacing: .06em;
  }
}


/* V1.8.1.9.23 — somente painel da Ferrari 250 GTO; configurações preservadas */
body[data-vehicle-id="abarth-500"] .vehicle-performance-modes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 6px;
}

body[data-vehicle-id="abarth-500"] .vehicle-performance-modes button {
  padding-inline: 8px;
  font-size: 9px;
  letter-spacing: .10em;
}

body[data-vehicle-id="abarth-500"] .vehicle-performance-track-toggle {
  width: 100%;
  min-height: 30px;
  margin: 0 0 14px;
  border: 1px solid rgba(241,239,230,.14);
  background: rgba(255,255,255,.018);
  color: #8f959d;
  font: inherit;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}

body[data-vehicle-id="abarth-500"] .vehicle-performance-track-toggle:hover {
  color: #e4e5e7;
  border-color: rgba(255,96,56,.35);
}

body[data-vehicle-id="abarth-500"] .vehicle-performance-track-toggle.is-active {
  border-color: rgba(255,96,56,.55);
  color: var(--accent);
  background: rgba(255,96,56,.08);
}

body[data-vehicle-id="abarth-500"] .vehicle-performance-fixed {
  margin-bottom: 13px;
}

body[data-vehicle-id="abarth-500"] .vehicle-performance-dynamic {
  margin-top: 0;
}

body[data-vehicle-id="abarth-500"] .vehicle-performance-level > span {
  font-size: 1em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="abarth-500"] .vehicle-performance-modes button,
  body[data-vehicle-id="abarth-500"] .vehicle-performance-track-toggle {
    font-size: 8px;
    letter-spacing: .07em;
  }
}


/* V1.8.1.9.29 — Fiat 500 F herda o layout premium da Ferrari 250 GTO */
body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="fiat-500-f"] .settings-radar-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    left: max(16px, calc((100vw - 1440px) / 2 - 524px));
    right: auto;
    z-index: 35;
    width: 500px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    display: block;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    left: auto;
    z-index: 35;
    width: 420px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }
}


/* V1.8.1.9.17 — Ferrari 250 GTO: cabeçalho visual igual ao padrão da Ferrari F50 */
body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid rgba(241,239,230,.13);
  background: rgba(8,10,12,.46);
  color: #d7d9dc;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span:first-child {
  border-color: rgba(255,96,56,.34);
  color: var(--accent);
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo p {
  max-width: 540px;
  margin: 10px 0 0;
  color: #8f949b;
  font-size: 11px;
  line-height: 1.55;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (max-width: 1100px) {
  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
    margin-top: 18px;
  }
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
    margin-top: 14px;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span {
    min-height: 25px;
    padding: 0 8px;
    font-size: 8px;
  }
}


/* V1.8.1.9.18 — seletor de veículo com pesquisa */
.config-select-menu--searchable {
  display: block;
  padding: 0;
}

.config-select-search {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 6px;
  border-bottom: 1px solid rgba(241,239,230,.08);
  background: rgba(8,10,12,.98);
}

.config-select-search-input {
  width: 100%;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(255,96,56,.26);
  background: rgba(255,255,255,.02);
  color: var(--paper);
  font: inherit;
  font-size: 13px;
  outline: none;
}

.config-select-search-input::placeholder {
  color: rgba(241,239,230,.45);
}

.config-select-search-input:focus {
  border-color: rgba(255,96,56,.62);
  box-shadow: 0 0 0 1px rgba(255,96,56,.18);
}

.config-select-options-wrap {
  display: grid;
  gap: 3px;
  padding: 6px;
}

.config-select-options-wrap .config-select-option[hidden] {
  display: none !important;
}

.config-dropdown[data-config-selector="vehicle"] .config-select-menu {
  max-height: 260px;
}

@media (max-width: 820px) {
  .config-dropdown[data-config-selector="vehicle"] .config-select-menu {
    max-height: 260px;
  }

  .config-select-menu--searchable {
    display: none;
  }

  .config-dropdown.is-open .config-select-menu--searchable {
    display: block;
  }
}


/* V1.8.1.9.19 — opção Todos no seletor de marca */
.config-dropdown[data-config-selector="brand"] .config-select-menu .config-select-option:first-child .config-select-option-copy strong {
  letter-spacing: .02em;
}

/* V1.8.1.9.20 — Ferrari 250 GTO: ficha fixa recolhível */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle {
  order: 5;
  width: 100%;
  min-height: 56px;
  margin-top: 22px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(241,239,230,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
  color: var(--paper);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle:hover,
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle.is-open {
  border-color: rgba(255,96,56,.45);
  background: rgba(255,96,56,.045);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy small {
  color: var(--accent);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .14em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy strong {
  color: var(--paper);
  font-size: 13px;
  font-weight: 800;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle .tabler-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: var(--accent);
  transition: transform .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle.is-open .tabler-icon {
  transform: rotate(180deg);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
  order: 5;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel[hidden] {
  display: none !important;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel.is-open {
  margin-top: 8px;
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    z-index: 36;
    width: 420px;
    min-height: 56px;
    margin-top: 0;
    background: rgba(10,12,15,.94);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px + 64px);
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 90px);
    margin-top: 0;
  }
}


/* V1.8.1.9.21 — Ferrari 250 GTO: Ficha Padrão / Com Peças / Teste em Pista separados */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
  padding-inline: 5px;
  font-size: 8px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed {
  margin-bottom: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed-separator {
  height: 1px;
  min-height: 1px;
  margin: 14px 0 12px !important;
  background: rgba(241,239,230,.24);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference {
  display: grid;
  gap: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0 12px;
  border-bottom: 1px solid rgba(241,239,230,.10);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head span {
  color: #8f959d;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .12em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head strong {
  color: var(--accent);
  font-size: 11px;
  font-weight: 800;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  min-height: 44px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(241,239,230,.075);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row span {
  color: #d4d6d9;
  font-size: 13px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row strong {
  color: var(--paper);
  font-size: 16px;
  font-weight: 900;
  white-space: nowrap;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-level > span {
  font-size: .72em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
    font-size: 7px;
    letter-spacing: .06em;
  }
}


/* V1.8.1.9.23 — somente painel da Ferrari 250 GTO; configurações preservadas */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 6px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
  padding-inline: 8px;
  font-size: 9px;
  letter-spacing: .10em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle {
  width: 100%;
  min-height: 30px;
  margin: 0 0 14px;
  border: 1px solid rgba(241,239,230,.14);
  background: rgba(255,255,255,.018);
  color: #8f959d;
  font: inherit;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle:hover {
  color: #e4e5e7;
  border-color: rgba(255,96,56,.35);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle.is-active {
  border-color: rgba(255,96,56,.55);
  color: var(--accent);
  background: rgba(255,96,56,.08);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed {
  margin-bottom: 13px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-dynamic {
  margin-top: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-level > span {
  font-size: 1em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button,
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle {
    font-size: 8px;
    letter-spacing: .07em;
  }
}


/* V1.8.1.9.30 — layout premium unificado para alfa-romeo-33-stradale */
body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-settings-head-art,
  body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-settings-head-art img,
  body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="alfa-romeo-33-stradale"] .settings-radar-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    left: max(16px, calc((100vw - 1440px) / 2 - 524px));
    right: auto;
    z-index: 35;
    width: 500px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    display: block;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    left: auto;
    z-index: 35;
    width: 420px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }
}


/* V1.8.1.9.17 — Ferrari 250 GTO: cabeçalho visual igual ao padrão da Ferrari F50 */
body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-vehicle-quickinfo-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-vehicle-quickinfo-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid rgba(241,239,230,.13);
  background: rgba(8,10,12,.46);
  color: #d7d9dc;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-vehicle-quickinfo-chips span:first-child {
  border-color: rgba(255,96,56,.34);
  color: var(--accent);
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-vehicle-quickinfo p {
  max-width: 540px;
  margin: 10px 0 0;
  color: #8f949b;
  font-size: 11px;
  line-height: 1.55;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-settings-head-art,
  body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-settings-head-art img,
  body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (max-width: 1100px) {
  body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-vehicle-quickinfo {
    margin-top: 18px;
  }
}

@media (max-width: 520px) {
  body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-vehicle-quickinfo {
    margin-top: 14px;
  }

  body[data-vehicle-id="alfa-romeo-33-stradale"] .pro-vehicle-quickinfo-chips span {
    min-height: 25px;
    padding: 0 8px;
    font-size: 8px;
  }
}


/* V1.8.1.9.18 — seletor de veículo com pesquisa */
.config-select-menu--searchable {
  display: block;
  padding: 0;
}

.config-select-search {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 6px;
  border-bottom: 1px solid rgba(241,239,230,.08);
  background: rgba(8,10,12,.98);
}

.config-select-search-input {
  width: 100%;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(255,96,56,.26);
  background: rgba(255,255,255,.02);
  color: var(--paper);
  font: inherit;
  font-size: 13px;
  outline: none;
}

.config-select-search-input::placeholder {
  color: rgba(241,239,230,.45);
}

.config-select-search-input:focus {
  border-color: rgba(255,96,56,.62);
  box-shadow: 0 0 0 1px rgba(255,96,56,.18);
}

.config-select-options-wrap {
  display: grid;
  gap: 3px;
  padding: 6px;
}

.config-select-options-wrap .config-select-option[hidden] {
  display: none !important;
}

.config-dropdown[data-config-selector="vehicle"] .config-select-menu {
  max-height: 260px;
}

@media (max-width: 820px) {
  .config-dropdown[data-config-selector="vehicle"] .config-select-menu {
    max-height: 260px;
  }

  .config-select-menu--searchable {
    display: none;
  }

  .config-dropdown.is-open .config-select-menu--searchable {
    display: block;
  }
}


/* V1.8.1.9.19 — opção Todos no seletor de marca */
.config-dropdown[data-config-selector="brand"] .config-select-menu .config-select-option:first-child .config-select-option-copy strong {
  letter-spacing: .02em;
}

/* V1.8.1.9.20 — Ferrari 250 GTO: ficha fixa recolhível */
body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-toggle {
  order: 5;
  width: 100%;
  min-height: 56px;
  margin-top: 22px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(241,239,230,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
  color: var(--paper);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease;
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-toggle:hover,
body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-toggle.is-open {
  border-color: rgba(255,96,56,.45);
  background: rgba(255,96,56,.045);
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-toggle-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-toggle-copy small {
  color: var(--accent);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .14em;
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-toggle-copy strong {
  color: var(--paper);
  font-size: 13px;
  font-weight: 800;
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-toggle .tabler-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: var(--accent);
  transition: transform .18s ease;
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-toggle.is-open .tabler-icon {
  transform: rotate(180deg);
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-panel {
  order: 5;
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-panel[hidden] {
  display: none !important;
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-panel.is-open {
  margin-top: 8px;
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-toggle {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    z-index: 36;
    width: 420px;
    min-height: 56px;
    margin-top: 0;
    background: rgba(10,12,15,.94);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-panel {
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px + 64px);
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 90px);
    margin-top: 0;
  }
}


/* V1.8.1.9.21 — Ferrari 250 GTO: Ficha Padrão / Com Peças / Teste em Pista separados */
body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-modes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-modes button {
  padding-inline: 5px;
  font-size: 8px;
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-fixed {
  margin-bottom: 0;
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-fixed-separator {
  height: 1px;
  min-height: 1px;
  margin: 14px 0 12px !important;
  background: rgba(241,239,230,.24);
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-track-reference {
  display: grid;
  gap: 0;
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-track-reference-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0 12px;
  border-bottom: 1px solid rgba(241,239,230,.10);
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-track-reference-head span {
  color: #8f959d;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .12em;
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-track-reference-head strong {
  color: var(--accent);
  font-size: 11px;
  font-weight: 800;
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-track-reference-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  min-height: 44px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(241,239,230,.075);
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-track-reference-row span {
  color: #d4d6d9;
  font-size: 13px;
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-track-reference-row strong {
  color: var(--paper);
  font-size: 16px;
  font-weight: 900;
  white-space: nowrap;
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-level > span {
  font-size: .72em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-modes button {
    font-size: 7px;
    letter-spacing: .06em;
  }
}


/* V1.8.1.9.23 — somente painel da Ferrari 250 GTO; configurações preservadas */
body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-modes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 6px;
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-modes button {
  padding-inline: 8px;
  font-size: 9px;
  letter-spacing: .10em;
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-track-toggle {
  width: 100%;
  min-height: 30px;
  margin: 0 0 14px;
  border: 1px solid rgba(241,239,230,.14);
  background: rgba(255,255,255,.018);
  color: #8f959d;
  font: inherit;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-track-toggle:hover {
  color: #e4e5e7;
  border-color: rgba(255,96,56,.35);
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-track-toggle.is-active {
  border-color: rgba(255,96,56,.55);
  color: var(--accent);
  background: rgba(255,96,56,.08);
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-fixed {
  margin-bottom: 13px;
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-dynamic {
  margin-top: 0;
}

body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-level > span {
  font-size: 1em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-modes button,
  body[data-vehicle-id="alfa-romeo-33-stradale"] .vehicle-performance-track-toggle {
    font-size: 8px;
    letter-spacing: .07em;
  }
}


/* V1.8.1.9.29 — Fiat 500 F herda o layout premium da Ferrari 250 GTO */
body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="fiat-500-f"] .settings-radar-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    left: max(16px, calc((100vw - 1440px) / 2 - 524px));
    right: auto;
    z-index: 35;
    width: 500px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    display: block;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    left: auto;
    z-index: 35;
    width: 420px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }
}


/* V1.8.1.9.17 — Ferrari 250 GTO: cabeçalho visual igual ao padrão da Ferrari F50 */
body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid rgba(241,239,230,.13);
  background: rgba(8,10,12,.46);
  color: #d7d9dc;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span:first-child {
  border-color: rgba(255,96,56,.34);
  color: var(--accent);
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo p {
  max-width: 540px;
  margin: 10px 0 0;
  color: #8f949b;
  font-size: 11px;
  line-height: 1.55;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (max-width: 1100px) {
  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
    margin-top: 18px;
  }
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
    margin-top: 14px;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span {
    min-height: 25px;
    padding: 0 8px;
    font-size: 8px;
  }
}


/* V1.8.1.9.18 — seletor de veículo com pesquisa */
.config-select-menu--searchable {
  display: block;
  padding: 0;
}

.config-select-search {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 6px;
  border-bottom: 1px solid rgba(241,239,230,.08);
  background: rgba(8,10,12,.98);
}

.config-select-search-input {
  width: 100%;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(255,96,56,.26);
  background: rgba(255,255,255,.02);
  color: var(--paper);
  font: inherit;
  font-size: 13px;
  outline: none;
}

.config-select-search-input::placeholder {
  color: rgba(241,239,230,.45);
}

.config-select-search-input:focus {
  border-color: rgba(255,96,56,.62);
  box-shadow: 0 0 0 1px rgba(255,96,56,.18);
}

.config-select-options-wrap {
  display: grid;
  gap: 3px;
  padding: 6px;
}

.config-select-options-wrap .config-select-option[hidden] {
  display: none !important;
}

.config-dropdown[data-config-selector="vehicle"] .config-select-menu {
  max-height: 260px;
}

@media (max-width: 820px) {
  .config-dropdown[data-config-selector="vehicle"] .config-select-menu {
    max-height: 260px;
  }

  .config-select-menu--searchable {
    display: none;
  }

  .config-dropdown.is-open .config-select-menu--searchable {
    display: block;
  }
}


/* V1.8.1.9.19 — opção Todos no seletor de marca */
.config-dropdown[data-config-selector="brand"] .config-select-menu .config-select-option:first-child .config-select-option-copy strong {
  letter-spacing: .02em;
}

/* V1.8.1.9.20 — Ferrari 250 GTO: ficha fixa recolhível */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle {
  order: 5;
  width: 100%;
  min-height: 56px;
  margin-top: 22px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(241,239,230,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
  color: var(--paper);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle:hover,
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle.is-open {
  border-color: rgba(255,96,56,.45);
  background: rgba(255,96,56,.045);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy small {
  color: var(--accent);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .14em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy strong {
  color: var(--paper);
  font-size: 13px;
  font-weight: 800;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle .tabler-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: var(--accent);
  transition: transform .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle.is-open .tabler-icon {
  transform: rotate(180deg);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
  order: 5;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel[hidden] {
  display: none !important;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel.is-open {
  margin-top: 8px;
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    z-index: 36;
    width: 420px;
    min-height: 56px;
    margin-top: 0;
    background: rgba(10,12,15,.94);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px + 64px);
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 90px);
    margin-top: 0;
  }
}


/* V1.8.1.9.21 — Ferrari 250 GTO: Ficha Padrão / Com Peças / Teste em Pista separados */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
  padding-inline: 5px;
  font-size: 8px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed {
  margin-bottom: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed-separator {
  height: 1px;
  min-height: 1px;
  margin: 14px 0 12px !important;
  background: rgba(241,239,230,.24);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference {
  display: grid;
  gap: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0 12px;
  border-bottom: 1px solid rgba(241,239,230,.10);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head span {
  color: #8f959d;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .12em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head strong {
  color: var(--accent);
  font-size: 11px;
  font-weight: 800;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  min-height: 44px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(241,239,230,.075);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row span {
  color: #d4d6d9;
  font-size: 13px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row strong {
  color: var(--paper);
  font-size: 16px;
  font-weight: 900;
  white-space: nowrap;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-level > span {
  font-size: .72em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
    font-size: 7px;
    letter-spacing: .06em;
  }
}


/* V1.8.1.9.23 — somente painel da Ferrari 250 GTO; configurações preservadas */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 6px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
  padding-inline: 8px;
  font-size: 9px;
  letter-spacing: .10em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle {
  width: 100%;
  min-height: 30px;
  margin: 0 0 14px;
  border: 1px solid rgba(241,239,230,.14);
  background: rgba(255,255,255,.018);
  color: #8f959d;
  font: inherit;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle:hover {
  color: #e4e5e7;
  border-color: rgba(255,96,56,.35);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle.is-active {
  border-color: rgba(255,96,56,.55);
  color: var(--accent);
  background: rgba(255,96,56,.08);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed {
  margin-bottom: 13px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-dynamic {
  margin-top: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-level > span {
  font-size: 1em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button,
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle {
    font-size: 8px;
    letter-spacing: .07em;
  }
}


/* V1.8.1.9.30 — layout premium unificado para alpine-a110-r-ultime */
body[data-vehicle-id="alpine-a110-r-ultime"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="alpine-a110-r-ultime"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="alpine-a110-r-ultime"] .pro-settings-head-art,
  body[data-vehicle-id="alpine-a110-r-ultime"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="alpine-a110-r-ultime"] .pro-settings-head-art img,
  body[data-vehicle-id="alpine-a110-r-ultime"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="alpine-a110-r-ultime"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="alpine-a110-r-ultime"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="alpine-a110-r-ultime"] .settings-radar-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    left: max(16px, calc((100vw - 1440px) / 2 - 524px));
    right: auto;
    z-index: 35;
    width: 500px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    display: block;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    left: auto;
    z-index: 35;
    width: 420px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }
}


/* V1.8.1.9.17 — Ferrari 250 GTO: cabeçalho visual igual ao padrão da Ferrari F50 */
body[data-vehicle-id="alpine-a110-r-ultime"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

body[data-vehicle-id="alpine-a110-r-ultime"] .pro-vehicle-quickinfo-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body[data-vehicle-id="alpine-a110-r-ultime"] .pro-vehicle-quickinfo-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid rgba(241,239,230,.13);
  background: rgba(8,10,12,.46);
  color: #d7d9dc;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body[data-vehicle-id="alpine-a110-r-ultime"] .pro-vehicle-quickinfo-chips span:first-child {
  border-color: rgba(255,96,56,.34);
  color: var(--accent);
}

body[data-vehicle-id="alpine-a110-r-ultime"] .pro-vehicle-quickinfo p {
  max-width: 540px;
  margin: 10px 0 0;
  color: #8f949b;
  font-size: 11px;
  line-height: 1.55;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="alpine-a110-r-ultime"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="alpine-a110-r-ultime"] .pro-settings-head-art,
  body[data-vehicle-id="alpine-a110-r-ultime"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="alpine-a110-r-ultime"] .pro-settings-head-art img,
  body[data-vehicle-id="alpine-a110-r-ultime"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="alpine-a110-r-ultime"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="alpine-a110-r-ultime"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (max-width: 1100px) {
  body[data-vehicle-id="alpine-a110-r-ultime"] .pro-vehicle-quickinfo {
    margin-top: 18px;
  }
}

@media (max-width: 520px) {
  body[data-vehicle-id="alpine-a110-r-ultime"] .pro-vehicle-quickinfo {
    margin-top: 14px;
  }

  body[data-vehicle-id="alpine-a110-r-ultime"] .pro-vehicle-quickinfo-chips span {
    min-height: 25px;
    padding: 0 8px;
    font-size: 8px;
  }
}


/* V1.8.1.9.18 — seletor de veículo com pesquisa */
.config-select-menu--searchable {
  display: block;
  padding: 0;
}

.config-select-search {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 6px;
  border-bottom: 1px solid rgba(241,239,230,.08);
  background: rgba(8,10,12,.98);
}

.config-select-search-input {
  width: 100%;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(255,96,56,.26);
  background: rgba(255,255,255,.02);
  color: var(--paper);
  font: inherit;
  font-size: 13px;
  outline: none;
}

.config-select-search-input::placeholder {
  color: rgba(241,239,230,.45);
}

.config-select-search-input:focus {
  border-color: rgba(255,96,56,.62);
  box-shadow: 0 0 0 1px rgba(255,96,56,.18);
}

.config-select-options-wrap {
  display: grid;
  gap: 3px;
  padding: 6px;
}

.config-select-options-wrap .config-select-option[hidden] {
  display: none !important;
}

.config-dropdown[data-config-selector="vehicle"] .config-select-menu {
  max-height: 260px;
}

@media (max-width: 820px) {
  .config-dropdown[data-config-selector="vehicle"] .config-select-menu {
    max-height: 260px;
  }

  .config-select-menu--searchable {
    display: none;
  }

  .config-dropdown.is-open .config-select-menu--searchable {
    display: block;
  }
}


/* V1.8.1.9.19 — opção Todos no seletor de marca */
.config-dropdown[data-config-selector="brand"] .config-select-menu .config-select-option:first-child .config-select-option-copy strong {
  letter-spacing: .02em;
}

/* V1.8.1.9.20 — Ferrari 250 GTO: ficha fixa recolhível */
body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-toggle {
  order: 5;
  width: 100%;
  min-height: 56px;
  margin-top: 22px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(241,239,230,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
  color: var(--paper);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease;
}

body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-toggle:hover,
body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-toggle.is-open {
  border-color: rgba(255,96,56,.45);
  background: rgba(255,96,56,.045);
}

body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-toggle-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-toggle-copy small {
  color: var(--accent);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .14em;
}

body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-toggle-copy strong {
  color: var(--paper);
  font-size: 13px;
  font-weight: 800;
}

body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-toggle .tabler-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: var(--accent);
  transition: transform .18s ease;
}

body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-toggle.is-open .tabler-icon {
  transform: rotate(180deg);
}

body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-panel {
  order: 5;
}

body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-panel[hidden] {
  display: none !important;
}

body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-panel.is-open {
  margin-top: 8px;
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-toggle {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    z-index: 36;
    width: 420px;
    min-height: 56px;
    margin-top: 0;
    background: rgba(10,12,15,.94);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-panel {
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px + 64px);
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 90px);
    margin-top: 0;
  }
}


/* V1.8.1.9.21 — Ferrari 250 GTO: Ficha Padrão / Com Peças / Teste em Pista separados */
body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-modes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-modes button {
  padding-inline: 5px;
  font-size: 8px;
}

body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-fixed {
  margin-bottom: 0;
}

body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-fixed-separator {
  height: 1px;
  min-height: 1px;
  margin: 14px 0 12px !important;
  background: rgba(241,239,230,.24);
}

body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-track-reference {
  display: grid;
  gap: 0;
}

body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-track-reference-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0 12px;
  border-bottom: 1px solid rgba(241,239,230,.10);
}

body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-track-reference-head span {
  color: #8f959d;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .12em;
}

body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-track-reference-head strong {
  color: var(--accent);
  font-size: 11px;
  font-weight: 800;
}

body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-track-reference-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  min-height: 44px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(241,239,230,.075);
}

body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-track-reference-row span {
  color: #d4d6d9;
  font-size: 13px;
}

body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-track-reference-row strong {
  color: var(--paper);
  font-size: 16px;
  font-weight: 900;
  white-space: nowrap;
}

body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-level > span {
  font-size: .72em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-modes button {
    font-size: 7px;
    letter-spacing: .06em;
  }
}


/* V1.8.1.9.23 — somente painel da Ferrari 250 GTO; configurações preservadas */
body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-modes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 6px;
}

body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-modes button {
  padding-inline: 8px;
  font-size: 9px;
  letter-spacing: .10em;
}

body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-track-toggle {
  width: 100%;
  min-height: 30px;
  margin: 0 0 14px;
  border: 1px solid rgba(241,239,230,.14);
  background: rgba(255,255,255,.018);
  color: #8f959d;
  font: inherit;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}

body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-track-toggle:hover {
  color: #e4e5e7;
  border-color: rgba(255,96,56,.35);
}

body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-track-toggle.is-active {
  border-color: rgba(255,96,56,.55);
  color: var(--accent);
  background: rgba(255,96,56,.08);
}

body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-fixed {
  margin-bottom: 13px;
}

body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-dynamic {
  margin-top: 0;
}

body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-level > span {
  font-size: 1em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-modes button,
  body[data-vehicle-id="alpine-a110-r-ultime"] .vehicle-performance-track-toggle {
    font-size: 8px;
    letter-spacing: .07em;
  }
}


/* V1.8.1.9.29 — Fiat 500 F herda o layout premium da Ferrari 250 GTO */
body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="fiat-500-f"] .settings-radar-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    left: max(16px, calc((100vw - 1440px) / 2 - 524px));
    right: auto;
    z-index: 35;
    width: 500px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    display: block;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    left: auto;
    z-index: 35;
    width: 420px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }
}


/* V1.8.1.9.17 — Ferrari 250 GTO: cabeçalho visual igual ao padrão da Ferrari F50 */
body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid rgba(241,239,230,.13);
  background: rgba(8,10,12,.46);
  color: #d7d9dc;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span:first-child {
  border-color: rgba(255,96,56,.34);
  color: var(--accent);
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo p {
  max-width: 540px;
  margin: 10px 0 0;
  color: #8f949b;
  font-size: 11px;
  line-height: 1.55;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (max-width: 1100px) {
  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
    margin-top: 18px;
  }
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
    margin-top: 14px;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span {
    min-height: 25px;
    padding: 0 8px;
    font-size: 8px;
  }
}


/* V1.8.1.9.18 — seletor de veículo com pesquisa */
.config-select-menu--searchable {
  display: block;
  padding: 0;
}

.config-select-search {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 6px;
  border-bottom: 1px solid rgba(241,239,230,.08);
  background: rgba(8,10,12,.98);
}

.config-select-search-input {
  width: 100%;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(255,96,56,.26);
  background: rgba(255,255,255,.02);
  color: var(--paper);
  font: inherit;
  font-size: 13px;
  outline: none;
}

.config-select-search-input::placeholder {
  color: rgba(241,239,230,.45);
}

.config-select-search-input:focus {
  border-color: rgba(255,96,56,.62);
  box-shadow: 0 0 0 1px rgba(255,96,56,.18);
}

.config-select-options-wrap {
  display: grid;
  gap: 3px;
  padding: 6px;
}

.config-select-options-wrap .config-select-option[hidden] {
  display: none !important;
}

.config-dropdown[data-config-selector="vehicle"] .config-select-menu {
  max-height: 260px;
}

@media (max-width: 820px) {
  .config-dropdown[data-config-selector="vehicle"] .config-select-menu {
    max-height: 260px;
  }

  .config-select-menu--searchable {
    display: none;
  }

  .config-dropdown.is-open .config-select-menu--searchable {
    display: block;
  }
}


/* V1.8.1.9.19 — opção Todos no seletor de marca */
.config-dropdown[data-config-selector="brand"] .config-select-menu .config-select-option:first-child .config-select-option-copy strong {
  letter-spacing: .02em;
}

/* V1.8.1.9.20 — Ferrari 250 GTO: ficha fixa recolhível */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle {
  order: 5;
  width: 100%;
  min-height: 56px;
  margin-top: 22px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(241,239,230,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
  color: var(--paper);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle:hover,
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle.is-open {
  border-color: rgba(255,96,56,.45);
  background: rgba(255,96,56,.045);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy small {
  color: var(--accent);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .14em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy strong {
  color: var(--paper);
  font-size: 13px;
  font-weight: 800;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle .tabler-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: var(--accent);
  transition: transform .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle.is-open .tabler-icon {
  transform: rotate(180deg);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
  order: 5;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel[hidden] {
  display: none !important;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel.is-open {
  margin-top: 8px;
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    z-index: 36;
    width: 420px;
    min-height: 56px;
    margin-top: 0;
    background: rgba(10,12,15,.94);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px + 64px);
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 90px);
    margin-top: 0;
  }
}


/* V1.8.1.9.21 — Ferrari 250 GTO: Ficha Padrão / Com Peças / Teste em Pista separados */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
  padding-inline: 5px;
  font-size: 8px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed {
  margin-bottom: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed-separator {
  height: 1px;
  min-height: 1px;
  margin: 14px 0 12px !important;
  background: rgba(241,239,230,.24);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference {
  display: grid;
  gap: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0 12px;
  border-bottom: 1px solid rgba(241,239,230,.10);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head span {
  color: #8f959d;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .12em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head strong {
  color: var(--accent);
  font-size: 11px;
  font-weight: 800;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  min-height: 44px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(241,239,230,.075);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row span {
  color: #d4d6d9;
  font-size: 13px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row strong {
  color: var(--paper);
  font-size: 16px;
  font-weight: 900;
  white-space: nowrap;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-level > span {
  font-size: .72em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
    font-size: 7px;
    letter-spacing: .06em;
  }
}


/* V1.8.1.9.23 — somente painel da Ferrari 250 GTO; configurações preservadas */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 6px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
  padding-inline: 8px;
  font-size: 9px;
  letter-spacing: .10em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle {
  width: 100%;
  min-height: 30px;
  margin: 0 0 14px;
  border: 1px solid rgba(241,239,230,.14);
  background: rgba(255,255,255,.018);
  color: #8f959d;
  font: inherit;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle:hover {
  color: #e4e5e7;
  border-color: rgba(255,96,56,.35);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle.is-active {
  border-color: rgba(255,96,56,.55);
  color: var(--accent);
  background: rgba(255,96,56,.08);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed {
  margin-bottom: 13px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-dynamic {
  margin-top: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-level > span {
  font-size: 1em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button,
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle {
    font-size: 8px;
    letter-spacing: .07em;
  }
}


/* V1.8.1.9.30 — layout premium unificado para ferrari-f50 */
body[data-vehicle-id="ferrari-f50"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="ferrari-f50"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="ferrari-f50"] .pro-settings-head-art,
  body[data-vehicle-id="ferrari-f50"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="ferrari-f50"] .pro-settings-head-art img,
  body[data-vehicle-id="ferrari-f50"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="ferrari-f50"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="ferrari-f50"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="ferrari-f50"] .settings-radar-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    left: max(16px, calc((100vw - 1440px) / 2 - 524px));
    right: auto;
    z-index: 35;
    width: 500px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    display: block;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="ferrari-f50"] .vehicle-performance-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    left: auto;
    z-index: 35;
    width: 420px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }
}


/* V1.8.1.9.17 — Ferrari 250 GTO: cabeçalho visual igual ao padrão da Ferrari F50 */
body[data-vehicle-id="ferrari-f50"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

body[data-vehicle-id="ferrari-f50"] .pro-vehicle-quickinfo-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body[data-vehicle-id="ferrari-f50"] .pro-vehicle-quickinfo-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid rgba(241,239,230,.13);
  background: rgba(8,10,12,.46);
  color: #d7d9dc;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body[data-vehicle-id="ferrari-f50"] .pro-vehicle-quickinfo-chips span:first-child {
  border-color: rgba(255,96,56,.34);
  color: var(--accent);
}

body[data-vehicle-id="ferrari-f50"] .pro-vehicle-quickinfo p {
  max-width: 540px;
  margin: 10px 0 0;
  color: #8f949b;
  font-size: 11px;
  line-height: 1.55;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="ferrari-f50"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="ferrari-f50"] .pro-settings-head-art,
  body[data-vehicle-id="ferrari-f50"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="ferrari-f50"] .pro-settings-head-art img,
  body[data-vehicle-id="ferrari-f50"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="ferrari-f50"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="ferrari-f50"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (max-width: 1100px) {
  body[data-vehicle-id="ferrari-f50"] .pro-vehicle-quickinfo {
    margin-top: 18px;
  }
}

@media (max-width: 520px) {
  body[data-vehicle-id="ferrari-f50"] .pro-vehicle-quickinfo {
    margin-top: 14px;
  }

  body[data-vehicle-id="ferrari-f50"] .pro-vehicle-quickinfo-chips span {
    min-height: 25px;
    padding: 0 8px;
    font-size: 8px;
  }
}


/* V1.8.1.9.18 — seletor de veículo com pesquisa */
.config-select-menu--searchable {
  display: block;
  padding: 0;
}

.config-select-search {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 6px;
  border-bottom: 1px solid rgba(241,239,230,.08);
  background: rgba(8,10,12,.98);
}

.config-select-search-input {
  width: 100%;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(255,96,56,.26);
  background: rgba(255,255,255,.02);
  color: var(--paper);
  font: inherit;
  font-size: 13px;
  outline: none;
}

.config-select-search-input::placeholder {
  color: rgba(241,239,230,.45);
}

.config-select-search-input:focus {
  border-color: rgba(255,96,56,.62);
  box-shadow: 0 0 0 1px rgba(255,96,56,.18);
}

.config-select-options-wrap {
  display: grid;
  gap: 3px;
  padding: 6px;
}

.config-select-options-wrap .config-select-option[hidden] {
  display: none !important;
}

.config-dropdown[data-config-selector="vehicle"] .config-select-menu {
  max-height: 260px;
}

@media (max-width: 820px) {
  .config-dropdown[data-config-selector="vehicle"] .config-select-menu {
    max-height: 260px;
  }

  .config-select-menu--searchable {
    display: none;
  }

  .config-dropdown.is-open .config-select-menu--searchable {
    display: block;
  }
}


/* V1.8.1.9.19 — opção Todos no seletor de marca */
.config-dropdown[data-config-selector="brand"] .config-select-menu .config-select-option:first-child .config-select-option-copy strong {
  letter-spacing: .02em;
}

/* V1.8.1.9.20 — Ferrari 250 GTO: ficha fixa recolhível */
body[data-vehicle-id="ferrari-f50"] .vehicle-performance-toggle {
  order: 5;
  width: 100%;
  min-height: 56px;
  margin-top: 22px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(241,239,230,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
  color: var(--paper);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease;
}

body[data-vehicle-id="ferrari-f50"] .vehicle-performance-toggle:hover,
body[data-vehicle-id="ferrari-f50"] .vehicle-performance-toggle.is-open {
  border-color: rgba(255,96,56,.45);
  background: rgba(255,96,56,.045);
}

body[data-vehicle-id="ferrari-f50"] .vehicle-performance-toggle-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

body[data-vehicle-id="ferrari-f50"] .vehicle-performance-toggle-copy small {
  color: var(--accent);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .14em;
}

body[data-vehicle-id="ferrari-f50"] .vehicle-performance-toggle-copy strong {
  color: var(--paper);
  font-size: 13px;
  font-weight: 800;
}

body[data-vehicle-id="ferrari-f50"] .vehicle-performance-toggle .tabler-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: var(--accent);
  transition: transform .18s ease;
}

body[data-vehicle-id="ferrari-f50"] .vehicle-performance-toggle.is-open .tabler-icon {
  transform: rotate(180deg);
}

body[data-vehicle-id="ferrari-f50"] .vehicle-performance-panel {
  order: 5;
}

body[data-vehicle-id="ferrari-f50"] .vehicle-performance-panel[hidden] {
  display: none !important;
}

body[data-vehicle-id="ferrari-f50"] .vehicle-performance-panel.is-open {
  margin-top: 8px;
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="ferrari-f50"] .vehicle-performance-toggle {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    z-index: 36;
    width: 420px;
    min-height: 56px;
    margin-top: 0;
    background: rgba(10,12,15,.94);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="ferrari-f50"] .vehicle-performance-panel {
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px + 64px);
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 90px);
    margin-top: 0;
  }
}


/* V1.8.1.9.21 — Ferrari 250 GTO: Ficha Padrão / Com Peças / Teste em Pista separados */
body[data-vehicle-id="ferrari-f50"] .vehicle-performance-modes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-vehicle-id="ferrari-f50"] .vehicle-performance-modes button {
  padding-inline: 5px;
  font-size: 8px;
}

body[data-vehicle-id="ferrari-f50"] .vehicle-performance-fixed {
  margin-bottom: 0;
}

body[data-vehicle-id="ferrari-f50"] .vehicle-performance-fixed-separator {
  height: 1px;
  min-height: 1px;
  margin: 14px 0 12px !important;
  background: rgba(241,239,230,.24);
}

body[data-vehicle-id="ferrari-f50"] .vehicle-track-reference {
  display: grid;
  gap: 0;
}

body[data-vehicle-id="ferrari-f50"] .vehicle-track-reference-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0 12px;
  border-bottom: 1px solid rgba(241,239,230,.10);
}

body[data-vehicle-id="ferrari-f50"] .vehicle-track-reference-head span {
  color: #8f959d;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .12em;
}

body[data-vehicle-id="ferrari-f50"] .vehicle-track-reference-head strong {
  color: var(--accent);
  font-size: 11px;
  font-weight: 800;
}

body[data-vehicle-id="ferrari-f50"] .vehicle-track-reference-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  min-height: 44px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(241,239,230,.075);
}

body[data-vehicle-id="ferrari-f50"] .vehicle-track-reference-row span {
  color: #d4d6d9;
  font-size: 13px;
}

body[data-vehicle-id="ferrari-f50"] .vehicle-track-reference-row strong {
  color: var(--paper);
  font-size: 16px;
  font-weight: 900;
  white-space: nowrap;
}

body[data-vehicle-id="ferrari-f50"] .vehicle-performance-level > span {
  font-size: .72em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="ferrari-f50"] .vehicle-performance-modes button {
    font-size: 7px;
    letter-spacing: .06em;
  }
}


/* V1.8.1.9.23 — somente painel da Ferrari 250 GTO; configurações preservadas */
body[data-vehicle-id="ferrari-f50"] .vehicle-performance-modes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 6px;
}

body[data-vehicle-id="ferrari-f50"] .vehicle-performance-modes button {
  padding-inline: 8px;
  font-size: 9px;
  letter-spacing: .10em;
}

body[data-vehicle-id="ferrari-f50"] .vehicle-performance-track-toggle {
  width: 100%;
  min-height: 30px;
  margin: 0 0 14px;
  border: 1px solid rgba(241,239,230,.14);
  background: rgba(255,255,255,.018);
  color: #8f959d;
  font: inherit;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}

body[data-vehicle-id="ferrari-f50"] .vehicle-performance-track-toggle:hover {
  color: #e4e5e7;
  border-color: rgba(255,96,56,.35);
}

body[data-vehicle-id="ferrari-f50"] .vehicle-performance-track-toggle.is-active {
  border-color: rgba(255,96,56,.55);
  color: var(--accent);
  background: rgba(255,96,56,.08);
}

body[data-vehicle-id="ferrari-f50"] .vehicle-performance-fixed {
  margin-bottom: 13px;
}

body[data-vehicle-id="ferrari-f50"] .vehicle-performance-dynamic {
  margin-top: 0;
}

body[data-vehicle-id="ferrari-f50"] .vehicle-performance-level > span {
  font-size: 1em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="ferrari-f50"] .vehicle-performance-modes button,
  body[data-vehicle-id="ferrari-f50"] .vehicle-performance-track-toggle {
    font-size: 8px;
    letter-spacing: .07em;
  }
}


/* V1.8.1.9.29 — Fiat 500 F herda o layout premium da Ferrari 250 GTO */
body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="fiat-500-f"] .settings-radar-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    left: max(16px, calc((100vw - 1440px) / 2 - 524px));
    right: auto;
    z-index: 35;
    width: 500px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    display: block;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    left: auto;
    z-index: 35;
    width: 420px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }
}


/* V1.8.1.9.17 — Ferrari 250 GTO: cabeçalho visual igual ao padrão da Ferrari F50 */
body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid rgba(241,239,230,.13);
  background: rgba(8,10,12,.46);
  color: #d7d9dc;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span:first-child {
  border-color: rgba(255,96,56,.34);
  color: var(--accent);
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo p {
  max-width: 540px;
  margin: 10px 0 0;
  color: #8f949b;
  font-size: 11px;
  line-height: 1.55;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (max-width: 1100px) {
  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
    margin-top: 18px;
  }
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
    margin-top: 14px;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span {
    min-height: 25px;
    padding: 0 8px;
    font-size: 8px;
  }
}


/* V1.8.1.9.18 — seletor de veículo com pesquisa */
.config-select-menu--searchable {
  display: block;
  padding: 0;
}

.config-select-search {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 6px;
  border-bottom: 1px solid rgba(241,239,230,.08);
  background: rgba(8,10,12,.98);
}

.config-select-search-input {
  width: 100%;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(255,96,56,.26);
  background: rgba(255,255,255,.02);
  color: var(--paper);
  font: inherit;
  font-size: 13px;
  outline: none;
}

.config-select-search-input::placeholder {
  color: rgba(241,239,230,.45);
}

.config-select-search-input:focus {
  border-color: rgba(255,96,56,.62);
  box-shadow: 0 0 0 1px rgba(255,96,56,.18);
}

.config-select-options-wrap {
  display: grid;
  gap: 3px;
  padding: 6px;
}

.config-select-options-wrap .config-select-option[hidden] {
  display: none !important;
}

.config-dropdown[data-config-selector="vehicle"] .config-select-menu {
  max-height: 260px;
}

@media (max-width: 820px) {
  .config-dropdown[data-config-selector="vehicle"] .config-select-menu {
    max-height: 260px;
  }

  .config-select-menu--searchable {
    display: none;
  }

  .config-dropdown.is-open .config-select-menu--searchable {
    display: block;
  }
}


/* V1.8.1.9.19 — opção Todos no seletor de marca */
.config-dropdown[data-config-selector="brand"] .config-select-menu .config-select-option:first-child .config-select-option-copy strong {
  letter-spacing: .02em;
}

/* V1.8.1.9.20 — Ferrari 250 GTO: ficha fixa recolhível */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle {
  order: 5;
  width: 100%;
  min-height: 56px;
  margin-top: 22px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(241,239,230,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
  color: var(--paper);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle:hover,
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle.is-open {
  border-color: rgba(255,96,56,.45);
  background: rgba(255,96,56,.045);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy small {
  color: var(--accent);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .14em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy strong {
  color: var(--paper);
  font-size: 13px;
  font-weight: 800;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle .tabler-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: var(--accent);
  transition: transform .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle.is-open .tabler-icon {
  transform: rotate(180deg);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
  order: 5;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel[hidden] {
  display: none !important;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel.is-open {
  margin-top: 8px;
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    z-index: 36;
    width: 420px;
    min-height: 56px;
    margin-top: 0;
    background: rgba(10,12,15,.94);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px + 64px);
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 90px);
    margin-top: 0;
  }
}


/* V1.8.1.9.21 — Ferrari 250 GTO: Ficha Padrão / Com Peças / Teste em Pista separados */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
  padding-inline: 5px;
  font-size: 8px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed {
  margin-bottom: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed-separator {
  height: 1px;
  min-height: 1px;
  margin: 14px 0 12px !important;
  background: rgba(241,239,230,.24);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference {
  display: grid;
  gap: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0 12px;
  border-bottom: 1px solid rgba(241,239,230,.10);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head span {
  color: #8f959d;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .12em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head strong {
  color: var(--accent);
  font-size: 11px;
  font-weight: 800;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  min-height: 44px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(241,239,230,.075);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row span {
  color: #d4d6d9;
  font-size: 13px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row strong {
  color: var(--paper);
  font-size: 16px;
  font-weight: 900;
  white-space: nowrap;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-level > span {
  font-size: .72em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
    font-size: 7px;
    letter-spacing: .06em;
  }
}


/* V1.8.1.9.23 — somente painel da Ferrari 250 GTO; configurações preservadas */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 6px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
  padding-inline: 8px;
  font-size: 9px;
  letter-spacing: .10em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle {
  width: 100%;
  min-height: 30px;
  margin: 0 0 14px;
  border: 1px solid rgba(241,239,230,.14);
  background: rgba(255,255,255,.018);
  color: #8f959d;
  font: inherit;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle:hover {
  color: #e4e5e7;
  border-color: rgba(255,96,56,.35);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle.is-active {
  border-color: rgba(255,96,56,.55);
  color: var(--accent);
  background: rgba(255,96,56,.08);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed {
  margin-bottom: 13px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-dynamic {
  margin-top: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-level > span {
  font-size: 1em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button,
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle {
    font-size: 8px;
    letter-spacing: .07em;
  }
}


/* V1.8.1.9.30 — layout premium unificado para mazda-mx-5-miata */
body[data-vehicle-id="mazda-mx-5-miata"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="mazda-mx-5-miata"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="mazda-mx-5-miata"] .pro-settings-head-art,
  body[data-vehicle-id="mazda-mx-5-miata"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="mazda-mx-5-miata"] .pro-settings-head-art img,
  body[data-vehicle-id="mazda-mx-5-miata"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="mazda-mx-5-miata"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="mazda-mx-5-miata"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="mazda-mx-5-miata"] .settings-radar-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    left: max(16px, calc((100vw - 1440px) / 2 - 524px));
    right: auto;
    z-index: 35;
    width: 500px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    display: block;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    left: auto;
    z-index: 35;
    width: 420px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }
}


/* V1.8.1.9.17 — Ferrari 250 GTO: cabeçalho visual igual ao padrão da Ferrari F50 */
body[data-vehicle-id="mazda-mx-5-miata"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

body[data-vehicle-id="mazda-mx-5-miata"] .pro-vehicle-quickinfo-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body[data-vehicle-id="mazda-mx-5-miata"] .pro-vehicle-quickinfo-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid rgba(241,239,230,.13);
  background: rgba(8,10,12,.46);
  color: #d7d9dc;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body[data-vehicle-id="mazda-mx-5-miata"] .pro-vehicle-quickinfo-chips span:first-child {
  border-color: rgba(255,96,56,.34);
  color: var(--accent);
}

body[data-vehicle-id="mazda-mx-5-miata"] .pro-vehicle-quickinfo p {
  max-width: 540px;
  margin: 10px 0 0;
  color: #8f949b;
  font-size: 11px;
  line-height: 1.55;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="mazda-mx-5-miata"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="mazda-mx-5-miata"] .pro-settings-head-art,
  body[data-vehicle-id="mazda-mx-5-miata"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="mazda-mx-5-miata"] .pro-settings-head-art img,
  body[data-vehicle-id="mazda-mx-5-miata"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="mazda-mx-5-miata"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="mazda-mx-5-miata"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (max-width: 1100px) {
  body[data-vehicle-id="mazda-mx-5-miata"] .pro-vehicle-quickinfo {
    margin-top: 18px;
  }
}

@media (max-width: 520px) {
  body[data-vehicle-id="mazda-mx-5-miata"] .pro-vehicle-quickinfo {
    margin-top: 14px;
  }

  body[data-vehicle-id="mazda-mx-5-miata"] .pro-vehicle-quickinfo-chips span {
    min-height: 25px;
    padding: 0 8px;
    font-size: 8px;
  }
}


/* V1.8.1.9.18 — seletor de veículo com pesquisa */
.config-select-menu--searchable {
  display: block;
  padding: 0;
}

.config-select-search {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 6px;
  border-bottom: 1px solid rgba(241,239,230,.08);
  background: rgba(8,10,12,.98);
}

.config-select-search-input {
  width: 100%;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(255,96,56,.26);
  background: rgba(255,255,255,.02);
  color: var(--paper);
  font: inherit;
  font-size: 13px;
  outline: none;
}

.config-select-search-input::placeholder {
  color: rgba(241,239,230,.45);
}

.config-select-search-input:focus {
  border-color: rgba(255,96,56,.62);
  box-shadow: 0 0 0 1px rgba(255,96,56,.18);
}

.config-select-options-wrap {
  display: grid;
  gap: 3px;
  padding: 6px;
}

.config-select-options-wrap .config-select-option[hidden] {
  display: none !important;
}

.config-dropdown[data-config-selector="vehicle"] .config-select-menu {
  max-height: 260px;
}

@media (max-width: 820px) {
  .config-dropdown[data-config-selector="vehicle"] .config-select-menu {
    max-height: 260px;
  }

  .config-select-menu--searchable {
    display: none;
  }

  .config-dropdown.is-open .config-select-menu--searchable {
    display: block;
  }
}


/* V1.8.1.9.19 — opção Todos no seletor de marca */
.config-dropdown[data-config-selector="brand"] .config-select-menu .config-select-option:first-child .config-select-option-copy strong {
  letter-spacing: .02em;
}

/* V1.8.1.9.20 — Ferrari 250 GTO: ficha fixa recolhível */
body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-toggle {
  order: 5;
  width: 100%;
  min-height: 56px;
  margin-top: 22px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(241,239,230,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
  color: var(--paper);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease;
}

body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-toggle:hover,
body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-toggle.is-open {
  border-color: rgba(255,96,56,.45);
  background: rgba(255,96,56,.045);
}

body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-toggle-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-toggle-copy small {
  color: var(--accent);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .14em;
}

body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-toggle-copy strong {
  color: var(--paper);
  font-size: 13px;
  font-weight: 800;
}

body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-toggle .tabler-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: var(--accent);
  transition: transform .18s ease;
}

body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-toggle.is-open .tabler-icon {
  transform: rotate(180deg);
}

body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-panel {
  order: 5;
}

body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-panel[hidden] {
  display: none !important;
}

body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-panel.is-open {
  margin-top: 8px;
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-toggle {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    z-index: 36;
    width: 420px;
    min-height: 56px;
    margin-top: 0;
    background: rgba(10,12,15,.94);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-panel {
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px + 64px);
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 90px);
    margin-top: 0;
  }
}


/* V1.8.1.9.21 — Ferrari 250 GTO: Ficha Padrão / Com Peças / Teste em Pista separados */
body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-modes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-modes button {
  padding-inline: 5px;
  font-size: 8px;
}

body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-fixed {
  margin-bottom: 0;
}

body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-fixed-separator {
  height: 1px;
  min-height: 1px;
  margin: 14px 0 12px !important;
  background: rgba(241,239,230,.24);
}

body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-track-reference {
  display: grid;
  gap: 0;
}

body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-track-reference-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0 12px;
  border-bottom: 1px solid rgba(241,239,230,.10);
}

body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-track-reference-head span {
  color: #8f959d;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .12em;
}

body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-track-reference-head strong {
  color: var(--accent);
  font-size: 11px;
  font-weight: 800;
}

body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-track-reference-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  min-height: 44px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(241,239,230,.075);
}

body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-track-reference-row span {
  color: #d4d6d9;
  font-size: 13px;
}

body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-track-reference-row strong {
  color: var(--paper);
  font-size: 16px;
  font-weight: 900;
  white-space: nowrap;
}

body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-level > span {
  font-size: .72em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-modes button {
    font-size: 7px;
    letter-spacing: .06em;
  }
}


/* V1.8.1.9.23 — somente painel da Ferrari 250 GTO; configurações preservadas */
body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-modes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 6px;
}

body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-modes button {
  padding-inline: 8px;
  font-size: 9px;
  letter-spacing: .10em;
}

body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-track-toggle {
  width: 100%;
  min-height: 30px;
  margin: 0 0 14px;
  border: 1px solid rgba(241,239,230,.14);
  background: rgba(255,255,255,.018);
  color: #8f959d;
  font: inherit;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}

body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-track-toggle:hover {
  color: #e4e5e7;
  border-color: rgba(255,96,56,.35);
}

body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-track-toggle.is-active {
  border-color: rgba(255,96,56,.55);
  color: var(--accent);
  background: rgba(255,96,56,.08);
}

body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-fixed {
  margin-bottom: 13px;
}

body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-dynamic {
  margin-top: 0;
}

body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-level > span {
  font-size: 1em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-modes button,
  body[data-vehicle-id="mazda-mx-5-miata"] .vehicle-performance-track-toggle {
    font-size: 8px;
    letter-spacing: .07em;
  }
}


/* V1.8.1.9.29 — Fiat 500 F herda o layout premium da Ferrari 250 GTO */
body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="fiat-500-f"] .settings-radar-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    left: max(16px, calc((100vw - 1440px) / 2 - 524px));
    right: auto;
    z-index: 35;
    width: 500px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    display: block;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    left: auto;
    z-index: 35;
    width: 420px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }
}


/* V1.8.1.9.17 — Ferrari 250 GTO: cabeçalho visual igual ao padrão da Ferrari F50 */
body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid rgba(241,239,230,.13);
  background: rgba(8,10,12,.46);
  color: #d7d9dc;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span:first-child {
  border-color: rgba(255,96,56,.34);
  color: var(--accent);
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo p {
  max-width: 540px;
  margin: 10px 0 0;
  color: #8f949b;
  font-size: 11px;
  line-height: 1.55;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (max-width: 1100px) {
  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
    margin-top: 18px;
  }
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
    margin-top: 14px;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span {
    min-height: 25px;
    padding: 0 8px;
    font-size: 8px;
  }
}


/* V1.8.1.9.18 — seletor de veículo com pesquisa */
.config-select-menu--searchable {
  display: block;
  padding: 0;
}

.config-select-search {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 6px;
  border-bottom: 1px solid rgba(241,239,230,.08);
  background: rgba(8,10,12,.98);
}

.config-select-search-input {
  width: 100%;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(255,96,56,.26);
  background: rgba(255,255,255,.02);
  color: var(--paper);
  font: inherit;
  font-size: 13px;
  outline: none;
}

.config-select-search-input::placeholder {
  color: rgba(241,239,230,.45);
}

.config-select-search-input:focus {
  border-color: rgba(255,96,56,.62);
  box-shadow: 0 0 0 1px rgba(255,96,56,.18);
}

.config-select-options-wrap {
  display: grid;
  gap: 3px;
  padding: 6px;
}

.config-select-options-wrap .config-select-option[hidden] {
  display: none !important;
}

.config-dropdown[data-config-selector="vehicle"] .config-select-menu {
  max-height: 260px;
}

@media (max-width: 820px) {
  .config-dropdown[data-config-selector="vehicle"] .config-select-menu {
    max-height: 260px;
  }

  .config-select-menu--searchable {
    display: none;
  }

  .config-dropdown.is-open .config-select-menu--searchable {
    display: block;
  }
}


/* V1.8.1.9.19 — opção Todos no seletor de marca */
.config-dropdown[data-config-selector="brand"] .config-select-menu .config-select-option:first-child .config-select-option-copy strong {
  letter-spacing: .02em;
}

/* V1.8.1.9.20 — Ferrari 250 GTO: ficha fixa recolhível */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle {
  order: 5;
  width: 100%;
  min-height: 56px;
  margin-top: 22px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(241,239,230,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
  color: var(--paper);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle:hover,
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle.is-open {
  border-color: rgba(255,96,56,.45);
  background: rgba(255,96,56,.045);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy small {
  color: var(--accent);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .14em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy strong {
  color: var(--paper);
  font-size: 13px;
  font-weight: 800;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle .tabler-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: var(--accent);
  transition: transform .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle.is-open .tabler-icon {
  transform: rotate(180deg);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
  order: 5;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel[hidden] {
  display: none !important;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel.is-open {
  margin-top: 8px;
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    z-index: 36;
    width: 420px;
    min-height: 56px;
    margin-top: 0;
    background: rgba(10,12,15,.94);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px + 64px);
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 90px);
    margin-top: 0;
  }
}


/* V1.8.1.9.21 — Ferrari 250 GTO: Ficha Padrão / Com Peças / Teste em Pista separados */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
  padding-inline: 5px;
  font-size: 8px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed {
  margin-bottom: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed-separator {
  height: 1px;
  min-height: 1px;
  margin: 14px 0 12px !important;
  background: rgba(241,239,230,.24);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference {
  display: grid;
  gap: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0 12px;
  border-bottom: 1px solid rgba(241,239,230,.10);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head span {
  color: #8f959d;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .12em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head strong {
  color: var(--accent);
  font-size: 11px;
  font-weight: 800;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  min-height: 44px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(241,239,230,.075);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row span {
  color: #d4d6d9;
  font-size: 13px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row strong {
  color: var(--paper);
  font-size: 16px;
  font-weight: 900;
  white-space: nowrap;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-level > span {
  font-size: .72em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
    font-size: 7px;
    letter-spacing: .06em;
  }
}


/* V1.8.1.9.23 — somente painel da Ferrari 250 GTO; configurações preservadas */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 6px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
  padding-inline: 8px;
  font-size: 9px;
  letter-spacing: .10em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle {
  width: 100%;
  min-height: 30px;
  margin: 0 0 14px;
  border: 1px solid rgba(241,239,230,.14);
  background: rgba(255,255,255,.018);
  color: #8f959d;
  font: inherit;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle:hover {
  color: #e4e5e7;
  border-color: rgba(255,96,56,.35);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle.is-active {
  border-color: rgba(255,96,56,.55);
  color: var(--accent);
  background: rgba(255,96,56,.08);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed {
  margin-bottom: 13px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-dynamic {
  margin-top: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-level > span {
  font-size: 1em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button,
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle {
    font-size: 8px;
    letter-spacing: .07em;
  }
}


/* V1.8.1.9.30 — layout premium unificado para porsche-911-carrera-rs-2-7 */
body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .pro-settings-head-art,
  body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .pro-settings-head-art img,
  body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .settings-radar-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    left: max(16px, calc((100vw - 1440px) / 2 - 524px));
    right: auto;
    z-index: 35;
    width: 500px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    display: block;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    left: auto;
    z-index: 35;
    width: 420px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }
}


/* V1.8.1.9.17 — Ferrari 250 GTO: cabeçalho visual igual ao padrão da Ferrari F50 */
body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .pro-vehicle-quickinfo-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .pro-vehicle-quickinfo-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid rgba(241,239,230,.13);
  background: rgba(8,10,12,.46);
  color: #d7d9dc;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .pro-vehicle-quickinfo-chips span:first-child {
  border-color: rgba(255,96,56,.34);
  color: var(--accent);
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .pro-vehicle-quickinfo p {
  max-width: 540px;
  margin: 10px 0 0;
  color: #8f949b;
  font-size: 11px;
  line-height: 1.55;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .pro-settings-head-art,
  body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .pro-settings-head-art img,
  body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (max-width: 1100px) {
  body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .pro-vehicle-quickinfo {
    margin-top: 18px;
  }
}

@media (max-width: 520px) {
  body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .pro-vehicle-quickinfo {
    margin-top: 14px;
  }

  body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .pro-vehicle-quickinfo-chips span {
    min-height: 25px;
    padding: 0 8px;
    font-size: 8px;
  }
}


/* V1.8.1.9.18 — seletor de veículo com pesquisa */
.config-select-menu--searchable {
  display: block;
  padding: 0;
}

.config-select-search {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 6px;
  border-bottom: 1px solid rgba(241,239,230,.08);
  background: rgba(8,10,12,.98);
}

.config-select-search-input {
  width: 100%;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(255,96,56,.26);
  background: rgba(255,255,255,.02);
  color: var(--paper);
  font: inherit;
  font-size: 13px;
  outline: none;
}

.config-select-search-input::placeholder {
  color: rgba(241,239,230,.45);
}

.config-select-search-input:focus {
  border-color: rgba(255,96,56,.62);
  box-shadow: 0 0 0 1px rgba(255,96,56,.18);
}

.config-select-options-wrap {
  display: grid;
  gap: 3px;
  padding: 6px;
}

.config-select-options-wrap .config-select-option[hidden] {
  display: none !important;
}

.config-dropdown[data-config-selector="vehicle"] .config-select-menu {
  max-height: 260px;
}

@media (max-width: 820px) {
  .config-dropdown[data-config-selector="vehicle"] .config-select-menu {
    max-height: 260px;
  }

  .config-select-menu--searchable {
    display: none;
  }

  .config-dropdown.is-open .config-select-menu--searchable {
    display: block;
  }
}


/* V1.8.1.9.19 — opção Todos no seletor de marca */
.config-dropdown[data-config-selector="brand"] .config-select-menu .config-select-option:first-child .config-select-option-copy strong {
  letter-spacing: .02em;
}

/* V1.8.1.9.20 — Ferrari 250 GTO: ficha fixa recolhível */
body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-toggle {
  order: 5;
  width: 100%;
  min-height: 56px;
  margin-top: 22px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(241,239,230,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
  color: var(--paper);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease;
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-toggle:hover,
body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-toggle.is-open {
  border-color: rgba(255,96,56,.45);
  background: rgba(255,96,56,.045);
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-toggle-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-toggle-copy small {
  color: var(--accent);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .14em;
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-toggle-copy strong {
  color: var(--paper);
  font-size: 13px;
  font-weight: 800;
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-toggle .tabler-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: var(--accent);
  transition: transform .18s ease;
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-toggle.is-open .tabler-icon {
  transform: rotate(180deg);
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-panel {
  order: 5;
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-panel[hidden] {
  display: none !important;
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-panel.is-open {
  margin-top: 8px;
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-toggle {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    z-index: 36;
    width: 420px;
    min-height: 56px;
    margin-top: 0;
    background: rgba(10,12,15,.94);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-panel {
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px + 64px);
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 90px);
    margin-top: 0;
  }
}


/* V1.8.1.9.21 — Ferrari 250 GTO: Ficha Padrão / Com Peças / Teste em Pista separados */
body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-modes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-modes button {
  padding-inline: 5px;
  font-size: 8px;
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-fixed {
  margin-bottom: 0;
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-fixed-separator {
  height: 1px;
  min-height: 1px;
  margin: 14px 0 12px !important;
  background: rgba(241,239,230,.24);
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-track-reference {
  display: grid;
  gap: 0;
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-track-reference-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0 12px;
  border-bottom: 1px solid rgba(241,239,230,.10);
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-track-reference-head span {
  color: #8f959d;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .12em;
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-track-reference-head strong {
  color: var(--accent);
  font-size: 11px;
  font-weight: 800;
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-track-reference-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  min-height: 44px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(241,239,230,.075);
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-track-reference-row span {
  color: #d4d6d9;
  font-size: 13px;
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-track-reference-row strong {
  color: var(--paper);
  font-size: 16px;
  font-weight: 900;
  white-space: nowrap;
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-level > span {
  font-size: .72em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-modes button {
    font-size: 7px;
    letter-spacing: .06em;
  }
}


/* V1.8.1.9.23 — somente painel da Ferrari 250 GTO; configurações preservadas */
body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-modes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 6px;
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-modes button {
  padding-inline: 8px;
  font-size: 9px;
  letter-spacing: .10em;
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-track-toggle {
  width: 100%;
  min-height: 30px;
  margin: 0 0 14px;
  border: 1px solid rgba(241,239,230,.14);
  background: rgba(255,255,255,.018);
  color: #8f959d;
  font: inherit;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-track-toggle:hover {
  color: #e4e5e7;
  border-color: rgba(255,96,56,.35);
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-track-toggle.is-active {
  border-color: rgba(255,96,56,.55);
  color: var(--accent);
  background: rgba(255,96,56,.08);
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-fixed {
  margin-bottom: 13px;
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-dynamic {
  margin-top: 0;
}

body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-level > span {
  font-size: 1em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-modes button,
  body[data-vehicle-id="porsche-911-carrera-rs-2-7"] .vehicle-performance-track-toggle {
    font-size: 8px;
    letter-spacing: .07em;
  }
}


/* V1.8.1.9.29 — Fiat 500 F herda o layout premium da Ferrari 250 GTO */
body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="fiat-500-f"] .settings-radar-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    left: max(16px, calc((100vw - 1440px) / 2 - 524px));
    right: auto;
    z-index: 35;
    width: 500px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    display: block;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    left: auto;
    z-index: 35;
    width: 420px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }
}


/* V1.8.1.9.17 — Ferrari 250 GTO: cabeçalho visual igual ao padrão da Ferrari F50 */
body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid rgba(241,239,230,.13);
  background: rgba(8,10,12,.46);
  color: #d7d9dc;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span:first-child {
  border-color: rgba(255,96,56,.34);
  color: var(--accent);
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo p {
  max-width: 540px;
  margin: 10px 0 0;
  color: #8f949b;
  font-size: 11px;
  line-height: 1.55;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (max-width: 1100px) {
  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
    margin-top: 18px;
  }
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
    margin-top: 14px;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span {
    min-height: 25px;
    padding: 0 8px;
    font-size: 8px;
  }
}


/* V1.8.1.9.18 — seletor de veículo com pesquisa */
.config-select-menu--searchable {
  display: block;
  padding: 0;
}

.config-select-search {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 6px;
  border-bottom: 1px solid rgba(241,239,230,.08);
  background: rgba(8,10,12,.98);
}

.config-select-search-input {
  width: 100%;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(255,96,56,.26);
  background: rgba(255,255,255,.02);
  color: var(--paper);
  font: inherit;
  font-size: 13px;
  outline: none;
}

.config-select-search-input::placeholder {
  color: rgba(241,239,230,.45);
}

.config-select-search-input:focus {
  border-color: rgba(255,96,56,.62);
  box-shadow: 0 0 0 1px rgba(255,96,56,.18);
}

.config-select-options-wrap {
  display: grid;
  gap: 3px;
  padding: 6px;
}

.config-select-options-wrap .config-select-option[hidden] {
  display: none !important;
}

.config-dropdown[data-config-selector="vehicle"] .config-select-menu {
  max-height: 260px;
}

@media (max-width: 820px) {
  .config-dropdown[data-config-selector="vehicle"] .config-select-menu {
    max-height: 260px;
  }

  .config-select-menu--searchable {
    display: none;
  }

  .config-dropdown.is-open .config-select-menu--searchable {
    display: block;
  }
}


/* V1.8.1.9.19 — opção Todos no seletor de marca */
.config-dropdown[data-config-selector="brand"] .config-select-menu .config-select-option:first-child .config-select-option-copy strong {
  letter-spacing: .02em;
}

/* V1.8.1.9.20 — Ferrari 250 GTO: ficha fixa recolhível */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle {
  order: 5;
  width: 100%;
  min-height: 56px;
  margin-top: 22px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(241,239,230,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
  color: var(--paper);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle:hover,
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle.is-open {
  border-color: rgba(255,96,56,.45);
  background: rgba(255,96,56,.045);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy small {
  color: var(--accent);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .14em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy strong {
  color: var(--paper);
  font-size: 13px;
  font-weight: 800;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle .tabler-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: var(--accent);
  transition: transform .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle.is-open .tabler-icon {
  transform: rotate(180deg);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
  order: 5;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel[hidden] {
  display: none !important;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel.is-open {
  margin-top: 8px;
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    z-index: 36;
    width: 420px;
    min-height: 56px;
    margin-top: 0;
    background: rgba(10,12,15,.94);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px + 64px);
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 90px);
    margin-top: 0;
  }
}


/* V1.8.1.9.21 — Ferrari 250 GTO: Ficha Padrão / Com Peças / Teste em Pista separados */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
  padding-inline: 5px;
  font-size: 8px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed {
  margin-bottom: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed-separator {
  height: 1px;
  min-height: 1px;
  margin: 14px 0 12px !important;
  background: rgba(241,239,230,.24);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference {
  display: grid;
  gap: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0 12px;
  border-bottom: 1px solid rgba(241,239,230,.10);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head span {
  color: #8f959d;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .12em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head strong {
  color: var(--accent);
  font-size: 11px;
  font-weight: 800;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  min-height: 44px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(241,239,230,.075);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row span {
  color: #d4d6d9;
  font-size: 13px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row strong {
  color: var(--paper);
  font-size: 16px;
  font-weight: 900;
  white-space: nowrap;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-level > span {
  font-size: .72em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
    font-size: 7px;
    letter-spacing: .06em;
  }
}


/* V1.8.1.9.23 — somente painel da Ferrari 250 GTO; configurações preservadas */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 6px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
  padding-inline: 8px;
  font-size: 9px;
  letter-spacing: .10em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle {
  width: 100%;
  min-height: 30px;
  margin: 0 0 14px;
  border: 1px solid rgba(241,239,230,.14);
  background: rgba(255,255,255,.018);
  color: #8f959d;
  font: inherit;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle:hover {
  color: #e4e5e7;
  border-color: rgba(255,96,56,.35);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle.is-active {
  border-color: rgba(255,96,56,.55);
  color: var(--accent);
  background: rgba(255,96,56,.08);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed {
  margin-bottom: 13px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-dynamic {
  margin-top: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-level > span {
  font-size: 1em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button,
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle {
    font-size: 8px;
    letter-spacing: .07em;
  }
}


/* V1.8.1.9.30 — layout premium unificado para volkswagen-golf-gti-1800 */
body[data-vehicle-id="volkswagen-golf-gti-1800"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="volkswagen-golf-gti-1800"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="volkswagen-golf-gti-1800"] .pro-settings-head-art,
  body[data-vehicle-id="volkswagen-golf-gti-1800"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="volkswagen-golf-gti-1800"] .pro-settings-head-art img,
  body[data-vehicle-id="volkswagen-golf-gti-1800"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="volkswagen-golf-gti-1800"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="volkswagen-golf-gti-1800"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="volkswagen-golf-gti-1800"] .settings-radar-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    left: max(16px, calc((100vw - 1440px) / 2 - 524px));
    right: auto;
    z-index: 35;
    width: 500px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    display: block;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    left: auto;
    z-index: 35;
    width: 420px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }
}


/* V1.8.1.9.17 — Ferrari 250 GTO: cabeçalho visual igual ao padrão da Ferrari F50 */
body[data-vehicle-id="volkswagen-golf-gti-1800"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .pro-vehicle-quickinfo-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .pro-vehicle-quickinfo-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid rgba(241,239,230,.13);
  background: rgba(8,10,12,.46);
  color: #d7d9dc;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .pro-vehicle-quickinfo-chips span:first-child {
  border-color: rgba(255,96,56,.34);
  color: var(--accent);
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .pro-vehicle-quickinfo p {
  max-width: 540px;
  margin: 10px 0 0;
  color: #8f949b;
  font-size: 11px;
  line-height: 1.55;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="volkswagen-golf-gti-1800"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="volkswagen-golf-gti-1800"] .pro-settings-head-art,
  body[data-vehicle-id="volkswagen-golf-gti-1800"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="volkswagen-golf-gti-1800"] .pro-settings-head-art img,
  body[data-vehicle-id="volkswagen-golf-gti-1800"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="volkswagen-golf-gti-1800"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="volkswagen-golf-gti-1800"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (max-width: 1100px) {
  body[data-vehicle-id="volkswagen-golf-gti-1800"] .pro-vehicle-quickinfo {
    margin-top: 18px;
  }
}

@media (max-width: 520px) {
  body[data-vehicle-id="volkswagen-golf-gti-1800"] .pro-vehicle-quickinfo {
    margin-top: 14px;
  }

  body[data-vehicle-id="volkswagen-golf-gti-1800"] .pro-vehicle-quickinfo-chips span {
    min-height: 25px;
    padding: 0 8px;
    font-size: 8px;
  }
}


/* V1.8.1.9.18 — seletor de veículo com pesquisa */
.config-select-menu--searchable {
  display: block;
  padding: 0;
}

.config-select-search {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 6px;
  border-bottom: 1px solid rgba(241,239,230,.08);
  background: rgba(8,10,12,.98);
}

.config-select-search-input {
  width: 100%;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(255,96,56,.26);
  background: rgba(255,255,255,.02);
  color: var(--paper);
  font: inherit;
  font-size: 13px;
  outline: none;
}

.config-select-search-input::placeholder {
  color: rgba(241,239,230,.45);
}

.config-select-search-input:focus {
  border-color: rgba(255,96,56,.62);
  box-shadow: 0 0 0 1px rgba(255,96,56,.18);
}

.config-select-options-wrap {
  display: grid;
  gap: 3px;
  padding: 6px;
}

.config-select-options-wrap .config-select-option[hidden] {
  display: none !important;
}

.config-dropdown[data-config-selector="vehicle"] .config-select-menu {
  max-height: 260px;
}

@media (max-width: 820px) {
  .config-dropdown[data-config-selector="vehicle"] .config-select-menu {
    max-height: 260px;
  }

  .config-select-menu--searchable {
    display: none;
  }

  .config-dropdown.is-open .config-select-menu--searchable {
    display: block;
  }
}


/* V1.8.1.9.19 — opção Todos no seletor de marca */
.config-dropdown[data-config-selector="brand"] .config-select-menu .config-select-option:first-child .config-select-option-copy strong {
  letter-spacing: .02em;
}

/* V1.8.1.9.20 — Ferrari 250 GTO: ficha fixa recolhível */
body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-toggle {
  order: 5;
  width: 100%;
  min-height: 56px;
  margin-top: 22px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(241,239,230,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
  color: var(--paper);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease;
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-toggle:hover,
body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-toggle.is-open {
  border-color: rgba(255,96,56,.45);
  background: rgba(255,96,56,.045);
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-toggle-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-toggle-copy small {
  color: var(--accent);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .14em;
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-toggle-copy strong {
  color: var(--paper);
  font-size: 13px;
  font-weight: 800;
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-toggle .tabler-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: var(--accent);
  transition: transform .18s ease;
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-toggle.is-open .tabler-icon {
  transform: rotate(180deg);
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-panel {
  order: 5;
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-panel[hidden] {
  display: none !important;
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-panel.is-open {
  margin-top: 8px;
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-toggle {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    z-index: 36;
    width: 420px;
    min-height: 56px;
    margin-top: 0;
    background: rgba(10,12,15,.94);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-panel {
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px + 64px);
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 90px);
    margin-top: 0;
  }
}


/* V1.8.1.9.21 — Ferrari 250 GTO: Ficha Padrão / Com Peças / Teste em Pista separados */
body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-modes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-modes button {
  padding-inline: 5px;
  font-size: 8px;
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-fixed {
  margin-bottom: 0;
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-fixed-separator {
  height: 1px;
  min-height: 1px;
  margin: 14px 0 12px !important;
  background: rgba(241,239,230,.24);
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-track-reference {
  display: grid;
  gap: 0;
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-track-reference-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0 12px;
  border-bottom: 1px solid rgba(241,239,230,.10);
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-track-reference-head span {
  color: #8f959d;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .12em;
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-track-reference-head strong {
  color: var(--accent);
  font-size: 11px;
  font-weight: 800;
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-track-reference-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  min-height: 44px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(241,239,230,.075);
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-track-reference-row span {
  color: #d4d6d9;
  font-size: 13px;
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-track-reference-row strong {
  color: var(--paper);
  font-size: 16px;
  font-weight: 900;
  white-space: nowrap;
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-level > span {
  font-size: .72em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-modes button {
    font-size: 7px;
    letter-spacing: .06em;
  }
}


/* V1.8.1.9.23 — somente painel da Ferrari 250 GTO; configurações preservadas */
body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-modes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 6px;
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-modes button {
  padding-inline: 8px;
  font-size: 9px;
  letter-spacing: .10em;
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-track-toggle {
  width: 100%;
  min-height: 30px;
  margin: 0 0 14px;
  border: 1px solid rgba(241,239,230,.14);
  background: rgba(255,255,255,.018);
  color: #8f959d;
  font: inherit;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-track-toggle:hover {
  color: #e4e5e7;
  border-color: rgba(255,96,56,.35);
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-track-toggle.is-active {
  border-color: rgba(255,96,56,.55);
  color: var(--accent);
  background: rgba(255,96,56,.08);
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-fixed {
  margin-bottom: 13px;
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-dynamic {
  margin-top: 0;
}

body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-level > span {
  font-size: 1em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-modes button,
  body[data-vehicle-id="volkswagen-golf-gti-1800"] .vehicle-performance-track-toggle {
    font-size: 8px;
    letter-spacing: .07em;
  }
}


/* V1.8.1.9.29 — Fiat 500 F herda o layout premium da Ferrari 250 GTO */
body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="fiat-500-f"] .settings-radar-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    left: max(16px, calc((100vw - 1440px) / 2 - 524px));
    right: auto;
    z-index: 35;
    width: 500px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    display: block;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    left: auto;
    z-index: 35;
    width: 420px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }
}


/* V1.8.1.9.17 — Ferrari 250 GTO: cabeçalho visual igual ao padrão da Ferrari F50 */
body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid rgba(241,239,230,.13);
  background: rgba(8,10,12,.46);
  color: #d7d9dc;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span:first-child {
  border-color: rgba(255,96,56,.34);
  color: var(--accent);
}

body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo p {
  max-width: 540px;
  margin: 10px 0 0;
  color: #8f949b;
  font-size: 11px;
  line-height: 1.55;
}

@media (min-width: 1101px) {
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="fiat-500-f"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    max-height: 330px;
    object-position: right top;
    opacity: .42;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (max-width: 1100px) {
  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
    margin-top: 18px;
  }
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo {
    margin-top: 14px;
  }

  body[data-vehicle-id="fiat-500-f"] .pro-vehicle-quickinfo-chips span {
    min-height: 25px;
    padding: 0 8px;
    font-size: 8px;
  }
}


/* V1.8.1.9.18 — seletor de veículo com pesquisa */
.config-select-menu--searchable {
  display: block;
  padding: 0;
}

.config-select-search {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 6px;
  border-bottom: 1px solid rgba(241,239,230,.08);
  background: rgba(8,10,12,.98);
}

.config-select-search-input {
  width: 100%;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(255,96,56,.26);
  background: rgba(255,255,255,.02);
  color: var(--paper);
  font: inherit;
  font-size: 13px;
  outline: none;
}

.config-select-search-input::placeholder {
  color: rgba(241,239,230,.45);
}

.config-select-search-input:focus {
  border-color: rgba(255,96,56,.62);
  box-shadow: 0 0 0 1px rgba(255,96,56,.18);
}

.config-select-options-wrap {
  display: grid;
  gap: 3px;
  padding: 6px;
}

.config-select-options-wrap .config-select-option[hidden] {
  display: none !important;
}

.config-dropdown[data-config-selector="vehicle"] .config-select-menu {
  max-height: 260px;
}

@media (max-width: 820px) {
  .config-dropdown[data-config-selector="vehicle"] .config-select-menu {
    max-height: 260px;
  }

  .config-select-menu--searchable {
    display: none;
  }

  .config-dropdown.is-open .config-select-menu--searchable {
    display: block;
  }
}


/* V1.8.1.9.19 — opção Todos no seletor de marca */
.config-dropdown[data-config-selector="brand"] .config-select-menu .config-select-option:first-child .config-select-option-copy strong {
  letter-spacing: .02em;
}

/* V1.8.1.9.20 — Ferrari 250 GTO: ficha fixa recolhível */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle {
  order: 5;
  width: 100%;
  min-height: 56px;
  margin-top: 22px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(241,239,230,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
  color: var(--paper);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle:hover,
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle.is-open {
  border-color: rgba(255,96,56,.45);
  background: rgba(255,96,56,.045);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy small {
  color: var(--accent);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .14em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle-copy strong {
  color: var(--paper);
  font-size: 13px;
  font-weight: 800;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle .tabler-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: var(--accent);
  transition: transform .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle.is-open .tabler-icon {
  transform: rotate(180deg);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
  order: 5;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel[hidden] {
  display: none !important;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel.is-open {
  margin-top: 8px;
}

@media (min-width: 2360px) and (min-height: 850px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-toggle {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    z-index: 36;
    width: 420px;
    min-height: 56px;
    margin-top: 0;
    background: rgba(10,12,15,.94);
    backdrop-filter: blur(14px);
  }

  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-panel {
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px + 64px);
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 90px);
    margin-top: 0;
  }
}


/* V1.8.1.9.21 — Ferrari 250 GTO: Ficha Padrão / Com Peças / Teste em Pista separados */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
  padding-inline: 5px;
  font-size: 8px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed {
  margin-bottom: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed-separator {
  height: 1px;
  min-height: 1px;
  margin: 14px 0 12px !important;
  background: rgba(241,239,230,.24);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference {
  display: grid;
  gap: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0 12px;
  border-bottom: 1px solid rgba(241,239,230,.10);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head span {
  color: #8f959d;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .12em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-head strong {
  color: var(--accent);
  font-size: 11px;
  font-weight: 800;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  min-height: 44px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(241,239,230,.075);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row span {
  color: #d4d6d9;
  font-size: 13px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-track-reference-row strong {
  color: var(--paper);
  font-size: 16px;
  font-weight: 900;
  white-space: nowrap;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-level > span {
  font-size: .72em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
    font-size: 7px;
    letter-spacing: .06em;
  }
}


/* V1.8.1.9.23 — somente painel da Ferrari 250 GTO; configurações preservadas */
body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 6px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button {
  padding-inline: 8px;
  font-size: 9px;
  letter-spacing: .10em;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle {
  width: 100%;
  min-height: 30px;
  margin: 0 0 14px;
  border: 1px solid rgba(241,239,230,.14);
  background: rgba(255,255,255,.018);
  color: #8f959d;
  font: inherit;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle:hover {
  color: #e4e5e7;
  border-color: rgba(255,96,56,.35);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle.is-active {
  border-color: rgba(255,96,56,.55);
  color: var(--accent);
  background: rgba(255,96,56,.08);
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-fixed {
  margin-bottom: 13px;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-dynamic {
  margin-top: 0;
}

body[data-vehicle-id="fiat-500-f"] .vehicle-performance-level > span {
  font-size: 1em;
}

@media (max-width: 520px) {
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-modes button,
  body[data-vehicle-id="fiat-500-f"] .vehicle-performance-track-toggle {
    font-size: 8px;
    letter-spacing: .07em;
  }
}


/* V1.8.1.9.32 — sistema central de META da temporada */
.season-meta-chip {
  color: var(--paper) !important;
  border-color: rgba(255,96,56,.62) !important;
  background: rgba(255,96,56,.14) !important;
  box-shadow: inset 0 0 0 1px rgba(255,96,56,.05);
}

.season-meta-chip::before {
  content: '★';
  margin-right: 6px;
  color: var(--accent);
}

.config-select-option-copy strong {
  display: flex;
  align-items: center;
  gap: 7px;
}

.config-select-option-badge {
  flex: 0 0 auto;
  padding: 2px 5px;
  border: 1px solid rgba(255,96,56,.55);
  color: var(--accent);
  background: rgba(255,96,56,.10);
  font-family: var(--condensed);
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .08em;
  line-height: 1;
}

.config-season-meta-badge {
  flex: 0 0 auto;
  padding: 4px 7px;
  border: 1px solid rgba(255,96,56,.55);
  color: var(--accent);
  background: rgba(255,96,56,.10);
  font-family: var(--condensed);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  line-height: 1;
}

/* V1.8.1.9.38 — ajuste fino da arte do Pagani Imola */
@media (min-width: 1101px) {
  body[data-vehicle-id="pagani-imola"] .pro-settings-head-art,
  body[data-vehicle-id="pagani-imola"] .pro-settings-head-art--vehicle-art {
    top: 34px;
    right: 18px;
    width: min(46vw, 620px);
  }

  body[data-vehicle-id="pagani-imola"] .pro-settings-head-art img,
  body[data-vehicle-id="pagani-imola"] .pro-settings-head-art--vehicle-art > img,
  body[data-vehicle-id="pagani-imola"] .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    max-height: 282px;
    object-position: right center;
  }
}


/* V1.8.1.9.39 — nomes completos nos seletores e busca de veículos */
.config-select-option-copy {
  width: 100%;
  min-width: 0;
}

.config-select-option-copy strong {
  width: 100%;
  min-width: 0;
  align-items: center;
  flex-wrap: wrap;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  line-height: 1.25;
}

.config-select-option-label {
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}

.config-select-option-copy small {
  white-space: normal;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.config-dropdown .config-select-button [data-config-select-value],
.settings-select--setup .config-select-button [data-setup-select-value] {
  min-width: 0;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  line-height: 1.2;
  text-align: left;
  overflow-wrap: anywhere;
}

.config-dropdown .config-select-button {
  height: auto;
  min-height: 46px;
}

@media (min-width: 821px) {
  .config-dropdown[data-config-selector="vehicle"] .config-select-menu {
    right: auto;
    width: max(100%, 390px);
    max-width: min(430px, calc(100vw - 32px));
  }
}

@media (max-width: 820px) {
  .config-dropdown[data-config-selector="vehicle"] .config-select-menu {
    width: 100%;
    max-width: 100%;
  }
}


/* V1.8.1.9.40 — seletor com nomes em até 2 linhas + categoria Todos */
.config-select-option-copy {
  width: 100%;
  min-width: 0;
}

.config-select-option-copy strong {
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: 6px;
  white-space: normal;
  line-height: 1.2;
}

.config-select-option-label {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
  flex: 1 1 auto;
}

.config-select-option-copy small {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.config-dropdown .config-select-button [data-config-select-value],
.settings-select--setup .config-select-button [data-setup-select-value] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  white-space: normal;
  line-height: 1.15;
  text-align: left;
}

.config-dropdown .config-select-button {
  height: auto;
  min-height: 46px;
}

.config-dropdown[data-config-selector="vehicle"] .config-select-menu {
  width: 100%;
  max-width: 100%;
  right: 0;
}

/* V1.8.1.9.41 — HUB de Configurações Pro */
.config-hub-page {
  min-height: 100vh;
  background: #0b0d10;
  color: #f1efe6;
}

.config-hub-main {
  padding-top: 112px;
  padding-bottom: 96px;
}

.config-hub-hero {
  position: relative;
  padding-top: 34px;
  padding-bottom: 58px;
}

.config-hub-back {
  margin-bottom: 38px;
}

.config-hub-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
  gap: 64px;
  align-items: end;
  padding: 46px 0 52px;
  border-top: 1px solid rgba(241,239,230,.14);
  border-bottom: 1px solid rgba(241,239,230,.14);
}

.config-hub-hero-copy h1 {
  margin: 10px 0 18px;
  max-width: 860px;
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(5rem, 9vw, 9rem);
  line-height: .76;
  letter-spacing: -.045em;
  text-transform: uppercase;
}

.config-hub-hero-copy p {
  max-width: 760px;
  margin: 0;
  color: rgba(241,239,230,.68);
  font-size: 1rem;
  line-height: 1.75;
}

.config-hub-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid rgba(241,239,230,.14);
  background: rgba(13,15,18,.72);
}

.config-hub-hero-stats > div {
  min-width: 0;
  padding: 24px 20px;
  border-right: 1px solid rgba(241,239,230,.1);
}

.config-hub-hero-stats > div:last-child { border-right: 0; }

.config-hub-hero-stats strong {
  display: block;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 2.8rem;
  line-height: .9;
}

.config-hub-hero-stats span {
  display: block;
  margin-top: 9px;
  color: rgba(241,239,230,.48);
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .16em;
}

.config-hub-browser { padding-top: 30px; }

.config-hub-section-head {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: end;
  margin-bottom: 28px;
}

.config-hub-section-head h2 {
  margin: 7px 0 0;
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(2.8rem, 5vw, 5rem);
  line-height: .9;
  text-transform: uppercase;
}

.config-hub-season {
  padding: 9px 12px;
  border: 1px solid rgba(255,85,47,.42);
  color: #ff5b39;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.config-hub-categories {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.config-hub-category-card {
  min-height: 178px;
  padding: 20px;
  border: 1px solid rgba(241,239,230,.14);
  background: rgba(14,16,19,.78);
  color: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .2s ease, transform .2s ease, background .2s ease;
}

.config-hub-category-card:hover,
.config-hub-category-card.is-active {
  border-color: rgba(255,85,47,.72);
  background: rgba(34,18,16,.72);
  transform: translateY(-2px);
}

.config-hub-category-code {
  display: block;
  margin-bottom: 16px;
  color: #ff5b39;
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .18em;
}

.config-hub-category-card strong {
  display: block;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 1.6rem;
  line-height: 1;
  text-transform: uppercase;
}

.config-hub-category-card p {
  min-height: 44px;
  margin: 10px 0 15px;
  color: rgba(241,239,230,.5);
  font-size: .72rem;
  line-height: 1.45;
}

.config-hub-category-count {
  color: rgba(241,239,230,.72);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .12em;
}

.config-hub-toolbar {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin: 28px 0 38px;
  padding: 18px 0;
  border-top: 1px solid rgba(241,239,230,.1);
  border-bottom: 1px solid rgba(241,239,230,.1);
}

.config-hub-search {
  width: min(100%, 520px);
}

.config-hub-search > span {
  display: block;
  margin-bottom: 8px;
  color: rgba(241,239,230,.48);
  font-size: .63rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.config-hub-search input {
  width: 100%;
  height: 48px;
  padding: 0 15px;
  border: 1px solid rgba(241,239,230,.18);
  border-radius: 0;
  outline: 0;
  background: rgba(9,11,13,.86);
  color: #f1efe6;
  font: 600 .84rem Inter, sans-serif;
}

.config-hub-search input:focus { border-color: #ff5b39; }

.config-hub-filter-summary {
  display: flex;
  align-items: baseline;
  gap: 9px;
  white-space: nowrap;
}

.config-hub-filter-summary strong {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 2rem;
}

.config-hub-filter-summary span {
  color: rgba(241,239,230,.48);
  font-size: .7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.config-hub-category-section { margin-top: 46px; }
.config-hub-category-section:first-child { margin-top: 0; }

.config-hub-category-section-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 20px;
  margin-bottom: 15px;
}

.config-hub-category-section-head > div span {
  color: #ff5b39;
  font-size: .6rem;
  font-weight: 900;
  letter-spacing: .16em;
}

.config-hub-category-section-head h3 {
  margin: 4px 0 0;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 2.2rem;
  line-height: 1;
  text-transform: uppercase;
}

.config-hub-category-section-head small {
  color: rgba(241,239,230,.42);
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .1em;
}

.config-hub-vehicle-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.config-hub-vehicle-card {
  min-width: 0;
  border: 1px solid rgba(241,239,230,.14);
  background: rgba(13,15,18,.78);
  overflow: hidden;
  transition: border-color .22s ease, transform .22s ease;
}

.config-hub-vehicle-card:hover {
  border-color: rgba(255,85,47,.68);
  transform: translateY(-3px);
}

.config-hub-vehicle-link {
  display: block;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.config-hub-vehicle-media {
  position: relative;
  display: grid;
  place-items: center;
  height: 178px;
  padding: 22px 16px 6px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,85,47,.035), transparent 65%),
    rgba(8,10,12,.66);
}

.config-hub-vehicle-media img {
  width: 96%;
  height: 92%;
  object-fit: contain;
  filter: var(--vehicle-art-orange-filter) drop-shadow(0 12px 18px rgba(0,0,0,.22));
  opacity: .76;
  transition: transform .24s ease, opacity .24s ease;
}

.config-hub-vehicle-card:hover .config-hub-vehicle-media img {
  transform: scale(1.035);
  opacity: .95;
}


/* Ajustes finos de line art no hub para Rally, Rally Raid e Monster */
.config-hub-vehicle-card[data-vehicle-id="mini-cooper-s-rally"] .config-hub-vehicle-media img {
  width: 85%;
  height: 84%;
  transform: translateY(-10px);
}

.config-hub-vehicle-card[data-vehicle-id="mini-cooper-s-rally"]:hover .config-hub-vehicle-media img {
  transform: translateY(-10px) scale(1.035);
}

.config-hub-vehicle-card[data-vehicle-id="mini-cooper-s-countryman-all4"] .config-hub-vehicle-media img {
  width: 88%;
  height: 84%;
  transform: translateY(-6px);
}

.config-hub-vehicle-card[data-vehicle-id="mini-cooper-s-countryman-all4"]:hover .config-hub-vehicle-media img {
  transform: translateY(-6px) scale(1.035);
}

.config-hub-vehicle-card[data-vehicle-id="abarth-124-rally"] .config-hub-vehicle-media img {
  width: 88%;
  height: 82%;
  transform: translateY(-8px);
}

.config-hub-vehicle-card[data-vehicle-id="abarth-124-rally"]:hover .config-hub-vehicle-media img {
  transform: translateY(-8px) scale(1.035);
}

.config-hub-vehicle-card[data-vehicle-id="ivory-tower-ogmios-rally-spec"] .config-hub-vehicle-media img {
  width: 92%;
  height: 82%;
  transform: translateY(-8px);
}

.config-hub-vehicle-card[data-vehicle-id="ivory-tower-ogmios-rally-spec"]:hover .config-hub-vehicle-media img {
  transform: translateY(-8px) scale(1.035);
}

.config-hub-vehicle-card[data-vehicle-id="bmw-z4-sdrive35is"] .config-hub-vehicle-media img {
  width: 89%;
  height: 84%;
  transform: translateY(-8px);
}

.config-hub-vehicle-card[data-vehicle-id="bmw-z4-sdrive35is"]:hover .config-hub-vehicle-media img {
  transform: translateY(-8px) scale(1.035);
}

.config-hub-vehicle-card[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"] .config-hub-vehicle-media img {
  width: 92%;
  height: 82%;
  transform: translateY(-6px);
}

.config-hub-vehicle-card[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"]:hover .config-hub-vehicle-media img {
  transform: translateY(-6px) scale(1.035);
}

.config-hub-vehicle-card[data-vehicle-id="porsche-959-raid"] .config-hub-vehicle-media img {
  width: 89%;
  height: 82%;
  transform: translateY(-6px);
}

.config-hub-vehicle-card[data-vehicle-id="porsche-959-raid"]:hover .config-hub-vehicle-media img {
  transform: translateY(-6px) scale(1.035);
}

.config-hub-vehicle-card[data-vehicle-id="toyota-tacoma"] .config-hub-vehicle-media img {
  width: 89%;
  height: 83%;
  transform: translateY(-8px);
}

.config-hub-vehicle-card[data-vehicle-id="toyota-tacoma"]:hover .config-hub-vehicle-media img {
  transform: translateY(-8px) scale(1.035);
}

.config-hub-vehicle-card[data-vehicle-id="chevrolet-silverado-1500"] .config-hub-vehicle-media img {
  width: 84%;
  height: 80%;
  transform: translateY(-12px);
}

.config-hub-vehicle-card[data-vehicle-id="chevrolet-silverado-1500"]:hover .config-hub-vehicle-media img {
  transform: translateY(-12px) scale(1.035);
}

.config-hub-vehicle-category,
.config-hub-meta-badge {
  position: absolute;
  top: 12px;
  z-index: 2;
  font-size: .55rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.config-hub-vehicle-category {
  left: 12px;
  color: rgba(241,239,230,.6);
}

.config-hub-meta-badge {
  right: 12px;
  padding: 5px 7px;
  border: 1px solid rgba(255,85,47,.55);
  color: #ff5b39;
  background: rgba(13,15,18,.88);
}

.config-hub-vehicle-copy {
  display: flex;
  flex-direction: column;
  min-height: 192px;
  padding: 17px;
  border-top: 1px solid rgba(241,239,230,.08);
}

.config-hub-vehicle-copy > span {
  color: #ff5b39;
  font-size: .58rem;
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.config-hub-vehicle-copy h3 {
  margin: 7px 0 8px;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 1.55rem;
  line-height: 1.02;
}

.config-hub-vehicle-copy p {
  margin: 0 0 18px;
  color: rgba(241,239,230,.48);
  font-size: .7rem;
  line-height: 1.5;
}

.config-hub-vehicle-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid rgba(241,239,230,.08);
  color: rgba(241,239,230,.74);
  font-size: .6rem;
  font-weight: 900;
  letter-spacing: .1em;
}

.config-hub-vehicle-action b { color: #ff5b39; font-size: .9rem; }

.config-hub-empty {
  padding: 70px 20px;
  border: 1px dashed rgba(241,239,230,.16);
  text-align: center;
}

.config-hub-empty strong {
  display: block;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 2rem;
  text-transform: uppercase;
}

.config-hub-empty span { color: rgba(241,239,230,.48); font-size: .75rem; }

@media (max-width: 1180px) {
  .config-hub-categories { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .config-hub-vehicle-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .config-hub-main { padding-top: 82px; }
  .config-hub-hero { padding-top: 20px; padding-bottom: 34px; }
  .config-hub-back { margin-bottom: 22px; }
  .config-hub-hero-grid { grid-template-columns: 1fr; gap: 30px; padding: 30px 0; }
  .config-hub-hero-copy h1 { font-size: clamp(4.2rem, 23vw, 7rem); }
  .config-hub-hero-stats { width: 100%; }
  .config-hub-categories { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .config-hub-category-card { min-height: 154px; padding: 16px; }
  .config-hub-toolbar { align-items: stretch; flex-direction: column; }
  .config-hub-search { width: 100%; }
  .config-hub-filter-summary { justify-content: flex-end; }
  .config-hub-vehicle-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .config-hub-section-head { align-items: flex-start; flex-direction: column; }
  .config-hub-categories { grid-template-columns: 1fr; }
  .config-hub-category-card { min-height: 0; }
  .config-hub-category-card p { min-height: 0; }
  .config-hub-vehicle-grid { grid-template-columns: 1fr; }
  .config-hub-vehicle-media { height: 190px; }
  .config-hub-vehicle-copy { min-height: 168px; }
}


/* V1.8.1.9.43 — HUB de Recomendações */
.recommendations-hub-page { background: #0b0d10; color: #f1efe6; }
.rec-hub-main { padding-top: 96px; min-height: 100vh; }
.rec-hub-hero { padding-top: 36px; padding-bottom: 54px; }
.rec-hub-hero-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(360px,.6fr); gap:54px; align-items:end; padding:48px 0 26px; border-bottom:1px solid rgba(241,239,230,.13); }
.rec-hub-hero-copy h1 { margin:10px 0 18px; font-family:'Barlow Condensed',sans-serif; font-size:clamp(5rem,8.5vw,9rem); line-height:.78; letter-spacing:-.055em; text-transform:uppercase; }
.rec-hub-hero-copy p { max-width:720px; margin:0; color:rgba(241,239,230,.62); font-size:.92rem; line-height:1.7; }
.rec-hub-browser { padding-top:30px; padding-bottom:90px; }
.rec-hub-categories { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin:28px 0 24px; }
.rec-hub-category-card { min-height:190px; padding:20px; border:1px solid rgba(241,239,230,.13); background:rgba(15,17,20,.84); color:#f1efe6; text-align:left; cursor:pointer; display:flex; flex-direction:column; transition:border-color .2s ease,background .2s ease,transform .2s ease; }
.rec-hub-category-card:hover,.rec-hub-category-card.is-active { border-color:#ff5b39; background:rgba(255,91,57,.055); transform:translateY(-2px); }
.rec-hub-category-code { color:#ff5b39; font:800 .62rem/1 'Inter',sans-serif; letter-spacing:.16em; }
.rec-hub-category-card strong { margin-top:20px; font:800 1.55rem/.95 'Barlow Condensed',sans-serif; text-transform:uppercase; }
.rec-hub-category-card p { min-height:58px; margin:10px 0 18px; color:rgba(241,239,230,.50); font-size:.72rem; line-height:1.45; }
.rec-hub-category-count { margin-top:auto; color:rgba(241,239,230,.66); font-size:.61rem; font-weight:800; letter-spacing:.08em; }
.rec-hub-results { margin-top:42px; }
.rec-hub-category-section { margin-top:46px; }
.rec-hub-category-section:first-child { margin-top:0; }
.rec-hub-category-section-head { display:flex; align-items:end; justify-content:space-between; gap:24px; padding-bottom:14px; border-bottom:1px solid rgba(241,239,230,.13); }
.rec-hub-category-section-head span { color:#ff5b39; font-size:.62rem; font-weight:800; letter-spacing:.16em; }
.rec-hub-category-section-head h3 { margin:3px 0 0; font:800 2.25rem/1 'Barlow Condensed',sans-serif; text-transform:uppercase; }
.rec-hub-category-section-head small { color:rgba(241,239,230,.45); font-size:.64rem; font-weight:800; letter-spacing:.12em; }
.rec-hub-item-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:18px; }
.rec-hub-item-card { border:1px solid rgba(241,239,230,.13); background:rgba(14,16,19,.82); transition:border-color .2s ease,transform .2s ease; }
.rec-hub-item-card:hover { border-color:rgba(255,91,57,.72); transform:translateY(-3px); }
.rec-hub-item-link { display:block; height:100%; color:inherit; text-decoration:none; }
.rec-hub-item-media { position:relative; height:230px; overflow:hidden; display:flex; align-items:center; justify-content:center; background:radial-gradient(circle at center,rgba(255,91,57,.08),rgba(255,91,57,0) 65%); }
.rec-hub-item-media > span { position:absolute; top:14px; left:14px; z-index:2; color:#ff5b39; font-size:.58rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.rec-hub-item-media img { width:88%; height:88%; object-fit:contain; transition:transform .25s ease; }
.rec-hub-item-card:hover .rec-hub-item-media img { transform:scale(1.035); }
.rec-hub-item-copy { min-height:245px; padding:20px; border-top:1px solid rgba(241,239,230,.1); display:flex; flex-direction:column; }
.rec-hub-item-copy > span { color:#ff5b39; font-size:.62rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.rec-hub-item-copy h3 { margin:6px 0 8px; font:800 2rem/1 'Barlow Condensed',sans-serif; }
.rec-hub-item-copy p { margin:0; color:rgba(241,239,230,.54); font-size:.74rem; line-height:1.55; }
.rec-hub-item-tags { display:flex; flex-wrap:wrap; gap:6px; margin:16px 0; }
.rec-hub-item-tags em { border:1px solid rgba(241,239,230,.12); padding:5px 7px; color:rgba(241,239,230,.62); font-style:normal; font-size:.56rem; font-weight:800; text-transform:uppercase; }
.rec-hub-item-action { margin-top:auto; display:flex; justify-content:space-between; align-items:center; padding-top:14px; border-top:1px solid rgba(241,239,230,.1); color:#f1efe6; font-size:.65rem; font-weight:800; letter-spacing:.06em; }
.rec-hub-item-action b { color:#ff5b39; }
.rec-hub-coming-soon { margin-top:42px; padding:42px; border:1px solid rgba(241,239,230,.13); background:rgba(14,16,19,.82); }
.rec-hub-coming-soon > span { color:#ff5b39; font-size:.62rem; font-weight:800; letter-spacing:.16em; }
.rec-hub-coming-soon strong { display:block; margin:8px 0; font:800 2.8rem/1 'Barlow Condensed',sans-serif; text-transform:uppercase; }
.rec-hub-coming-soon p { max-width:620px; color:rgba(241,239,230,.55); }
.rec-hub-coming-soon em { display:inline-block; margin-top:18px; border:1px solid rgba(255,91,57,.35); padding:9px 12px; color:#ff5b39; font-style:normal; font-size:.6rem; font-weight:800; letter-spacing:.12em; }
.recommendations-hub-cta { margin:18px 0 24px; }
.recommendations-hub-cta a { display:inline-flex; align-items:center; gap:10px; padding:12px 15px; border:1px solid rgba(255,91,57,.5); color:#f1efe6; font-size:.68rem; font-weight:800; letter-spacing:.08em; text-decoration:none; }
.recommendations-hub-cta a span { color:#ff5b39; }
@media (max-width:1200px){ .rec-hub-categories{grid-template-columns:repeat(3,minmax(0,1fr));}.rec-hub-item-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.rec-hub-hero-grid{grid-template-columns:1fr;} }
@media (max-width:820px){ .rec-hub-main{padding-top:82px}.rec-hub-hero{padding-top:20px;padding-bottom:34px}.rec-hub-hero-copy h1{font-size:clamp(4rem,22vw,7rem)}.rec-hub-categories{grid-template-columns:repeat(2,minmax(0,1fr));}.rec-hub-category-card{min-height:160px;padding:16px}.rec-hub-item-grid{grid-template-columns:1fr}.rec-hub-item-media{height:210px}.rec-hub-coming-soon{padding:26px} }
@media (max-width:520px){ .rec-hub-categories{grid-template-columns:1fr}.rec-hub-category-card{min-height:0}.rec-hub-category-card p{min-height:0}.rec-hub-item-copy{min-height:220px} }


/* V1.8.1.9.44 — marca menor acima do nome do carro nas Configurações Pro */
.pro-settings-summary .summary-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.pro-settings-summary .pro-vehicle-brand {
  margin: 0 0 10px;
  color: var(--accent, #ff6230);
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 0.94rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  line-height: 1;
  text-transform: uppercase;
}

.pro-settings-summary .summary-copy h2 {
  margin-top: 0;
}

.pro-settings-summary .summary-copy h2 small {
  display: inline-block;
  margin-left: 0.18em;
}

@media (max-width: 820px) {
  .pro-settings-summary .pro-vehicle-brand {
    margin-bottom: 8px;
    font-size: 0.86rem;
    letter-spacing: 0.12em;
  }
}

/* V1.8.1.9.45 — marca um pouco maior nas páginas de Configurações Pro */
.pro-settings-summary .pro-vehicle-brand {
  font-size: 1.08rem;
}

@media (max-width: 820px) {
  .pro-settings-summary .pro-vehicle-brand {
    font-size: 0.96rem;
  }
}


/* V1.8.1.9.46 — Racing + indicação Pro Racing */
.config-hub-recommended-tag {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 2px 0 10px;
  padding: 5px 8px;
  border: 1px solid rgba(255, 98, 48, .55);
  color: #ff6230;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1;
  text-transform: uppercase;
}


/* V1.8.1.9.47 — Comparador de carros */
.config-hub-hero-actions { margin-top: 28px; display:flex; gap:12px; flex-wrap:wrap; }
.config-hub-primary-action { display:inline-flex; align-items:center; gap:12px; min-height:46px; padding:0 18px; border:1px solid rgba(255,98,48,.62); background:rgba(255,98,48,.08); color:#f4f0e8; font-family:'Inter',sans-serif; font-size:.78rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; transition:.2s ease; }
.config-hub-primary-action:hover { background:rgba(255,98,48,.16); border-color:#ff6230; transform:translateY(-1px); }
.vehicle-compare-page { background:#0b0d10; color:#f3f0e8; }
.vehicle-compare-main { padding-top:96px; }
.vehicle-compare-hero { padding-top:48px; padding-bottom:42px; }
.vehicle-compare-hero-grid { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr); gap:56px; align-items:end; margin-top:28px; }
.vehicle-compare-hero h1 { margin:10px 0 16px; font-family:'Barlow Condensed',sans-serif; font-size:clamp(4rem,8vw,8.5rem); line-height:.77; letter-spacing:-.045em; text-transform:uppercase; }
.vehicle-compare-hero h1 .accent { color:#ff6230; }
.vehicle-compare-hero p { max-width:720px; margin:0; color:#a6a8ac; font-size:1rem; line-height:1.7; }
.vehicle-compare-hero-note { border-left:1px solid rgba(255,98,48,.5); padding:8px 0 8px 22px; }
.vehicle-compare-hero-note strong { display:block; color:#ff6230; font:800 .72rem/1 'Inter',sans-serif; letter-spacing:.16em; }
.vehicle-compare-hero-note p { margin-top:10px; font-size:.82rem; line-height:1.6; }
.vehicle-compare-controls { padding-top:0; padding-bottom:42px; }
.vehicle-compare-mode { display:flex; align-items:center; gap:8px; margin-bottom:16px; }
.vehicle-compare-mode > span { margin-right:6px; color:#777b82; font:800 .7rem/1 'Inter',sans-serif; letter-spacing:.16em; }
.vehicle-compare-mode button { min-height:38px; padding:0 15px; border:1px solid #303238; background:#0e1013; color:#96999f; font:800 .72rem/1 'Inter',sans-serif; text-transform:uppercase; letter-spacing:.06em; }
.vehicle-compare-mode button.is-active { color:#fff3ed; border-color:#ff6230; background:rgba(255,98,48,.1); }
.vehicle-compare-selectors { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.vehicle-compare-selectors label { display:flex; flex-direction:column; gap:8px; }
.vehicle-compare-selectors label > span { color:#d8d9dc; font:700 .76rem/1 'Inter',sans-serif; }
.vehicle-compare-selectors label em { color:#696d74; font-style:normal; font-weight:500; }
.vehicle-compare-selectors select { width:100%; min-height:52px; padding:0 40px 0 14px; border:1px solid #34373d; background:#0d0f12; color:#f0ede6; font:700 .9rem/1.2 'Inter',sans-serif; }
.vehicle-compare-content { padding-bottom:80px; }
.vehicle-compare-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:54px; }
.vehicle-compare-card { min-width:0; border:1px solid #2d3035; background:linear-gradient(180deg,rgba(18,20,23,.98),rgba(11,13,16,.98)); overflow:hidden; }
.vehicle-compare-card-art { position:relative; height:220px; overflow:hidden; background:radial-gradient(circle at 50% 45%,rgba(255,98,48,.08),transparent 58%); }
.vehicle-compare-card-art:after { content:''; position:absolute; inset:auto 0 0; height:1px; background:linear-gradient(90deg,transparent,rgba(255,98,48,.45),transparent); }
.vehicle-compare-card-art img { width:100%; height:100%; object-fit:contain; padding:20px 24px 8px; filter:var(--vehicle-art-orange-filter); opacity:.82; }
.vehicle-compare-card-copy { padding:20px; }
.vehicle-compare-card-brand { display:block; color:#ff6230; font:800 .76rem/1 'Inter',sans-serif; letter-spacing:.13em; text-transform:uppercase; margin-bottom:8px; }
.vehicle-compare-card h3 { margin:0; font:800 clamp(1.6rem,2.3vw,2.4rem)/.95 'Barlow Condensed',sans-serif; letter-spacing:-.02em; }
.vehicle-compare-card h3 small { font-size:.64em; color:#d9d7d0; }
.vehicle-compare-card-tags { display:flex; flex-wrap:wrap; gap:7px; margin:15px 0 18px; }
.vehicle-compare-card-tags > span,.vehicle-compare-badge { display:inline-flex; align-items:center; min-height:24px; padding:0 8px; border:1px solid #34373c; color:#9c9fa5; font:800 .62rem/1 'Inter',sans-serif; letter-spacing:.07em; text-transform:uppercase; }
.vehicle-compare-badge--meta { border-color:rgba(255,98,48,.72)!important; color:#ff754b!important; }
.vehicle-compare-open { display:flex; justify-content:space-between; align-items:center; padding-top:14px; border-top:1px solid #292c30; color:#e7e4dc; font:800 .72rem/1 'Inter',sans-serif; text-transform:uppercase; letter-spacing:.08em; }
.vehicle-compare-open:hover { color:#ff6230; }
.vehicle-compare-section-head { display:flex; align-items:end; justify-content:space-between; gap:20px; margin:12px 0 18px; }
.vehicle-compare-section-head h2,.vehicle-compare-radar-copy h2 { margin:6px 0 0; font:800 clamp(2.4rem,4vw,4.4rem)/.9 'Barlow Condensed',sans-serif; letter-spacing:-.03em; }
.vehicle-compare-hint { max-width:340px; color:#777b82; font-size:.78rem; text-align:right; }
.vehicle-compare-table-wrap { overflow-x:auto; border:1px solid #2d3035; background:#0d0f12; margin-bottom:70px; }
.vehicle-compare-table { width:100%; min-width:760px; border-collapse:collapse; table-layout:fixed; }
.vehicle-compare-table th,.vehicle-compare-table td { padding:16px 18px; border-bottom:1px solid #24272b; border-right:1px solid #24272b; text-align:left; vertical-align:middle; }
.vehicle-compare-table th:last-child,.vehicle-compare-table td:last-child { border-right:0; }
.vehicle-compare-table thead th { background:#111317; color:#7f838a; font:800 .66rem/1 'Inter',sans-serif; text-transform:uppercase; letter-spacing:.11em; }
.vehicle-compare-table thead th span { display:block; color:#ff6230; margin-bottom:6px; }
.vehicle-compare-table thead th strong { color:#e7e4dc; font-size:.76rem; letter-spacing:0; text-transform:none; }
.vehicle-compare-table tbody th { color:#9da0a6; font:700 .78rem/1.2 'Inter',sans-serif; width:24%; }
.vehicle-compare-table td { position:relative; color:#ece8e0; font:800 1rem/1.2 'Inter',sans-serif; }
.vehicle-compare-table td.is-best { background:rgba(255,98,48,.075); color:#fff6f1; }
.vehicle-compare-table td.is-best:before { content:''; position:absolute; left:0; top:0; bottom:0; width:2px; background:#ff6230; }
.vehicle-compare-table td small { display:block; margin-top:5px; color:#ff6230; font-size:.55rem; letter-spacing:.12em; }
.vehicle-compare-radar-layout { display:grid; grid-template-columns:minmax(260px,.7fr) minmax(460px,1.3fr); gap:42px; align-items:center; border-top:1px solid #272a2e; padding-top:50px; }
.vehicle-compare-radar-copy p { color:#898d94; line-height:1.65; max-width:520px; }
.vehicle-compare-radar-legend { display:grid; gap:10px; margin-top:26px; }
.vehicle-compare-radar-legend > div { display:grid; grid-template-columns:12px auto 1fr; gap:9px; align-items:center; }
.vehicle-compare-radar-legend i { width:9px; height:9px; border-radius:50%; }
.vehicle-compare-radar-legend span { color:#ff6230; font:800 .66rem/1 'Inter',sans-serif; text-transform:uppercase; letter-spacing:.08em; }
.vehicle-compare-radar-legend strong { color:#dedbd4; font:700 .8rem/1.2 'Inter',sans-serif; }
.vehicle-compare-radar-card { min-width:0; border:1px solid #2d3035; background:#0d0f12; padding:18px; }
.vehicle-compare-radar-card svg { display:block; width:100%; height:auto; max-height:620px; }
.compare-radar-ring,.compare-radar-axis { fill:none; stroke:rgba(235,232,223,.16); stroke-width:1; }
.compare-radar-label { fill:#b9b7b0; font:800 13px 'Barlow Condensed',sans-serif; text-transform:uppercase; }
.compare-radar-series { stroke-width:2.5; }
.compare-radar-series--1 { fill:rgba(255,98,48,.16); stroke:#ff6230; }
.compare-radar-series--2 { fill:rgba(239,236,226,.09); stroke:#e8e4db; }
.compare-radar-series--3 { fill:rgba(234,176,77,.08); stroke:#eab04d; }
.compare-radar-dot--1 { fill:#ff6230; stroke:#0d0f12; stroke-width:2; }.compare-radar-dot--2 { fill:#e8e4db; stroke:#0d0f12; stroke-width:2; }.compare-radar-dot--3 { fill:#eab04d; stroke:#0d0f12; stroke-width:2; }
.compare-radar-center { fill:#565a61; }
.compare-radar-swatch--1 { background:#ff6230; }.compare-radar-swatch--2 { background:#e8e4db; }.compare-radar-swatch--3 { background:#eab04d; }
@media (max-width:980px) {
  .vehicle-compare-hero-grid,.vehicle-compare-radar-layout { grid-template-columns:1fr; }
  .vehicle-compare-selectors,.vehicle-compare-cards { grid-template-columns:1fr; }
  .vehicle-compare-card { display:grid; grid-template-columns:42% 58%; }
  .vehicle-compare-card-art { height:auto; min-height:180px; }
}
@media (max-width:640px) {
  .vehicle-compare-main { padding-top:76px; }
  .vehicle-compare-hero { padding-top:28px; }
  .vehicle-compare-hero h1 { font-size:clamp(3.5rem,18vw,5.2rem); }
  .vehicle-compare-card { display:block; }
  .vehicle-compare-card-art { height:190px; }
  .vehicle-compare-section-head { align-items:flex-start; flex-direction:column; }
  .vehicle-compare-hint { text-align:left; }
  .vehicle-compare-radar-card { padding:6px; }
  .compare-radar-label { font-size:11px; }
}


/* V1.8.1.9.48 — últimos carros vistos no HUB de Configurações Pro */
.config-hub-recent {
  margin-top: 30px;
  padding-top: 26px;
  border-top: 1px solid rgba(241,239,230,.12);
}

.config-hub-recent[hidden] { display: none !important; }

.config-hub-recent-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 16px;
}

.config-hub-recent-head h3 {
  margin: 5px 0 0;
  color: #f4f0e8;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(1.65rem, 2.2vw, 2.25rem);
  font-weight: 800;
  line-height: .95;
  text-transform: uppercase;
}

.config-hub-recent-clear {
  appearance: none;
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid rgba(241,239,230,.14);
  background: transparent;
  color: rgba(241,239,230,.55);
  font-family: 'Inter', sans-serif;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}

.config-hub-recent-clear:hover {
  border-color: rgba(255,91,57,.6);
  background: rgba(255,91,57,.06);
  color: #f4f0e8;
}

.config-hub-recent-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.config-hub-recent-card {
  min-width: 0;
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  min-height: 100px;
  border: 1px solid rgba(241,239,230,.12);
  background: rgba(9,11,13,.72);
  color: inherit;
  text-decoration: none;
  overflow: hidden;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.config-hub-recent-card:hover {
  border-color: rgba(255,91,57,.7);
  background: rgba(255,91,57,.045);
  transform: translateY(-2px);
}

.config-hub-recent-media {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border-right: 1px solid rgba(241,239,230,.09);
  background: rgba(255,255,255,.015);
}

.config-hub-recent-media img {
  width: 100%;
  height: 100%;
  min-height: 98px;
  display: block;
  object-fit: contain;
  padding: 10px 6px;
  filter: var(--vehicle-art-orange-filter) drop-shadow(0 8px 12px rgba(0,0,0,.22));
  opacity: .78;
}

.config-hub-recent-meta {
  position: absolute;
  top: 6px;
  left: 6px;
  padding: 3px 5px;
  border: 1px solid rgba(255,91,57,.65);
  background: rgba(9,11,13,.88);
  color: #ff6230;
  font-family: 'Inter', sans-serif;
  font-size: .48rem;
  font-weight: 900;
  letter-spacing: .06em;
  line-height: 1;
}

.config-hub-recent-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 11px 12px;
}

.config-hub-recent-copy > span {
  margin-bottom: 4px;
  color: #ff6230;
  font-family: 'Inter', sans-serif;
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.config-hub-recent-copy strong {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  color: #f4f0e8;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 1.04rem;
  font-weight: 800;
  line-height: 1.05;
}

.config-hub-recent-copy small {
  margin-top: 5px;
  overflow: hidden;
  color: rgba(241,239,230,.43);
  font-family: 'Inter', sans-serif;
  font-size: .58rem;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (max-width: 1260px) {
  .config-hub-recent-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .config-hub-recent-head { align-items: flex-start; }
  .config-hub-recent-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .config-hub-recent-card { grid-template-columns: 74px minmax(0, 1fr); }
}

@media (max-width: 520px) {
  .config-hub-recent-head { flex-direction: column; }
  .config-hub-recent-grid { grid-template-columns: 1fr; }
  .config-hub-recent-card { grid-template-columns: 94px minmax(0, 1fr); }
}


/* V1.8.1.9.48 CLEAN — fluidez e custo de renderização */
.race-page-transition {
  contain: strict;
}

.race-transition-panel {
  transition-duration: .58s;
}

.race-transition-center {
  transition: opacity .26s ease, transform .32s ease;
}

.race-transition-brush {
  transition: opacity .22s ease .12s, transform .36s ease .12s;
}

.race-page-transition.is-closing .race-transition-center {
  transition-delay: .34s;
}

.race-page-transition.is-opening .race-transition-panel--top,
.race-page-transition.is-opening .race-transition-panel--bottom {
  transition-delay: .14s;
}

.settings-block,
.config-hub-category-section {
  content-visibility: auto;
  contain-intrinsic-size: auto 560px;
}

.config-hub-vehicle-card,
.config-hub-recent-card {
  contain: layout paint style;
}

@media (hover: none), (pointer: coarse) {
  .race-transition-brush {
    display: none;
  }

  .race-transition-circle {
    animation: none;
    filter: none;
  }

  .race-transition-logo {
    filter: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }
}


/* V1.8.1.9.48 CLEAN V7 — Grand Race ao vivo */
.grand-race-page { background: #0b0d10; color: #f1efe8; }
.grand-race-main { min-height: 100vh; padding-top: 104px; overflow: clip; }
.grand-race-hero { padding-top: 54px; padding-bottom: 58px; border-bottom: 1px solid rgba(255,255,255,.12); }
.grand-race-back { margin-bottom: 42px; }
.grand-race-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,420px); align-items:end; gap:64px; }
.grand-race-hero h1 { margin: 10px 0 18px; font: 900 clamp(4rem,7vw,7.4rem)/.82 'Barlow Condensed',sans-serif; letter-spacing:-.04em; }
.grand-race-hero p { max-width:760px; margin:0; color:#92979d; font:500 .98rem/1.75 'Inter',sans-serif; }
.grand-race-hero-status { display:flex; align-items:center; gap:14px; padding:22px 24px; border:1px solid rgba(255,98,48,.34); background:rgba(255,98,48,.045); }
.grand-race-live-dot { width:10px; height:10px; border-radius:50%; background:#20d36b; box-shadow:0 0 0 6px rgba(32,211,107,.08); animation:grandRacePulse 1.6s ease-in-out infinite; }
.grand-race-hero-status strong,.grand-race-hero-status small { display:block; }
.grand-race-hero-status strong { font:800 .78rem/1 'Inter',sans-serif; letter-spacing:.13em; }
.grand-race-hero-status small { margin-top:6px; color:#747980; font:500 .72rem/1.35 'Inter',sans-serif; }
@keyframes grandRacePulse { 50% { opacity:.5; transform:scale(.78); } }
.grand-race-live,.grand-race-recommend,.grand-race-upcoming { padding-top:64px; padding-bottom:64px; }
.grand-race-section-head { display:flex; align-items:end; justify-content:space-between; gap:32px; margin-bottom:26px; }
.grand-race-section-head h2 { margin:6px 0 0; font:900 clamp(2.2rem,4vw,4.6rem)/.92 'Barlow Condensed',sans-serif; letter-spacing:-.025em; }
.grand-race-clock,.grand-race-cycle-note { color:#a9adb2; font:700 .78rem/1 'Inter',sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.grand-race-live-card { position:relative; border:1px solid rgba(255,98,48,.45); background:linear-gradient(135deg,rgba(255,98,48,.06),rgba(255,255,255,.015) 44%,rgba(255,255,255,.025)); padding:28px 30px 24px; box-shadow:0 24px 70px rgba(0,0,0,.18); overflow:hidden; }
.grand-race-live-card::before { content:""; position:absolute; inset:0 auto 0 0; width:2px; background:#ff6230; box-shadow:0 0 28px rgba(255,98,48,.55); }
.grand-race-live-topline { display:flex; justify-content:space-between; gap:20px; align-items:center; min-height:28px; }
.grand-race-flags { display:flex; flex-wrap:wrap; gap:8px; }
.grand-race-modifier,.grand-race-new { border:1px solid rgba(255,255,255,.18); padding:7px 10px; color:#d9d9d6; background:rgba(255,255,255,.04); font:800 .68rem/1 'Inter',sans-serif; text-transform:uppercase; letter-spacing:.07em; }
.grand-race-new { border-color:rgba(255,98,48,.5); color:#ff7550; }
.grand-race-live-label { color:#20d36b; font:900 .78rem/1 'Inter',sans-serif; letter-spacing:.08em; }
.grand-race-live-label i { display:inline-block; width:8px; height:8px; margin-right:6px; border-radius:50%; background:#20d36b; }
.grand-race-live-body { display:grid; grid-template-columns:minmax(220px,.8fr) minmax(0,1.6fr); gap:50px; align-items:end; padding:48px 0 40px; }
.grand-race-location-kicker { display:block; color:#6f747a; font:800 .68rem/1 'Inter',sans-serif; letter-spacing:.14em; }
.grand-race-live-body h3 { margin:10px 0 0; font:900 clamp(2.6rem,5vw,5.4rem)/.88 'Barlow Condensed',sans-serif; letter-spacing:-.03em; }
.grand-race-route { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:12px; }
.grand-race-route span { color:#e8e5dd; font:800 clamp(1.15rem,2.2vw,2rem)/1 'Barlow Condensed',sans-serif; text-transform:uppercase; }
.grand-race-route b { color:#4f545a; font:500 1.5rem/1 'Inter',sans-serif; }
.grand-race-progress-meta { display:flex; justify-content:space-between; gap:20px; margin-bottom:9px; color:#878c92; font:800 .66rem/1 'Inter',sans-serif; letter-spacing:.08em; }
.grand-race-progress-meta strong { color:#f2efe8; }
.grand-race-progress { height:5px; overflow:hidden; background:#2a2e34; }
.grand-race-progress span { display:block; width:0; height:100%; background:#cf9b54; transition:width .35s linear; }
.grand-race-countdown { display:flex; justify-content:flex-end; align-items:baseline; gap:9px; margin-top:12px; color:#777c82; font:700 .68rem/1 'Inter',sans-serif; text-transform:uppercase; letter-spacing:.06em; }
.grand-race-countdown strong { color:#f1efe8; font-size:.9rem; }
.grand-race-recommend { border-top:1px solid rgba(255,255,255,.08); }
.grand-race-inline-link { color:#ff7550; font:800 .72rem/1 'Inter',sans-serif; letter-spacing:.07em; text-transform:uppercase; }
.grand-race-recommend-grid { display:grid; gap:18px; }
.grand-race-meta-group { border:1px solid rgba(255,255,255,.12); background:#0e1115; }
.grand-race-meta-group-head { display:flex; justify-content:space-between; gap:20px; padding:14px 16px; border-bottom:1px solid rgba(255,255,255,.08); }
.grand-race-meta-group-head span { color:#ff6230; font:900 .72rem/1 'Inter',sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.grand-race-meta-group-head strong { color:#70757b; font:800 .65rem/1 'Inter',sans-serif; letter-spacing:.08em; }
.grand-race-meta-cars { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.grand-race-meta-car { position:relative; display:grid; grid-template-columns:118px minmax(0,1fr) 20px; align-items:center; gap:14px; min-height:124px; padding:14px; border-right:1px solid rgba(255,255,255,.08); transition:background .2s ease,border-color .2s ease; }
.grand-race-meta-car:last-child { border-right:0; }
.grand-race-meta-car:hover { background:rgba(255,98,48,.05); }
.grand-race-meta-car.is-special { background:linear-gradient(135deg,rgba(255,98,48,.10),transparent 65%); }
.grand-race-meta-art { height:86px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.grand-race-meta-art img { width:100%; height:100%; object-fit:contain; transition:transform .22s ease; }
.grand-race-meta-car:hover img { transform:scale(1.04); }
.grand-race-meta-copy { min-width:0; }
.grand-race-meta-copy span,.grand-race-meta-copy strong,.grand-race-meta-copy small { display:block; }
.grand-race-meta-copy span { color:#ff6230; font:900 .64rem/1 'Inter',sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.grand-race-meta-copy strong { margin-top:6px; color:#f0eee8; font:800 1.22rem/1.02 'Barlow Condensed',sans-serif; }
.grand-race-meta-copy small { margin-top:9px; color:#7c8187; font:800 .58rem/1.2 'Inter',sans-serif; letter-spacing:.04em; }
.grand-race-meta-car.is-special .grand-race-meta-copy small { color:#ff7550; }
.grand-race-meta-open { color:#ff6230; font:700 1rem/1 'Inter',sans-serif; }
.grand-race-meta-empty { margin:0; padding:24px 16px; color:#777c82; font:500 .82rem/1.55 'Inter',sans-serif; }
.grand-race-upcoming { border-top:1px solid rgba(255,255,255,.08); }
.grand-race-upcoming-list { border-top:1px solid rgba(255,255,255,.12); }
.grand-race-upcoming-item { display:grid; grid-template-columns:110px minmax(0,1fr) 160px; align-items:center; gap:28px; min-height:96px; padding:14px 4px; border-bottom:1px solid rgba(255,255,255,.09); }
.grand-race-upcoming-time span,.grand-race-upcoming-time strong { display:block; }
.grand-race-upcoming-time span { color:#676c72; font:800 .58rem/1 'Inter',sans-serif; letter-spacing:.08em; }
.grand-race-upcoming-time strong { margin-top:6px; font:900 1.5rem/1 'Barlow Condensed',sans-serif; }
.grand-race-upcoming-title { display:flex; align-items:center; gap:10px; }
.grand-race-upcoming-title strong { font:800 1.4rem/1 'Barlow Condensed',sans-serif; }
.grand-race-upcoming-title em { color:#ff6230; border:1px solid rgba(255,98,48,.35); padding:3px 6px; font:800 .54rem/1 'Inter',sans-serif; font-style:normal; letter-spacing:.08em; }
.grand-race-mini-route { display:flex; flex-wrap:wrap; gap:7px; margin-top:8px; color:#777c82; font:700 .7rem/1.2 'Inter',sans-serif; }
.grand-race-mini-route b { color:#464b51; }
.grand-race-upcoming-modifier { justify-self:end; color:#9ba0a5; border:1px solid rgba(255,255,255,.12); padding:8px 10px; font:800 .62rem/1 'Inter',sans-serif; text-transform:uppercase; }
.grand-race-note { padding-top:0; padding-bottom:80px; }
.grand-race-note > div { padding:22px 24px; border-left:2px solid #ff6230; background:rgba(255,255,255,.025); }
.grand-race-note p { margin:8px 0 0; max-width:900px; color:#777c82; font:500 .78rem/1.6 'Inter',sans-serif; }
.grand-race-note strong { color:#b9bdc1; }

/* Home — preview Grand Race */
.event-panel--grand-race { background:#e8e4da; }
.event-grand-race-preview { position:relative; min-height:100%; padding:30px 32px 26px; display:flex; flex-direction:column; color:#eef0f3; background:linear-gradient(135deg,#12161b,#0c0f13 64%); border-left:1px solid rgba(11,13,16,.2); overflow:hidden; }
.event-grand-race-preview::after { content:"GRAND RACE"; position:absolute; right:-12px; bottom:-16px; color:rgba(255,255,255,.025); font:900 5.8rem/1 'Barlow Condensed',sans-serif; white-space:nowrap; }
.event-grand-race-top,.event-grand-race-bottom { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.event-grand-race-top > span { border:1px solid rgba(255,255,255,.18); padding:7px 9px; color:#babec3; font:800 .62rem/1 'Inter',sans-serif; text-transform:uppercase; }
.event-grand-race-top strong { color:#22d36c; font:900 .7rem/1 'Inter',sans-serif; letter-spacing:.08em; }
.event-grand-race-top strong i { display:inline-block; width:7px; height:7px; margin-right:5px; border-radius:50%; background:#22d36c; }
.event-grand-race-main { position:relative; z-index:1; margin:auto 0; padding:36px 0; }
.event-grand-race-main small { color:#5f656c; font:800 .6rem/1 'Inter',sans-serif; letter-spacing:.13em; }
.event-grand-race-main h3 { margin:8px 0 12px; color:#f3f0e9; font:900 clamp(2.2rem,3.8vw,4rem)/.9 'Barlow Condensed',sans-serif; }
.event-grand-race-main p { margin:0; color:#a1a6ac; font:700 .78rem/1.45 'Inter',sans-serif; }
.event-grand-race-bottom { color:#777d84; font:800 .6rem/1 'Inter',sans-serif; letter-spacing:.06em; }
.event-grand-race-bottom strong { color:#f3f0e9; margin-left:6px; }
.event-grand-race-bottom b { color:#ff6230; }
.event-grand-race-progress { position:absolute; left:0; right:0; bottom:0; height:4px; background:#262b31; }
.event-grand-race-progress span { display:block; width:0; height:100%; background:#cf9b54; transition:width .35s linear; }

@media (max-width: 1180px) {
  .grand-race-meta-cars { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .grand-race-meta-car:nth-child(2n) { border-right:0; }
  .grand-race-meta-car:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.08); }
}
@media (max-width: 820px) {
  .grand-race-main { padding-top:82px; }
  .grand-race-hero { padding-top:34px; }
  .grand-race-hero-grid { grid-template-columns:1fr; gap:28px; }
  .grand-race-hero h1 { font-size:clamp(3.7rem,18vw,5.5rem); }
  .grand-race-section-head { align-items:flex-start; flex-direction:column; gap:12px; }
  .grand-race-live-body { grid-template-columns:1fr; gap:28px; padding:36px 0 32px; }
  .grand-race-route { justify-content:flex-start; }
  .grand-race-upcoming-item { grid-template-columns:72px minmax(0,1fr); gap:16px; }
  .grand-race-upcoming-modifier { grid-column:2; justify-self:start; }
  .event-grand-race-preview { border-left:0; border-top:1px solid rgba(11,13,16,.2); min-height:330px; }
}
@media (max-width: 620px) {
  .grand-race-live,.grand-race-recommend,.grand-race-upcoming { padding-top:44px; padding-bottom:44px; }
  .grand-race-live-card { padding:20px 18px 18px; }
  .grand-race-live-topline { align-items:flex-start; }
  .grand-race-route { gap:8px; }
  .grand-race-route span { font-size:1.03rem; }
  .grand-race-meta-cars { grid-template-columns:1fr; }
  .grand-race-meta-car { grid-template-columns:96px minmax(0,1fr) 16px; border-right:0; border-bottom:1px solid rgba(255,255,255,.08); }
  .grand-race-meta-car:last-child { border-bottom:0; }
  .grand-race-meta-car:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.08); }
  .grand-race-upcoming-item { min-height:112px; }
  .grand-race-upcoming-time strong { font-size:1.22rem; }
  .grand-race-upcoming-title strong { font-size:1.18rem; }
}
@media (prefers-reduced-motion: reduce) {
  .grand-race-live-dot { animation:none; }
  .grand-race-progress span,.event-grand-race-progress span { transition:none; }
}

/* V1.8.1.9.48 CLEAN V8 — aviso global de site em beta */
body.beta-notice-open {
  overflow: hidden;
}

.beta-notice {
  position: fixed;
  inset: 0;
  z-index: 90000;
  display: grid;
  place-items: center;
  padding: clamp(18px, 4vw, 48px);
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}

.beta-notice[hidden] {
  display: none !important;
}

.beta-notice.is-visible {
  opacity: 1;
  pointer-events: auto;
}

.beta-notice__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(4, 6, 8, .82);
  backdrop-filter: blur(7px);
}

.beta-notice__dialog {
  position: relative;
  width: min(620px, 100%);
  overflow: hidden;
  border: 1px solid rgba(255, 96, 56, .44);
  background:
    linear-gradient(135deg, rgba(255,96,56,.055), transparent 38%),
    #0f1318;
  box-shadow: 0 30px 80px rgba(0,0,0,.52);
  padding: clamp(24px, 4vw, 38px);
  transform: translateY(14px) scale(.985);
  transition: transform .24s cubic-bezier(.2,.8,.2,1);
}

.beta-notice.is-visible .beta-notice__dialog {
  transform: translateY(0) scale(1);
}

.beta-notice__dialog::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--accent);
}

.beta-notice__topline,
.beta-notice__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.beta-notice__topline {
  margin-bottom: 22px;
}

.beta-notice__badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(255,96,56,.68);
  background: rgba(255,96,56,.1);
  color: var(--accent);
  font: 900 .72rem/1 var(--sans);
  letter-spacing: .16em;
}

.beta-notice__version {
  color: #7e858e;
  font: 800 .66rem/1 var(--sans);
  letter-spacing: .13em;
}

.beta-notice__dialog h2 {
  margin: 0 0 18px;
  color: var(--paper);
  font: 900 clamp(2rem, 5vw, 3.35rem)/.9 var(--condensed);
  letter-spacing: -.025em;
}

.beta-notice__copy {
  display: grid;
  gap: 12px;
  color: #b7bbc1;
  font: 500 .92rem/1.7 var(--sans);
}

.beta-notice__copy p {
  margin: 0;
}

.beta-notice__copy strong {
  color: var(--paper);
  font-weight: 800;
}

.beta-notice__footer {
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid rgba(241,239,230,.1);
}

.beta-notice__footer > span {
  max-width: 230px;
  color: #757c85;
  font: 700 .66rem/1.45 var(--sans);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.beta-notice__confirm {
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid var(--accent);
  background: var(--accent);
  color: #0b0d10;
  cursor: pointer;
  font: 900 .72rem/1 var(--sans);
  letter-spacing: .1em;
  transition: transform .18s ease, background .18s ease, color .18s ease;
}

.beta-notice__confirm:hover {
  transform: translateY(-1px);
  background: transparent;
  color: var(--accent);
}

.beta-notice__confirm b {
  margin-left: 8px;
}

@media (max-width: 620px) {
  .beta-notice {
    place-items: end center;
    padding: 12px;
  }

  .beta-notice__dialog {
    width: 100%;
    padding: 25px 22px 22px;
  }

  .beta-notice__version {
    display: none;
  }

  .beta-notice__footer {
    align-items: stretch;
    flex-direction: column;
  }

  .beta-notice__footer > span {
    max-width: none;
  }

  .beta-notice__confirm {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .beta-notice,
  .beta-notice__dialog,
  .beta-notice__confirm {
    transition: none !important;
  }
}


/* V1.8.1.9.48 CLEAN V13 — ajuste individual de line art apenas nos dois MINI do Rally */
.config-hub-vehicle-card[data-vehicle-id="mini-cooper-s-rally"] .config-hub-vehicle-media img {
  transform: translateY(-10px) scale(.90);
  transform-origin: center center;
}

.config-hub-vehicle-card[data-vehicle-id="mini-cooper-s-rally"]:hover .config-hub-vehicle-media img {
  transform: translateY(-10px) scale(.925);
}

.config-hub-vehicle-card[data-vehicle-id="mini-cooper-s-countryman-all4"] .config-hub-vehicle-media img {
  transform: translateY(-2px) scale(.97);
  transform-origin: center center;
}

.config-hub-vehicle-card[data-vehicle-id="mini-cooper-s-countryman-all4"]:hover .config-hub-vehicle-media img {
  transform: translateY(-2px) scale(1.0);
}

/* V1.8.1.9.48 CLEAN V14 — ajustes finos de enquadramento nos cards do Street Tier 1 */
.config-hub-vehicle-card[data-vehicle-id="alfa-romeo-33-stradale-1968"] .config-hub-vehicle-media img {
  transform: translateY(-12px) scale(.89);
  transform-origin: center center;
}

.config-hub-vehicle-card[data-vehicle-id="alfa-romeo-33-stradale-1968"]:hover .config-hub-vehicle-media img {
  transform: translateY(-12px) scale(.915);
}

.config-hub-vehicle-card[data-vehicle-id="mazda-mx-5-miata-1989"] .config-hub-vehicle-media img {
  transform: translateY(-8px) scale(.93);
  transform-origin: center center;
}

.config-hub-vehicle-card[data-vehicle-id="mazda-mx-5-miata-1989"]:hover .config-hub-vehicle-media img {
  transform: translateY(-8px) scale(.955);
}

.config-hub-vehicle-card[data-vehicle-id="porsche-911-carrera-rs-2-7-1972"] .config-hub-vehicle-media img {
  transform: translateY(-8px) scale(.92);
  transform-origin: center center;
}

.config-hub-vehicle-card[data-vehicle-id="porsche-911-carrera-rs-2-7-1972"]:hover .config-hub-vehicle-media img {
  transform: translateY(-8px) scale(.945);
}

.config-hub-vehicle-card[data-vehicle-id="volkswagen-golf-gti-1800-1982"] .config-hub-vehicle-media img {
  transform: translateY(-8px) scale(.91);
  transform-origin: center center;
}

.config-hub-vehicle-card[data-vehicle-id="volkswagen-golf-gti-1800-1982"]:hover .config-hub-vehicle-media img {
  transform: translateY(-8px) scale(.935);
}

/* V1.8.1.9.48 CLEAN V15 — enquadramento fino de Fiat 500 F, Abarth 500 e Golf GTI 1800 */
.config-hub-vehicle-card[data-vehicle-id="fiat-500-f"] .config-hub-vehicle-media img {
  transform: translateY(-14px) scale(.88);
  transform-origin: center center;
}

.config-hub-vehicle-card[data-vehicle-id="fiat-500-f"]:hover .config-hub-vehicle-media img {
  transform: translateY(-14px) scale(.905);
}

.config-hub-vehicle-card[data-vehicle-id="abarth-500"] .config-hub-vehicle-media img {
  transform: translateY(-12px) scale(.90);
  transform-origin: center center;
}

.config-hub-vehicle-card[data-vehicle-id="abarth-500"]:hover .config-hub-vehicle-media img {
  transform: translateY(-12px) scale(.925);
}

.config-hub-vehicle-card[data-vehicle-id="volkswagen-golf-gti-1800"] .config-hub-vehicle-media img {
  transform: translateY(-16px) scale(.86);
  transform-origin: center center;
}

.config-hub-vehicle-card[data-vehicle-id="volkswagen-golf-gti-1800"]:hover .config-hub-vehicle-media img {
  transform: translateY(-16px) scale(.885);
}

/* V1.8.1.9.48 CLEAN V16 — ajustes finos de enquadramento nos cards de Rally, Rally Raid e Monster */
.config-hub-vehicle-card[data-vehicle-id="abarth-124-rally"] .config-hub-vehicle-media img {
  transform: translateY(-10px) scale(.91);
  transform-origin: center center;
}

.config-hub-vehicle-card[data-vehicle-id="abarth-124-rally"]:hover .config-hub-vehicle-media img {
  transform: translateY(-10px) scale(.935);
}

.config-hub-vehicle-card[data-vehicle-id="ivory-tower-ogmios-rally-spec"] .config-hub-vehicle-media img {
  transform: translateY(-10px) scale(.89);
  transform-origin: center center;
}

.config-hub-vehicle-card[data-vehicle-id="ivory-tower-ogmios-rally-spec"]:hover .config-hub-vehicle-media img {
  transform: translateY(-10px) scale(.915);
}

.config-hub-vehicle-card[data-vehicle-id="bmw-z4-sdrive35is"] .config-hub-vehicle-media img {
  transform: translateY(-10px) scale(.90);
  transform-origin: center center;
}

.config-hub-vehicle-card[data-vehicle-id="bmw-z4-sdrive35is"]:hover .config-hub-vehicle-media img {
  transform: translateY(-10px) scale(.925);
}

.config-hub-vehicle-card[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"] .config-hub-vehicle-media img {
  transform: translateY(-12px) scale(.89);
  transform-origin: center center;
}

.config-hub-vehicle-card[data-vehicle-id="nissan-skyline-gt-r-r34-rally-raid"]:hover .config-hub-vehicle-media img {
  transform: translateY(-12px) scale(.915);
}

.config-hub-vehicle-card[data-vehicle-id="porsche-959-raid"] .config-hub-vehicle-media img {
  transform: translateY(-10px) scale(.90);
  transform-origin: center center;
}

.config-hub-vehicle-card[data-vehicle-id="porsche-959-raid"]:hover .config-hub-vehicle-media img {
  transform: translateY(-10px) scale(.925);
}

.config-hub-vehicle-card[data-vehicle-id="toyota-tacoma"] .config-hub-vehicle-media img {
  transform: translateY(-10px) scale(.90);
  transform-origin: center center;
}

.config-hub-vehicle-card[data-vehicle-id="toyota-tacoma"]:hover .config-hub-vehicle-media img {
  transform: translateY(-10px) scale(.925);
}

.config-hub-vehicle-card[data-vehicle-id="chevrolet-silverado-1500"] .config-hub-vehicle-media img {
  transform: translateY(-20px) scale(.82);
  transform-origin: center center;
}

.config-hub-vehicle-card[data-vehicle-id="chevrolet-silverado-1500"]:hover .config-hub-vehicle-media img {
  transform: translateY(-20px) scale(.845);
}


/* V1.8.1.9.48 CLEAN V17 — hub dedicado ao Forza Horizon 6 */
.main-nav .fh6-nav-link {
  white-space: nowrap;
}

.fh6-page {
  background: #0b0d10;
  color: #f1efe6;
}

.fh6-main {
  min-height: 100vh;
  padding-top: 84px;
  overflow: hidden;
}

.fh6-hero {
  position: relative;
  padding-top: 34px;
  padding-bottom: 72px;
}

.fh6-back {
  margin-bottom: 32px;
}

.fh6-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
  gap: clamp(42px, 6vw, 96px);
  align-items: center;
  min-height: 590px;
  padding: 48px 0;
  border-top: 1px solid rgba(241,239,230,.12);
  border-bottom: 1px solid rgba(241,239,230,.12);
}

.fh6-hero-copy h1 {
  margin: 16px 0 24px;
  font-family: var(--condensed);
  font-size: clamp(5.2rem, 9.3vw, 10.8rem);
  font-weight: 900;
  line-height: .72;
  letter-spacing: -.065em;
  text-transform: uppercase;
}

.fh6-hero-copy h1 span {
  color: #f1efe6;
}

.fh6-hero-copy h1 b {
  color: var(--accent);
  font-weight: 900;
}

.fh6-hero-copy > p {
  max-width: 690px;
  margin: 0;
  color: rgba(241,239,230,.58);
  font-size: .93rem;
  line-height: 1.75;
}

.fh6-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
  margin-top: 34px;
}

.fh6-motorfest-link {
  color: rgba(241,239,230,.7);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.fh6-motorfest-link span {
  color: var(--accent);
}

.fh6-hero-visual {
  position: relative;
  min-height: 450px;
  overflow: hidden;
  border: 1px solid rgba(241,239,230,.13);
  background:
    linear-gradient(135deg, rgba(255,91,57,.08), transparent 42%),
    #0f1216;
}

.fh6-visual-grid {
  position: absolute;
  inset: 0;
  opacity: .36;
  background-image:
    linear-gradient(rgba(241,239,230,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(241,239,230,.08) 1px, transparent 1px);
  background-size: 44px 44px;
  transform: perspective(500px) rotateX(58deg) scale(1.35) translateY(18%);
  transform-origin: center bottom;
}

.fh6-hero-visual::before,
.fh6-hero-visual::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.fh6-hero-visual::before {
  width: 420px;
  height: 420px;
  right: -110px;
  top: -100px;
  border: 1px solid rgba(255,91,57,.46);
  border-radius: 50%;
  box-shadow:
    0 0 0 38px rgba(255,91,57,.035),
    0 0 0 82px rgba(255,91,57,.02);
}

.fh6-hero-visual::after {
  left: 0;
  right: 0;
  bottom: 92px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--accent), transparent);
  transform: rotate(-8deg);
}

.fh6-number {
  position: absolute;
  right: 28px;
  bottom: -46px;
  color: rgba(241,239,230,.055);
  font-family: var(--condensed);
  font-size: 20rem;
  font-weight: 900;
  line-height: .75;
  letter-spacing: -.08em;
}

.fh6-visual-copy {
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: 28px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  z-index: 2;
}

.fh6-visual-copy span {
  color: var(--accent);
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .18em;
}

.fh6-visual-copy strong {
  font-family: var(--condensed);
  font-size: 2rem;
  letter-spacing: .05em;
}

.fh6-browser {
  padding-top: 70px;
  padding-bottom: 82px;
}

.fh6-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  padding-bottom: 22px;
  border-bottom: 1px solid rgba(241,239,230,.12);
}

.fh6-section-head h2,
.fh6-separation h2 {
  margin: 8px 0 0;
  font-family: var(--condensed);
  font-size: clamp(3rem, 5vw, 5.5rem);
  font-weight: 900;
  line-height: .87;
  letter-spacing: -.04em;
  text-transform: uppercase;
}

.fh6-status {
  padding: 10px 13px;
  border: 1px solid rgba(255,91,57,.5);
  color: var(--accent);
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .12em;
}

.fh6-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.fh6-card {
  position: relative;
  min-height: 330px;
  padding: 24px;
  border: 1px solid rgba(241,239,230,.13);
  background: rgba(14,16,19,.82);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: border-color .2s ease, transform .2s ease, background .2s ease;
}

.fh6-card:hover {
  transform: translateY(-3px);
  border-color: rgba(255,91,57,.66);
  background: rgba(255,91,57,.045);
}

.fh6-card--primary {
  border-color: rgba(255,91,57,.48);
}

.fh6-card-index {
  position: absolute;
  right: 15px;
  top: 10px;
  color: rgba(241,239,230,.05);
  font-family: var(--condensed);
  font-size: 6rem;
  font-weight: 900;
  line-height: 1;
}

.fh6-card > span {
  position: relative;
  z-index: 1;
  color: var(--accent);
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .15em;
}

.fh6-card h3 {
  position: relative;
  z-index: 1;
  margin: 54px 0 12px;
  font-family: var(--condensed);
  font-size: 2.1rem;
  line-height: .95;
  text-transform: uppercase;
}

.fh6-card p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: rgba(241,239,230,.5);
  font-size: .75rem;
  line-height: 1.6;
}

.fh6-card em {
  position: relative;
  z-index: 1;
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid rgba(241,239,230,.08);
  color: rgba(241,239,230,.5);
  font-size: .6rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .12em;
}

.fh6-separation {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(330px, .7fr);
  gap: 70px;
  align-items: end;
  padding-top: 74px;
  padding-bottom: 100px;
  border-top: 1px solid rgba(241,239,230,.12);
}

.fh6-separation p {
  margin: 0;
  color: rgba(241,239,230,.55);
  font-size: .88rem;
  line-height: 1.75;
}

@media (max-width: 1280px) and (min-width: 821px) {
  .main-nav {
    gap: 16px;
  }

  .main-nav a {
    font-size: 10px;
    letter-spacing: .08em;
  }

  .fh6-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 960px) {
  .fh6-hero-grid,
  .fh6-separation {
    grid-template-columns: 1fr;
  }

  .fh6-hero-visual {
    min-height: 380px;
  }
}

@media (max-width: 820px) {
  .fh6-main {
    padding-top: 72px;
  }

  .fh6-hero {
    padding-top: 22px;
    padding-bottom: 46px;
  }

  .fh6-hero-grid {
    min-height: 0;
    gap: 32px;
    padding: 34px 0;
  }

  .fh6-hero-copy h1 {
    font-size: clamp(4.5rem, 22vw, 7rem);
  }

  .fh6-hero-visual {
    min-height: 320px;
  }

  .fh6-number {
    font-size: 13rem;
  }

  .fh6-section-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .fh6-grid {
    grid-template-columns: 1fr;
  }

  .fh6-card {
    min-height: 260px;
  }

  .fh6-separation {
    gap: 28px;
    padding-top: 54px;
    padding-bottom: 70px;
  }
}


/* V1.8.1.9.48 CLEAN V18 — seletor de jogo + identidade visual por universo */
.game-motorfest {
  --game-accent: #ff6038;
  --game-accent-soft: rgba(255, 96, 56, .10);
  --game-accent-line: rgba(255, 96, 56, .42);
}

.game-fh6 {
  --accent: #d75bff;
  --game-accent: #d75bff;
  --game-accent-soft: rgba(215, 91, 255, .10);
  --game-accent-line: rgba(215, 91, 255, .42);
  background:
    radial-gradient(circle at 72% 0%, rgba(215,91,255,.055), transparent 31%),
    radial-gradient(circle at 18% 20%, rgba(96,217,255,.025), transparent 28%),
    linear-gradient(180deg, #090b0e 0%, #0b0d10 100%);
}

.site-header {
  gap: clamp(14px, 1.8vw, 28px);
}

.game-switcher {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: max-content;
  margin-right: auto;
  padding: 4px;
  border: 1px solid rgba(241,239,230,.12);
  background: rgba(7,9,12,.54);
  backdrop-filter: blur(12px);
}

.game-switcher__item {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  padding: 0 10px;
  color: rgba(241,239,230,.44);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  transition: color .18s ease, background .18s ease;
}

.game-switcher__item:hover {
  color: rgba(241,239,230,.82);
  background: rgba(241,239,230,.035);
}

.game-switcher__item.is-active {
  color: var(--paper);
  background: var(--game-accent-soft);
}

.game-switcher__item.is-active::after {
  content: '';
  position: absolute;
  left: 9px;
  right: 9px;
  bottom: 2px;
  height: 1px;
  background: var(--game-accent);
}

.game-switcher__dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(241,239,230,.2);
  box-shadow: 0 0 0 1px rgba(241,239,230,.08);
}

.game-switcher__item.is-active .game-switcher__dot {
  background: var(--game-accent);
  box-shadow: 0 0 10px var(--game-accent);
}

.game-switcher__short {
  display: none;
}

.game-fh6 .brand-mark {
  border-color: rgba(215,91,255,.44);
}

.game-fh6 .site-header.scrolled {
  border-bottom-color: rgba(215,91,255,.18);
}

.game-fh6 .fh6-hero-visual {
  background:
    linear-gradient(135deg, rgba(215,91,255,.085), transparent 42%),
    #0f1216;
}

.game-fh6 .fh6-hero-visual::before {
  border-color: rgba(215,91,255,.46);
  box-shadow:
    0 0 0 38px rgba(215,91,255,.035),
    0 0 0 82px rgba(215,91,255,.018);
}

.game-fh6 .fh6-card:hover {
  border-color: rgba(215,91,255,.68);
  background: rgba(215,91,255,.045);
}

.game-fh6 .fh6-card--primary {
  border-color: rgba(215,91,255,.48);
}

.game-fh6 .fh6-status {
  border-color: rgba(215,91,255,.5);
}

@media (max-width: 1280px) and (min-width: 821px) {
  .game-switcher__full { display: none; }
  .game-switcher__short { display: inline; }
  .game-switcher__item { padding: 0 9px; }
}

@media (max-width: 820px) {
  .site-header {
    gap: 10px;
  }

  .game-switcher {
    margin-left: auto;
    margin-right: 2px;
  }

  .game-switcher__full { display: none; }
  .game-switcher__short { display: inline; }
  .game-switcher__item {
    min-height: 28px;
    padding: 0 8px;
    font-size: 8px;
  }
}

@media (max-width: 430px) {
  .brand-copy { display: none; }
  .brand { gap: 0; }
  .game-switcher { gap: 2px; }
  .game-switcher__item { padding: 0 7px; }
}


/* V1.8.1.9.48 CLEAN V19 — normalização visual das line arts no HUB Configuração Pro */
.config-hub-vehicle-card[data-category-slug="street-tier-1"] .config-hub-vehicle-media img,
.config-hub-vehicle-card[data-category-slug="street-tier-2"] .config-hub-vehicle-media img {
  width: 90%;
  height: 84%;
  transform: translateY(-10px) scale(.92);
  transform-origin: center center;
}

.config-hub-vehicle-card[data-category-slug="street-tier-1"]:hover .config-hub-vehicle-media img,
.config-hub-vehicle-card[data-category-slug="street-tier-2"]:hover .config-hub-vehicle-media img {
  transform: translateY(-10px) scale(.945);
}

.config-hub-vehicle-card[data-category-slug="rally"] .config-hub-vehicle-media img,
.config-hub-vehicle-card[data-category-slug="rally-raid"] .config-hub-vehicle-media img {
  width: 89%;
  height: 83%;
  transform: translateY(-10px) scale(.91);
  transform-origin: center center;
}

.config-hub-vehicle-card[data-category-slug="rally"]:hover .config-hub-vehicle-media img,
.config-hub-vehicle-card[data-category-slug="rally-raid"]:hover .config-hub-vehicle-media img {
  transform: translateY(-10px) scale(.935);
}

.config-hub-vehicle-card[data-category-slug="monster"] .config-hub-vehicle-media img {
  width: 84%;
  height: 80%;
  transform: translateY(-18px) scale(.84);
  transform-origin: center center;
}

.config-hub-vehicle-card[data-category-slug="monster"]:hover .config-hub-vehicle-media img {
  transform: translateY(-18px) scale(.865);
}

/* Street Tier 1 — ajustes finos por carro */
.config-hub-vehicle-card[data-vehicle-id="abarth-124-spider"] .config-hub-vehicle-media img {
  transform: translateY(-10px) scale(.92);
}
.config-hub-vehicle-card[data-vehicle-id="abarth-124-spider"]:hover .config-hub-vehicle-media img {
  transform: translateY(-10px) scale(.945);
}

.config-hub-vehicle-card[data-vehicle-id="alfa-romeo-33-stradale"] .config-hub-vehicle-media img {
  transform: translateY(-12px) scale(.89);
}
.config-hub-vehicle-card[data-vehicle-id="alfa-romeo-33-stradale"]:hover .config-hub-vehicle-media img {
  transform: translateY(-12px) scale(.915);
}

.config-hub-vehicle-card[data-vehicle-id="ferrari-250-gto"] .config-hub-vehicle-media img {
  transform: translateY(-11px) scale(.91);
}
.config-hub-vehicle-card[data-vehicle-id="ferrari-250-gto"]:hover .config-hub-vehicle-media img {
  transform: translateY(-11px) scale(.935);
}

.config-hub-vehicle-card[data-vehicle-id="mazda-mx-5-miata"] .config-hub-vehicle-media img {
  transform: translateY(-8px) scale(.93);
}
.config-hub-vehicle-card[data-vehicle-id="mazda-mx-5-miata"]:hover .config-hub-vehicle-media img {
  transform: translateY(-8px) scale(.955);
}

.config-hub-vehicle-card[data-vehicle-id="porsche-911-carrera-rs-2-7"] .config-hub-vehicle-media img {
  transform: translateY(-8px) scale(.92);
}
.config-hub-vehicle-card[data-vehicle-id="porsche-911-carrera-rs-2-7"]:hover .config-hub-vehicle-media img {
  transform: translateY(-8px) scale(.945);
}

/* Street Tier 2 — ajustes finos por carro */
.config-hub-vehicle-card[data-vehicle-id="ferrari-f50"] .config-hub-vehicle-media img {
  transform: translateY(-10px) scale(.92);
}
.config-hub-vehicle-card[data-vehicle-id="ferrari-f50"]:hover .config-hub-vehicle-media img {
  transform: translateY(-10px) scale(.945);
}

.config-hub-vehicle-card[data-vehicle-id="alpine-a110-r-ultime"] .config-hub-vehicle-media img {
  transform: translateY(-8px) scale(.93);
}
.config-hub-vehicle-card[data-vehicle-id="alpine-a110-r-ultime"]:hover .config-hub-vehicle-media img {
  transform: translateY(-8px) scale(.955);
}

.config-hub-vehicle-card[data-vehicle-id="ferrari-gto-1984"] .config-hub-vehicle-media img {
  transform: translateY(-10px) scale(.91);
}
.config-hub-vehicle-card[data-vehicle-id="ferrari-gto-1984"]:hover .config-hub-vehicle-media img {
  transform: translateY(-10px) scale(.935);
}


/* V1.8.1.9.48 CLEAN V20 — HUB com line arts padronizadas no padrão visual de Hypercar */
.config-hub-vehicle-card[data-category-slug="street-tier-1"] .config-hub-vehicle-media img,
.config-hub-vehicle-card[data-category-slug="street-tier-2"] .config-hub-vehicle-media img,
.config-hub-vehicle-card[data-category-slug="rally"] .config-hub-vehicle-media img,
.config-hub-vehicle-card[data-category-slug="rally-raid"] .config-hub-vehicle-media img,
.config-hub-vehicle-card[data-category-slug="monster"] .config-hub-vehicle-media img {
  width: 96%;
  height: 92%;
  object-fit: contain;
  transform: translateY(0) scale(1);
  transform-origin: center center;
}

.config-hub-vehicle-card[data-category-slug="street-tier-1"]:hover .config-hub-vehicle-media img,
.config-hub-vehicle-card[data-category-slug="street-tier-2"]:hover .config-hub-vehicle-media img,
.config-hub-vehicle-card[data-category-slug="rally"]:hover .config-hub-vehicle-media img,
.config-hub-vehicle-card[data-category-slug="rally-raid"]:hover .config-hub-vehicle-media img,
.config-hub-vehicle-card[data-category-slug="monster"]:hover .config-hub-vehicle-media img {
  transform: translateY(0) scale(1.035);
}

/* Street Tier 1 — compensações finas */
.config-hub-vehicle-card[data-vehicle-id="fiat-500-f"] .config-hub-vehicle-media img {
  width: 92%;
  height: 88%;
  transform: translateY(2px) scale(.93);
}
.config-hub-vehicle-card[data-vehicle-id="fiat-500-f"]:hover .config-hub-vehicle-media img {
  transform: translateY(2px) scale(.955);
}

.config-hub-vehicle-card[data-vehicle-id="abarth-500"] .config-hub-vehicle-media img {
  width: 93%;
  height: 88%;
  transform: translateY(1px) scale(.94);
}
.config-hub-vehicle-card[data-vehicle-id="abarth-500"]:hover .config-hub-vehicle-media img {
  transform: translateY(1px) scale(.965);
}

.config-hub-vehicle-card[data-vehicle-id="volkswagen-golf-gti-1800"] .config-hub-vehicle-media img {
  width: 92%;
  height: 86%;
  transform: translateY(3px) scale(.92);
}
.config-hub-vehicle-card[data-vehicle-id="volkswagen-golf-gti-1800"]:hover .config-hub-vehicle-media img {
  transform: translateY(3px) scale(.945);
}

.config-hub-vehicle-card[data-vehicle-id="alfa-romeo-33-stradale"] .config-hub-vehicle-media img {
  width: 96%;
  height: 91%;
  transform: translateY(0) scale(.98);
}
.config-hub-vehicle-card[data-vehicle-id="alfa-romeo-33-stradale"]:hover .config-hub-vehicle-media img {
  transform: translateY(0) scale(1.005);
}

/* Street Tier 2 — subir o tamanho para o padrão visual de Hypercar */
.config-hub-vehicle-card[data-vehicle-id="ferrari-gto-1984"] .config-hub-vehicle-media img,
.config-hub-vehicle-card[data-vehicle-id="alpine-a110-r-ultime"] .config-hub-vehicle-media img,
.config-hub-vehicle-card[data-vehicle-id="ferrari-f50"] .config-hub-vehicle-media img {
  width: 98%;
  height: 94%;
  transform: translateY(2px) scale(1.02);
}

.config-hub-vehicle-card[data-vehicle-id="ferrari-gto-1984"]:hover .config-hub-vehicle-media img,
.config-hub-vehicle-card[data-vehicle-id="alpine-a110-r-ultime"]:hover .config-hub-vehicle-media img,
.config-hub-vehicle-card[data-vehicle-id="ferrari-f50"]:hover .config-hub-vehicle-media img {
  transform: translateY(2px) scale(1.045);
}

/* Rally e Rally Raid — usar enquadramento padrão Hypercar com leve compensação */
.config-hub-vehicle-card[data-category-slug="rally"] .config-hub-vehicle-media img,
.config-hub-vehicle-card[data-category-slug="rally-raid"] .config-hub-vehicle-media img {
  width: 95%;
  height: 90%;
  transform: translateY(1px) scale(.98);
}

.config-hub-vehicle-card[data-category-slug="rally"]:hover .config-hub-vehicle-media img,
.config-hub-vehicle-card[data-category-slug="rally-raid"]:hover .config-hub-vehicle-media img {
  transform: translateY(1px) scale(1.005);
}

/* Monster — centralizado e sem exagero de escala */
.config-hub-vehicle-card[data-category-slug="monster"] .config-hub-vehicle-media img {
  width: 92%;
  height: 88%;
  transform: translateY(6px) scale(.93);
}

.config-hub-vehicle-card[data-category-slug="monster"]:hover .config-hub-vehicle-media img {
  transform: translateY(6px) scale(.955);
}


/* V20 STANDARD — páginas de configuração unificadas */
body.settings-page .settings-select--setup .config-select-menu {
  gap: 4px;
  padding: 6px;
}
body.settings-page .settings-select--setup .config-select-option {
  min-height: 42px;
  padding: 8px 10px;
}
body.settings-page .settings-select--setup .config-select-option-copy {
  display: block;
  min-width: 0;
}
body.settings-page .settings-select--setup .config-select-option-copy strong {
  display: block;
  overflow: hidden;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body.settings-page .settings-select--setup .config-select-option-copy small {
  display: none !important;
}

body.settings-page .vehicle-performance-panel--standard .vehicle-performance-modes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin-bottom: 6px;
}
body.settings-page .vehicle-performance-panel--standard .vehicle-performance-modes button,
body.settings-page .vehicle-performance-panel--standard .vehicle-performance-track-toggle {
  min-height: 34px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}
body.settings-page .vehicle-performance-panel--standard .vehicle-performance-track-toggle {
  width: 100%;
  margin: 0 0 14px;
}
body.settings-page .vehicle-performance-panel--standard .vehicle-performance-level > span {
  font-size: 1em;
}
body.settings-page .vehicle-performance-panel--standard .vehicle-performance-fixed {
  margin-bottom: 13px;
}
body.settings-page .vehicle-performance-panel--standard .vehicle-performance-dynamic {
  margin-top: 0;
}
body.settings-page .vehicle-performance-panel--standard .vehicle-performance-stat.is-unavailable .vehicle-performance-stat-line strong {
  color: rgba(241,239,230,.62);
}
body.settings-page .vehicle-performance-panel--standard .vehicle-performance-bar.is-empty i {
  width: 0 !important;
}
body.settings-page .vehicle-performance-panel--standard .vehicle-performance-section-label[hidden],
body.settings-page .vehicle-performance-panel--standard .vehicle-performance-fixed[hidden],
body.settings-page .vehicle-performance-panel--standard .vehicle-performance-dynamic[hidden] {
  display: none !important;
}

@media (max-width: 520px) {
  body.settings-page .vehicle-performance-panel--standard .vehicle-performance-modes button,
  body.settings-page .vehicle-performance-panel--standard .vehicle-performance-track-toggle {
    font-size: 8px;
    letter-spacing: .07em;
  }
}

/* V20 STANDARD GLOBAL — uma única linguagem visual para TODAS as fichas */
body.settings-page .pro-vehicle-quickinfo {
  position: relative;
  z-index: 4;
  width: min(100%, 610px);
  margin-top: 24px;
}
body.settings-page .pro-vehicle-quickinfo-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
body.settings-page .pro-vehicle-quickinfo-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid rgba(241,239,230,.13);
  background: rgba(8,10,12,.46);
  color: #d7d9dc;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}
body.settings-page .pro-vehicle-quickinfo-chips span:first-child {
  border-color: rgba(255,96,56,.34);
  color: var(--accent);
}
body.settings-page .pro-vehicle-quickinfo p {
  max-width: 540px;
  margin: 10px 0 0;
  color: #8f949b;
  font-size: 11px;
  line-height: 1.55;
}

body.settings-page .vehicle-performance-toggle {
  order: 5;
  width: 100%;
  min-height: 56px;
  margin-top: 22px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(241,239,230,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
  color: var(--paper);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease;
}
body.settings-page .vehicle-performance-toggle:hover,
body.settings-page .vehicle-performance-toggle.is-open {
  border-color: rgba(255,96,56,.45);
  background: rgba(255,96,56,.045);
}
body.settings-page .vehicle-performance-toggle-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}
body.settings-page .vehicle-performance-toggle-copy small {
  color: var(--accent);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .14em;
}
body.settings-page .vehicle-performance-toggle-copy strong {
  color: var(--paper);
  font-size: 13px;
  font-weight: 800;
}
body.settings-page .vehicle-performance-toggle .tabler-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: var(--accent);
  transition: transform .18s ease;
}
body.settings-page .vehicle-performance-toggle.is-open .tabler-icon {
  transform: rotate(180deg);
}
body.settings-page .vehicle-performance-panel--standard {
  order: 5;
}
body.settings-page .vehicle-performance-panel--standard[hidden] {
  display: none !important;
}
body.settings-page .vehicle-performance-panel--standard.is-open {
  margin-top: 8px;
}

@media (min-width: 1101px) {
  body.settings-page .pro-settings-head {
    min-height: 240px;
    overflow: visible;
  }
  body.settings-page .pro-settings-head-art,
  body.settings-page .pro-settings-head-art--vehicle-art {
    top: 24px;
    right: 38px;
    width: min(58vw, 760px);
    z-index: 1;
  }
  body.settings-page .pro-settings-head-art img,
  body.settings-page .pro-settings-head-art--vehicle-art > img,
  body.settings-page .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100%;
    height: auto;
    max-height: 330px;
    transform: none;
    object-fit: contain;
    object-position: right top;
    opacity: .42;
  }
  body.settings-page .pro-settings-summary {
    position: relative;
    z-index: 3;
    margin-top: 4px;
  }
}

@media (max-width: 1100px) {
  body.settings-page .pro-vehicle-quickinfo { margin-top: 18px; }
  body.settings-page .pro-settings-head-art,
  body.settings-page .pro-settings-head-art--vehicle-art {
    transform: none;
  }
  body.settings-page .pro-settings-head-art img,
  body.settings-page .pro-settings-head-art--vehicle-art > img,
  body.settings-page .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    transform: none;
    object-fit: contain;
  }
}

@media (max-width: 520px) {
  body.settings-page .pro-vehicle-quickinfo { margin-top: 14px; }
  body.settings-page .pro-vehicle-quickinfo-chips span {
    min-height: 25px;
    padding: 0 8px;
    font-size: 8px;
  }
}

/* Mesmo comportamento lateral em ultrawide para todas as páginas. */
@media (min-width: 2360px) and (min-height: 850px) {
  body.settings-page .settings-radar-panel {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    left: max(16px, calc((100vw - 1440px) / 2 - 524px));
    right: auto;
    z-index: 35;
    width: 500px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 26px);
    margin-top: 0;
    padding: 16px;
    display: block;
    overflow: hidden;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }
  body.settings-page .vehicle-performance-toggle {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    left: auto;
    z-index: 36;
    width: 420px;
    min-height: 56px;
    margin-top: 0;
    background: rgba(10,12,15,.94);
    backdrop-filter: blur(14px);
  }
  body.settings-page .vehicle-performance-panel--standard {
    position: fixed;
    top: calc(86px + clamp(44px, 6vw, 76px) - 15px + 64px);
    right: max(16px, calc((100vw - 1440px) / 2 - 444px));
    left: auto;
    z-index: 35;
    width: 420px;
    max-height: calc(100vh - (86px + clamp(44px, 6vw, 76px) - 15px) - 90px);
    margin-top: 0;
    padding: 16px;
    overflow: auto;
    border-color: rgba(241,239,230,.16);
    background: rgba(10,12,15,.92);
    backdrop-filter: blur(14px);
  }
}

/* V20 EVENTOS — line art laranja igual ao Hub de Configurações Pro.
   Aplica apenas apresentação via CSS; os arquivos de imagem permanecem intactos. */
.grand-race-page .grand-race-meta-art img {
  filter: var(--vehicle-art-orange-filter) drop-shadow(0 14px 18px rgba(0,0,0,.22));
}

.grand-race-page .grand-race-meta-car:hover .grand-race-meta-art img {
  filter: var(--vehicle-art-orange-filter) drop-shadow(0 18px 22px rgba(0,0,0,.30));
}

/* V20 TESTE VISUAL — entrada das artes dos carros (fade + slide)
   Apenas apresentação: não altera os arquivos de imagem nem os dados dos veículos. */
img.vehicle-art-arrive {
  --vehicle-arrive-opacity: 1;
  opacity: 0;
  translate: -20px 0;
  transition:
    opacity .44s cubic-bezier(.22,.75,.22,1) var(--vehicle-arrive-delay, 0ms),
    translate .44s cubic-bezier(.22,.75,.22,1) var(--vehicle-arrive-delay, 0ms),
    transform .24s ease,
    filter .24s ease;
  will-change: opacity, translate;
}

.config-hub-vehicle-media img.vehicle-art-arrive {
  --vehicle-arrive-opacity: .76;
}

.config-hub-recent-media img.vehicle-art-arrive {
  --vehicle-arrive-opacity: .78;
}

img.vehicle-art-arrive.is-arrived {
  opacity: var(--vehicle-arrive-opacity);
  translate: 0 0;
}

@media (prefers-reduced-motion: reduce) {
  img.vehicle-art-arrive,
  img.vehicle-art-arrive.is-arrived {
    opacity: var(--vehicle-arrive-opacity);
    translate: 0 0;
    transition: none;
    will-change: auto;
  }
}


/* V20 BUTTON FIX GLOBAL — Teste em Pista
   Não depende de IDs individuais; vale para toda ficha padrão atual e futura. */
body.settings-page .vehicle-performance-panel--standard .vehicle-performance-track-toggle {
  -webkit-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  min-height: 34px;
  margin: 0 0 14px;
  padding: 8px 12px;
  border: 1px solid rgba(241,239,230,.18);
  border-radius: 0;
  background: #0b0d10;
  color: #8f959d;
  box-shadow: none;
  cursor: pointer;
  font: inherit;
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .09em;
  text-align: center;
  text-transform: uppercase;
  transition: border-color .18s ease, background .18s ease, color .18s ease;
}
body.settings-page .vehicle-performance-panel--standard .vehicle-performance-track-toggle:hover {
  border-color: rgba(255,96,56,.58);
  background: #11151a;
  color: var(--paper);
}
body.settings-page .vehicle-performance-panel--standard .vehicle-performance-track-toggle:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
body.settings-page .vehicle-performance-panel--standard .vehicle-performance-track-toggle.is-active {
  border-color: rgba(255,96,56,.72);
  background: rgba(255,96,56,.10);
  color: var(--accent);
}
@media (max-width: 520px) {
  body.settings-page .vehicle-performance-panel--standard .vehicle-performance-track-toggle {
    font-size: 8px;
    letter-spacing: .07em;
  }
}

.news-item--link { color: inherit; text-decoration: none; }
.news-item--link:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
.news-item--link:hover .news-arrow { color: var(--accent); transform: translate(2px,-2px); }
.news-item--link .news-arrow { transition: color .18s ease, transform .18s ease; }


/* V20 — Hub de Atualizações */
.updates-hub-main {
  position: relative;
  z-index: 1;
  padding-top: 132px;
  padding-bottom: clamp(72px, 9vw, 140px);
}
.updates-hub-hero {
  position: relative;
  min-height: 420px;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
  gap: clamp(32px, 6vw, 90px);
  align-items: end;
  padding-top: clamp(42px, 7vw, 96px);
  padding-bottom: clamp(48px, 6vw, 86px);
  border-bottom: 1px solid var(--line);
}
.updates-hub-hero::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: min(42vw, 520px);
  height: 1px;
  background: var(--accent);
}
.updates-hub-hero h1 {
  margin: 14px 0 20px;
  font-family: var(--condensed);
  font-size: clamp(58px, 9vw, 132px);
  font-weight: 800;
  line-height: .82;
  letter-spacing: -.04em;
  text-transform: uppercase;
}
.updates-hub-hero h1 .accent { display: block; }
.updates-hub-lead {
  max-width: 760px;
  margin: 0;
  color: #a6abb2;
  font-size: clamp(14px, 1.4vw, 18px);
  line-height: 1.75;
}
.updates-hub-stat {
  justify-self: end;
  width: min(100%, 390px);
  padding: 24px;
  border: 1px solid var(--line);
  background: rgba(17,21,26,.78);
  backdrop-filter: blur(10px);
}
.updates-hub-stat small,
.updates-hub-kicker {
  color: var(--accent);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.updates-hub-stat strong {
  display: block;
  margin: 8px 0 6px;
  font-family: var(--condensed);
  font-size: 42px;
  text-transform: uppercase;
}
.updates-hub-stat p { margin: 0; color: #858b93; font-size: 12px; line-height: 1.65; }
.updates-hub-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 28px 0 18px;
  border-bottom: 1px solid var(--line);
}
.updates-hub-toolbar h2 {
  margin: 0;
  font-family: var(--condensed);
  font-size: clamp(28px, 4vw, 46px);
  font-weight: 700;
  text-transform: uppercase;
}
.updates-hub-count { color: #777d85; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
.updates-featured {
  position: relative;
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr) auto;
  gap: clamp(18px, 3vw, 44px);
  align-items: end;
  min-height: 390px;
  padding: clamp(28px, 4vw, 58px) 0;
  border-bottom: 1px solid var(--line);
  overflow: hidden;
}
.updates-featured::before {
  content: "";
  position: absolute;
  inset: 28px 0;
  background:
    linear-gradient(90deg, rgba(255,96,56,.065), transparent 28%),
    rgba(17,21,26,.34);
  border-left: 2px solid var(--accent);
  opacity: .7;
  transition: opacity .2s ease, background .2s ease;
  pointer-events: none;
}
.updates-featured:hover::before { opacity: 1; background: linear-gradient(90deg, rgba(255,96,56,.11), transparent 36%), rgba(17,21,26,.62); }
.updates-featured > * { position: relative; z-index: 1; }
.updates-featured-index {
  align-self: start;
  padding-top: 34px;
  color: #61676f;
  font-family: var(--condensed);
  font-size: clamp(44px, 6vw, 78px);
  font-weight: 700;
}
.updates-featured-copy { padding: 34px 0; max-width: 900px; }
.updates-featured-copy .news-tag { font-size: 9px; }
.updates-featured-copy h3 {
  margin: 14px 0 14px;
  font-family: var(--condensed);
  font-size: clamp(42px, 6vw, 78px);
  font-weight: 700;
  line-height: .94;
  text-transform: uppercase;
}
.updates-featured-copy p { max-width: 760px; margin: 0; color: #9298a0; font-size: 13px; line-height: 1.75; }
.updates-featured-meta { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 22px; color: #686e76; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.updates-featured-arrow { align-self: center; padding: 24px; font-size: 30px; color: #8b9198; transition: color .2s ease, transform .2s ease; }
.updates-featured:hover .updates-featured-arrow { color: var(--accent); transform: translate(4px,-4px); }
.updates-hub-lanes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 50px;
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}
.updates-hub-lane {
  min-height: 150px;
  padding: 22px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.updates-hub-lane small { color: var(--accent); font-size: 8px; letter-spacing: .16em; text-transform: uppercase; }
.updates-hub-lane strong { display:block; margin-top: 12px; font-family: var(--condensed); font-size: 24px; text-transform: uppercase; }
.updates-hub-lane span { display:block; margin-top: 5px; color:#6f757d; font-size:10px; line-height:1.55; }
.updates-hub-back { margin-bottom: 28px; }

@media (max-width: 900px) {
  .updates-hub-hero { grid-template-columns: 1fr; min-height: auto; }
  .updates-hub-stat { justify-self: start; }
  .updates-featured { grid-template-columns: 64px minmax(0,1fr) 42px; }
  .updates-hub-lanes { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 620px) {
  .updates-hub-main { padding-top: 106px; }
  .updates-hub-hero h1 { font-size: clamp(54px, 18vw, 82px); }
  .updates-featured {
    grid-template-columns: minmax(0, 1fr) 32px;
    min-height: 0;
    padding-left: 20px;
    padding-right: 6px;
  }
  .updates-featured::before { inset: 28px 0 28px 0; }
  .updates-featured-index { grid-column: 1 / -1; padding: 22px 0 0; font-size: 36px; }
  .updates-featured-copy { min-width: 0; padding: 8px 0 28px; }
  .updates-featured-copy h3 { font-size: clamp(36px, 12vw, 56px); }
  .updates-featured-copy p { max-width: 100%; }
  .updates-featured-arrow { padding: 10px 0; }
  .updates-hub-lanes { grid-template-columns: 1fr; }
  .updates-hub-toolbar { align-items: flex-end; }
}


/* V20 — publicações secundárias do Hub de Atualizações */
.updates-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--line)}
.updates-story-card{position:relative;min-width:0;padding:34px 34px 38px;border-right:1px solid var(--line);color:inherit;text-decoration:none;background:rgba(17,21,26,.28);transition:background .2s ease,border-color .2s ease}
.updates-story-card:last-child{border-right:0}
.updates-story-card:hover{background:linear-gradient(135deg,rgba(255,96,56,.09),rgba(17,21,26,.62));text-decoration:none}
.updates-story-index{display:block;margin-bottom:26px;color:#646a72;font-family:var(--condensed);font-size:34px;font-weight:700}
.updates-story-card h3{max-width:620px;margin:12px 0 12px;font-family:var(--condensed);font-size:clamp(30px,3.2vw,48px);font-weight:700;line-height:.98;text-transform:uppercase}
.updates-story-card p{max-width:620px;margin:0;color:#9298a0;font-size:12px;line-height:1.7}
.updates-story-arrow{position:absolute;right:28px;top:28px;color:#7f858d;font-size:22px;transition:color .2s ease,transform .2s ease}
.updates-story-card:hover .updates-story-arrow{color:var(--accent);transform:translate(3px,-3px)}
.guide-card.is-coming-soon{cursor:default}
.guide-card.is-coming-soon:hover{transform:none}
.guide-card.is-coming-soon .guide-arrow{font-family:var(--sans);font-size:8px;font-weight:800;letter-spacing:.12em;color:#777d85}
@media(max-width:760px){.updates-story-grid{grid-template-columns:1fr}.updates-story-card{border-right:0;border-bottom:1px solid var(--line)}.updates-story-card:last-child{border-bottom:0}}

/* Guias publicados */
.guide-card[href]{cursor:pointer;text-decoration:none}
.guide-card[href]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.guide-card[href]:hover .guide-arrow{color:var(--accent);transform:translate(2px,-2px)}
.guide-card[href] .guide-arrow{transition:color .2s ease,transform .2s ease}


/* V20 RELEASE — HOTFIX MOBILE FINAL */
@media (max-width: 820px) {
  .site-header {
    gap: 10px;
    min-height: 72px;
  }

  .brand {
    flex: 0 0 auto;
    min-width: 0;
  }

  .menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-left: 0;
    padding: 0;
    flex: 0 0 44px;
    border: 1px solid rgba(241,239,230,.14);
    background: rgba(15,17,20,.84);
    position: relative;
    z-index: 66;
  }

  .menu-toggle span {
    width: 18px;
    margin: 3px 0;
  }

  .main-nav {
    z-index: 65;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .game-switcher {
    margin-left: auto;
    margin-right: 0;
    flex: 0 1 auto;
    min-width: 0;
  }

  .game-switcher__item {
    min-width: 0;
  }

  .config-hub-main,
  .rec-hub-main,
  .vehicle-compare-main,
  .pro-settings-main {
    padding-top: 84px;
  }

  .config-hub-hero,
  .rec-hub-hero,
  .vehicle-compare-hero {
    padding-top: 20px;
    padding-bottom: 34px;
  }

  .config-hub-back,
  .settings-back-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
  }

  .config-hub-hero-grid,
  .rec-hub-hero-grid,
  .vehicle-compare-hero-grid {
    gap: 28px;
  }

  .config-hub-hero-copy h1 {
    font-size: clamp(3.3rem, 18vw, 5.3rem);
    line-height: .82;
    overflow-wrap: anywhere;
  }

  .rec-hub-hero-copy h1,
  .vehicle-compare-hero h1 {
    font-size: clamp(3.15rem, 17vw, 5rem);
    line-height: .82;
    overflow-wrap: anywhere;
  }

  .config-hub-hero-copy p,
  .rec-hub-hero-copy p,
  .vehicle-compare-hero p {
    font-size: .98rem;
    line-height: 1.65;
  }

  .config-hub-primary-action {
    width: 100%;
    justify-content: space-between;
  }

  .config-hub-filter-summary {
    justify-content: flex-start;
    white-space: normal;
  }

  .settings-header .main-nav {
    position: fixed;
    inset: 72px 0 0;
    padding: 32px var(--pad);
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
    background: rgba(11,13,16,.98);
    transform: translateX(100%);
    transition: transform .28s ease;
  }

  .settings-header .main-nav.open {
    transform: translateX(0);
  }

  .settings-header .main-nav a {
    width: 100%;
    padding: 18px 0;
    border-bottom: 1px solid rgba(241,239,230,.12);
    font-family: var(--condensed);
    font-size: 29px;
    letter-spacing: .03em;
  }

  .settings-header .main-nav a::after {
    display: none;
  }

  .pro-settings-shell {
    padding: 18px;
  }

  .pro-settings-head {
    grid-template-columns: 1fr;
    gap: 12px;
    min-height: 0;
  }

  .pro-settings-head h1 {
    font-size: clamp(3.35rem, 19vw, 5.7rem);
    line-height: .84;
    overflow-wrap: anywhere;
  }

  .pro-settings-head-art,
  .pro-settings-head-art--vehicle-art {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    width: min(100%, 420px) !important;
    min-height: 120px !important;
    margin: -6px auto 6px !important;
    justify-content: center !important;
  }

  .pro-settings-head-art img,
  .pro-settings-head-art--vehicle-art > img,
  .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100% !important;
    max-height: 180px !important;
    object-fit: contain;
    object-position: center top !important;
    opacity: .36;
    transform: translate(0, 0) !important;
  }

  .pro-settings-summary {
    margin-top: 8px;
  }

  .pro-settings-summary .summary-copy h2 {
    font-size: clamp(2.7rem, 13vw, 4.1rem);
    line-height: .92;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 560px) {
  .menu-toggle {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
  }

  .game-switcher {
    gap: 2px;
    padding: 3px;
  }

  .game-switcher__item {
    min-height: 26px;
    padding: 0 7px;
    font-size: 8px;
  }

  .config-hub-main,
  .rec-hub-main,
  .vehicle-compare-main,
  .pro-settings-main {
    padding-top: 82px;
  }

  .config-hub-hero-stats > div {
    padding: 18px 14px;
  }

  .config-hub-hero-stats strong {
    font-size: 2.15rem;
  }

  .config-hub-section-head h2,
  .rec-hub-browser h2,
  .vehicle-compare-hero h1 {
    overflow-wrap: anywhere;
  }

  .pro-settings-head-art,
  .pro-settings-head-art--vehicle-art {
    width: min(100%, 320px) !important;
    min-height: 96px !important;
    margin: -12px auto 2px !important;
  }

  .pro-settings-head-art img,
  .pro-settings-head-art--vehicle-art > img,
  .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    max-height: 150px !important;
  }
}


/* V20 RELEASE — MOBILE CONFIG PRO REFINADO */
@media (max-width: 820px) {
  .site-header {
    min-height: 68px;
    padding-left: 16px;
    padding-right: 16px;
    background: rgba(11,13,16,.96);
    border-bottom: 1px solid rgba(241,239,230,.12);
    backdrop-filter: blur(14px);
  }

  .site-header.scrolled {
    min-height: 68px;
    background: rgba(11,13,16,.97);
  }

  .menu-toggle {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(241,239,230,.18);
    background: rgba(10,12,15,.92);
    color: var(--text);
    position: relative;
    z-index: 72;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  .menu-toggle span {
    display: block;
    width: 17px;
    height: 1px;
    margin: 0;
    flex: 0 0 1px;
    background: currentColor;
    transform-origin: center;
    transition: transform .2s ease, opacity .2s ease;
  }

  .menu-toggle.active span:first-child {
    transform: translateY(3px) rotate(45deg);
  }

  .menu-toggle.active span:last-child {
    transform: translateY(-3px) rotate(-45deg);
  }

  .main-nav,
  .settings-header .main-nav {
    position: fixed;
    inset: 68px 0 0;
    z-index: 70;
    width: 100%;
    height: calc(100dvh - 68px);
    padding: 22px 20px 34px;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: rgba(9,11,14,.985);
    backdrop-filter: blur(18px);
    transform: translate3d(100%,0,0);
    transition: transform .24s ease;
  }

  .main-nav.open,
  .settings-header .main-nav.open {
    transform: translate3d(0,0,0);
  }

  .main-nav a,
  .settings-header .main-nav a {
    width: 100%;
    padding: 16px 2px;
    border-bottom: 1px solid rgba(241,239,230,.12);
    font-family: var(--condensed);
    font-size: 26px;
    line-height: 1;
    letter-spacing: .025em;
  }

  body.menu-open .site-header {
    background: #090b0e;
  }

  body.settings-page .pro-settings-main {
    padding-top: 78px;
  }

  body.settings-page .settings-home-row {
    padding-top: 12px;
    padding-bottom: 8px;
  }

  body.settings-page .pro-settings-sheet {
    padding-left: 12px;
    padding-right: 12px;
  }

  body.settings-page .pro-settings-shell {
    padding: 18px 16px 22px;
    overflow: visible;
  }

  /* Ordem mobile: identidade do carro antes dos controles. */
  body.settings-page .pro-settings-head { order: 1; }
  body.settings-page .pro-settings-summary { order: 2; }
  body.settings-page .pro-settings-filters { order: 3; }
  body.settings-page .vehicle-performance-toggle,
  body.settings-page .vehicle-performance-panel--standard { order: 4; }
  body.settings-page .vehicle-report-panel { order: 5; }
  body.settings-page .settings-radar-panel { order: 6; }
  body.settings-page .settings-lab-toolbar { order: 7; }
  body.settings-page .pro-settings-list { order: 8; }

  body.settings-page .pro-settings-head {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    min-height: 0;
    width: 100%;
    align-items: start;
  }

  body.settings-page .pro-settings-head > div:first-child {
    min-width: 0;
  }

  body.settings-page .pro-settings-head .eyebrow {
    font-size: 9px;
    line-height: 1.45;
    letter-spacing: .18em;
  }

  body.settings-page .pro-settings-head h1 {
    max-width: 100%;
    margin: 8px 0 0;
    font-size: clamp(2.9rem, 12.2vw, 3.8rem);
    line-height: .86;
    letter-spacing: -.035em;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }

  body.settings-page .pro-vehicle-quickinfo {
    width: 100%;
    margin-top: 16px;
  }

  body.settings-page .pro-vehicle-quickinfo-chips {
    gap: 6px;
  }

  body.settings-page .pro-vehicle-quickinfo-chips span {
    min-height: 24px;
    padding: 0 8px;
    font-size: 7.5px;
  }

  body.settings-page .pro-vehicle-quickinfo p {
    max-width: 100%;
    margin-top: 9px;
    font-size: 11px;
    line-height: 1.55;
  }

  body.settings-page .pro-settings-head-art,
  body.settings-page .pro-settings-head-art--vehicle-art {
    position: relative !important;
    inset: auto !important;
    width: min(92%, 330px) !important;
    min-height: 0 !important;
    margin: 12px auto 0 !important;
    display: flex;
    align-items: center;
    justify-content: center !important;
    overflow: visible;
  }

  body.settings-page .pro-settings-head-art img,
  body.settings-page .pro-settings-head-art--vehicle-art > img,
  body.settings-page .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    width: 100% !important;
    height: 132px !important;
    max-height: 132px !important;
    object-fit: contain;
    object-position: center !important;
    opacity: .48;
    transform: none !important;
    filter: var(--vehicle-art-orange-filter) drop-shadow(0 14px 20px rgba(0,0,0,.28));
  }

  body.settings-page .pro-settings-summary {
    width: 100%;
    margin: 14px 0 0;
    padding: 18px 0 4px;
    border-top: 1px solid rgba(241,239,230,.10);
  }

  body.settings-page .pro-settings-summary .pro-vehicle-brand {
    margin-bottom: 7px;
    font-size: .82rem;
    letter-spacing: .12em;
  }

  body.settings-page .pro-settings-summary .summary-copy h2 {
    max-width: 100%;
    margin: 0;
    font-size: clamp(2.25rem, 10.6vw, 3.1rem);
    line-height: .93;
    letter-spacing: -.025em;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }

  body.settings-page .pro-settings-summary .summary-copy h2 small {
    font-size: .72em;
    line-height: 1;
  }

  body.settings-page .summary-copy ul {
    margin: 10px 0 0;
    padding-left: 0;
    list-style: none;
  }

  body.settings-page .summary-copy li {
    font-size: 11.5px;
    line-height: 1.55;
    color: #b9bdc2;
  }

  body.settings-page .pro-settings-filters {
    width: 100%;
    margin: 20px 0 2px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 11px;
  }

  body.settings-page .settings-select > span {
    margin-bottom: 6px;
    font-size: 10px;
  }

  body.settings-page .config-select-button {
    min-height: 48px;
    padding-left: 13px;
    padding-right: 12px;
  }

  body.settings-page .config-select-button span,
  body.settings-page .settings-select--setup .config-select-button span {
    min-width: 0;
    font-size: 13px;
    line-height: 1.25;
    white-space: normal;
    text-align: left;
  }

  body.settings-page .vehicle-performance-toggle {
    min-height: 54px;
    margin-top: 18px;
  }

  body.settings-page .vehicle-report-panel {
    margin-top: 10px;
    padding: 14px;
    gap: 14px;
  }

  body.settings-page .vehicle-report-copy strong {
    font-size: 15px;
  }

  body.settings-page .vehicle-report-copy p {
    margin-bottom: 0;
    font-size: 10.5px;
    line-height: 1.55;
  }

  body.settings-page .vehicle-report-button {
    min-height: 44px;
    font-size: 9px;
  }

  body.settings-page .settings-radar-panel {
    margin-top: 18px;
  }
}

@media (max-width: 430px) {
  .site-header {
    padding-left: 12px;
    padding-right: 12px;
  }

  .brand-mark {
    width: 38px;
    height: 38px;
    font-size: 19px;
  }

  .game-switcher {
    padding: 3px;
    gap: 2px;
  }

  .game-switcher__item {
    min-height: 26px;
    padding: 0 6px;
    font-size: 7.5px;
  }

  .menu-toggle {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
  }

  body.settings-page .pro-settings-sheet {
    padding-left: 8px;
    padding-right: 8px;
  }

  body.settings-page .pro-settings-shell {
    padding-left: 14px;
    padding-right: 14px;
  }

  body.settings-page .pro-settings-head h1 {
    font-size: clamp(2.7rem, 12vw, 3.25rem);
  }

  body.settings-page .pro-settings-head-art,
  body.settings-page .pro-settings-head-art--vehicle-art {
    width: min(94%, 300px) !important;
  }

  body.settings-page .pro-settings-head-art img,
  body.settings-page .pro-settings-head-art--vehicle-art > img,
  body.settings-page .pro-settings-head-art--vehicle-art > img[data-vehicle-art] {
    height: 118px !important;
    max-height: 118px !important;
  }

  body.settings-page .pro-settings-summary .summary-copy h2 {
    font-size: clamp(2.1rem, 10.2vw, 2.75rem);
  }
}


/* V20 MOBILE V3 — HOME sem overflow horizontal / hamburger sempre visível */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

@supports (overflow: clip) {
  html,
  body { overflow-x: clip; }
}

@media (max-width: 820px) {
  body.home-page {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
  }

  body.home-page .site-header {
    width: 100%;
    max-width: 100vw;
    left: 0;
    right: 0;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
    justify-content: flex-start;
  }

  body.home-page .site-header .brand {
    position: relative;
    z-index: 74;
    flex: 0 0 auto;
    max-width: calc(100vw - 190px);
  }

  body.home-page .site-header .game-switcher {
    position: absolute;
    right: 64px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 74;
    margin: 0;
    max-width: calc(100vw - 150px);
  }

  body.home-page .site-header .menu-toggle {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 75;
    margin: 0;
  }

  body.home-page .site-header .menu-toggle.active {
    transform: translateY(-50%);
  }

  body.home-page .main-nav {
    left: 0;
    right: 0;
    width: 100vw;
    max-width: 100vw;
  }

  body.home-page main,
  body.home-page main > section,
  body.home-page .section-shell,
  body.home-page .hero,
  body.home-page .hero-grid,
  body.home-page .hero-copy,
  body.home-page .hero-visual {
    min-width: 0;
    max-width: 100%;
  }

  body.home-page .brush,
  body.home-page .noise {
    pointer-events: none;
  }
}

@media (max-width: 560px) {
  body.home-page .site-header {
    padding-left: 14px;
    padding-right: 14px;
  }

  body.home-page .site-header .brand-copy {
    display: none;
  }

  body.home-page .site-header .game-switcher {
    right: 60px;
  }

  body.home-page .site-header .menu-toggle {
    right: 14px;
  }
}

@media (max-width: 370px) {
  body.home-page .site-header .game-switcher__item {
    padding-left: 5px;
    padding-right: 5px;
  }

  body.home-page .site-header .game-switcher {
    right: 57px;
  }

  body.home-page .site-header .menu-toggle {
    right: 12px;
  }
}


/* V20 NAV HUB — navegação uniforme + Hub Aprenda Rápido */
.article-with-site-header .hero { padding-top: 142px; }
.article-back-link {
  display: inline-flex; align-items: center; gap: 8px; margin: 0 0 26px;
  color: #cfd2d7 !important; font: 800 .72rem/1.2 Inter,sans-serif;
  letter-spacing: .10em; text-transform: uppercase; text-decoration: none !important;
}
.article-back-link:hover { color: var(--accent) !important; }
.article-with-site-header .topbar { display:none !important; }

.legal-page .legal-shell { padding-top: 142px; }
.legal-page .legal-topbar { display:none; }

.guides-hub-page { min-height:100vh; background:#0b0d10; color:#f1efe6; }
.guides-hub-main { padding-top:112px; padding-bottom:90px; }
.guides-hub-hero { padding-top:34px; padding-bottom:54px; }
.guides-hub-back { margin-bottom:38px; }
.guides-hub-hero-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); gap:58px; align-items:end; padding:44px 0 48px; border-top:1px solid rgba(241,239,230,.14); border-bottom:1px solid rgba(241,239,230,.14); }
.guides-hub-hero h1 { margin:10px 0 18px; max-width:880px; font:800 clamp(5rem,8.8vw,9rem)/.78 'Barlow Condensed',sans-serif; letter-spacing:-.05em; text-transform:uppercase; }
.guides-hub-hero p { max-width:760px; margin:0; color:rgba(241,239,230,.64); font-size:1rem; line-height:1.72; }
.guides-hub-stat { padding:24px; border:1px solid rgba(241,239,230,.14); border-left-color:rgba(255,96,56,.62); background:rgba(14,16,19,.82); }
.guides-hub-stat small { color:#ff6038; font-size:.62rem; font-weight:900; letter-spacing:.16em; }
.guides-hub-stat strong { display:block; margin:8px 0 10px; font:800 2.7rem/.9 'Barlow Condensed',sans-serif; }
.guides-hub-stat p { font-size:.78rem; line-height:1.55; }
.guides-hub-list { padding-top:28px; }
.guides-hub-toolbar { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:22px; }
.guides-hub-toolbar h2 { margin:6px 0 0; font:800 clamp(3rem,5vw,5rem)/.9 'Barlow Condensed',sans-serif; text-transform:uppercase; }
.guides-hub-toolbar > span { color:rgba(241,239,230,.45); font-size:.68rem; font-weight:800; letter-spacing:.12em; }
.guides-hub-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid rgba(241,239,230,.16); border-left:1px solid rgba(241,239,230,.16); }
.guides-hub-card { position:relative; min-height:350px; padding:28px; display:flex; flex-direction:column; justify-content:flex-end; border-right:1px solid rgba(241,239,230,.16); border-bottom:1px solid rgba(241,239,230,.16); background:rgba(11,13,16,.56); overflow:hidden; transition:background .2s ease,border-color .2s ease; }
.guides-hub-card--wide { grid-column:span 2; min-height:420px; }
.guides-hub-card:hover { background:rgba(255,96,56,.045); border-color:rgba(255,96,56,.5); }
.guides-hub-card .guide-icon { position:absolute; left:28px; top:28px; color:#ff6038; font-size:1.4rem; }
.guides-hub-card .guide-index { position:absolute; right:26px; top:24px; color:#686e76; font:700 1.55rem/1 'Barlow Condensed',sans-serif; }
.guides-hub-card small { color:#8a9097; font-size:.62rem; font-weight:900; letter-spacing:.15em; }
.guides-hub-card h3 { max-width:760px; margin:12px 0 10px; font:800 clamp(2.2rem,4vw,4.5rem)/.9 'Barlow Condensed',sans-serif; text-transform:uppercase; }
.guides-hub-card p { max-width:660px; margin:0; color:rgba(241,239,230,.52); font-size:.8rem; line-height:1.55; }
.guides-hub-card .guide-arrow { position:absolute; right:28px; bottom:28px; color:#f1efe6; font-size:1.2rem; }
.guides-home-hub-cta { display:inline-flex; align-items:center; gap:12px; margin-top:22px; padding:12px 0; color:#d9dbde; font-size:.7rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.guides-home-hub-cta span { color:#ff6038; }
.section-count--link { color:var(--muted); text-decoration:none; }
.section-count--link:hover { color:var(--accent); }

@media (max-width:980px) {
  .guides-hub-hero-grid { grid-template-columns:1fr; gap:30px; }
}
@media (max-width:820px) {
  .article-with-site-header .hero { padding-top:112px; }
  .article-with-site-header .hero-grid { margin-top:0; }
  .legal-page .legal-shell { padding-top:112px; }
  .guides-hub-main { padding-top:84px; }
  .guides-hub-hero { padding-top:20px; padding-bottom:34px; }
  .guides-hub-back { margin-bottom:24px; }
  .guides-hub-hero-grid { padding:30px 0; }
  .guides-hub-hero h1 { font-size:clamp(3.4rem,18vw,5.7rem); line-height:.82; }
  .guides-hub-grid { grid-template-columns:1fr; }
  .guides-hub-card--wide { grid-column:auto; min-height:330px; }
  .guides-hub-card { min-height:300px; }
  .guides-hub-toolbar { align-items:flex-start; flex-direction:column; }
}
@media (max-width:560px) {
  .article-with-site-header .hero { padding-top:104px; }
  .article-back-link { margin-bottom:20px; font-size:.68rem; }
  .guides-hub-card { min-height:270px; padding:20px; }
  .guides-hub-card .guide-icon { left:20px; top:20px; }
  .guides-hub-card .guide-index { right:20px; top:20px; }
  .guides-hub-card .guide-arrow { right:20px; bottom:20px; }
  .guides-hub-card h3 { padding-right:22px; font-size:clamp(2rem,11vw,3.2rem); }
}


/* V20 — ficha completa GameSir G7 Pro */
.controller-product-specs {
  grid-column: 1 / -1;
  padding: clamp(26px, 4vw, 48px);
  border-top: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,96,56,.025), rgba(255,255,255,.006));
}
.controller-specs-head { max-width: 780px; margin-bottom: 26px; }
.controller-specs-head > span {
  color: var(--accent);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.controller-specs-head h3 {
  margin: 8px 0 10px;
  font-family: var(--condensed);
  font-size: clamp(34px, 4.4vw, 58px);
  line-height: .92;
  text-transform: uppercase;
}
.controller-specs-head p { margin: 0; color: #8f959d; font-size: 12px; line-height: 1.7; }
.controller-spec-highlight-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  margin-bottom: 26px;
  border: 1px solid rgba(241,239,230,.14);
}
.controller-spec-highlight-grid > div {
  padding: 18px;
  border-right: 1px solid rgba(241,239,230,.11);
  background: rgba(10,12,15,.62);
}
.controller-spec-highlight-grid > div:last-child { border-right: 0; }
.controller-spec-highlight-grid small {
  display: block;
  color: #757b83;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .13em;
}
.controller-spec-highlight-grid strong {
  display: block;
  margin-top: 7px;
  color: #f1efe6;
  font-family: var(--condensed);
  font-size: 28px;
  line-height: 1;
}
.controller-spec-sections { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.controller-spec-section { min-width: 0; padding: 20px; border: 1px solid rgba(241,239,230,.13); background: rgba(13,15,18,.76); }
.controller-spec-section h4 {
  margin: 0 0 14px;
  color: var(--accent);
  font-family: var(--condensed);
  font-size: 22px;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.controller-spec-list { margin: 0; }
.controller-spec-list > div { display: grid; grid-template-columns: minmax(150px,.72fr) minmax(0,1.28fr); gap: 16px; padding: 10px 0; border-top: 1px solid rgba(241,239,230,.08); }
.controller-spec-list > div:first-child { border-top: 0; }
.controller-spec-list dt { color: #858b93; font-size: 11px; line-height: 1.5; }
.controller-spec-list dd { margin: 0; color: #e2e0d9; font-size: 11px; font-weight: 600; line-height: 1.55; overflow-wrap: anywhere; }
.controller-spec-section--compact { align-self: start; }

@media (max-width: 820px) {
  /* Configuração Pro mobile: somente linha + bolinha arrastável */
  .setting-slider-row {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 0 !important;
  }
  .setting-slider-row .setting-side {
    display: none !important;
  }
  .setting-slider-shell {
    width: 100%;
    min-width: 0;
    height: 42px;
  }
  .setting-rail {
    left: 10px;
    right: 10px;
  }
  .setting-preset-marker {
    display: none;
  }
  .setting-range {
    height: 42px;
    cursor: grab;
    touch-action: pan-y;
  }
  .setting-range::-webkit-slider-thumb {
    width: 20px;
    height: 20px;
    margin-top: -9.5px;
  }
  .setting-range::-moz-range-thumb {
    width: 20px;
    height: 20px;
  }

  .controller-spec-highlight-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .controller-spec-highlight-grid > div { border-right: 1px solid rgba(241,239,230,.11); border-bottom: 1px solid rgba(241,239,230,.11); }
  .controller-spec-highlight-grid > div:nth-child(2n) { border-right: 0; }
  .controller-spec-highlight-grid > div:last-child { border-bottom: 0; }
  .controller-spec-sections { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .controller-product-specs { padding: 20px; }
  .controller-specs-head h3 { font-size: 38px; }
  .controller-spec-highlight-grid { grid-template-columns: 1fr 1fr; }
  .controller-spec-highlight-grid strong { font-size: 24px; }
  .controller-spec-list > div { grid-template-columns: 1fr; gap: 4px; }
  .controller-spec-list dt { font-size: 10px; }
  .controller-spec-list dd { font-size: 12px; }
}

/* Ao abrir uma recomendação por âncora, mantém o topo do produto abaixo do header fixo. */
.controller-detail-card { scroll-margin-top: 96px; }
@media (max-width: 820px) { .controller-detail-card { scroll-margin-top: 82px; } }


/* V20 — Recomendações: fichas recolhíveis + 8BitDo */
.controller-specs-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.controller-specs-head > div {
  min-width: 0;
}
.controller-specs-toggle {
  flex: 0 0 auto;
  align-self: flex-start;
  padding: 11px 14px 10px;
  border: 1px solid rgba(255,96,56,.38);
  background: rgba(255,96,56,.08);
  color: #f1efe6;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.controller-specs-toggle:hover {
  background: rgba(255,96,56,.14);
  border-color: rgba(255,96,56,.56);
}
.controller-product-specs.is-collapsed .controller-specs-body {
  display: none;
}
.controller-product-specs.is-collapsed {
  padding-bottom: 26px;
}
.controller-product-specs.is-collapsed .controller-specs-head {
  margin-bottom: 0;
}
.controller-detail-gallery { min-width: 0; }
.controller-detail-copy { min-width: 0; }
.controller-detail-copy h2,
.controller-specs-head h3,
.controller-spec-section h4 { overflow-wrap: anywhere; }
.controller-buy-row .btn { min-width: 0; }
@media (max-width: 620px) {
  .controller-detail-card { overflow: hidden; }
  .controller-detail-copy h2 {
    font-size: clamp(2.2rem, 13vw, 3.1rem);
    line-height: .88;
    overflow-wrap: anywhere;
  }
  .controller-spec-tags span { font-size: 8px; }
  .controller-specs-head {
    flex-direction: column;
    align-items: stretch;
  }
  .controller-specs-toggle { width: 100%; text-align: center; }
  .controller-product-specs { overflow: hidden; }
  .more-controller-placeholder { overflow: hidden; }
}


/* V20 — aviso beta + créditos de conteúdo */
.beta-notice__credit {
  margin-top: 6px;
  padding: 16px 17px;
  border: 1px solid rgba(255,96,56,.22);
  border-left: 2px solid var(--accent);
  background: rgba(255,96,56,.045);
}
.beta-notice__credit > span {
  display: block;
  margin-bottom: 7px;
  color: var(--accent);
  font: 900 .62rem/1 var(--sans);
  letter-spacing: .15em;
  text-transform: uppercase;
}
.beta-notice__credit > strong {
  display: block;
  margin-bottom: 8px;
  color: var(--paper);
  font: 800 1.05rem/1.1 var(--condensed);
  letter-spacing: .015em;
  text-transform: uppercase;
}
.beta-notice__credit p {
  margin: 0 !important;
  color: #9ca2aa;
  font-size: .78rem;
  line-height: 1.6;
}
.beta-notice__credit b { color: var(--paper); }
@media (max-width: 620px) {
  .beta-notice__dialog {
    max-height: calc(100dvh - 24px);
    overflow-y: auto;
  }
  .beta-notice__credit { padding: 14px; }
  .beta-notice__credit > strong { font-size: 1rem; }
}


/* V20 — reporte geral do site */
body.site-report-open { overflow: hidden; }
.site-report-fab {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 150;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  padding: 0 15px;
  border: 1px solid rgba(255,96,56,.55);
  background: rgba(11,13,16,.94);
  color: #f1efe6;
  box-shadow: 0 10px 34px rgba(0,0,0,.38);
  font: 800 10px/1 Inter, sans-serif;
  letter-spacing: .09em;
  text-transform: uppercase;
  cursor: pointer;
  backdrop-filter: blur(12px);
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.site-report-fab:hover { transform: translateY(-2px); border-color: #ff6038; background: rgba(255,96,56,.10); }
.site-report-fab svg { width: 16px; height: 16px; color: #ff6038; flex: 0 0 auto; }
.site-report-modal { position: fixed; inset: 0; z-index: 260; display: grid; place-items: center; padding: 18px; }
.site-report-modal[hidden] { display: none; }
.site-report-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.76); backdrop-filter: blur(7px); }
.site-report-dialog {
  position: relative;
  z-index: 1;
  width: min(100%, 620px);
  max-height: min(88vh, 760px);
  overflow: auto;
  padding: clamp(24px,4vw,38px);
  border: 1px solid rgba(241,239,230,.18);
  background: #101317;
  box-shadow: 0 30px 90px rgba(0,0,0,.55);
}
.site-report-close { position:absolute; top:12px; right:14px; width:34px; height:34px; border:0; background:transparent; color:#858b93; font-size:28px; cursor:pointer; }
.site-report-kicker { color:#ff6038; font-size:9px; font-weight:900; letter-spacing:.16em; }
.site-report-dialog h2 { margin:9px 38px 10px 0; font-family:var(--condensed, "Barlow Condensed", sans-serif); font-size:clamp(2.4rem,7vw,4rem); line-height:.88; text-transform:uppercase; }
.site-report-intro { margin:0 0 24px; color:#91979f; font-size:12px; line-height:1.7; }
.site-report-field { display:block; margin-top:16px; }
.site-report-field > span { display:block; margin-bottom:8px; color:#c5c8cc; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.site-report-field select, .site-report-field textarea { width:100%; border:1px solid rgba(241,239,230,.16); border-radius:0; outline:0; background:#0a0d10; color:#f1efe6; font:600 13px/1.5 Inter,sans-serif; }
.site-report-field select { min-height:48px; padding:0 13px; }
.site-report-field textarea { min-height:132px; resize:vertical; padding:13px; }
.site-report-field select:focus, .site-report-field textarea:focus { border-color:#ff6038; }
.site-report-page { margin-top:14px; padding:11px 12px; border-left:2px solid rgba(255,96,56,.6); background:rgba(255,96,56,.035); color:#737a82; font-size:10px; line-height:1.5; overflow-wrap:anywhere; }
.site-report-status { min-height:22px; margin-top:12px; color:#a3a8ae; font-size:11px; line-height:1.5; }
.site-report-status.is-error { color:#ff8b73; }
.site-report-status.is-success { color:#a7d989; }
.site-report-actions { display:flex; justify-content:flex-end; gap:9px; margin-top:18px; }
.site-report-actions button { min-height:42px; padding:0 14px; font:800 10px/1 Inter,sans-serif; letter-spacing:.08em; cursor:pointer; }
.site-report-cancel { border:1px solid rgba(241,239,230,.14); background:#0b0e11; color:#8f959d; }
.site-report-submit { border:1px solid #ff6038; background:rgba(255,96,56,.10); color:#f1efe6; }
.site-report-submit:disabled { opacity:.55; cursor:wait; }
@media (max-width: 620px) {
  .site-report-fab { right:12px; bottom:12px; min-height:40px; padding:0 12px; }
  .site-report-fab span { font-size:9px; }
  .site-report-dialog { max-height:calc(100dvh - 24px); padding:24px 18px; }
  .site-report-dialog h2 { font-size:2.7rem; }
  .site-report-actions { flex-direction:column-reverse; }
  .site-report-actions button { width:100%; }
}


/* V20 RELEASE — fluidez final, sem alteração estrutural */
/* Entrada das seções: mesmo efeito, duração menor. */
.reveal {
  transition-duration: .48s;
}

/* Transição entre páginas: mantém a identidade, reduz espera percebida. */
.race-transition-panel {
  transition-duration: .42s;
}
.race-transition-center {
  transition: opacity .20s ease, transform .26s ease;
}
.race-transition-brush {
  transition: opacity .18s ease .08s, transform .28s ease .08s;
}
.race-page-transition.is-closing .race-transition-center {
  transition-delay: .22s;
}
.race-page-transition.is-opening .race-transition-panel--top,
.race-page-transition.is-opening .race-transition-panel--bottom {
  transition-delay: .08s;
}

/* Artigos de Atualizações: volta ao tamanho editorial compacto usado no projeto. */
.article-atualizacoes .hero h1 {
  max-width: 760px;
  font-size: clamp(2.5rem, 4.25vw, 4.25rem);
  line-height: 1.01;
}
.article-atualizacoes .hero-grid {
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr);
  gap: 44px;
}

/* Pequeno feedback visual nas trocas de ficha/comparação. */
.vehicle-performance-panel.is-soft-updating,
.vehicle-compare-content.is-soft-updating {
  animation: jtvSoftUpdate .17s ease both;
}
@keyframes jtvSoftUpdate {
  0% { opacity: 1; }
  42% { opacity: .72; }
  100% { opacity: 1; }
}

@media (max-width: 980px) {
  .article-atualizacoes .hero-grid { grid-template-columns: 1fr; gap: 28px; }
}

@media (max-width: 820px) {
  /* Blur menor no painel mobile: visual praticamente igual e menos custo de GPU. */
  .main-nav,
  .settings-header .main-nav {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
  .article-atualizacoes .hero h1 {
    max-width: 100%;
    font-size: clamp(2.45rem, 12.5vw, 4rem);
    line-height: .98;
    overflow-wrap: normal;
    word-break: normal;
  }
}

@media (max-width: 560px) {
  .article-atualizacoes .hero h1 {
    font-size: clamp(2.35rem, 11.8vw, 3.45rem);
  }
}


/* V20 — Atualizações: alinhamento editorial igual aos Guias + transição completa */
.article-atualizacoes.article-with-site-header .hero {
  padding-top: 94px;
  padding-bottom: 45px;
}
.article-atualizacoes .article-back-link {
  margin-bottom: 24px;
}
.article-atualizacoes .hero-grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(270px, .65fr);
  gap: 38px;
  align-items: end;
}
.article-atualizacoes .hero h1 {
  margin: 18px 0 20px;
  max-width: 850px;
  font-size: clamp(2.55rem, 6vw, 5rem);
  line-height: 1.02;
  letter-spacing: -.018em;
}
.article-atualizacoes .hero-card {
  align-self: end;
}
@media (max-width: 980px) {
  .article-atualizacoes .hero-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}
@media (max-width: 820px) {
  .article-atualizacoes.article-with-site-header .hero {
    padding-top: 90px;
  }
  .article-atualizacoes .article-back-link {
    margin-bottom: 20px;
  }
  .article-atualizacoes .hero h1 {
    max-width: 100%;
    font-size: clamp(2.45rem, 12vw, 4rem);
    line-height: 1;
    overflow-wrap: normal;
    word-break: normal;
  }
}
@media (max-width: 560px) {
  .article-atualizacoes.article-with-site-header .hero {
    padding-top: 86px;
  }
  .article-atualizacoes .hero h1 {
    font-size: clamp(2.3rem, 11.4vw, 3.45rem);
  }
}

/* V20 — Atualizações: isola o hero editorial do hero 100vh da Home */
.article-atualizacoes .hero {
  min-height: 0;
  display: block;
  justify-content: initial;
}
.article-atualizacoes .hero-grid {
  margin-top: 0;
}
