/* FabriSite — dois modos distintos. Este arquivo ganha no final. */

#fs-color-dock,
.fs-color-dock,
.fs-color-dock__strip,
.fs-color-dock__panel {
  display: none !important;
}

:root {
  --fs-primary: #6A1B58;
  --fs-accent: #CFA24A;
}

html, body, #site-main-wrapper,
h1, h2, h3, h4, h5, h6, p, li, a, span, strong, em, label, td, th, button, input, textarea, small, div {
  font-family: Arial, Helvetica, sans-serif !important;
  word-spacing: 0.18em !important;
  letter-spacing: 0 !important;
}
.tracking-tight, .tracking-tighter, .tracking-wider, .tracking-widest {
  letter-spacing: 0 !important;
}
i, .fa, .fas, .far, .fab, .fal, [class^="fa-"], [class*=" fa-"] {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
  word-spacing: 0 !important;
  letter-spacing: 0 !important;
}

.fs-brand-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.fs-brand-logo img { display: block; height: 40px; width: 40px; }
.fs-brand-name { font-weight: 800; font-size: 20px; letter-spacing: 0.02em; }
html.light-mode .fs-brand-name,
html[data-theme-mode="light"] .fs-brand-name { color: #1e1230 !important; }
html.light-mode footer .fs-brand-name,
html[data-theme-mode="light"] footer .fs-brand-name,
footer .fs-brand-name { color: #f8f4f0 !important; }
html:not(.light-mode):not([data-theme-mode="light"]) .fs-brand-name,
html[data-theme-mode="dark"] .fs-brand-name { color: #f8f4f0 !important; }
.fabrisite-nav-menu .sub-menu {
  background: #fff !important;
  border: 1px solid #e4d6de !important;
  box-shadow: 0 16px 36px rgba(30, 18, 48, 0.16) !important;
}
.fabrisite-nav-menu .sub-menu a { color: #1e1230 !important; background: transparent !important; }
.fabrisite-nav-menu .sub-menu a:hover,
.fabrisite-nav-menu .sub-menu a:focus,
.fabrisite-nav-menu .sub-menu li.current-menu-item > a,
.fabrisite-nav-menu .sub-menu li.current_page_item > a,
.fabrisite-nav-menu .sub-menu li.current-menu-ancestor > a {
  color: #ffffff !important;
  background: #6A1B58 !important;
}

button.btn-cta-primary, a.btn-cta-primary, .btn-cta-primary,
html.light-mode .btn-cta-primary, [data-theme-mode="light"] .btn-cta-primary {
  background: #CFA24A !important;
  color: #10060C !important;
}
a.bg-slate-900, #btnBasico, #btnProfessional, #btnPro { background: #6A1B58 !important; color: #fff !important; }
.btn-plan-premium, #btnPremium { background: #CFA24A !important; color: #10060C !important; }

#dominios > div, #dominios .bg-white { background: #fff !important; color: #1e1230 !important; }
#dominios h2, #dominios .text-slate-900 { color: #1e1230 !important; }
#dominios p { color: #475569 !important; }
#dominios .fs-tld-grid { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 8px; }
#dominios .fs-tld-chip { background: #f8fafc !important; color: #0f172a !important; border: 1px solid #e2e8f0; border-radius: 10px; min-height: 56px; font-weight: 800; }
#dominios .fs-search-row { display: flex; gap: 10px; }
#dominios .fs-search-btn { background: #6A1B58 !important; color: #fff !important; border: 0; border-radius: 12px; padding: 0 20px; font-weight: 800; }

.faq-card { padding: 6px 14px !important; border-radius: 10px !important; }
.faq-card > button { min-height: 34px; padding: 0 !important; font-size: 13px !important; }

[style*="#180436"] h2, [style*="#3b1450"] h2 { color: #fff !important; }
[style*="#180436"] p, [style*="#3b1450"] p { color: #e9d5ff !important; }
[class*="from-purple-900"] h4, [class*="to-[#3b1450]"] h4 { color: #CFA24A !important; }
[class*="from-purple-900"] p { color: #f8fafc !important; }

footer.site-footer-premium, footer.fs-footer-section {
  background: #10060C !important;
  color: #e2e8f0 !important;
}
footer.site-footer-premium p, footer.site-footer-premium a, footer.site-footer-premium li,
footer.site-footer-premium h4, footer.site-footer-premium span,
footer.fs-footer-section a, footer.fs-footer-section p {
  color: #e2e8f0 !important;
}
footer a[href*="wa.me"] { color: #34d399 !important; }
.fs-footer-bar { display: flex; justify-content: space-between; gap: 16px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.08); }
.fs-footer-bar p { margin: 0 !important; font-size: 12px !important; color: #94a3b8 !important; }

/* ===================== MODO CLARO ===================== */
html.light-mode,
html[data-theme-mode="light"],
html.light-mode body,
html[data-theme-mode="light"] body,
html.light-mode #site-main-wrapper,
html[data-theme-mode="light"] #site-main-wrapper {
  background: #f5f1f3 !important;
  color: #1e1230 !important;
}

html.light-mode header,
html.light-mode header.purple-nav-bg,
html.light-mode header.site-header,
html[data-theme-mode="light"] header,
html[data-theme-mode="light"] header.purple-nav-bg {
  background: #ffffff !important;
  border-bottom: 1px solid #e8e0e4 !important;
}
html.light-mode .fabrisite-nav-menu > li > a,
html[data-theme-mode="light"] .fabrisite-nav-menu > li > a,
html.light-mode header .text-white,
html[data-theme-mode="light"] header .text-white {
  color: #1e1230 !important;
}
html.light-mode .fabrisite-nav-menu > li:hover > a,
html.light-mode .fabrisite-nav-menu > li.current-menu-item > a,
html.light-mode .fabrisite-nav-menu > li.current-menu-parent > a,
html.light-mode .fabrisite-nav-menu > li.current-menu-ancestor > a,
html[data-theme-mode="light"] .fabrisite-nav-menu > li:hover > a,
html[data-theme-mode="light"] .fabrisite-nav-menu > li.current-menu-item > a,
html[data-theme-mode="light"] .fabrisite-nav-menu > li.current-menu-parent > a,
html[data-theme-mode="light"] .fabrisite-nav-menu > li.current-menu-ancestor > a {
  color: #6A1B58 !important;
  background: #f4eef2 !important;
}
html.light-mode section.hero-mesh-premium [class*="bg-white/10"],
html.light-mode section.purple-gradient-hero [class*="bg-white/10"],
html[data-theme-mode="light"] section.hero-mesh-premium [class*="bg-white/10"],
html[data-theme-mode="light"] section.purple-gradient-hero [class*="bg-white/10"] {
  background-color: #ffffff !important;
  border-color: #d4c4cc !important;
  color: #1e1230 !important;
}
html.light-mode .bg-\[\#2a0c3b\],
html[data-theme-mode="light"] .bg-\[\#2a0c3b\] {
  background: #efe8ec !important;
  color: #4a3544 !important;
  border-bottom: 1px solid #e4d8de !important;
}
html.light-mode .bg-\[\#2a0c3b\] span,
html.light-mode .bg-\[\#2a0c3b\] a,
html.light-mode .bg-\[\#2a0c3b\] strong,
html[data-theme-mode="light"] .bg-\[\#2a0c3b\] span,
html[data-theme-mode="light"] .bg-\[\#2a0c3b\] a {
  color: #4a3544 !important;
}

html.light-mode section.hero-mesh-premium,
html.light-mode section.purple-gradient-hero,
html.light-mode section.hero-mesh-premium.purple-gradient-hero,
html[data-theme-mode="light"] section.hero-mesh-premium,
html[data-theme-mode="light"] section.purple-gradient-hero,
html[data-theme-mode="light"] section.hero-mesh-premium.purple-gradient-hero {
  background: linear-gradient(180deg, #f8f4f6 0%, #f5f1f3 100%) !important;
  color: #1e1230 !important;
}
html.light-mode section.hero-mesh-premium h1,
html.light-mode section.purple-gradient-hero h1,
html[data-theme-mode="light"] section.hero-mesh-premium h1,
html[data-theme-mode="light"] section.purple-gradient-hero h1 {
  color: #1e1230 !important;
}
html.light-mode section.hero-mesh-premium p,
html.light-mode section.purple-gradient-hero p,
html[data-theme-mode="light"] section.hero-mesh-premium p,
html[data-theme-mode="light"] section.purple-gradient-hero p {
  color: #4a3544 !important;
}
html.light-mode section.hero-mesh-premium .text-white,
html.light-mode section.hero-mesh-premium .text-purple-100,
html.light-mode section.hero-mesh-premium .text-purple-200,
html.light-mode section.purple-gradient-hero .text-white,
html.light-mode section.purple-gradient-hero .text-purple-100,
html.light-mode section.purple-gradient-hero .text-purple-200,
html.light-mode section.purple-gradient-hero .text-purple-300,
html[data-theme-mode="light"] section.hero-mesh-premium .text-white,
html[data-theme-mode="light"] section.hero-mesh-premium .text-purple-100,
html[data-theme-mode="light"] section.hero-mesh-premium .text-purple-200,
html[data-theme-mode="light"] section.purple-gradient-hero .text-white,
html[data-theme-mode="light"] section.purple-gradient-hero .text-purple-100,
html[data-theme-mode="light"] section.purple-gradient-hero .text-purple-200 {
  color: #4a3544 !important;
}
html.light-mode section.purple-gradient-hero .text-amber-400,
html.light-mode section.hero-mesh-premium .text-amber-400,
html[data-theme-mode="light"] section.purple-gradient-hero .text-amber-400,
html[data-theme-mode="light"] section.hero-mesh-premium .text-amber-400 {
  color: #9a7410 !important;
}
html.light-mode .card-premium,
html.light-mode .card-featured,
html[data-theme-mode="light"] .card-premium,
html[data-theme-mode="light"] .card-featured {
  background: #ffffff !important;
  color: #1e1230 !important;
  border: 1px solid #e8e0e4 !important;
  border-radius: 1.25rem !important;
  box-shadow: 0 10px 28px rgba(16, 6, 12, 0.06) !important;
}
html.light-mode .card-premium h3,
html.light-mode .card-premium p,
html.light-mode .card-premium li,
html.light-mode .card-premium span,
html.light-mode .card-premium strong,
html.light-mode .card-featured h3,
html.light-mode .card-featured p,
html[data-theme-mode="light"] .card-premium h3,
html[data-theme-mode="light"] .card-premium p,
html[data-theme-mode="light"] .card-premium li,
html[data-theme-mode="light"] .card-premium span,
html[data-theme-mode="light"] .card-premium strong {
  color: #1e1230 !important;
}
html.light-mode .card-premium .bg-purple-50,
html.light-mode .card-premium .bg-slate-100,
html[data-theme-mode="light"] .card-premium .bg-purple-50,
html[data-theme-mode="light"] .card-premium .bg-slate-100 {
  background: #f4eef8 !important;
  color: #1e1230 !important;
}
html.light-mode header .fs-brand-name,
html[data-theme-mode="light"] header .fs-brand-name {
  color: #1e1230 !important;
}
html.light-mode header img,
html[data-theme-mode="light"] header img {
  opacity: 1 !important;
  visibility: visible !important;
}
html.light-mode .gold-liquid-text,
html[data-theme-mode="light"] .gold-liquid-text {
  color: #9a7410 !important;
  -webkit-text-fill-color: #9a7410;
}

html.light-mode section:not(.hero-mesh-premium):not(.purple-gradient-hero),
html[data-theme-mode="light"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) {
  background: #f5f1f3 !important;
  background-image: none !important;
  color: #1e1230 !important;
}
html.light-mode section:not(.hero-mesh-premium):not(.purple-gradient-hero) h2,
html.light-mode section:not(.hero-mesh-premium):not(.purple-gradient-hero) h3,
html[data-theme-mode="light"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) h2,
html[data-theme-mode="light"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) h3 {
  color: #1e1230 !important;
}
html.light-mode section:not(.hero-mesh-premium):not(.purple-gradient-hero) p,
html[data-theme-mode="light"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) p {
  color: #4a3544 !important;
}
html.light-mode section:not(.hero-mesh-premium):not(.purple-gradient-hero) .fs-migration-banner,
html[data-theme-mode="light"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .fs-migration-banner {
  background: linear-gradient(135deg, #180436 0%, #3b1450 50%, #1e1b4b 100%) !important;
  color: #ffffff !important;
}
html.light-mode section:not(.hero-mesh-premium):not(.purple-gradient-hero) .fs-migration-banner h2.text-white,
html[data-theme-mode="light"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .fs-migration-banner h2.text-white,
html.light-mode h2.fs-migration-title,
html[data-theme-mode="light"] h2.fs-migration-title {
  color: #ffffff !important;
}
html.light-mode section:not(.hero-mesh-premium):not(.purple-gradient-hero) .fs-migration-banner p,
html[data-theme-mode="light"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .fs-migration-banner p,
html.light-mode .fs-migration-banner p,
html[data-theme-mode="light"] .fs-migration-banner p {
  color: #e9d5ff !important;
}
html.light-mode .fs-migration-banner .text-amber-300,
html[data-theme-mode="light"] .fs-migration-banner .text-amber-300 {
  color: #CFA24A !important;
}
html.light-mode .faq-card,
html.light-mode details,
html.light-mode .bg-white,
html[data-theme-mode="light"] .faq-card,
html[data-theme-mode="light"] details,
html[data-theme-mode="light"] .bg-white {
  background: #ffffff !important;
  color: #1e1230 !important;
  border-color: #e8e0e4 !important;
}
html.light-mode .faq-card button,
html.light-mode details summary,
html[data-theme-mode="light"] .faq-card button,
html[data-theme-mode="light"] details summary {
  color: #1e1230 !important;
}

/* ===================== MODO ESCURO ===================== */
html:not(.light-mode):not([data-theme-mode="light"]),
html[data-theme-mode="dark"],
html:not(.light-mode):not([data-theme-mode="light"]) body,
html[data-theme-mode="dark"] body,
html:not(.light-mode):not([data-theme-mode="light"]) #site-main-wrapper,
html[data-theme-mode="dark"] #site-main-wrapper {
  background: #10060C !important;
  color: #e2e8f0 !important;
}

html:not(.light-mode):not([data-theme-mode="light"]) header,
html:not(.light-mode):not([data-theme-mode="light"]) header.purple-nav-bg,
html[data-theme-mode="dark"] header,
html[data-theme-mode="dark"] header.purple-nav-bg {
  background: #10060C !important;
  border-bottom: 1px solid rgba(207,162,74,.25) !important;
}
html:not(.light-mode):not([data-theme-mode="light"]) .fabrisite-nav-menu > li > a,
html[data-theme-mode="dark"] .fabrisite-nav-menu > li > a {
  color: #f8fafc !important;
}
html:not(.light-mode):not([data-theme-mode="light"]) .bg-\[\#2a0c3b\],
html[data-theme-mode="dark"] .bg-\[\#2a0c3b\] {
  background: #2a0c3b !important;
  color: #e9d5ff !important;
}

html:not(.light-mode):not([data-theme-mode="light"]) section.hero-mesh-premium,
html:not(.light-mode):not([data-theme-mode="light"]) section.purple-gradient-hero,
html[data-theme-mode="dark"] section.hero-mesh-premium,
html[data-theme-mode="dark"] section.purple-gradient-hero {
  background: linear-gradient(168deg, #0B0509, #10060C, #2A0F22) !important;
  color: #fff !important;
}
html:not(.light-mode):not([data-theme-mode="light"]) section.hero-mesh-premium h1,
html[data-theme-mode="dark"] section.hero-mesh-premium h1,
html:not(.light-mode):not([data-theme-mode="light"]) section.purple-gradient-hero h1,
html[data-theme-mode="dark"] section.purple-gradient-hero h1 {
  color: #fff !important;
}
html:not(.light-mode):not([data-theme-mode="light"]) section.hero-mesh-premium p,
html[data-theme-mode="dark"] section.hero-mesh-premium p {
  color: #e9d5ff !important;
}
html:not(.light-mode):not([data-theme-mode="light"]) .gold-liquid-text,
html[data-theme-mode="dark"] .gold-liquid-text {
  color: #CFA24A !important;
  -webkit-text-fill-color: #CFA24A;
}

html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero):not(#dominios),
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero):not(#dominios) {
  background: #10060C !important;
  background-image: none !important;
  color: #e2e8f0 !important;
}
html[data-theme-mode="dark"] section h2,
html[data-theme-mode="dark"] section h3,
html:not(.light-mode) section h2,
html:not(.light-mode) section h3 {
  color: #f8fafc !important;
}
html[data-theme-mode="dark"] section p,
html:not(.light-mode) section p {
  color: #cbd5e1 !important;
}

html:not(.light-mode):not([data-theme-mode="light"]) .faq-card,
html:not(.light-mode):not([data-theme-mode="light"]) details,
html[data-theme-mode="dark"] .faq-card,
html[data-theme-mode="dark"] details {
  background: #1A1220 !important;
  color: #f8fafc !important;
  border-color: rgba(255,255,255,.12) !important;
}
html:not(.light-mode):not([data-theme-mode="light"]) .faq-card button,
html:not(.light-mode):not([data-theme-mode="light"]) details summary,
html[data-theme-mode="dark"] details summary {
  color: #f8fafc !important;
}

/* Cards/tabela claros: texto escuro. Especificidade acima de qualquer section h2/p. */
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-slate-50,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-slate-100,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-purple-50,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-emerald-50,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) table,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-slate-50,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-purple-50,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-emerald-50,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) table {
  background: #ffffff !important;
  color: #1e1230 !important;
}
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white h1,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white h2,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white h3,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white h4,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white p,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white li,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white span,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white strong,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white label,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white small,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white a,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white .text-slate-900,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white .text-slate-800,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white .text-slate-700,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white .text-slate-600,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white .text-slate-500,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-slate-50 h2,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-slate-50 h3,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-slate-50 p,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-slate-50 span,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-slate-50 strong,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-emerald-50 span,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-emerald-50 strong,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-purple-50 span,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-purple-50 strong,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) table td,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) table tbody th,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white h1,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white h2,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white h3,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white h4,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white p,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white li,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white span,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white strong,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white label,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white small,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) table td {
  color: #1e1230 !important;
}
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) thead,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) thead th,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) thead th {
  background: #6A1B58 !important;
  color: #ffffff !important;
}
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white input,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white textarea,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white input,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white textarea {
  color: #1e1230 !important;
  background: #fff !important;
  border-color: #d6d3d1 !important;
}
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white input::placeholder,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white textarea::placeholder,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white input::placeholder,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white textarea::placeholder {
  color: #64748b !important;
  opacity: 1 !important;
}
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white a.bg-slate-900,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white .bg-emerald-500,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white .btn-whatsapp-cta,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white a.bg-slate-900,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white .bg-emerald-500 {
  color: #ffffff !important;
}
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white .btn-cta-primary,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white .btn-plan-premium,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white .btn-cta-primary,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .bg-white .btn-plan-premium {
  color: #10060C !important;
}
html:not(.light-mode):not([data-theme-mode="light"]) .card-premium .bg-purple-50,
html:not(.light-mode):not([data-theme-mode="light"]) .card-premium .bg-slate-100,
html[data-theme-mode="dark"] .card-premium .bg-purple-50,
html[data-theme-mode="dark"] .card-premium .bg-slate-100 {
  background: #ffffff !important;
  color: #1e1230 !important;
}
html:not(.light-mode):not([data-theme-mode="light"]) .card-premium .bg-purple-50 span,
html:not(.light-mode):not([data-theme-mode="light"]) .card-premium .bg-purple-50 strong,
html[data-theme-mode="dark"] .card-premium .bg-purple-50 span,
html[data-theme-mode="dark"] .card-premium .bg-purple-50 strong,
html[data-theme-mode="dark"] .card-premium .bg-slate-100 {
  color: #1e1230 !important;
}

html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .faq-card.bg-white,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .faq-card.bg-white {
  background: #1A1220 !important;
  color: #f8fafc !important;
}
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .faq-card.bg-white button,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .faq-card.bg-white span,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .faq-card.bg-white p,
html:not(.light-mode):not([data-theme-mode="light"]) section:not(.hero-mesh-premium):not(.purple-gradient-hero) .faq-card.bg-white strong,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .faq-card.bg-white button,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .faq-card.bg-white span,
html[data-theme-mode="dark"] section:not(.hero-mesh-premium):not(.purple-gradient-hero) .faq-card.bg-white p {
  color: #f8fafc !important;
}

/* Cards VPS no modo escuro */
html[data-theme-mode="dark"] .card-premium,
html[data-theme-mode="dark"] .card-featured,
html:not(.light-mode):not([data-theme-mode="light"]) .card-premium,
html:not(.light-mode):not([data-theme-mode="light"]) .card-featured {
  background: #1A1220 !important;
  border: 1px solid rgba(207, 162, 74, 0.28) !important;
  border-radius: 1.25rem !important;
  color: #f8fafc !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.4) !important;
}
html[data-theme-mode="dark"] .card-premium h3,
html[data-theme-mode="dark"] .card-premium p,
html[data-theme-mode="dark"] .card-premium li,
html[data-theme-mode="dark"] .card-premium span,
html[data-theme-mode="dark"] .card-premium strong,
html:not(.light-mode):not([data-theme-mode="light"]) .card-premium h3,
html:not(.light-mode):not([data-theme-mode="light"]) .card-premium p,
html:not(.light-mode):not([data-theme-mode="light"]) .card-premium li,
html:not(.light-mode):not([data-theme-mode="light"]) .card-premium span {
  color: #f8fafc !important;
  word-spacing: 0.2em !important;
}
html[data-theme-mode="dark"] .card-premium .bg-purple-50,
html[data-theme-mode="dark"] .card-premium .bg-slate-100,
html:not(.light-mode):not([data-theme-mode="light"]) .card-premium .bg-purple-50,
html:not(.light-mode):not([data-theme-mode="light"]) .card-premium .bg-slate-100 {
  background: #ffffff !important;
  color: #1e1230 !important;
}
html[data-theme-mode="dark"] .card-premium .bg-purple-50 span,
html[data-theme-mode="dark"] .card-premium .bg-purple-50 strong,
html[data-theme-mode="dark"] .card-premium .bg-slate-100,
html:not(.light-mode):not([data-theme-mode="light"]) .card-premium .bg-purple-50 span,
html:not(.light-mode):not([data-theme-mode="light"]) .card-premium .bg-purple-50 strong {
  color: #1e1230 !important;
}

/* Ícone hambúrguer */
#mobileMenuBtn.fs-menu-btn,
#mobileMenuBtn.fs-menu-btn i {
  color: #f8fafc !important;
}
html.light-mode #mobileMenuBtn.fs-menu-btn,
html.light-mode #mobileMenuBtn.fs-menu-btn i,
html[data-theme-mode="light"] #mobileMenuBtn.fs-menu-btn,
html[data-theme-mode="light"] #mobileMenuBtn.fs-menu-btn i {
  color: #1e1230 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html.light-mode #mobileMenuBtn.fs-menu-btn,
html[data-theme-mode="light"] #mobileMenuBtn.fs-menu-btn {
  background: #efe8ec !important;
}

/* Menu mobile — modo escuro */
html[data-theme-mode="dark"] .mobile-menu-drawer,
html:not(.light-mode):not([data-theme-mode="light"]) .mobile-menu-drawer {
  background: #10060C !important;
  color: #f8fafc !important;
}
html[data-theme-mode="dark"] .mobile-menu-drawer a,
html[data-theme-mode="dark"] .mobile-menu-drawer .fs-brand-name,
html[data-theme-mode="dark"] #closeMobileMenuBtn,
html[data-theme-mode="dark"] #closeMobileMenuBtn i,
html:not(.light-mode):not([data-theme-mode="light"]) .mobile-menu-drawer a,
html:not(.light-mode):not([data-theme-mode="light"]) .mobile-menu-drawer .fs-brand-name {
  color: #f8fafc !important;
}
html[data-theme-mode="dark"] .mobile-menu-drawer a.text-amber-300 {
  color: #CFA24A !important;
}

/* Menu mobile — modo claro */
html.light-mode .mobile-menu-drawer,
html[data-theme-mode="light"] .mobile-menu-drawer,
html.light-mode .mobile-menu-drawer.bg-\[\#3b1450\],
html[data-theme-mode="light"] .mobile-menu-drawer.bg-\[\#3b1450\] {
  background: #ffffff !important;
  color: #1e1230 !important;
  border-left: 1px solid #e8e0e4 !important;
}
html.light-mode .mobile-menu-drawer a,
html.light-mode .mobile-menu-drawer .fs-brand-name,
html.light-mode .mobile-menu-drawer span,
html.light-mode #closeMobileMenuBtn,
html.light-mode #closeMobileMenuBtn i,
html[data-theme-mode="light"] .mobile-menu-drawer a,
html[data-theme-mode="light"] .mobile-menu-drawer .fs-brand-name,
html[data-theme-mode="light"] #closeMobileMenuBtn,
html[data-theme-mode="light"] #closeMobileMenuBtn i {
  color: #1e1230 !important;
}
html.light-mode .mobile-menu-drawer a:hover,
html[data-theme-mode="light"] .mobile-menu-drawer a:hover {
  background: #f4eef2 !important;
  color: #6A1B58 !important;
}
html.light-mode .mobile-menu-drawer a.text-amber-300,
html[data-theme-mode="light"] .mobile-menu-drawer a.text-amber-300 {
  color: #6A1B58 !important;
  background: #f4eef2 !important;
}
html.light-mode #mobileMenuDrawer,
html[data-theme-mode="light"] #mobileMenuDrawer {
  background: rgba(30, 18, 48, 0.28) !important;
}
html.light-mode .mobile-menu-drawer .border-purple-800,
html[data-theme-mode="light"] .mobile-menu-drawer .border-purple-800 {
  border-color: #e8e0e4 !important;
}

@media (max-width: 768px) {
  #dominios .fs-tld-grid { grid-template-columns: 1fr 1fr; }
  #dominios .fs-search-row { flex-direction: column; }
}

/* Modo escuro: páginas jurídicas e contato. Cards claros com texto escuro. */
html:not(.light-mode) main.bg-slate-50,
html[data-theme-mode="dark"] main.bg-slate-50 {
  background: #10060C !important;
  color: #e2e8f0 !important;
}
html:not(.light-mode) main .bg-white,
html:not(.light-mode) main .bg-purple-50,
html[data-theme-mode="dark"] main .bg-white,
html[data-theme-mode="dark"] main .bg-purple-50 {
  background: #ffffff !important;
  color: #1e1230 !important;
}
html:not(.light-mode) main .bg-purple-50,
html[data-theme-mode="dark"] main .bg-purple-50 {
  background: #f6f0f4 !important;
}
html:not(.light-mode) main .bg-white h2,
html:not(.light-mode) main .bg-white h3,
html:not(.light-mode) main .bg-white p,
html:not(.light-mode) main .bg-white li,
html:not(.light-mode) main .bg-white span,
html:not(.light-mode) main .bg-white strong,
html:not(.light-mode) main .bg-white .text-slate-600,
html:not(.light-mode) main .bg-purple-50 h3,
html:not(.light-mode) main .bg-purple-50 p,
html:not(.light-mode) main .bg-purple-50 span,
html:not(.light-mode) main .bg-purple-50 .text-slate-600,
html[data-theme-mode="dark"] main .bg-white h2,
html[data-theme-mode="dark"] main .bg-white h3,
html[data-theme-mode="dark"] main .bg-white p,
html[data-theme-mode="dark"] main .bg-white li,
html[data-theme-mode="dark"] main .bg-white strong,
html[data-theme-mode="dark"] main .bg-purple-50 h3,
html[data-theme-mode="dark"] main .bg-purple-50 p {
  color: #1e1230 !important;
}
html:not(.light-mode) main .bg-white a,
html[data-theme-mode="dark"] main .bg-white a {
  color: #6A1B58 !important;
}
html:not(.light-mode) main .mb-6,
html:not(.light-mode) main .mb-6 a,
html:not(.light-mode) main .mb-6 span,
html[data-theme-mode="dark"] main .mb-6,
html[data-theme-mode="dark"] main .mb-6 a,
html[data-theme-mode="dark"] main .mb-6 span {
  color: #e9d5ff !important;
}
html:not(.light-mode) main .bg-purple-50 a,
html[data-theme-mode="dark"] main .bg-purple-50 a {
  background: #2a0845 !important;
  color: #CFA24A !important;
}
html:not(.light-mode) section .bg-white label,
html:not(.light-mode) section .bg-white h3,
html:not(.light-mode) section .bg-white p,
html:not(.light-mode) section .bg-emerald-50 strong,
html:not(.light-mode) section .bg-emerald-50 span,
html:not(.light-mode) section .bg-slate-50 strong,
html:not(.light-mode) section .bg-slate-50 span,
html[data-theme-mode="dark"] section .bg-white label,
html[data-theme-mode="dark"] section .bg-white h3,
html[data-theme-mode="dark"] section .bg-white p,
html[data-theme-mode="dark"] section .bg-emerald-50 strong,
html[data-theme-mode="dark"] section .bg-slate-50 strong,
html[data-theme-mode="dark"] section .bg-slate-50 span {
  color: #1e1230 !important;
}
html:not(.light-mode) section .bg-emerald-50 .text-emerald-700,
html[data-theme-mode="dark"] section .bg-emerald-50 .text-emerald-700 {
  color: #047857 !important;
}
html:not(.light-mode) main .bg-white .text-slate-500,
html:not(.light-mode) main .bg-white .text-slate-700,
html:not(.light-mode) main .bg-purple-50 .text-slate-500,
html[data-theme-mode="dark"] main .bg-white .text-slate-500,
html[data-theme-mode="dark"] main .bg-white .text-slate-600,
html[data-theme-mode="dark"] main .bg-white .text-slate-700,
html[data-theme-mode="dark"] main .bg-white span,
html[data-theme-mode="dark"] main .bg-purple-50 span,
html[data-theme-mode="dark"] main .bg-purple-50 .text-slate-600 {
  color: #1e1230 !important;
}
html:not(.light-mode) .bg-white .fabrisite-form-group label,
html[data-theme-mode="dark"] .bg-white .fabrisite-form-group label {
  color: #1e1230 !important;
}
html:not(.light-mode) .bg-white .fabrisite-form-control,
html[data-theme-mode="dark"] .bg-white .fabrisite-form-control {
  color: #1e1230 !important;
  background: #ffffff !important;
}
html:not(.light-mode) .bg-white .fabrisite-form-control::placeholder,
html[data-theme-mode="dark"] .bg-white .fabrisite-form-control::placeholder {
  color: #64748b !important;
  opacity: 1 !important;
}
html:not(.light-mode) .bg-white .fabrisite-submit-btn,
html:not(.light-mode) .bg-white .fabrisite-submit-btn .btn-text,
html[data-theme-mode="dark"] .bg-white .fabrisite-submit-btn,
html[data-theme-mode="dark"] .bg-white .fabrisite-submit-btn .btn-text {
  color: #ffffff !important;
}