From 94cb0d671d75e7bbe4f895ac9ea128538d38a600 Mon Sep 17 00:00:00 2001
From: Resistencia Dev <dev@resistencia.local>
Date: Fri, 5 Dec 2025 23:39:35 +0100
Subject: [PATCH] =?UTF-8?q?WIP:=20Agregar=20feedback=20visual=20a=20carta?=
 =?UTF-8?q?=20de=20=C3=A9xito=20(primera)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Borde amarillo brillante cuando está seleccionada
- Ring amarillo con glow
- Deshabilitar botón después de votar
- Falta aplicar a las otras 3 cartas
---
 client/src/components/GameBoard.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/client/src/components/GameBoard.tsx b/client/src/components/GameBoard.tsx
index b1f15b6..a59cb95 100644
--- a/client/src/components/GameBoard.tsx
+++ b/client/src/components/GameBoard.tsx
@@ -519,11 +519,14 @@ export default function GameBoard({ gameState, currentPlayerId, actions }: GameB
                                             {cardOrder ? (
                                                 <>
                                                     {/* Carta de Éxito primero */}
-                                                    <button onClick={() => handleMissionVote(true)} className="group">
+                                                    <button onClick={() => handleMissionVote(true)} className="group" disabled={missionVote !== null}>
                                                         <motion.div
-                                                            className="w-64 h-96 bg-gradient-to-br from-blue-600 to-blue-900 rounded-2xl shadow-2xl border-4 border-blue-400 flex flex-col items-center justify-center p-6 transform transition-all hover:scale-110 hover:rotate-3 hover:shadow-blue-500/50"
-                                                            whileHover={{ scale: 1.1, rotate: 3 }}
-                                                            whileTap={{ scale: 0.95 }}
+                                                            className={`w-64 h-96 bg-gradient-to-br from-blue-600 to-blue-900 rounded-2xl shadow-2xl border-4 flex flex-col items-center justify-center p-6 transform transition-all ${missionVote === true
+                                                                    ? 'border-yellow-400 ring-8 ring-yellow-400/50 scale-105'
+                                                                    : 'border-blue-400 hover:scale-110 hover:rotate-3 hover:shadow-blue-500/50'
+                                                                }`}
+                                                            whileHover={missionVote === null ? { scale: 1.1, rotate: 3 } : {}}
+                                                            whileTap={missionVote === null ? { scale: 0.95 } : {}}
                                                         >
                                                             <Image src="/assets/images/tokens/vote_approve.png" alt="Success" width={180} height={180} className="drop-shadow-2xl" />
                                                             <span className="mt-6 text-white font-bold text-2xl tracking-widest uppercase">ÉXITO</span>