@layer components{.hl-integracoes{background:radial-gradient(80% 60% at 85% 0%,color-mix(in srgb,var(--brand-purple-deep) 55%,transparent) 0,transparent 60%),var(--brand-night);color:var(--brand-night-ink)}.hl-mapa{--tile:44px;justify-items:center;max-width:1100px;margin:0 auto;display:grid;position:relative}@media(min-width:1024px){.hl-mapa{--tile:60px}}.hl-mapa__fios,.hl-galho{display:none}.hl-mapa__nucleo{z-index:4;border-radius:var(--radius-panel);background:var(--brand-surface-card);box-shadow:0 0 0 8px color-mix(in srgb,var(--brand-purple-mid) 18%,transparent),0 0 0 18px color-mix(in srgb,var(--brand-purple-mid) 8%,transparent),0 20px 60px -10px color-mix(in srgb,var(--brand-purple) 60%,transparent);justify-items:center;gap:6px;padding:18px 22px 14px;display:grid;position:relative}.hl-mapa__nucleo span{font-size:var(--fs-eyebrow);color:var(--brand-muted);font-weight:600}.hl-mapa__grupos{gap:18px;width:100%;max-width:420px;margin:30px 0 0;padding:28px 0 0 22px;list-style:none;display:grid;position:relative}.hl-mapa__grupos:before,.hl-ramo:before{content:"";background:color-mix(in srgb,var(--brand-purple-light) 35%,transparent);position:absolute}.hl-mapa__grupos:before{width:2px;top:0;bottom:22px;left:8px}.hl-ramo{justify-items:start;gap:10px;display:grid;position:relative}.hl-ramo:before{width:14px;height:2px;top:14px;left:-14px}.hl-grupo{z-index:3;border-radius:var(--radius-pill);background:var(--brand-purple);box-shadow:var(--shadow-lab);font-size:var(--fs-eyebrow);white-space:nowrap;color:var(--brand-on-brand);cursor:default;padding:4px 10px;font-weight:600}.hl-folhas{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.hl-no{z-index:2;display:grid;position:relative}.hl-no__alvo{border-radius:var(--radius-screen);display:grid}.hl-no__alvo:focus-visible{outline:2px solid var(--brand-purple-light);outline-offset:3px}.hl-no .logo-parceiro{transition:scale var(--mov-rapido) var(--mov-curva)}.hl-no:hover .logo-parceiro,.hl-no:focus-within .logo-parceiro{scale:1.1}.hl-no__nome{z-index:5;border-radius:var(--radius-sm);background:var(--brand-surface-card);font-size:var(--fs-eyebrow);white-space:nowrap;color:var(--brand-text);pointer-events:none;padding:3px 8px;font-weight:600;display:none;position:absolute;top:100%;left:50%;translate:-50% 6px}.hl-no:hover .hl-no__nome,.hl-no:focus-within .hl-no__nome{display:block}.hl-tronco{fill:none;stroke:color-mix(in srgb,var(--brand-purple-light) 35%,transparent);stroke-width:2px;vector-effect:non-scaling-stroke;transition:stroke var(--mov-medio) var(--mov-curva)}.hl-luz{fill:none;stroke:var(--brand-purple-light);stroke-width:.45px;stroke-linecap:round;stroke-dasharray:1.5 100;opacity:0;filter:drop-shadow(0 0 4px var(--brand-purple-mid))}.hl-mapa[data-anima] .hl-luz{opacity:1;animation:3.6s linear 4 both hl-luz-corre}.hl-mapa__fios g[data-aceso] .hl-tronco{stroke:var(--brand-purple-light)}@media(min-width:768px){.hl-mapa{aspect-ratio:16/11;display:block}.hl-mapa__fios{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.hl-mapa__nucleo{position:absolute;top:50%;left:50%;translate:-50% -50%}.hl-mapa__grupos,.hl-ramo,.hl-folhas{display:contents}.hl-mapa__grupos:before,.hl-ramo:before{display:none}.hl-grupo{top:var(--gy);left:var(--gx);font-size:var(--fs-small);padding:5px 12px;position:absolute;translate:-50% -50%}.hl-no{top:calc(var(--gy) + var(--tile) * var(--dy));left:calc(var(--gx) + var(--tile) * var(--dx));position:absolute;translate:-50% -50%}.hl-galho{z-index:-1;width:calc(var(--tile) * 2.6);border-top:1px dashed color-mix(in srgb,var(--brand-purple-light) 40%,transparent);transform-origin:0 0;rotate:calc(var(--graus) + 180deg);transition:border-color var(--mov-medio) var(--mov-curva);pointer-events:none;display:block;position:absolute;top:50%;left:50%}.hl-ramo[data-aceso] .hl-galho{border-top-color:var(--brand-purple-light)}}@keyframes hl-luz-corre{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100px}}@media(prefers-reduced-motion:reduce){.hl-no .logo-parceiro,.hl-tronco,.hl-galho{transition:none}.hl-luz{display:none}}}
