/* Ilustração do topo de /solucoes/ia-aplicada (origem: site/_plano/solucoes/ia-aplicada). A cena é o canvas de ia-aplicada.js;
   aqui só a luz difusa (camadas que o script move) e o grão. O texto do topo vem de solucoes.css. */
.il-ia-aplicada > canvas { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; display: block; }
.il-ia-aplicada .luz { position: absolute; z-index: 0; inset: 0; overflow: hidden; pointer-events: none; }
.il-ia-aplicada .luz i { position: absolute; left: 0; top: 0; width: 1000px; height: 1000px; border-radius: 50%; opacity: 0; will-change: transform, opacity;
  background: radial-gradient(closest-side, rgba(242,243,241,1) 0%, rgba(242,243,241,.82) 12.5%, rgba(242,243,241,.58) 25%, rgba(242,243,241,.175) 50%, rgba(242,243,241,.024) 75%, rgba(242,243,241,0) 100%); }
.il-ia-aplicada::after { content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; background-image: var(--grao, none); opacity: .022; }
/* a cena muda de arranjo abaixo de 900 px (mesmo corte do script): texto em cima, ações embaixo */
@media (max-width: 899px) {
  .il-ia-aplicada .texto { width: auto; padding-bottom: 372px; }
}