/* AtendePraVocê — contrato comercial premium compartilhado
   Aplicado às páginas públicas exceto a home, que possui commercial-premium.css próprio. */

body.page-premium {
  --premium-green: #118454;
  --premium-green-dark: #08633e;
  --premium-green-soft: #dff2e9;
  --premium-ink: #171a1d;
  --premium-ink-soft: #252a2d;
  --premium-paper: #f5f2eb;
  --premium-surface: #fffdfa;
  --premium-surface-strong: #ffffff;
  --premium-line: rgba(23,26,29,.12);
  --premium-line-strong: rgba(23,26,29,.2);
  --premium-muted: #5e6863;
  --premium-radius: 14px;
  --premium-shadow: 0 24px 64px rgba(23,26,29,.075);
  margin: 0;
  background:
    radial-gradient(circle at 88% 1%, rgba(17,132,84,.055), transparent 30rem),
    var(--premium-paper);
  color: var(--premium-ink);
  font-family: Inter, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

body.page-premium *,
body.page-premium *::before,
body.page-premium *::after { box-sizing: border-box; }

body.page-premium main { overflow: clip; }
body.page-premium img, body.page-premium video { max-width: 100%; }

body.page-premium :is(.ai-container,.container,.section-inner,.blog-index-main,.article-wrap,.page-crosslinks) {
  width: min(1180px, calc(100% - 48px));
  max-width: 1180px;
  margin-inline: auto;
}

body.page-premium :is(.ai-kicker,.section-label,.section-header .label,.eyebrow,.badge,.meta-tag,.rc-label) {
  color: var(--premium-green-dark);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .13em;
  text-transform: uppercase;
}

body.page-premium :is(h1,h2,h3,.hero-title,.section-title) {
  font-family: "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;
  color: var(--premium-ink);
}

body.page-premium :is(.ai-hero h1,.hero-content h1,.hero h1,.blog-index-hero h1) {
  font-size: clamp(42px, 5vw, 66px);
  font-weight: 760;
  line-height: 1.01;
  letter-spacing: -.058em;
}

body.page-premium :is(.ai-section h2,.section-header h2,.section h2,.blog-index-resources h2) {
  font-size: clamp(32px, 3.8vw, 50px);
  line-height: 1.06;
  letter-spacing: -.048em;
}

body.page-premium :is(.ai-hero__lead,.hero-description,.hero-sub,.section-desc,.ai-section__intro) {
  color: var(--premium-muted);
  font-size: 16px;
  line-height: 1.7;
}

body.page-premium :is(.ai-button,.cta-button,.btn-primary,.plan-cta,.btn-lg,.header-cta,.btn-cta) {
  min-height: 48px;
  border: 1px solid var(--premium-ink);
  border-radius: 10px;
  background: var(--premium-ink);
  color: #fff;
  box-shadow: none;
  font-weight: 780;
  transition: transform .18s cubic-bezier(.16,1,.3,1), background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

body.page-premium :is(.ai-button,.cta-button,.btn-primary,.plan-cta,.btn-lg,.header-cta,.btn-cta):hover {
  border-color: #2b3033;
  background: #2b3033;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(23,26,29,.12);
}

body.page-premium :is(.ai-button--ghost,.cta-button.secondary,.cta-button.outline,.btn-outline,.btn-sec) {
  border-color: var(--premium-line-strong);
  background: transparent;
  color: var(--premium-ink);
  box-shadow: none;
}

body.page-premium :is(.ai-button--ghost,.cta-button.secondary,.cta-button.outline,.btn-outline,.btn-sec):hover {
  border-color: rgba(23,26,29,.38);
  background: rgba(255,255,255,.58);
  color: var(--premium-ink);
  box-shadow: none;
}

body.page-premium :is(.ai-card,.ai-capability,.ai-compare__panel,.advantage-card,.solution-card,.floating-card,.plan-card,.fw-card,.step,.faq-item,.blog-index-card,.related-card,.toc,.pros-card,.cons-card,.callout,.cta-block) {
  border: 1px solid var(--premium-line);
  border-radius: var(--premium-radius);
  background: rgba(255,255,255,.76);
  box-shadow: none;
  transition: transform .2s cubic-bezier(.16,1,.3,1), border-color .2s ease, background .2s ease;
}

body.page-premium :is(.ai-card,.ai-capability,.advantage-card,.solution-card,.plan-card,.fw-card,.blog-index-card,.related-card):hover {
  border-color: rgba(17,132,84,.38);
  background: #fff;
  transform: translateY(-3px);
}

body.page-premium :is(.ai-section--soft,.advantages-section,.solutions-section,.faq-section,.testimonials-section) {
  background: var(--premium-paper);
}

body.page-premium :is(.ai-section,.advantages-section,.solutions-section,.demo-section,.faq-section,.testimonials-section,.section) {
  padding-block: clamp(78px, 8vw, 108px);
}

body.page-premium :is(.ai-card p,.ai-capability p,.advantage-card p,.solution-card p,.fw-card p,.step p,.faq-answer,.related-card p,.blog-index-card p) {
  color: var(--premium-muted);
}

/* Assistente IA e páginas de nicho */
body.page-premium .ai-hero {
  padding: 76px 0 92px;
  background:
    radial-gradient(circle at 88% 8%, rgba(17,132,84,.09), transparent 29rem),
    var(--premium-paper);
}
body.page-premium .ai-hero::before { border-color: rgba(23,26,29,.08); }
body.page-premium .ai-eyebrow {
  margin-bottom: 19px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--premium-green-dark);
  border-radius: 0;
  font-size: 11px;
  letter-spacing: .13em;
}
body.page-premium .ai-eyebrow::before {
  width: 7px; height: 7px;
  background: var(--premium-green);
  box-shadow: 0 0 0 6px rgba(17,132,84,.1);
}
body.page-premium .ai-hero h1 { color: var(--premium-ink); }
body.page-premium .ai-hero h1 span { color: var(--premium-green); }
body.page-premium .ai-hero__proof { color: #46504b; }
body.page-premium .ai-check svg { color: var(--premium-green); }
body.page-premium .ai-chat {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 20px;
  background: #191d20;
  box-shadow: 0 28px 70px rgba(24,28,26,.17);
  transform: rotate(.4deg);
}
body.page-premium .ai-chat::before {
  color: rgba(255,255,255,.64);
  background: rgba(25,29,32,.78);
  border: 1px solid rgba(255,255,255,.09);
}
body.page-premium .ai-section { background: var(--premium-surface); }
body.page-premium .ai-section--soft { background: var(--premium-paper); }
body.page-premium .ai-section--dark {
  background:
    radial-gradient(circle at 82% 0, rgba(113,211,164,.11), transparent 28rem),
    #191d20;
}
body.page-premium .ai-kicker { color: var(--premium-green-dark); }
body.page-premium .ai-card__icon,
body.page-premium .ai-compare__arrow {
  color: var(--premium-green-dark);
  background: var(--premium-green-soft);
  border-radius: 10px;
}
body.page-premium .ai-capability__number {
  color: var(--premium-green-dark);
  background: var(--premium-green-soft);
  border-radius: 9px;
}
body.page-premium .ai-compare__panel--after {
  border-color: rgba(17,132,84,.3);
  background: #f7fbf8;
}

/* Página de lembretes / products.css */
body.page-premium.page-product .zapcalendar-landing {
  background: transparent;
  color: var(--premium-ink);
}
body.page-premium.page-product .hero-section {
  padding: 76px 0 92px;
  background:
    radial-gradient(circle at 88% 8%, rgba(17,132,84,.09), transparent 29rem),
    var(--premium-paper);
}
body.page-premium.page-product .hero-content h1 { color: var(--premium-ink); }
body.page-premium.page-product .hero-description { color: var(--premium-muted); }
body.page-premium.page-product .hero-visual {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 20px;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    #191d20;
  background-size: 42px 42px;
  box-shadow: 0 28px 70px rgba(24,28,26,.16);
}
body.page-premium.page-product .hero-stats {
  border-color: var(--premium-line);
  background: transparent;
}
body.page-premium.page-product .stat-number { color: var(--premium-ink); }
body.page-premium.page-product .stat-label { color: var(--premium-muted); }
body.page-premium.page-product .advantage-icon,
body.page-premium.page-product .solution-icon {
  color: var(--premium-green-dark);
  background: var(--premium-green-soft);
  border-radius: 10px;
}
body.page-premium.page-product .features-list li::before { color: var(--premium-green); }
body.page-premium.page-product .final-cta {
  background:
    radial-gradient(circle at 82% 0, rgba(113,211,164,.11), transparent 28rem),
    #191d20;
}
body.page-premium.page-product .final-cta :is(h2,p) { color: #fff; }
body.page-premium.page-product .final-cta p { color: rgba(255,255,255,.58); }

/* Agenda */
body.page-premium.page-agenda {
  background:
    radial-gradient(circle at 88% 1%, rgba(17,132,84,.055), transparent 30rem),
    var(--premium-paper);
}
body.page-premium.page-agenda .hero {
  padding: 78px 0 92px;
  background:
    radial-gradient(circle at 86% 7%, rgba(17,132,84,.09), transparent 29rem),
    var(--premium-paper);
}
body.page-premium.page-agenda .hero h1 { color: var(--premium-ink); }
body.page-premium.page-agenda .hero-sub { color: var(--premium-muted); }
body.page-premium.page-agenda .quick-benefits {
  border-block: 1px solid var(--premium-line);
  background: var(--premium-surface);
}
body.page-premium.page-agenda .qb-item { border-color: var(--premium-line); }
body.page-premium.page-agenda .sp-num { color: var(--premium-ink); }
body.page-premium.page-agenda .section { background: var(--premium-surface); }
body.page-premium.page-agenda .section:nth-of-type(even) { background: var(--premium-paper); }
body.page-premium.page-agenda .step-num,
body.page-premium.page-agenda .step-icon,
body.page-premium.page-agenda .check-icon {
  color: var(--premium-green-dark);
  background: var(--premium-green-soft);
}
body.page-premium.page-agenda .plan-card.featured { border-color: rgba(17,132,84,.34); }
body.page-premium.page-agenda .plan-badge { background: var(--premium-green); color: #fff; }
body.page-premium.page-agenda .final-cta {
  background:
    radial-gradient(circle at 82% 0, rgba(113,211,164,.11), transparent 28rem),
    #191d20;
}
body.page-premium.page-agenda .final-cta :is(h2,p) { color: #fff; }
body.page-premium.page-agenda .final-cta p { color: rgba(255,255,255,.58); }

/* Blog e artigos */
body.page-premium.page-blog {
  background:
    radial-gradient(circle at 88% 1%, rgba(17,132,84,.05), transparent 30rem),
    var(--premium-paper);
  color: var(--premium-ink);
}
body.page-premium.page-blog .article-wrap {
  width: min(820px, calc(100% - 48px));
  max-width: 820px;
  padding: 68px 0 96px;
}
body.page-premium.page-blog .breadcrumb { color: var(--premium-muted); }
body.page-premium.page-blog .breadcrumb a { color: var(--premium-green-dark); }
body.page-premium.page-blog .meta-tag {
  border-color: rgba(17,132,84,.2);
  background: var(--premium-green-soft);
  color: var(--premium-green-dark);
}
body.page-premium.page-blog :is(h1,h2,h3) { color: var(--premium-ink); }
body.page-premium.page-blog h1 {
  font-size: clamp(38px, 5vw, 60px);
  line-height: 1.04;
  letter-spacing: -.052em;
}
body.page-premium.page-blog .intro {
  border-left: 2px solid var(--premium-green);
  color: var(--premium-muted);
}
body.page-premium.page-blog p,
body.page-premium.page-blog li { color: #424b47; }
body.page-premium.page-blog .toc {
  border-left: 3px solid var(--premium-green);
  background: var(--premium-surface);
}
body.page-premium.page-blog .compare-table {
  border-color: var(--premium-line);
  border-radius: 12px;
}
body.page-premium.page-blog .compare-table th { background: #191d20; color: #fff; }
body.page-premium.page-blog .compare-table th:first-child { background: #191d20; }
body.page-premium.page-blog .compare-table td { border-color: var(--premium-line); background: var(--premium-surface); }
body.page-premium.page-blog .compare-table tr:nth-child(even) td { background: #f8f6f0; }
body.page-premium.page-blog .step-num { background: var(--premium-ink); color: #fff; }
body.page-premium.page-blog .cta-block {
  border: 1px solid var(--premium-line);
  background: var(--premium-surface);
}
body.page-premium.page-blog .blog-index-hero {
  padding: 72px 0 64px;
  background:
    radial-gradient(circle at 88% 8%, rgba(17,132,84,.085), transparent 28rem),
    var(--premium-paper);
}
body.page-premium.page-blog .blog-index-grid,
body.page-premium.page-blog .related-grid { gap: 14px; }
body.page-premium.page-blog .blog-index-card,
body.page-premium.page-blog .related-card { background: rgba(255,255,255,.76); }

/* Cross-links / breadcrumbs */
body.page-premium .page-breadcrumb,
body.page-premium .breadcrumb {
  color: var(--premium-muted);
}
body.page-premium .page-breadcrumb a,
body.page-premium .breadcrumb a { color: var(--premium-green-dark); }
body.page-premium .page-crosslinks {
  padding-block: 60px;
  border-top: 1px solid var(--premium-line);
}
body.page-premium .crosslink-grid > a,
body.page-premium .rem-related__grid > a {
  border-color: var(--premium-line);
  border-radius: 12px;
  background: rgba(255,255,255,.7);
  box-shadow: none;
}

/* Motion only communicates hierarchy; never blocks reading. */
@media (prefers-reduced-motion: no-preference) {
  body.page-premium main > section:first-of-type {
    animation: apv-premium-enter .55s cubic-bezier(.16,1,.3,1) both;
  }
  @keyframes apv-premium-enter {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: none; }
  }
}

@media (max-width: 980px) {
  body.page-premium :is(.ai-container,.container,.section-inner,.blog-index-main,.article-wrap,.page-crosslinks) {
    width: min(100% - 36px, 1180px);
  }
  body.page-premium .ai-hero__grid { gap: 42px; }
}

@media (max-width: 640px) {
  body.page-premium :is(.ai-container,.container,.section-inner,.blog-index-main,.article-wrap,.page-crosslinks) {
    width: min(100% - 30px, 1180px);
  }
  body.page-premium :is(.ai-hero,.hero-section,.page-agenda .hero) { padding-block: 54px 68px; }
  body.page-premium :is(.ai-section,.advantages-section,.solutions-section,.demo-section,.faq-section,.testimonials-section,.section) {
    padding-block: 68px;
  }
}
