/* Nova Varejo: identidade azul e branco.
   Esta camada fica por ultimo para preservar a estrutura herdada do site Lord. */
:root {
  --nv-blue: #0f5fbf;
  --nv-blue-dark: #073b82;
  --nv-blue-mid: #2f80ed;
  --nv-blue-soft: #eaf3ff;
  --nv-line: #d7e5f7;
  --nv-text: #0f172a;
  --nv-muted: #52657f;
  --nv-white: #ffffff;

  --bg: #f5f9ff;
  --bg-soft: #eaf3ff;
  --panel: #ffffff;
  --panel-2: #f8fbff;
  --line: rgba(15, 95, 191, .14);
  --line-strong: rgba(15, 95, 191, .26);
  --gold: #0f5fbf;
  --gold-soft: #d8ebff;
  --orange: #0f5fbf;
  --orange-light: #2f80ed;
  --orange-soft: #eaf3ff;
  --orange-dark: #073b82;
  --green: #0f5fbf;
  --blue: #0f5fbf;
  --text: #0f172a;
  --muted: #52657f;
  --black: #ffffff;
  --black-2: #f5f9ff;
  --black-3: #eaf3ff;
  --gray-dark: #d7e5f7;
  --gray: #61738d;
  --gray-light: #6f7f94;
  --gray-lighter: #1f2937;
  --white: #0f172a;
  --off-white: #ffffff;
  --grafite-900: #f5f9ff;
  --grafite-800: #ffffff;
  --grafite-700: #eaf3ff;
  --grafite-600: #d7e5f7;
  --grafite-500: #b8cce8;
  --linha: #d7e5f7;
  --cobre-600: #073b82;
  --cobre-500: #0f5fbf;
  --cobre-400: #2f80ed;
  --cobre-300: #67a8ff;
  --areia-100: #0f172a;
  --areia-200: #24364f;
  --areia-300: #52657f;
}

html,
body {
  background: #f5f9ff !important;
  color: #0f172a !important;
}

body,
.page,
.site,
.main,
main,
section {
  background-color: #f5f9ff !important;
}

.topbar,
.topbar-alert,
.announcement-bar,
.promo-bar,
.hero-banner,
.btn-primary,
.button-primary,
.btn-hero,
.cta-primary,
.hero-cta.primary,
.cart-btn,
.checkout-btn,
.brand-logo,
.brand-v3 .brand-logo,
.btn-wa-header,
.btn-wa-top,
.header-btn.wa,
.floating-whatsapp,
.whatsapp-float,
.price-badge,
.discount-badge,
.section-kicker,
.badge-primary {
  background: linear-gradient(135deg, #0f5fbf, #073b82) !important;
  color: #ffffff !important;
  border-color: #0f5fbf !important;
}

.header,
.site-header,
.header-main,
.main-header,
.nav,
.nav-main,
.nav-cats,
.navbar,
.mobile-nav,
.menu,
.menu-panel {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: #d7e5f7 !important;
  box-shadow: 0 10px 30px rgba(15, 95, 191, .08) !important;
}

.header a,
.site-header a,
.nav a,
.nav-main a,
.nav-cats a,
.navbar a,
.menu a,
.brand-text,
.brand-v3 .brand-text,
.logo-text,
.logo strong,
.logo span {
  color: #0f172a !important;
}

.header a:hover,
.site-header a:hover,
.nav a:hover,
.nav-main a:hover,
.nav-cats a:hover,
.navbar a:hover,
.menu a:hover,
.active,
.nav .active,
.nav-main .active {
  color: #0f5fbf !important;
}

.hero,
.hero-v2,
.hero-v3,
.hero-section,
.banner,
.home-hero {
  background: linear-gradient(180deg, #ffffff 0%, #eaf3ff 100%) !important;
  color: #0f172a !important;
}

.hero h1,
.hero h2,
.hero h3,
.hero-v2 h1,
.hero-v3 h1,
.banner h1,
.home-hero h1,
.section-title,
.title,
h1,
h2,
h3 {
  color: #0f172a !important;
}

.hero p,
.hero-v2 p,
.hero-v3 p,
.banner p,
.home-hero p,
.section-subtitle,
.subtitle,
.muted,
p {
  color: #52657f !important;
}

.card,
.cat-card,
.category-card,
.product-card,
.prod-card,
.faixa-card,
.feature-card,
.info-card,
.hero-card,
.panel,
.box,
.faq-item,
.accordion-item,
.depoimento-card,
.testimonial-card {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: #d7e5f7 !important;
  box-shadow: 0 14px 34px rgba(15, 95, 191, .08) !important;
}

.card:hover,
.cat-card:hover,
.category-card:hover,
.product-card:hover,
.prod-card:hover,
.faixa-card:hover {
  border-color: #0f5fbf !important;
  box-shadow: 0 18px 42px rgba(15, 95, 191, .14) !important;
}

.btn-secondary,
.button-secondary,
.hero-cta.secondary,
.cta-secondary,
.outline-btn,
.btn-outline {
  background: #ffffff !important;
  color: #0f5fbf !important;
  border-color: #0f5fbf !important;
}

.btn-secondary:hover,
.button-secondary:hover,
.hero-cta.secondary:hover,
.cta-secondary:hover,
.outline-btn:hover,
.btn-outline:hover {
  background: #eaf3ff !important;
  color: #073b82 !important;
}

.price,
.valor,
.money,
.highlight,
.accent,
.link,
a:not(.btn-primary):not(.button-primary):not(.btn-hero):not(.cta-primary) {
  color: #0f5fbf !important;
}

.footer,
.site-footer,
footer {
  background: #073b82 !important;
  color: #ffffff !important;
  border-color: #073b82 !important;
}

.footer *,
.site-footer *,
footer * {
  color: #ffffff !important;
}

input,
select,
textarea {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: #b8cce8 !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #0f5fbf !important;
  box-shadow: 0 0 0 3px rgba(15, 95, 191, .16) !important;
  outline: none !important;
}

.bg-dark,
.dark-section,
.section-dark {
  background: #eaf3ff !important;
  color: #0f172a !important;
}

.divider,
hr {
  border-color: #d7e5f7 !important;
}

::selection {
  background: #0f5fbf;
  color: #ffffff;
}