/* ================================================================
   THEME OVERRIDE — Gold + White (premium / luxury-tech)
   Aplicar SEMPRE depois do CSS inline da página. Vence por ordem.
   Inspirado em: Stripe, Linear, Apple, Raycast, Arc, Framer, Vercel.
   ================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&display=swap');

:root {
  --ea-primary:       #1A1A1A;
  --ea-primary-light: #333333;
  --ea-primary-dark:  #000000;

  --ea-accent:        #D4AF37;
  --ea-accent-hover:  #B8860B;
  --ea-accent-deep:   #B8860B;
  --ea-accent-soft:   rgba(212,175,55,0.10);

  --ea-bg:            #FFFFFF;
  --ea-bg-soft:       #FAFAFA;
  --ea-border:        #EAEAEA;
  --ea-gray-100:      #F7F7F7;
  --ea-gray-200:      #EAEAEA;
  --ea-gray-300:      #D6D6D6;
  --ea-gray-400:      #999999;
  --ea-gray-500:      #666666;
  --ea-gray-600:      #4D4D4D;
  --ea-gray-700:      #333333;
  --ea-gray-800:      #1F1F1F;
  --ea-gray-900:      #1A1A1A;
}

/* =============== TIPOGRAFIA =============== */
html { background: #0a0a0a; }
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  color: #1A1A1A !important;
  background: #FFFFFF !important;
  overflow-x: hidden;
}

/* =============== FAIXAS ESCURAS — preenchem laterais com a MESMA cor =============== */
.site-footer {
  position: relative;
  box-shadow: 0 0 0 100vmax #1A1A1A;
  clip-path: inset(0 -100vmax);
}
.cta-final {
  position: relative;
  box-shadow: 0 0 0 100vmax #1A1A1A;
  clip-path: inset(0 -100vmax);
}
.cta-band {
  position: relative;
  box-shadow: 0 0 0 100vmax #1A1A1A;
  clip-path: inset(0 -100vmax);
}

h1, h2, h3, h4, h5, h6,
.t-display, .t-h1, .t-h2, .t-h3,
.page-title, .mc-title, .mc-section-title,
.hero h1, .hero h2,
.sw-title, .tool-card-name, .card-title,
.bundle-text h2, .about-content h2,
.cta-band h2 {
  font-family: 'Sora', -apple-system, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.08 !important;
  color: #1A1A1A !important;
}

.t-display { font-weight: 800 !important; }

.highlight, .accent,
.hero .highlight,
.t-display .highlight,
h1 .highlight, h2 .highlight {
  color: #B8860B !important;
  text-shadow: 0 1px 2px rgba(184,134,11,0.10);
}

