/* Home publica | camada light | componente journey. */

html[data-theme="light"] .pt-home-profiles {
  --pt-home-blend-from: #edf4ff;
}

html[data-theme="light"] .pt-home-journey {
  color: var(--pt-text);
  background:
    radial-gradient(
      circle at 12% 10%,
      rgba(30, 86, 255, 0.13),
      transparent 31%
    ),
    radial-gradient(
      circle at 88% 90%,
      rgba(0, 191, 255, 0.09),
      transparent 28%
    ),
    linear-gradient(145deg, #fbfdff, #eaf2ff);
}

html[data-theme="light"] .pt-home-journey::before {
  opacity: 0.42;
  background-image:
    linear-gradient(rgba(30, 86, 255, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(30, 86, 255, 0.09) 1px, transparent 1px);
}

html[data-theme="light"] .pt-home-journey .pt-eyebrow {
  color: var(--pt-primary);
}

html[data-theme="light"] .pt-home-journey-intro p,
html[data-theme="light"] .pt-home-journey-grid p {
  color: var(--pt-text-muted);
}

html[data-theme="light"] .pt-home-journey-intro > .btn.btn-outline-light {
  --bs-btn-color: #fff;
  --bs-btn-border-color: #1649df;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-border-color: #0f48d4;
  color: #fff;
  background: linear-gradient(
    135deg,
    #3267f0 0%,
    var(--pt-primary) 52%,
    #0750da 100%
  );
  border-color: #1649df;
  box-shadow:
    0 10px 24px rgba(30, 86, 255, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

html[data-theme="light"] .pt-home-journey-intro > .btn.btn-outline-light:hover,
html[data-theme="light"]
  .pt-home-journey-intro
  > .btn.btn-outline-light:focus-visible {
  color: #fff;
  background: linear-gradient(135deg, #2f64f5 0%, #164fdc 55%, #0645bf 100%);
  border-color: #0f48d4;
  box-shadow:
    0 14px 30px rgba(30, 86, 255, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

html[data-theme="light"] .pt-home-journey-grid > li {
  color: var(--pt-text);
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.96),
    rgba(235, 243, 255, 0.9)
  );
  border-color: color-mix(in srgb, var(--pt-primary), transparent 82%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    0 14px 32px rgba(29, 72, 142, 0.09);
}

html[data-theme="light"] .pt-home-journey-grid > li::after {
  color: rgba(30, 86, 255, 0.045);
}

html[data-theme="light"] .pt-home-journey-grid > li:hover {
  color: var(--pt-text);
  background: linear-gradient(
    145deg,
    rgba(var(--pt-journey-accent), 0.12),
    rgba(255, 255, 255, 0.98)
  );
  border-color: rgba(var(--pt-journey-accent), 0.46);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 20px 38px rgba(29, 72, 142, 0.14);
}

html[data-theme="light"] .pt-home-journey-grid small {
  color: #64748b;
}