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

/* ---- Faixa de números ------------------------------------------------ */

html[data-theme="light"] .pt-home-hero-metrics {
  background: rgba(255, 255, 255, 0.62);
  border-top-color: color-mix(in srgb, var(--pt-primary), transparent 86%);
}

html[data-theme="light"] .pt-home-hero-metric > i {
  color: var(--pt-primary);
}

html[data-theme="light"] .pt-home-hero-metric strong {
  color: var(--pt-heading);
}

html[data-theme="light"] .pt-home-hero-metric small {
  color: var(--pt-text-muted);
}

html[data-theme="light"] .pt-home-partners {
  --pt-home-blend-from: #eef5ff;
  color: var(--pt-text);
  background:
    radial-gradient(circle at 12% 0%, rgba(30, 86, 255, 0.12), transparent 32%),
    radial-gradient(
      circle at 88% 100%,
      rgba(0, 191, 255, 0.08),
      transparent 28%
    ),
    linear-gradient(145deg, #f8fbff, #e9f2ff);
  border-color: color-mix(in srgb, var(--pt-primary), transparent 84%);
}

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

html[data-theme="light"] .pt-home-partners-heading h2 span {
  color: var(--pt-primary);
  text-shadow: 0 0 24px rgba(30, 86, 255, 0.16);
}

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

html[data-theme="light"] .pt-home-partner small {
  color: var(--pt-text-muted);
}

html[data-theme="light"] .pt-home-partner:hover {
  color: var(--pt-text);
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--pt-partner-accent), #fff 91%),
    #fff
  );
  border-color: color-mix(in srgb, var(--pt-partner-accent), transparent 48%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 18px 34px rgba(29, 72, 142, 0.14);
}



/*
 * Tema claro da composição mobile.
 * O véu vertical mantém uma luminosidade uniforme atrás da chamada; o antigo
 * gradiente horizontal de desktop dividia cada linha entre claro e escuro.
 */
@media (max-width: 767.98px) {
html[data-theme="light"] .pt-home-hero-metric {
    background: rgba(255, 255, 255, 0.72);
    border-color: color-mix(in srgb, var(--pt-primary), transparent 88%);
  }
}