/* Estilos personalizados para complementar Tailwind CSS */

.logo-glow {
	filter: drop-shadow(0 0 8px rgba(59, 130, 246, 0.5));
}

.login-container {
	box-shadow: 0 0 20px rgba(15, 23, 42, 0.8);
}

.login-button {
	transition: all 0.3s ease;
}

.login-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(59, 130, 246, 0.5);
}

/* Animación para el subrayado del título */
.title-underline {
	position: relative;
	overflow: hidden;
}

.title-underline::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 2px;
	background-color: #3b82f6;
	transition: all 0.5s ease;
	transform: translateX(-50%);
}

.title-underline:hover::after {
	width: 100%;
}

/* Mejoras para dispositivos móviles */
@media (max-width: 640px) {
	.login-form {
		padding: 1rem;
	}
}