<style>
	/* ====== ESTILOS BASE PARA TODOS LOS DOODLES ====== */
	.doodle-container {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		z-index: 1000;
		overflow: hidden;
	}

	.doodle {
		position: absolute;
		font-size: 22px;
		opacity: 0.9;
		animation: fall linear infinite;
	}

	@keyframes fall {
		0% {
			transform: translateY(-150px) translateX(0) rotate(0deg) scale(0.9);
			opacity: 0;
		}

		10% {
			opacity: 1;
		}

		25% {
			transform: translateY(25vh) translateX(-30px) rotate(90deg) scale(1);
		}

		50% {
			transform: translateY(50vh) translateX(30px) rotate(180deg) scale(1.1);
		}

		75% {
			transform: translateY(75vh) translateX(-30px) rotate(270deg) scale(1);
		}

		100% {
			transform: translateY(calc(100vh + 150px)) translateX(0) rotate(360deg) scale(0.8);
			opacity: 0;
		}
	}
</style>