Completo y absoluto cambio de diseño

lib/pantallas/pantalla_palabra_cliente.dart

@@ -1,6 +1,7 @@
 import 'dart:async';
 import 'package:flutter/material.dart';
 import 'package:farolero/l10n/generated/app_localizations.dart';
+import 'package:farolero/tema/componentes_farolero.dart';
 import 'package:farolero/tema/tema_app.dart';
 
 /// Pantalla que ve cada jugador cuando recibe su palabra (modo multidispositivo).
@@ -44,8 +45,9 @@ class _PantallaPalabraClienteState extends State<PantallaPalabraCliente> {
     final l10n = AppLocalizations.of(context)!;
 
     return Scaffold(
-      backgroundColor: TemaApp.colorFondo,
-      body: SafeArea(
+      body: FondoFarolero(
+        intenso: true,
+        child: SafeArea(
         child: Padding(
           padding: const EdgeInsets.all(24),
           child: Column(
@@ -58,15 +60,18 @@ class _PantallaPalabraClienteState extends State<PantallaPalabraCliente> {
                   duration: const Duration(milliseconds: 300),
                   width: double.infinity,
                   padding: const EdgeInsets.symmetric(vertical: 48, horizontal: 24),
-                  decoration: BoxDecoration(
+                  decoration: TemaApp.decoracionPanel(
                     color: _palabraVisible
-                        ? TemaApp.colorAcento
+                        ? TemaApp.colorSuperficie
                         : TemaApp.colorTarjeta,
-                    borderRadius: BorderRadius.circular(24),
+                    borderColor: _palabraVisible
+                        ? TemaApp.colorNaranja
+                        : TemaApp.colorBorde,
+                  ).copyWith(
                     boxShadow: _palabraVisible
                         ? [
                             BoxShadow(
-                              color: TemaApp.colorAcento.withValues(alpha: 0.4),
+                              color: TemaApp.colorNaranja.withValues(alpha: 0.32),
                               blurRadius: 24,
                               spreadRadius: 2,
                             ),
@@ -83,17 +88,17 @@ class _PantallaPalabraClienteState extends State<PantallaPalabraCliente> {
                         size: 32,
                       ),
                       const SizedBox(height: 16),
-                      Text(
-                        _palabraVisible ? widget.palabra : '???',
-                        textAlign: TextAlign.center,
-                        style: TextStyle(
-                          fontSize: 32,
-                          fontWeight: FontWeight.bold,
-                          color: _palabraVisible
-                              ? Colors.white
-                              : TemaApp.colorTextoSecundario,
-                        ),
-                      ),
+                      _palabraVisible
+                          ? TarjetaPalabraFarolero(palabra: widget.palabra)
+                          : const Text(
+                              '???',
+                              textAlign: TextAlign.center,
+                              style: TextStyle(
+                                fontSize: 32,
+                                fontWeight: FontWeight.bold,
+                                color: TemaApp.colorTextoSecundario,
+                              ),
+                            ),
                     ],
                   ),
                 ),
@@ -164,6 +169,7 @@ class _PantallaPalabraClienteState extends State<PantallaPalabraCliente> {
           ),
         ),
       ),
+      ),
     );
   }
 }