/* AtendePraVocê — Premium components v3 / light direction
   Incremental overrides over v2. The public experience is deliberately light;
   the footer remains the single dark closing surface. */
:root {
  --apv-light-paper: #f6f4ef;
  --apv-light-surface: #fffdfa;
  --apv-light-cool: #eef3f7;
  --apv-light-cool-2: #e8f0f5;
  --apv-light-blue: #edf4fb;
  --apv-light-ink: #17202a;
  --apv-light-muted: #5f6b76;
  --apv-light-line: rgba(23, 32, 42, .11);
  --apv-light-navy: #0b3158;
  --apv-light-green: #177d58;
}

/* HOME — light operational balloons. */
body.page-home .hv-card,
body.page-home .hv-card.c1,
body.page-home .hv-card.c2,
body.page-home .hv-card.c3,
body.page-home .hv-card.c4 {
  border: 1px solid rgba(25, 54, 78, .10) !important;
  background:
    radial-gradient(circle at 94% 8%, rgba(61, 137, 196, .08), transparent 42%),
    #f7fafc !important;
  color: var(--apv-light-ink) !important;
  box-shadow: 0 16px 34px rgba(28, 48, 65, .075) !important;
}
body.page-home .hvc-label { color: #64717c !important; }
body.page-home .hvc-val,
body.page-home .hvc-val.is-muted { color: var(--apv-light-ink) !important; }
body.page-home .hvc-sub { color: #74808a !important; }
body.page-home .hvc-dot { background: #3f9b76 !important; box-shadow: 0 0 0 5px rgba(63,155,118,.10) !important; }
body.page-home .hvc-dot.off { background: #9ba5ad !important; box-shadow: none !important; }
body.page-home .hv-card:hover { border-color: rgba(25, 77, 119, .20) !important; background: #fff !important; box-shadow: 0 18px 38px rgba(28,48,65,.09) !important; }

/* Calendar/reminder floating cards use the same light language. */
body.page-premium.page-product .zapcalendar-landing .floating-card,
body.page-premium.page-product .zapcalendar-landing .floating-card.card-1,
body.page-premium.page-product .zapcalendar-landing .floating-card.card-2,
body.page-premium.page-product .zapcalendar-landing .floating-card.card-3,
body.page-premium.page-product .zapcalendar-landing .floating-card.card-4 {
  border-color: rgba(25,54,78,.10) !important;
  background:
    radial-gradient(circle at 94% 6%, rgba(61,137,196,.075), transparent 42%),
    #f7fafc !important;
  box-shadow: 0 16px 34px rgba(28,48,65,.075) !important;
}
body.page-premium.page-product .zapcalendar-landing .floating-card .card-header { color: var(--apv-light-ink) !important; }
body.page-premium.page-product .zapcalendar-landing .floating-card .card-content p { color: var(--apv-light-muted) !important; }
body.page-premium.page-product .zapcalendar-landing .floating-card .status-dot.active { background: #3f9b76 !important; }

/* Home product section: previously charcoal, now a cool premium canvas. */
body.page-home #produtos {
  background:
    radial-gradient(circle at 84% 10%, rgba(77,144,198,.08), transparent 32rem),
    var(--apv-light-cool) !important;
}
body.page-home #produtos .sec-label { color: var(--apv-light-green) !important; }
body.page-home #produtos h2 { color: var(--apv-light-ink) !important; }
body.page-home #produtos .sec-sub { color: var(--apv-light-muted) !important; }
body.page-home #produtos .prod-card,
body.page-home #produtos .home-price-card {
  border-color: var(--apv-light-line) !important;
  background: rgba(255,255,255,.78) !important;
  box-shadow: 0 12px 28px rgba(28,48,65,.05) !important;
}
body.page-home #produtos .prod-card:hover { border-color: rgba(23,125,88,.22) !important; background: #fff !important; }
body.page-home #produtos :is(.prod-card h3, .home-price-card h3) { color: var(--apv-light-ink) !important; }
body.page-home #produtos :is(.prod-card p, .feat-list li, .home-price-card p, .price-guide-link) { color: var(--apv-light-muted) !important; }
body.page-home #produtos .feat-list svg { color: var(--apv-light-green) !important; }
body.page-home #produtos .prod-icon { border-color: rgba(23,125,88,.12) !important; background: rgba(23,125,88,.08) !important; color: var(--apv-light-green) !important; }
body.page-home #produtos .prod-btn.sec { border-color: var(--apv-light-line) !important; background: #fff !important; color: var(--apv-light-ink) !important; }
body.page-home #produtos .prod-btn.prim { background: var(--apv-light-navy) !important; color: #fff !important; }
body.page-home #produtos .top-badge { background: #dcebe4 !important; color: #235d47 !important; }
body.page-home #produtos .price-kicker { color: var(--apv-light-green) !important; }

/* Home video/demo surfaces should not read as dark sections. */
body.page-home .video-wrap {
  border-color: var(--apv-light-line) !important;
  background: #f1f5f8 !important;
}
body.page-home .video-lite { color: var(--apv-light-muted) !important; }
body.page-home .video-lite__play { background: #dcebe4 !important; color: #245b47 !important; }

/* Home closing CTA — light blue paper instead of dark/green. */
body.page-home .fin-cta {
  border-top: 1px solid var(--apv-light-line) !important;
  background:
    radial-gradient(circle at 50% 0, rgba(64,135,190,.10), transparent 28rem),
    var(--apv-light-blue) !important;
  color: var(--apv-light-ink) !important;
}
body.page-home .fin-cta :is(h2,h3) { color: var(--apv-light-ink) !important; }
body.page-home .fin-cta p { color: var(--apv-light-muted) !important; }

/* ASSISTANT — white WhatsApp simulation, no charcoal framing. */
body.page-premium .ai-chat {
  border: 1px solid rgba(36,70,94,.12) !important;
  background: #fff !important;
  box-shadow: 0 24px 58px rgba(35,55,70,.10) !important;
  transform: rotate(.2deg) !important;
}
body.page-premium .ai-chat::before {
  border: 1px solid rgba(36,70,94,.10) !important;
  background: rgba(255,255,255,.94) !important;
  color: #64717c !important;
}
body.page-premium .ai-chat__top {
  border-bottom: 1px solid rgba(36,70,94,.10) !important;
  background: #f2f6f8 !important;
  color: var(--apv-light-ink) !important;
}
body.page-premium .ai-chat__avatar { background: #e1eee8 !important; color: #245b47 !important; }
body.page-premium .ai-chat__status { color: #70808b !important; opacity: 1 !important; }
body.page-premium .ai-chat__body {
  background-color: #fff !important;
  background-image: radial-gradient(rgba(66,96,117,.055) 1px, transparent 1px) !important;
}
body.page-premium .ai-bubble--assistant { border: 1px solid rgba(36,70,94,.08) !important; background: #f8fafb !important; }
body.page-premium .ai-bubble--customer { background: #e6f2ea !important; }

/* Replace all explicitly dark AI sections with light premium surfaces. */
body.page-premium .ai-section--feature {
  color: var(--apv-light-ink) !important;
  background:
    radial-gradient(circle at 84% 0, rgba(64,135,190,.08), transparent 29rem),
    var(--apv-light-cool) !important;
}
body.page-premium .ai-section--feature :is(h2,h3) { color: var(--apv-light-ink) !important; }
body.page-premium .ai-section--feature .ai-kicker { color: var(--apv-light-green) !important; }
body.page-premium .ai-section--feature :is(.ai-section__intro, .ai-step p) { color: var(--apv-light-muted) !important; }
body.page-premium .ai-section--feature .ai-step::before { color: var(--apv-light-navy) !important; }
body.page-premium .ai-section--feature .ai-step:not(:last-child)::after { background: rgba(23,32,42,.11) !important; }

body.page-premium .ai-final {
  border-top: 1px solid var(--apv-light-line) !important;
  background:
    radial-gradient(circle at 50% 0, rgba(64,135,190,.10), transparent 29rem),
    var(--apv-light-blue) !important;
  color: var(--apv-light-ink) !important;
}
body.page-premium .ai-final h2 { color: var(--apv-light-ink) !important; }
body.page-premium .ai-final p { color: var(--apv-light-muted) !important; }
body.page-premium .ai-final .ai-button--light {
  border-color: var(--apv-light-navy) !important;
  background: var(--apv-light-navy) !important;
  color: #fff !important;
}
body.page-premium .ai-final .ai-button--light:hover { border-color: #123f6d !important; background: #123f6d !important; color: #fff !important; }
body.page-premium .ai-final .ai-button--ghost.ai-button--on-green {
  border-color: rgba(11,49,88,.18) !important;
  background: rgba(255,255,255,.62) !important;
  color: var(--apv-light-navy) !important;
}
body.page-premium .ai-final .ai-button--ghost.ai-button--on-green:hover { border-color: rgba(11,49,88,.28) !important; background: #fff !important; color: var(--apv-light-navy) !important; }

/* Product/agenda final CTAs: always light. */
body.page-product .zapcalendar-landing .final-cta,
body.page-agenda .final-cta {
  border-top-color: var(--apv-light-line) !important;
  background:
    radial-gradient(circle at 50% 0, rgba(64,135,190,.08), transparent 28rem),
    #f4f7f9 !important;
  color: var(--apv-light-ink) !important;
}

/* Blog comparison headers were the last large charcoal table surface. */
body.page-premium.page-blog .compare-table th,
body.page-premium.page-blog .compare-table th:first-child {
  background: #e9eff3 !important;
  color: var(--apv-light-ink) !important;
}

/* Media can stay black inside the video element, but its surrounding section is light. */
body.page-premium .ai-demo__video { border-color: var(--apv-light-line) !important; background: #f1f4f6 !important; box-shadow: 0 16px 34px rgba(28,48,65,.07) !important; }

/* Footer remains intentionally dark; every other shared commercial section is light. */