/* =========================================================
   Página inicial - tonalidade Prime suave
   Escopo: somente o topo da home. Não altera lógica, JS ou componentes internos.
   Mantém a mesma linguagem visual suave usada em Inteligência e Rankings.
   ========================================================= */
body.pi-home-page .pi-hero{
  background:
    radial-gradient(circle at 78% 18%, rgba(14,165,233,.075), transparent 34%),
    radial-gradient(circle at 98% 78%, rgba(212,175,55,.030), transparent 36%),
    linear-gradient(135deg, #ffffff 0%, #f8fbff 68%, #fbfdff 100%) !important;
}

body.pi-home-page .pi-hero-panel-branded{
  background:
    radial-gradient(circle at 92% 4%, rgba(14,165,233,.065), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(212,175,55,.028), transparent 36%),
    linear-gradient(135deg, #ffffff 0%, #f8fcff 76%, #fbfdff 100%) !important;
  border-color: rgba(191,230,245,.72) !important;
  box-shadow: 0 18px 46px rgba(15,23,42,.065) !important;
}

body.pi-home-page .pi-hero-panel-branded:before{
  background:
    radial-gradient(circle at 94% 8%, rgba(14,165,233,.060), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(250,204,21,.030), transparent 35%) !important;
}

body.pi-home-page .pi-hero-panel-branded .pi-insight-card{
  background: rgba(255,255,255,.82) !important;
  border-color: rgba(14,165,233,.14) !important;
  box-shadow: 0 12px 28px rgba(15,23,42,.045) !important;
}

body.pi-home-page .pi-hero-panel-branded .pi-chart-fake{
  border-bottom-color: rgba(2,132,199,.14) !important;
}

body.pi-home-page .pi-hero-panel-branded .pi-chart-fake span{
  background: linear-gradient(180deg, rgba(56,189,248,.72), rgba(59,130,246,.82)) !important;
  opacity: .72 !important;
}

body.pi-home-page .pi-hero-brand-watermark{
  opacity: .10 !important;
}

body.pi-home-page .pi-search{
  border-color: rgba(191,230,245,.82) !important;
  box-shadow: 0 18px 46px rgba(15,23,42,.070) !important;
}

body.pi-home-page .pi-search button,
body.pi-home-page .pi-form-card button{
  background: linear-gradient(135deg, #0ea5e9, #2563eb) !important;
  box-shadow: 0 12px 24px rgba(14,165,233,.16) !important;
}

@media(max-width:900px){
  body.pi-home-page .pi-hero{
    background:
      radial-gradient(circle at 72% 8%, rgba(14,165,233,.060), transparent 38%),
      linear-gradient(135deg, #ffffff 0%, #f8fbff 72%, #fbfdff 100%) !important;
  }
}