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

.noselect {
	user-select: none;
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
}

.purple-gradient-bg {
	background: linear-gradient(135deg, #e0c3fc 0%, #8ec5fc 100%);
	min-height: 100vh;
}

/* Estilos personalizados */
#players-panel div {
	background-color: #f3f4f6; /* Color de fondo para los slots de jugadores */
	padding: 1rem;
	border-radius: 0.5rem;
	text-align: center;
	cursor: pointer;
	transition: box-shadow 0.2s ease;
}

#players-panel div.active {
	box-shadow: 0 0 15px 5px rgba(0, 123, 255, 0.75);
}

#players-panel div:hover {
	box-shadow: 0 0 10px 3px rgba(0, 123, 255, 0.5);
}

.table-cell {
	padding: 1rem;
	text-align: center;
	border: 2px solid #e5e7eb;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.table-cell:hover {
	background-color: #e0f2fe;
}