/* Brand-only overrides. Layout, breakpoints and components come from production. */
html:root {
  --bg: #202328 !important;
  --bg-soft: #292d33 !important;
  --panel: rgba(47, 52, 60, .97) !important;
  --panel-strong: #30353d !important;
  --panel-elevated: #353b44 !important;
  --line: rgba(255, 255, 255, .1) !important;
  --line-strong: rgba(255, 255, 255, .2) !important;
  --muted: #a9a9ad !important;
  --muted-strong: #d9d9dc !important;
  --nx-navy: #252a31 !important;
  --nx-preto: #202328 !important;
}
html, html body, html body .app-shell {
  background: #202328 !important;
}
html body .site-header {
  background: rgba(22, 25, 29, .97) !important;
  border-bottom-color: rgba(255, 255, 255, .1) !important;
}
html body .home-banner {
  background: #292d33 !important;
  border-color: rgba(255, 255, 255, .1) !important;
  box-shadow: 0 24px 65px rgba(0, 0, 0, .5) !important;
}
html body .home-banner > img {
  filter: grayscale(.5) brightness(.96) !important;
}
html body .home-banner::before {
  background: linear-gradient(90deg, rgba(28, 31, 36, .98), rgba(28, 31, 36, .88) 35%, rgba(28, 31, 36, .15) 100%) !important;
}
html body .home-banner::after {
  background: none !important;
}
html body .home-featured-card {
  background: #30353d !important;
  border-color: rgba(185, 4, 4, .27) !important;
  box-shadow: 0 22px 48px rgba(0, 0, 0, .5) !important;
}
html body .home-featured-copy { background: #30353d !important; }
html body .home-quick-search > div {
  background: rgba(40, 45, 53, .96) !important;
  border-color: rgba(185, 4, 4, .38) !important;
  box-shadow: 0 0 0 1px rgba(185, 4, 4, .05) !important;
}
html body .nf-promo,
html body .nx-troca,
html body .nx-fin-resumo,
html body .nxv {
  background: linear-gradient(135deg, #353c46, #252a31 75%) !important;
  border-color: rgba(255, 255, 255, .1) !important;
  border-top-color: rgba(185, 4, 4, .32) !important;
  box-shadow: 0 14px 38px rgba(0, 0, 0, .28) !important;
}
html body .search-panel,
html body .simple-page-card,
html body .conversion-strip,
html body .nx-fin-painel,
html body .nf-janela,
html body .proposal-modal,
html body .consultant-modal,
html body .nx-foot {
  background: #292e35 !important;
  border-color: rgba(255, 255, 255, .1) !important;
}
html body .brand-logo,
html body .nx-foot img,
html body .evaluation-logo img,
html body .nx-fin img[src*="brand-logo"] {
  filter: none !important;
}
html body .site-header .brand-logo {
  height: 44px !important;
  width: auto !important;
  max-width: 230px;
}
html body .home-banner .home-banner-content h2 em,
html body .home-banner-content .eyebrow,
html body .nf-promo-num,
html body .nf-promo > div > .eyebrow,
html body .nx-foot .eyebrow {
  color: #d56868 !important;
}
html body .home-banner .home-banner-content h2 em { -webkit-text-fill-color: #d56868 !important; }
html body .primary-cta,
html body .proposal-button,
html body .animated-submit,
html body .finance-simulation-button,
html body .home-banner-primary,
html body .home-quick-search button,
html body .site-header .header-whats,
html body .nf-btn,
html body .nx-troca .nx-btn,
html body .hero-actions > .primary-cta,
html body .consultant-floating {
  color: #fff !important;
  background-color: #b90404 !important;
}
html body .home-featured-deck:empty { visibility: hidden; }
.whitelabel-evaluation-frame{display:block;width:100%;height:100dvh;border:0;background:#080808}
body:has(.whitelabel-evaluation-frame) #nx-foot{display:none!important}
html body .home-featured-card>img{object-fit:cover!important;object-position:center 40%!important;height:190px!important;filter:none!important;opacity:1!important}
@media(min-width:769px){html body .home-featured-card{width:min(64%,320px)!important}}
html body .vehicle-card-media{aspect-ratio:4/3!important;background:#30353d!important}
html body .vehicle-card-media img{object-fit:cover!important;object-position:center 42%!important;filter:none!important;opacity:1!important}
html body .vehicle-card{background:#30353d!important;border-color:#454c57!important}
html body .nx-foot img { width: 220px; height: auto; }
@media (max-width: 768px) {
  html body .site-header .brand-logo { max-width: 195px; height: 38px !important; }
  html body .home-banner::after {
    background: linear-gradient(180deg, rgba(28, 31, 36, .1), rgba(28, 31, 36, .7) 38%, #252a31 75%) !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
  }
  html body .home-featured-card>img{position:static!important;height:auto!important;aspect-ratio:4/3!important}
  html body .home-featured-copy{position:static!important;width:100%!important;max-width:none!important;min-height:0!important;padding:12px!important}
  html body .home-featured-card::before,html body .home-featured-card::after{display:none!important}
}

/* Giro Smart: retain the production flame treatment, without covering the category. */
html body .vehicle-card .fipe-discount-badge{top:auto;bottom:12px;right:12px;display:flex;align-items:center;gap:6px;padding:7px 10px;text-align:left}
html body .fipe-discount-badge strong{font-size:17px}
html body .fipe-discount-badge span{font-size:10px}
html body .detail-fipe-discount-badge{display:flex;align-items:center;gap:7px}

/* Confirmed FIPE reference and real savings, with the original orange offer treatment. */
html body .whitelabel-fipe-reference { display:block; margin-top:7px; color:#c7ced8; font-size:12px; line-height:1.5; font-weight:500; }
html body .whitelabel-fipe-reference > span { display:block; color:#a4aebd; font-size:10px; text-transform:capitalize; }
html body .vehicle-product-price-card .whitelabel-fipe-reference { font-size:14px; }
html body .vehicle-product-price-card .whitelabel-fipe-reference > span { font-size:12px; }
html body .fipe-discount-badge::before { content:"\1F525"; position:static; display:inline-block; width:auto; height:auto; background:none; font-size:22px; line-height:1; }

html body .vehicle-card .fipe-discount-badge, html body .detail-fipe-discount-badge { display:grid; grid-template-columns:22px auto; column-gap:6px; row-gap:0; padding:7px 10px; }
html body .fipe-discount-badge::before { grid-row:1/3; grid-column:1; align-self:center; }
html body .vehicle-card .fipe-discount-badge strong { grid-column:2; font-size:14px; line-height:1.2; }
html body .vehicle-card .fipe-discount-badge > span { grid-column:2; font-size:8px; white-space:nowrap; line-height:1.4; }

@media(min-width:769px){html body .nav-links>a[href='']{display:none!important}}