/* ==== /crm-com-whatsapp scope — página migrada do projeto Landing Pages.
   Isolada sob .crm-whatsapp-scope para não afetar o mundo verbatim. ==== */
.crm-whatsapp-scope {
  --font-display: "Rubik", "Rubik Fallback", "Inter", "Inter Fallback", system-ui, sans-serif;
  --font-sans: "Inter", "Inter Fallback", system-ui, sans-serif;
  --brand-blue: #0030a0;
  --brand-green: #52f896;
  --brand-pink: #ec6783;
  --brand-purple: #0030a0;
  --surface: oklch(1 0 0);
  font-family: var(--font-sans);
}
.crm-whatsapp-scope h1,
.crm-whatsapp-scope h2,
.crm-whatsapp-scope h3,
.crm-whatsapp-scope h4 {
  font-family: var(--font-display);
  font-weight: 500;
  letter-spacing: -0.01em;
}

/* brand-blue utilities usadas pelo Footer */
.crm-whatsapp-scope .bg-brand-blue { background-color: var(--brand-blue); }
.crm-whatsapp-scope .text-brand-blue { color: var(--brand-blue); }
.crm-whatsapp-scope .border-brand-blue\/30 { border-color: color-mix(in oklch, var(--brand-blue) 30%, transparent); }
.crm-whatsapp-scope .hover\:bg-brand-blue:hover { background-color: var(--brand-blue); }
.crm-whatsapp-scope .hover\:text-brand-blue:hover { color: var(--brand-blue); }

/* keyframes (nomes originais — não renomear) */
@keyframes reveal-up { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
@keyframes float-y { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes msg-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes pulse-dot { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }

/* motion system da página (escopado) */
.crm-whatsapp-scope .reveal { opacity: 1; }
.crm-whatsapp-scope .reveal.js-armed { opacity: 0; }
.crm-whatsapp-scope .reveal.js-armed.is-visible { animation: reveal-up 500ms ease-out both; }
.crm-whatsapp-scope .float-slow { animation: float-y 6s ease-in-out infinite; }
.crm-whatsapp-scope .msg-anim { animation: msg-in 400ms ease-out both; }
.crm-whatsapp-scope .pulse-dot { animation: pulse-dot 1.8s ease-in-out infinite; }
.crm-whatsapp-scope .hover-lift { transition: transform 240ms ease-out, box-shadow 240ms ease-out; }
.crm-whatsapp-scope .hover-lift:hover { transform: translateY(-4px); box-shadow: 0 12px 32px -12px rgba(0, 48, 160, 0.18); }
.crm-whatsapp-scope .cta-arrow { transition: transform 200ms ease-out; }
.crm-whatsapp-scope .group:hover .cta-arrow,
.crm-whatsapp-scope a:hover > .cta-arrow,
.crm-whatsapp-scope button:hover > .cta-arrow { transform: translateX(4px); }

@media (prefers-reduced-motion: reduce) {
  .crm-whatsapp-scope .reveal, .crm-whatsapp-scope .reveal.is-visible,
  .crm-whatsapp-scope .float-slow, .crm-whatsapp-scope .msg-anim, .crm-whatsapp-scope .pulse-dot {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
  .crm-whatsapp-scope .hover-lift:hover { transform: none; }
}
