/* ============================================
   San Valentín - 14 de febrero
   Día del Amor y la Amistad
   ============================================ */

/* Contenedor de corazones flotantes - fixed para no ser recortado por overflow del chat */
#valentine_hearts {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	overflow: hidden;
	z-index: 9998;
}

#valentine_hearts .heart {
	position: absolute;
	font-size: 18px;
	opacity: 0.5;
	color: #e91e63;
	animation: valentineFloat 14s ease-in-out infinite;
	bottom: -30px;
}

#valentine_hearts .heart:nth-child(odd) { color: #f06292; }
#valentine_hearts .heart:nth-child(3n) { color: #ec407a; animation-duration: 16s; }
#valentine_hearts .heart:nth-child(5n) { font-size: 14px; animation-duration: 11s; animation-delay: -2s; }
#valentine_hearts .heart:nth-child(7n) { font-size: 22px; opacity: 0.4; animation-duration: 19s; animation-delay: -5s; }

@keyframes valentineFloat {
	0% {
		transform: translateY(0) rotate(0deg);
		opacity: 0;
	}
	5% {
		opacity: 0.5;
	}
	95% {
		opacity: 0.25;
	}
	100% {
		transform: translateY(-100vh) rotate(360deg);
		opacity: 0;
	}
}

/* Banner del día del amor */
#chat_toping:has(.valentine_banner) {
	display: block !important;
	min-height: auto !important;
}
.valentine_banner {
	text-align: center;
	padding: 8px 12px;
	background: linear-gradient(90deg, rgba(233,30,99,0.18) 0%, rgba(244,143,177,0.28) 50%, rgba(233,30,99,0.18) 100%);
	border-bottom: 1px solid rgba(233,30,99,0.35);
	font-size: 14px;
	color: #c2185b;
	letter-spacing: 0.05em;
	font-weight: 500;
}

.valentine_banner .valentine_hearts {
	margin: 0 4px;
	opacity: 0.9;
}

/* Toque en el botón de enviar */
body.valentine_day #submit_button {
	background: linear-gradient(135deg, #e91e63 0%, #f48fb1 100%) !important;
	color: #fff !important;
}

body.valentine_day #submit_button:hover {
	opacity: 0.95;
	box-shadow: 0 2px 12px rgba(233,30,99,0.4) !important;
}

/* Borde suave en el área del input el 14 de febrero */
body.valentine_day #top_chat_container {
	border-top: 1px solid rgba(233,30,99,0.15);
}

body.valentine_day #content::placeholder {
	color: rgba(194,24,91,0.4);
}