@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
	/* Garante espaço superior para conteúdo abaixo do header fixo */
	main { @apply pt-24; }
}

@layer components {
	/* Animação de gradiente para a marca Nextcodes */
	.gradient-animated {
		background: linear-gradient(90deg, #60a5fa, #7c3aed, #ec4899, #60a5fa);
		background-size: 300% 300%;
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		color: transparent;
		animation: gradientShift 8s ease infinite;
	}

	@keyframes gradientShift {
		0% { background-position: 0% 50%; }
		50% { background-position: 100% 50%; }
		100% { background-position: 0% 50%; }
	}
}