.t-caption, .eyebrow, .tool-norma, .tool-card-cat {
  font-family: 'Inter', sans-serif !important;
  color: #B8860B !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* =============== TOP-BAR (preto técnico) =============== */
.top-bar {
  background: #1A1A1A !important;
  color: rgba(255,255,255,0.85) !important;
}
.top-bar a { color: rgba(255,255,255,0.85) !important; }
.top-bar a:hover { color: #D4AF37 !important; }
.top-bar .divider { background: rgba(255,255,255,0.15) !important; }

/* =============== HEADER / NAVBAR (glassmorphism leve) =============== */
.site-header {
  background: rgba(255,255,255,0.85) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border-bottom: 1px solid rgba(0,0,0,0.04) !important;
  box-shadow: 0 1px 0 rgba(0,0,0,0.02) !important;
}
.site-header .logo,
.site-header .logo strong,
.site-header .logo .logo-text strong {
  color: #1A1A1A !important;
}
.site-header .logo span,
.site-header .logo .logo-text span {
  color: #B8860B !important;
}
.site-header .logo-text small { color: #888 !important; }

.site-header .main-nav a { color: #333 !important; font-weight: 500 !important; }
.site-header .main-nav a:hover,
.site-header .main-nav a.active { color: #B8860B !important; }
.site-header .mobile-toggle { color: #1A1A1A !important; }

.logo-mark {
  background: linear-gradient(135deg, #D4AF37, #B8860B) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(184,134,11,0.20) !important;
}

/* =============== HERO (claro + texturas sutis) =============== */
.hero {
  background: linear-gradient(180deg, #FFFFFF 0%, #FAFAFA 100%) !important;
  color: #1A1A1A !important;
}
.hero::before {
  background-image:
    radial-gradient(circle at 20% 30%, rgba(212,175,55,0.06) 0%, transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(184,134,11,0.04) 0%, transparent 40%) !important;
}
.hero::after {
  background-image:
    linear-gradient(rgba(0,0,0,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,0.03) 1px, transparent 1px) !important;
  background-size: 50px 50px !important;
  opacity: 0.6 !important;
}
.hero h1, .hero .t-display { color: #1A1A1A !important; }
.hero .hero-sub, .hero-subtitle, .hero p {
  color: #555 !important;
  font-family: 'Inter', sans-serif !important;
}
.hero-proof li { color: #555 !important; }
.hero-proof li::before { color: #B8860B !important; }

.hero-eyebrow,
.eyebrow {
  background: rgba(212,175,55,0.10) !important;
  border: 1px solid rgba(212,175,55,0.30) !important;
  color: #B8860B !important;
  font-family: 'Inter', sans-serif !important;
}
.hero-eyebrow svg, .eyebrow svg { color: #B8860B !important; }

/* =============== PAGE HEADER (breadcrumb / título nas inner) =============== */
.page-header {
  background: linear-gradient(180deg, #FAFAFA 0%, #FFFFFF 100%) !important;
  border-bottom: 1px solid #EAEAEA !important;
}
.page-title { color: #1A1A1A !important; }
.page-subtitle { color: #555 !important; }
.breadcrumb { color: #888 !important; }
.breadcrumb a { color: #B8860B !important; }
.breadcrumb .sep { color: #D6D6D6 !important; }

/* =============== BOTÕES =============== */
.btn-primary, .ea-btn-primary,
.btn-success, .btn-trial {
  background: linear-gradient(135deg, #D4AF37 0%, #B8860B 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 14px !important;
  box-shadow:
    0 10px 30px rgba(184,134,11,0.25),
    0 2px 10px rgba(0,0,0,0.08) !important;
  transition: all 0.3s ease !important;
  font-family: 'Sora', sans-serif !important;
  font-weight: 600 !important;
}
.btn-primary:hover, .ea-btn-primary:hover,
.btn-success:hover, .btn-trial:hover {
  transform: translateY(-2px) !important;
  box-shadow:
    0 16px 40px rgba(184,134,11,0.35),
    0 4px 16px rgba(0,0,0,0.12) !important;
}

.btn-outline, .ea-btn-outline,
.ea-btn-secondary, .btn-white, .btn-outline-white {
  background: #FFFFFF !important;
  border: 1px solid #EAEAEA !important;
  color: #1A1A1A !important;
  border-radius: 14px !important;
  font-family: 'Sora', sans-serif !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
}
.btn-outline:hover, .ea-btn-outline:hover,
.ea-btn-secondary:hover, .btn-white:hover, .btn-outline-white:hover {
  background: #FAFAFA !important;
  border-color: #D4AF37 !important;
  color: #1A1A1A !important;
}

.btn-dark, .ea-btn-dark {
  background: #1A1A1A !important;
  color: #fff !important;
  border-radius: 14px !important;
}
.btn-dark:hover, .ea-btn-dark:hover {
  background: #333 !important;
}

/* =============== CARDS =============== */
.sw-card, .tool-card, .bundle-card,
.card, .free-card,
.about-card, .price-card, .feature-block,
.testimonial-card, .stats-card {
  background: #FFFFFF !important;
  border: 1px solid #ECECEC !important;
  border-radius: 24px !important;
  box-shadow:
    0 10px 30px rgba(0,0,0,0.04),
    0 2px 10px rgba(0,0,0,0.03) !important;
  transition: all 0.3s ease !important;
}
.sw-card:hover, .tool-card:hover, .bundle-card:hover,
.card:hover, .free-card:hover, .about-card:hover, .price-card:hover {
  transform: translateY(-4px) !important;
  box-shadow:
    0 20px 50px rgba(0,0,0,0.08),
    0 8px 20px rgba(212,175,55,0.10) !important;
  border-color: #E5E5E5 !important;
}

.tool-card.disabled, .sw-card.disabled { opacity: 0.65 !important; }

/* Tool thumb (ícone topo) */
.tool-thumb {
  background: linear-gradient(135deg, #FAFAFA 0%, #F0F0F0 100%) !important;
  border-bottom: 1px solid #ECECEC !important;
}
.tool-thumb svg { color: #B8860B !important; stroke: #B8860B !important; }
.tool-thumb circle[fill="currentColor"] { fill: #B8860B !important; }

.tool-badge {
  background: linear-gradient(135deg, #D4AF37, #B8860B) !important;
  color: #fff !important;
  font-family: 'Sora', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
}
.tool-badge[style*="info"] {
  background: #1A1A1A !important;
  color: #fff !important;
}

.tool-norma { color: #B8860B !important; }
.tool-card-name, .tool-body h3, .sw-title {
  color: #1A1A1A !important;
}

.sw-badge {
  background: rgba(212,175,55,0.12) !important;
  color: #B8860B !important;
  border: 1px solid rgba(212,175,55,0.3) !important;
}
.sw-badge.soon, .sw-badge.bundle {
  background: #1A1A1A !important;
  color: #D4AF37 !important;
  border-color: #1A1A1A !important;
}

/* Pricing cards (página de venda) */
.price-card { border-radius: 24px !important; }
.price-card.featured, .price-card.recommended {
  border: 2px solid #D4AF37 !important;
  box-shadow:
    0 20px 50px rgba(184,134,11,0.15),
    0 8px 24px rgba(0,0,0,0.06) !important;
}
.price-header.standard { color: #1A1A1A !important; }
.price-header.pro { color: #B8860B !important; }
.price-amount, .price-value { color: #1A1A1A !important; font-family: 'Sora', sans-serif !important; }

/* =============== SECTIONS BG (alternância depth) =============== */
.tools-section, .software-section,
.feature-section, .free-section,
.contact-section, .training-section {
  background: #FFFFFF !important;
}
.bundle-section, .about-section,
.testimonial-section, .pricing-section,
.trust-section {
  background: #FAFAFA !important;
}

/* Underline accent */
.underline {
  background: linear-gradient(90deg, #D4AF37, #B8860B) !important;
  height: 3px !important;
  border-radius: 999px !important;
}

/* =============== CTA BAND (preto) =============== */
.cta-band {
  background: linear-gradient(135deg, #1A1A1A 0%, #333333 100%) !important;
  color: #fff !important;
  position: relative;
}
.cta-band::after {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(circle at 30% 50%, rgba(212,175,55,0.10) 0%, transparent 60%);
  pointer-events: none;
}
.cta-band h2, .cta-band p { color: #fff !important; }
.cta-band .btn-light, .cta-band .btn-white {
  background: linear-gradient(135deg, #D4AF37, #B8860B) !important;
  color: #fff !important;
}

/* =============== FOOTER (preto premium) =============== */
.site-footer {
  background: #1A1A1A !important;
  color: rgba(255,255,255,0.65) !important;
  border-top: 1px solid #2A2A2A !important;
}
.site-footer a { color: rgba(255,255,255,0.65) !important; }
.site-footer a:hover { color: #D4AF37 !important; }
.site-footer h4, .site-footer h5, .site-footer strong { color: #fff !important; }
.site-footer .logo strong { color: #fff !important; }
.site-footer .logo span { color: #D4AF37 !important; }

/* =============== ABOUT SECTION =============== */
.about-logo-big {
  background: linear-gradient(135deg, #D4AF37, #B8860B) !important;
  color: #fff !important;
  box-shadow: 0 20px 50px rgba(184,134,11,0.25) !important;
}
.about-content h2 { color: #1A1A1A !important; }
.about-content p { color: #555 !important; }
.about-content strong { color: #1A1A1A !important; }

/* =============== ÍCONES =============== */
svg[stroke="currentColor"]:not(.logo-mark svg):not(.tool-thumb svg) {
  /* deixa elementos com sua cor natural — não força */
}

.feature-icon, .free-icon, .step-icon {
  color: #B8860B !important;
}
.feature-icon svg, .free-icon svg { stroke: #B8860B !important; }

/* =============== MODAL AUTH (mantém dark — só ajusta accent) =============== */
.ea-modal { background: #1A1A1A !important; border-color: rgba(255,255,255,0.07) !important; }
.ea-modal-logo { color: #D4AF37 !important; }
.ea-tab.active { background: linear-gradient(135deg, #D4AF37, #B8860B) !important; color: #fff !important; }
.ea-btn-submit { background: linear-gradient(135deg, #D4AF37, #B8860B) !important; }
.ea-btn-submit:hover { background: linear-gradient(135deg, #B8860B, #D4AF37) !important; }
.ea-form-link a { color: #D4AF37 !important; }
.ea-field input:focus { border-color: #D4AF37 !important; }
.ea-spinner { border-top-color: #D4AF37 !important; }
.ea-toast-info { border-left-color: #D4AF37 !important; color: #D4AF37 !important; }

/* Float chip (ea-modal-inject) — já adaptado por JS */

/* =============== MINHA CONTA =============== */
.mc-title { color: #1A1A1A !important; }
.mc-sub strong { color: #B8860B !important; }
.mc-filter.active {
  background: linear-gradient(135deg, #D4AF37, #B8860B) !important;
  border-color: transparent !important;
  color: #fff !important;
}
.mc-search:focus { border-color: #D4AF37 !important; box-shadow: 0 0 0 3px rgba(212,175,55,0.20) !important; }
.tool-card-btn.btn-open {
  background: linear-gradient(135deg, #D4AF37, #B8860B) !important;
  color: #fff !important;
  border-radius: 14px !important;
}
.tool-card-btn.btn-buy {
  background: #1A1A1A !important;
  color: #fff !important;
  border-radius: 14px !important;
}
.badge-active {
  background: rgba(16,185,129,0.10) !important;
  border-color: rgba(16,185,129,0.30) !important;
  color: #047857 !important;
}
.user-chip {
  background: #F7F7F7 !important;
  border-color: #EAEAEA !important;
  color: #333 !important;
}

/* =============== PREVIEW BANNER (manter) =============== */
#preview-banner {
  background: #1A1A1A !important;
  border-top-color: #D4AF37 !important;
}
#preview-banner a { color: #D4AF37 !important; }

/* =============== MICROINTERAÇÕES =============== */
a, button { transition: all 0.3s ease !important; }

/* =============== PLANOS / COMBOS (Elétrica Tools) =============== */
.plans-section { padding: 64px 0; background: #FAFAFA; }
.plans-head { text-align: center; max-width: 680px; margin: 0 auto 40px; }
.plans-head h2 { font-family: 'Sora', sans-serif; font-size: clamp(26px, 3vw, 38px); font-weight: 800; letter-spacing: -0.03em; color: #1A1A1A; margin-bottom: 12px; }
.plans-head p { font-family: 'Inter', sans-serif; font-size: 16px; color: #555; }
.plans-head .launch-pill { display: inline-flex; align-items: center; gap: 6px; background: rgba(212,175,55,0.12); border: 1px solid rgba(212,175,55,0.3); color: #B8860B; font: 600 12px/1 'Inter', sans-serif; text-transform: uppercase; letter-spacing: 0.08em; padding: 7px 14px; border-radius: 999px; margin-bottom: 16px; }

.plans-grid { display: grid; grid-template-columns: 1fr; gap: 24px; max-width: 1080px; margin: 0 auto 28px; }
@media (min-width: 900px) { .plans-grid { grid-template-columns: repeat(3, 1fr); align-items: stretch; } }

.plan-card {
  position: relative; background: #fff; border: 1px solid #ECECEC; border-radius: 24px;
  padding: 34px 28px; display: flex; flex-direction: column; gap: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.04), 0 2px 10px rgba(0,0,0,0.03);
  transition: all 0.3s ease;
}
.plan-card:hover { transform: translateY(-4px); box-shadow: 0 20px 50px rgba(0,0,0,0.08), 0 8px 20px rgba(212,175,55,0.10); }
.plan-card.featured { border: 2px solid #D4AF37; box-shadow: 0 20px 50px rgba(184,134,11,0.18), 0 8px 24px rgba(0,0,0,0.06); }
@media (min-width: 900px) {
  .plan-card.featured { transform: scale(1.04); z-index: 1; }
  .plan-card.featured:hover { transform: scale(1.04) translateY(-4px); }
}
.plan-badge {
  position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
  background: linear-gradient(135deg, #D4AF37, #B8860B); color: #fff;
  font: 700 12px/1 'Sora', sans-serif; padding: 7px 16px; border-radius: 999px;
  white-space: nowrap; box-shadow: 0 6px 16px rgba(184,134,11,0.3);
}
.plan-tag { font: 600 13px/1 'Inter', sans-serif; text-transform: uppercase; letter-spacing: 0.08em; color: #B8860B; }
.plan-price { font: 800 42px/1 'Sora', sans-serif; color: #1A1A1A; letter-spacing: -0.03em; }
.plan-price small { font-size: 17px; font-weight: 600; color: #888; }
.plan-meta { font-size: 13px; color: #888; margin-top: -6px; }
.plan-card ul { list-style: none; padding: 0; margin: 8px 0; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.plan-card ul li { display: flex; align-items: flex-start; gap: 8px; font: 400 14px/1.4 'Inter', sans-serif; color: #444; }
.plan-card ul li::before { content: '✓'; color: #B8860B; font-weight: 700; flex-shrink: 0; }
.plan-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%; min-height: 50px; padding: 14px; border-radius: 14px; cursor: pointer;
  font: 600 15px/1 'Sora', sans-serif;
  background: #1A1A1A; color: #fff; border: 1px solid #1A1A1A;
  transition: all 0.3s ease; margin-top: auto;
}
.plan-btn:hover {
  background: #333333; border-color: #D4AF37; color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.18), 0 0 0 1px rgba(212,175,55,0.15);
}
.plan-card.featured .plan-btn { background: linear-gradient(135deg, #D4AF37, #B8860B); color: #fff; border: none; box-shadow: 0 10px 30px rgba(184,134,11,0.25); }
.plan-card.featured .plan-btn:hover { transform: translateY(-2px); box-shadow: 0 16px 40px rgba(184,134,11,0.35); }
.plan-note { text-align: center; font: 600 13px 'Inter', sans-serif; color: #B8860B; margin-top: 2px; }

.plan-individual {
  max-width: 1080px; margin: 0 auto; display: flex; flex-wrap: wrap;
  align-items: center; justify-content: space-between; gap: 20px;
  background: #FFFFFF; border: 1px dashed #D6D6D6; border-radius: 20px; padding: 24px 32px;
}
.plan-individual .pi-text strong { font: 700 18px 'Sora', sans-serif; color: #1A1A1A; display: block; margin-bottom: 4px; }
.plan-individual .pi-text p { font: 400 14px/1.5 'Inter', sans-serif; color: #666; max-width: 520px; }
.plan-individual .pi-price { display: flex; align-items: center; gap: 16px; flex-shrink: 0; }
.plan-individual .pi-price > span { font: 800 30px 'Sora', sans-serif; color: #1A1A1A; }
.plan-individual .pi-price > span small { font-size: 14px; font-weight: 600; color: #888; }
.plan-individual .pi-price button {
  min-height: 48px; padding: 12px 24px; border-radius: 14px; border: 1px solid #1A1A1A;
  background: #1A1A1A; color: #fff; font: 600 14px 'Sora', sans-serif; cursor: pointer;
  transition: all 0.3s ease; white-space: nowrap;
}
.plan-individual .pi-price button:hover { background: #333; transform: translateY(-1px); }
@media (max-width: 560px) {
  .plan-individual { flex-direction: column; align-items: flex-start; }
  .plan-individual .pi-price { width: 100%; justify-content: space-between; }
}

/* =============== MOBILE / RESPONSIVO (não quebrar) =============== */
@media (max-width: 768px) {
  .site-header { backdrop-filter: blur(10px) !important; }
}

/* Menu SimuPower — estilizado como a logo (Simu claro + Power dourado) */
.nav-simupower{font-weight:700;}
.nav-simupower span{color:#D4AF37;}