/* Original connected radar, isolated from the search progress animation. */
.lp-interativa .li-radar {
  position: relative;
  align-self: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  min-height: 0;
  max-height: none;
  padding: 25px;
  border: 1px solid #244F3B;
  border-radius: 25px;
  color: #EAF3E2;
  background: radial-gradient(ellipse at 10% 0, #29563D 0, transparent 58%), linear-gradient(135deg, #183E2E, #103A2A);
  box-shadow: 0 25px 50px -30px #103A2A80;
  overflow: hidden;
}
.lp-interativa .li-radar .li-radar-heading { display: flex; align-items: center; justify-content: flex-end; margin: 0 0 10px; padding: 0; font-size: 15px; line-height: 1.5; letter-spacing: 0; }
.lp-interativa .li-radar .li-radar-example { color: #B5CBB2; font-size: 15px; letter-spacing: 0; }
.lp-interativa .li-radar .li-radar-map { position: relative; width: 100%; height: 287px; margin-top: 13px; }
.lp-interativa .li-radar .li-radar-lines { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; fill: none; stroke: none; pointer-events: none; }
.lp-interativa .li-radar .li-service-node { position: absolute; left: 50%; top: 35px; transform: translateX(-50%); display: flex; align-items: center; gap: 11px; max-width: calc(100% - 8px); margin: 0; padding: 11px 17px 11px 12px; border: 1px solid #B8D89256; border-radius: 13px; background: #2B553B; box-shadow: 0 7px 26px #041F262B; }
.lp-interativa .li-radar .li-service-node > :last-child { min-width: 0; }
.lp-interativa .li-radar .li-service-icon { display: flex; align-items: center; justify-content: center; flex: 0 0 37px; width: 37px; height: 37px; border: 1px solid #DAEEB970; border-radius: 10px; background: #D2EE91; color: #244E2B; }
.lp-interativa .li-radar .li-service-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.lp-interativa .li-radar .li-service-node small { display: block; color: #C8DDB8; font-size: 15px; line-height: 1.35; letter-spacing: 0; }
.lp-interativa .li-radar .li-service-node strong { display: block; max-width: 240px; margin-top: 3px; overflow: hidden; color: #F2F6E9; font-size: 18px; font-weight: 500; line-height: 1.3; letter-spacing: -.3px; white-space: nowrap; text-overflow: ellipsis; }
.lp-interativa .li-radar .li-source-nodes { position: absolute; top: 164px; left: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; width: 100%; margin: 0; padding: 0; }
.lp-interativa .li-radar .li-source-node { display: flex; flex-direction: column; align-items: center; gap: 0; min-width: 0; margin: 0; padding: 0; border: 0; text-align: center; }
.lp-interativa .li-radar .li-node-icon { display: flex; align-items: center; justify-content: center; flex: 0 0 43px; width: 43px; height: 43px; margin-bottom: 10px; border: 1px solid #86A07678; border-radius: 12px; color: #D8E5C7; background: #284F37; box-shadow: 0 0 0 5px #123C2D; animation: li-restored-node 4s ease-in-out infinite; }
.lp-interativa .li-radar .li-node-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.lp-interativa .li-radar .li-node-companies { color: #D2EE91; background: #45612F; }
.lp-interativa .li-radar .li-node-instagram { color: #EFD8D1; background: #594A3B; border-color: #9D8B6B; }
.lp-interativa .li-radar .li-source-node strong { display: block; max-width: 130px; color: #E4EBD9; font-size: 17px; font-weight: 500; line-height: 1.25; }
.lp-interativa .li-radar .li-source-node small { color: #B5CBB2; font-size: 15px; line-height: 1.4; }
.lp-interativa .li-radar .li-radar-insight { position: relative; margin-top: 0; padding: 21px 22px; border: 1px solid #E0E8C7; border-radius: 14px; color: #204630; background: #F4F7E9; box-shadow: 0 15px 30px -12px #061F2B40; }
.lp-interativa .li-radar .li-insight-top { display: flex; align-items: center; gap: 8px; color: #526D3F; font-size: 15px; line-height: 1.4; }
.lp-interativa .li-radar .li-insight-icon { display: flex; align-items: center; justify-content: center; flex: 0 0 26px; width: 26px; height: 26px; border-radius: 50%; color: #50772D; background: #E5EDCF; }
.lp-interativa .li-radar .li-insight-icon svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.lp-interativa .li-radar .li-insight-arrow { margin-left: auto; color: #597441; font-size: 20px; }
.lp-interativa .li-radar .li-radar-insight h2 { margin: 16px 0 12px; color: #204630; font-size: 24px; font-weight: 550; line-height: 1.2; letter-spacing: -.5px; }
.lp-interativa .li-radar .li-radar-insight p { max-width: none; margin: 0; color: #526343; font-size: 17px; line-height: 1.5; }
.lp-interativa .li-radar .li-radar-lines g[stroke="url(#li-connection)"] { stroke-dasharray: 7 11; animation: li-restored-connection 2s linear infinite; }
.lp-interativa .li-radar .li-radar-lines g[fill="#d4ef98"] circle { animation: li-restored-point 3s ease-in-out infinite; }
.lp-interativa .li-radar .li-radar-lines g[fill="#d4ef98"] circle:nth-child(2) { animation-delay: .6s; }
.lp-interativa .li-radar .li-radar-lines g[fill="#d4ef98"] circle:nth-child(3) { animation-delay: 1.2s; }
.lp-interativa .li-radar .li-source-node:nth-child(2) .li-node-icon { animation-delay: .4s; }
.lp-interativa .li-radar .li-source-node:nth-child(3) .li-node-icon { animation-delay: .8s; }
.lp-interativa.li-is-loading .li-radar .li-node-icon { animation-name: li-restored-node; animation-duration: 2s; }
@keyframes li-restored-connection { to { stroke-dashoffset: -36; } }
@keyframes li-restored-point { 50% { opacity: .55; filter: drop-shadow(0 0 5px #D4EF98); } }
@keyframes li-restored-node { 50% { transform: translateY(-2px); box-shadow: 0 0 0 5px #123C2D, 0 0 0 7px #C5DFA325, 0 0 19px #D2EE912B; } }
@media (min-width: 851px) and (max-width: 1050px) {
  .lp-interativa .li-radar { padding: 20px; }
  .lp-interativa .li-radar .li-source-nodes { gap: 8px; }
  .lp-interativa .li-radar .li-source-node strong { font-size: 16px; }
  .lp-interativa .li-radar .li-radar-insight { padding: 19px; }
}
@media (prefers-reduced-motion: reduce) {
  .lp-interativa .li-radar .li-node-icon,
  .lp-interativa .li-radar .li-radar-lines g[stroke="url(#li-connection)"],
  .lp-interativa .li-radar .li-radar-lines g[fill="#d4ef98"] circle { animation: none !important; }
}