/**
 * Identidade Info Placas.
 * Layout idêntico ao Dono do Veículo (fundo #0b1026).
 * Âmbar → paleta do consultarveiculo.online: laranja #FF5F00 → rosa/vermelho #E11D48.
 */
:root {
  /* Fundo e superfícies iguais ao Dono do Veículo */
  --pap-bg-deep: #0b1026;
  --home-test-bg: #0b1026;
  --home-test-header: #171c35;
  --pap-surface: #151922;
  --exec-brand-navy: #151922;
  --exec-brand-navy-mid: #1e2430;
  --exec-brand-navy-deep: #0f1319;

  /* Consultar Veículo: --primary-start / --primary-end */
  --exec-blue: #ff5f00;
  --exec-blue-deep: #e11d48;
  --exec-blue-bright: #ff7a26;
  --exec-blue-soft: #fda4af;
  --exec-link: #ff5f00;
  --exec-link-muted: #ff7a26;
  --exec-border-strong: #e11d48;
  --btn-primary-bg: linear-gradient(180deg, #ff5f00 0%, #e11d48 100%);
  --btn-primary-color: #ffffff;
}

html,
body,
.app {
  background: #0b1026 !important;
}

.topbar,
.topbar.topbar--donodaplaca {
  background-color: rgba(11, 16, 38, 0.98);
}

@media (max-width: 900px) {
  .topbar.topbar--donodaplaca {
    background: rgba(11, 16, 38, 0.98) !important;
  }
}

.brand-logo-word-accent,
.brand-logo-domain {
  fill: #ff5f00;
}

.topbar.topbar--donodaplaca.topbar--cv-layout .nav-links a.active {
  color: #e11d48 !important;
}

button.home-plate-search-button.home-plate-search-button--cta,
button#plate-search-button.home-plate-search-button--cta,
.app .home-plate-search-button.home-plate-search-button--cta,
.plate-unlock-cta,
.buy-balance-button,
.payment-method-button,
.project-primary-button {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(180deg, #ff5f00 0%, #e11d48 100%) !important;
}

button.home-plate-search-button.home-plate-search-button--cta:hover,
button#plate-search-button.home-plate-search-button--cta:hover,
.app .home-plate-search-button.home-plate-search-button--cta:hover {
  background: linear-gradient(180deg, #ff7a26 0%, #f43f5e 100%) !important;
}

/* ——— Comprar créditos / Comprar com PIX (vence âmbar do App.css) ——— */
.credit-pack-buy-btn,
.credit-pack-buy-btn:hover,
.credit-pack-pricing-card .credit-pack-buy-btn,
.credit-pack-pricing-card:hover .credit-pack-buy-btn,
.credit-pack-pricing-card:not(.is-selected) .credit-pack-buy-btn,
.credit-pack-pricing-card.is-selected .credit-pack-buy-btn,
.credit-pack-pricing-card.is-featured .credit-pack-buy-btn,
.credit-pack-pricing-card.is-featured:hover .credit-pack-buy-btn,
.app-theme-dark .credit-pack-buy-btn,
.app.app-theme-dark .credit-pack-buy-btn,
.app-theme-dark .credit-pack-pricing-card.is-featured .credit-pack-buy-btn,
.app.app-theme-dark .credit-pack-pricing-card.is-featured .credit-pack-buy-btn,
.app.app-theme-dark .credit-pack-pricing-card .credit-pack-buy-btn,
.app.app-theme-dark .credit-pack-pricing-card:hover .credit-pack-buy-btn,
.app.app-theme-dark .credit-pack-pricing-card:not(.is-selected) .credit-pack-buy-btn {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(180deg, #ff5f00 0%, #e11d48 100%) !important;
  box-shadow: 0 8px 18px rgba(225, 29, 72, 0.28) !important;
}

.credit-pack-pricing-card:hover .credit-pack-buy-btn,
.credit-pack-pricing-card.is-featured:hover .credit-pack-buy-btn,
.app.app-theme-dark .credit-pack-pricing-card:hover .credit-pack-buy-btn {
  background: linear-gradient(180deg, #ff7a26 0%, #f43f5e 100%) !important;
}

.credit-pack-amount,
.credit-pack-pricing-card .credit-pack-amount,
.credit-pack-pricing-card:not(.is-selected) .credit-pack-amount,
.app-theme-dark .credit-pack-amount,
.app.app-theme-dark .credit-pack-amount,
.app.app-theme-dark .credit-pack-pricing-card .credit-pack-amount {
  color: transparent !important;
  background-image: linear-gradient(180deg, #ff5f00 0%, #e11d48 100%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.credit-pack-badge,
.credit-pack-pricing-card .credit-pack-badge,
.credit-pack-pricing-card:not(.is-selected) .credit-pack-badge {
  color: #1a0a00 !important;
  background: linear-gradient(180deg, #ff5f00 0%, #e11d48 100%) !important;
  border-color: transparent !important;
}

.credit-pack-bonus-bar--active {
  color: #ff7a26 !important;
}

.hero,
.home-plate-hero--premium {
  border-top-color: #ff5f00;
}

.app-theme-dark .hero {
  background:
    linear-gradient(90deg, #ff5f00 0%, #e11d48 100%) no-repeat top center / 100% 4px,
    linear-gradient(165deg, #151922 0%, #1e2430 100%);
}

a:not(.btn):not(.brand-logo),
.legal-page a {
  text-decoration-color: rgba(225, 29, 72, 0.55);
}

::selection {
  color: #ffffff;
  background: #e11d48;
}

/* Títulos / destaques que ainda usam âmbar hardcoded no tema base */
.app-theme-dark h1,
.home-plate-hero--premium h1,
.home-plate-hero h1 {
  color: #ff5f00 !important;
}

.app-theme-dark .home-disclaimer strong,
.home-plate-disclaimer strong,
.home-legal-banner strong {
  color: #ff5f00 !important;
}

.app-theme-dark .home-plate-disclaimer,
.home-legal-banner,
.home-disclaimer-box {
  border-color: #e11d48 !important;
}