/* =========================================================
   Tejo360 - Utilitários (sempre carregados)
   Fundo de anéis 360 (motivo radar da marca). Adicione a
   QUALQUER secção do Elementor (inclui header/footer):
     .t360-radar        -> fundos CLAROS (anéis escuros ténues)
     .t360-radar-dark   -> fundos ESCUROS (anéis claros ténues)
   Opacidade controlável em Definições > Tejo360.

   Notas técnicas:
   - Usa ::after (o ::before costuma estar ocupado pelo tema/Elementor).
   - isolation:isolate cria um contexto de empilhamento próprio e os anéis
     ficam em z-index:-1: acima do fundo do elemento, mas ATRÁS de todo o
     conteúdo (sem depender do z-index dos filhos nem do tema).
   ========================================================= */
.t360-radar,
.t360-radar-dark {
	position: relative;
	isolation: isolate;
}
.t360-radar::after,
.t360-radar-dark::after {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	z-index: -1 !important;
	pointer-events: none !important;
	display: block !important;
	-webkit-mask-image: radial-gradient(circle at 84% 18%, #000 0 42%, transparent 68%);
	mask-image: radial-gradient(circle at 84% 18%, #000 0 42%, transparent 68%);
}
.t360-radar::after {
	background: repeating-radial-gradient(circle at 84% 18%,
		var(--t360-radar-color, rgba(21, 23, 28, .08)) 0 1.5px, transparent 1.5px 58px) !important;
}
.t360-radar-dark::after {
	background: repeating-radial-gradient(circle at 84% 18%,
		var(--t360-radar-dark-color, rgba(255, 255, 255, .09)) 0 1.5px, transparent 1.5px 58px) !important;
}