:root {
  --cc-red: #1273b5;
  --cc-red-600: #1068a4;
  --cc-red-700: #0e5a8f;
  --cc-red-50: #e8f2f9;
  --cc-red-100: #d2e6f4;
  --cc-red-rgb: 18, 115, 181;
  --cc-accent: #1273b5;
  --cc-accent-rgb: 18, 115, 181;
  --cc-ink: #15233a;
  --cc-ink-rgb: 21, 35, 58;
  --cc-ink-2: #22324d;
  --cc-body: #46546a;
  --cc-muted: #5b6880;
  --cc-bg: #ffffff;
  --cc-bg-2: #f4f6f9;
  --cc-soft: #eef1f5;
  --cc-line: #e1e6ed;
  --cc-dark: #15233a;
  --cc-on-brand: #ffffff;
  --cc-celeste: #5fbfdf;
  --cc-celeste-600: #45b0d4;
  --cc-wa-btn: var(--cc-celeste);
  --cc-wa-600: var(--cc-celeste-600);
  --cc-nav-alto: 63px;
}
.cc-btn-wa, .cc-btn-wa:hover, .cc-btn-wa:focus { color: var(--cc-ink); }
.cc-btn-wa { box-shadow: 0 10px 24px rgba(42, 147, 179, 0.28); }
.cc-btn-wa:hover, .cc-btn-wa:focus { box-shadow: 0 14px 30px rgba(42, 147, 179, 0.36); }
.cc-hero-cover .cc-accent-2 { color: var(--cc-celeste); }