/* Atual Social — Brand Refresh 2026-09-02 | visual only */
:root {
  --as-purple: #4f46e5;
  --as-pink: #0f9f9a;
  --as-coral: #2563eb;
  --as-orange: #f59e0b;
  --as-navy: #1e293b;
  --as-slate: #64748b;
  --as-paper: #f8fafc;
  --as-soft: #f1f5f9;
  --as-line-new: #dce4ef;
  --as-grad: linear-gradient(135deg, #4f46e5 0%, #0f9f9a 48%, #2563eb 75%, #f59e0b 100%);
  --as-grad-soft: linear-gradient(135deg, #eef2ff 0%, #eef8f8 48%, #f6f8fc 100%);
  --as-shadow-new: 0 20px 60px rgba(79, 70, 229, 0.12);
  --primary: #4f46e5 !important;
  --accent: #0f9f9a !important;
  --warning: #f59e0b !important;
  --text: #1e293b !important;
  --muted: #64748b !important;
  --line: #dce4ef !important;
  --bg: #f8fafc !important;
  --panel: #ffffff !important;
  --panel2: #f8fafc !important;
  --as-brand: #4f46e5 !important;
  --as-brand2: #0f9f9a !important;
  --as-ink: #1e293b !important;
  --as-muted: #64748b !important;
  --as-night: #1e293b !important;
  --as-soft: #f8fafc !important;
  --as-line: #dce4ef !important;
  --brand: #4f46e5 !important;
  --brand2: #0f9f9a !important;
  --ink: #1e293b !important;
  --paper: #f8fafc !important;
  --dark: #1e293b !important;
}
html,
body {
  font-family: Poppins, Inter, 'Segoe UI', Roboto, Arial, sans-serif !important;
  background: radial-gradient(circle at 8% 0%, rgba(79, 70, 229, 0.1), transparent 26%),
    radial-gradient(circle at 92% 8%, rgba(15, 159, 154, 0.09), transparent 25%),
    radial-gradient(circle at 70% 86%, rgba(245, 158, 11, 0.06), transparent 24%),
    linear-gradient(180deg, #fff 0%, #f8fafc 52%, #fff 100%) !important;
  color: #1e293b !important;
}
::selection {
  background: rgba(15, 159, 154, 0.2);
  color: #1e293b;
}
*:focus-visible {
  outline: 3px solid rgba(15, 159, 154, 0.32) !important;
  outline-offset: 2px !important;
}
.muted {
  color: #64748b !important;
}
.logo-mark,
.as-brand-mark {
  background: #fff url('/brand-atual-social-20260911.png?v=20260911-brandnew1') center/contain no-repeat !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 9px 26px rgba(79, 70, 229, 0.17) !important;
  color: transparent !important;
}
.tech-logo img,
.store-brand img,
.footer-brand img,
.store-mark img {
  background: #fff !important;
  border-radius: 13px !important;
  box-shadow: 0 8px 24px rgba(79, 70, 229, 0.14) !important;
  filter: none !important;
}
.tech-nav,
.store-nav,
.public-nav,
.as-header {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: rgba(79, 70, 229, 0.1) !important;
  box-shadow: 0 10px 34px rgba(30, 41, 59, 0.04) !important;
}
.tech-logo,
.store-brand,
.logo,
.as-brand {
  color: #1e293b !important;
}
.tech-links,
.store-links,
.nav-links,
.as-nav-links {
  color: #475569 !important;
}
.tech-links a:hover,
.store-links a:hover,
.nav-links a:hover,
.as-nav-links a:hover {
  color: #0f9f9a !important;
}
.btn-primary,
.btn-accent,
.tech-btn.primary,
.store-btn.accent,
.as-button-primary,
.tool-btn.primary {
  background: var(--as-grad) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 13px 30px rgba(15, 159, 154, 0.18) !important;
}
.store-btn.primary {
  background: #1e293b !important;
  color: #fff !important;
}
.btn-ghost,
.tech-btn.ghost,
.store-btn.ghost,
.as-button-secondary {
  background: #fff !important;
  color: #334155 !important;
  border-color: #dce4ef !important;
}
.btn-danger {
  background: #fff1f2 !important;
  color: #be123c !important;
  border-color: #fecdd3 !important;
}
.btn:hover,
.tech-btn:hover,
.store-btn:hover,
.as-button:hover {
  filter: brightness(1.02) !important;
  transform: translateY(-1px);
}
.card,
.eco-card,
.tech-card,
.feature-grid article,
.ecosystem-three article,
.product-card,
.video-card,
.sales-flow-grid article,
.command-card,
.arch-card {
  background: rgba(255, 255, 255, 0.97) !important;
  color: #1e293b !important;
  border-color: #dce4ef !important;
  box-shadow: var(--as-shadow-new) !important;
}
.pill,
.status {
  background: #fff !important;
  color: #475569 !important;
  border-color: #dce4ef !important;
}
.status.live {
  background: #f0fdf4 !important;
  color: #047857 !important;
  border-color: #bbf7d0 !important;
}
.tech-eyebrow,
.eyebrow,
.hero-eyebrow,
.section-kicker,
.as-eyebrow,
.as-kicker,
.product-badge,
.eco-num,
.tech-path article b {
  color: #4f46e5 !important;
}
.hero-copy h1 span,
.innovation-hero .tech-title span {
  background: var(--as-grad) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}
.tech-title,
.section-title,
.page-title h1,
.hero-copy h1,
.tech-section-head h2,
.section-head h2 {
  color: #1e293b !important;
}
.innovation-hero,
.page-hero,
.mobile-evidence,
.experience-scene,
.ai-highlight,
.as-enterprise-panel,
.as-final,
.cta-band {
  background: var(--as-grad-soft) !important;
  border-color: #dce4ef !important;
  color: #1e293b !important;
}
.innovation-stage {
  background: linear-gradient(145deg, #4f46e5, #0f9f9a 58%, #2563eb) !important;
}
.stage-bars i,
.chart i {
  background: linear-gradient(180deg, #f59e0b, #0f9f9a, #4f46e5) !important;
}
.stage-live i,
.video-live-chip i {
  background: #f59e0b !important;
}
.ai-panel {
  background: linear-gradient(145deg, #ffffff, #eef2ff) !important;
  color: #1e293b !important;
  border: 1px solid #dce4ef !important;
}
.ai-panel-head,
.ai-insight {
  border-color: #dce4ef !important;
}
.ai-panel-head small,
.ai-panel-head b,
.score-row strong,
.ai-insight b {
  color: #1e293b !important;
}
.score-row div {
  background: #fff !important;
  border-color: #dce4ef !important;
}
.score-row span,
.ai-insight p {
  color: #64748b !important;
}
.ai-message {
  background: #eff8f7 !important;
  border-color: #bfe3df !important;
  color: #0f766e !important;
}
.innovation-band,
.ecosystem,
.final-cta,
.premium-footer {
  background: linear-gradient(135deg, #eef2ff 0%, #eff8f7 45%, #fff7ed 100%) !important;
  color: #1e293b !important;
  border-top: 1px solid #dce4ef !important;
  border-bottom: 1px solid #dce4ef !important;
}
.innovation-band .tech-section-head p,
.section-head.light p,
.final-cta p,
.premium-footer,
.footer-grid p,
.footer-grid a,
.footer-bottom {
  color: #64748b !important;
}
.section-head.light h2,
.section-head.light b,
.footer-grid > div > b {
  color: #1e293b !important;
}
.ecosystem-flow article {
  background: rgba(255, 255, 255, 0.82) !important;
  border-color: #dce4ef !important;
  color: #1e293b !important;
}
.ecosystem-flow small,
.ecosystem-flow article > span {
  color: #64748b !important;
}
.ecosystem-flow i {
  color: #0f9f9a !important;
}
.final-cta .eyebrow {
  color: #4f46e5 !important;
}
.premium-footer {
  box-shadow: none !important;
}
.footer-brand img {
  filter: none !important;
}
.sidebar {
  background: rgba(255, 255, 255, 0.97) !important;
  border-right-color: #dce4ef !important;
}
.nav-btn {
  color: #526178 !important;
}
.nav-btn.active,
.nav-btn:hover {
  background: linear-gradient(90deg, #eef2ff, #eff8f7) !important;
  color: #4f46e5 !important;
  box-shadow: inset 3px 0 0 #0f9f9a !important;
}
.topbar {
  background: rgba(255, 255, 255, 0.93) !important;
  border-color: #dce4ef !important;
}
.presentation-cover {
  background: linear-gradient(135deg, #4f46e5, #0f9f9a 65%, #2563eb) !important;
}
.presentation-cover .pill {
  background: rgba(255, 255, 255, 0.92) !important;
  color: #4f46e5 !important;
}
.command-center {
  background: var(--as-grad-soft) !important;
  border-color: #dce4ef !important;
}
.command-icon {
  color: #0f9f9a !important;
}
.input,
.textarea,
.select,
input,
textarea,
select {
  background: #fff !important;
  color: #1e293b !important;
  border-color: #d5dfec !important;
}
.input:focus,
.textarea:focus,
.select:focus,
input:focus,
textarea:focus,
select:focus {
  border-color: #0f9f9a !important;
  box-shadow: 0 0 0 4px rgba(15, 159, 154, 0.1) !important;
}
.modal {
  background: #fff !important;
  border-color: #dce4ef !important;
}
.modal-backdrop {
  background: rgba(30, 41, 59, 0.26) !important;
}
.consent {
  background: #f8fafc !important;
  color: #475569 !important;
  border-color: #dce4ef !important;
}
.live-shell,
.viewer-page,
.event-entry,
.auth-page {
  background: radial-gradient(circle at 12% 8%, rgba(79, 70, 229, 0.1), transparent 25%),
    radial-gradient(circle at 90% 0%, rgba(15, 159, 154, 0.08), transparent 24%), #f8fafc !important;
  color: #1e293b !important;
}
.live-top,
.live-bottom,
.live-side,
.viewer-header,
.viewer-footer {
  background: rgba(255, 255, 255, 0.97) !important;
  color: #1e293b !important;
  border-color: #dce4ef !important;
}
.live-stage-area,
.live-stage-wrap,
.viewer-stage-wrap {
  background: #f1f5f9 !important;
}
.tool-btn {
  background: #fff !important;
  color: #334155 !important;
  border-color: #d5dfec !important;
}
.viewer-chat-drawer,
.chat-box,
.event-entry-card {
  background: #fff !important;
  color: #1e293b !important;
  border-color: #dce4ef !important;
}
.chat-msg {
  background: #f8fafc !important;
  color: #334155 !important;
}
.screen-badge {
  background: rgba(255, 255, 255, 0.95) !important;
  color: #1e293b !important;
  border-color: #dce4ef !important;
}
.connection-badge {
  background: #fff !important;
  color: #475569 !important;
  border-color: #dce4ef !important;
}
.auth-shell {
  background: #fff !important;
  border-color: #dce4ef !important;
  box-shadow: var(--as-shadow-new) !important;
}
.auth-brand {
  background: var(--as-grad-soft) !important;
  color: #1e293b !important;
}
.auth-brand h1 {
  color: #1e293b !important;
}
.auth-card {
  background: #fff !important;
}
.event-entry-card {
  box-shadow: var(--as-shadow-new) !important;
}
.planner-device,
.whatsapp-visual,
.real-hero-media,
.page-visual,
.proof-video-panel,
.hero-video-shell {
  background: #1e293b !important;
}
.phone,
.mini-phone,
.cta-screen,
.tablet,
.laptop {
  border-color: #1e293b !important;
}
.sales-flow-cta {
  background: linear-gradient(135deg, #4f46e5, #0f9f9a) !important;
  color: #fff !important;
}
.tech-footer,
.store-footer,
.footer-premium,
.as-footer {
  background: #fff !important;
  color: #475569 !important;
  border-color: #dce4ef !important;
}
.tech-footer b,
.tech-footer .tech-logo,
.footer-premium .logo {
  color: #1e293b !important;
}
.tech-footer a:hover,
.footer-premium a:hover {
  color: #0f9f9a !important;
}
@media (max-width: 760px) {
  .tech-nav-inner,
  .store-nav-inner {
    background: rgba(255, 255, 255, 0.96) !important;
  }
  .tech-links.open,
  .as-nav-links.mobile-open {
    background: #fff !important;
    border-color: #dce4ef !important;
  }
  .sidebar {
    background: #fff !important;
  }
  .nav-list {
    background: #fff !important;
  }
  .live-bottom {
    background: #fff !important;
  }
  .logo-mark,
  .as-brand-mark {
    box-shadow: 0 7px 20px rgba(79, 70, 229, 0.14) !important;
  }
}

/* Mobile visual containment */
.experience-scene {
  overflow: hidden !important;
}
@media (max-width: 760px) {
  .audience-cloud {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) scale(0.88) !important;
    transform-origin: center !important;
    max-width: 100% !important;
  }
}