.spotlight-cursor-text .title {

	--spotlight-1-x: -500px;
	--spotlight-1-y: -500px;

	--spotlight-2-x: -500px;
	--spotlight-2-y: -500px;

	--spotlight-3-x: -500px;
	--spotlight-3-y: -500px;

	position: relative;
	margin: 0;
	font-weight: bolder;
	cursor: default;

	background:
		/* CAMADA 1 - círculo interno (mais claro / segue mais rápido) */
		radial-gradient(
			circle 68px at var(--spotlight-1-x) var(--spotlight-1-y),
			#5AE2FF 0px,
			#5AE2FF 68px,
			transparent 69px,
			transparent 100%
		),

		/* CAMADA 2 - círculo médio */
		radial-gradient(
			circle 110px at var(--spotlight-2-x) var(--spotlight-2-y),
			#3CC4FF 0px,
			#3CC4FF 110px,
			transparent 111px,
			transparent 100%
		),

		/* CAMADA 3 - círculo externo */
		radial-gradient(
			circle 162px at var(--spotlight-3-x) var(--spotlight-3-y),
			#1EA6EA 0px,
			#1EA6EA 162px,
			transparent 163px,
			transparent 100%
		),

		/* COR BASE DO TEXTO */
		linear-gradient(#ffffff, #ffffff);

	background-clip: text;
	-webkit-background-clip: text;

	color: transparent;
	-webkit-text-fill-color: transparent;

	isolation: isolate;
	will-change: background;

	background:
		/* CAMADA 1 - círculo interno (mais claro / segue mais rápido) */
		radial-gradient(
			circle 68px at var(--spotlight-1-x) var(--spotlight-1-y),
			#5AE2FF 0px,
			#5AE2FF 68px,
			transparent 69px,
			transparent 100%
		),

		/* CAMADA 2 - círculo médio */
		radial-gradient(
			circle 110px at var(--spotlight-2-x) var(--spotlight-2-y),
			#3CC4FF 0px,
			#3CC4FF 110px,
			transparent 111px,
			transparent 100%
		),

		/* CAMADA 3 - círculo externo */
		radial-gradient(
			circle 162px at var(--spotlight-3-x) var(--spotlight-3-y),
			#1EA6EA 0px,
			#1EA6EA 162px,
			transparent 163px,
			transparent 100%
		),

		/* COR BASE DO TEXTO */
		linear-gradient(#ffffff, #ffffff);

	background-clip: text;
	-webkit-background-clip: text;

	color: transparent;
	-webkit-text-fill-color: transparent;

	isolation: isolate;
	will-change: background;

}