.heroArte{grid-area:art;position:relative;min-width:0;height:390px;pointer-events:none}
header .identidade,header .dir,header .agenda{position:relative;z-index:3}
.radar{position:absolute;left:50%;top:49%;width:min(600px,94vw);aspect-ratio:1;transform:translate(-50%,-50%);isolation:isolate}
.ondaCanvas{display:block;width:100%;height:100%}
.arteChip{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;
      background:radial-gradient(ellipse at 18% 0%,rgba(255,255,255,.88),transparent 68%),
        linear-gradient(135deg,rgba(250,247,255,.62),rgba(234,225,254,.4) 58%,rgba(217,239,255,.58));
      border-radius:24px;padding:14px 19px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
      font-size:15px;font-weight:600;color:#4d5274;font-variant-numeric:tabular-nums;
      animation:precoFlutua 8s ease-in-out infinite;opacity:0}
    .arteChip:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),0 0 8px rgba(255,255,255,.22)}
    .arteChip:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='100'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' seed='8' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 .88 0 0 0 0 .87 0 0 0 0 1 2.5 0 0 0 -.8'/%3E%3C/filter%3E%3Cpath fill='white' filter='url(%23grain)' d='M0 0h200v100H0z'/%3E%3C/svg%3E");
      background-size:200px 100px;
      opacity:0;animation:precoRuido 8s ease-in-out infinite;animation-delay:inherit}
    @keyframes precoFlutua{
      0%,100%{opacity:0}
      22%,58%{opacity:1}
      68%{opacity:.85}
      78%{opacity:.42}
      90%{opacity:0}
    }
    @keyframes precoRuido{
      0%,58%,95%,100%{opacity:0}
      68%{opacity:.8}
      78%,90%{opacity:1}
    }
    .arteChip.chipB{animation-delay:-2s}.arteChip.chipC{animation-delay:-4s}.arteChip.chipD{animation-delay:-6s}
    @media(prefers-reduced-motion:reduce){
      .heroFrase{animation:none;opacity:1;transform:none}
      .heroFrase:nth-child(2){display:none}
      .radar{transition:none}
      .radarAneis i{animation:none;opacity:.8;transition:none}
      .arteChip{animation:none;opacity:1}
      .arteChip:after{animation:none;opacity:0}
      .ondaCanvas{animation:none}
    }
    .arteChip span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:15px}
    .arteChip.positivo span{background:rgba(180,220,232,.45);color:#3e7d94}
    .arteChip.negativo span{background:rgba(206,186,237,.45);color:#8060a8}
    .chipA{left:3%;top:28px}
    .chipB{right:0;top:90px}
    .chipC{left:0;bottom:32px}
    .chipD{right:2%;bottom:26px}

