/* Páginas por família do SWSIS (vendas/<familia>/) — S4.2, 28/09/2026.
   Carrega depois de sales.css. Noite = .theme-swsis (padrão, mesma cara da página principal).
   Dia = .tema-dia (usa o :root claro do sales.css + os ajustes abaixo). */
.nav-acoes { display:flex; align-items:center; gap:10px; }
.tema-toggle { width:46px; height:46px; display:grid; place-items:center; border:1px solid var(--line); border-radius:13px; background:var(--surface); color:var(--ink); font-size:1.15rem; cursor:pointer; }
.tema-toggle:hover { border-color:color-mix(in srgb,var(--brand) 40%,transparent); }
.tema-sol { display:none; }
.tema-dia .tema-sol { display:inline; }
.tema-dia .tema-lua { display:none; }

.familia-nichos { margin:22px 0 0; color:var(--muted); font-size:.9rem; }
.familia-nichos strong { color:var(--ink); }

.demo-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.demo-card { display:flex; flex-direction:column; gap:12px; padding:22px; border:1px solid var(--line); border-radius:18px; background:var(--surface); }
.demo-card h3 { font-size:1.08rem; letter-spacing:-.02em; }
.demo-login { margin:0; flex:1; color:var(--muted); font-size:.86rem; line-height:1.7; }
.demo-login code { padding:2px 7px; border-radius:6px; background:var(--surface-soft); color:var(--ink); font-size:.84rem; word-break:break-all; }
.demo-card .btn { width:100%; }

.outras-familias { display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:26px; padding-top:20px; border-top:1px solid rgba(255,255,255,.2); font-size:.88rem; }
.outras-familias span { color:rgba(255,255,255,.72); }
.outras-familias a { color:#fff; text-decoration:underline; text-underline-offset:3px; }

/* Dia */
.tema-dia { color-scheme:light; }
.tema-dia .eyebrow { background:color-mix(in srgb,var(--brand) 7%,white); }
.tema-dia .gradient-text { background-image:linear-gradient(120deg,#3355d6,#6f91ff,#2443b8,#3355d6); }
.tema-dia .price-monthly { color:var(--marca-escura); }
.tema-dia .price-monthly strong { color:var(--marca-escura); }
.tema-dia .trust-row span::before, .tema-dia .check-list li::before { color:var(--marca-escura); }
.tema-dia .positive .check-list li::before, .tema-dia .price-card .check-list li::before, .tema-dia .pricing-trust span::before { color:var(--marca-escura); }
.tema-dia .float-card { color:var(--ink); }
.tema-dia .brand-sanweb img { filter:brightness(.3); }
.tema-dia .site-footer { border-top:1px solid var(--line); }

@media (max-width: 920px) {
  .demo-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 640px) {
  .demo-grid { grid-template-columns:1fr; }
  .nav-acoes { gap:8px; }
  .tema-toggle { width:44px; height:44px; }
}

.tema-dia .brand-official img { content:url(marca/swsis-logo-dia.webp); }
.tema-dia .nav-drawer .brand-official img { content:url(marca/swsis-logo-noite.webp); }