Completo y absoluto cambio de diseño

lib/pantallas/pantalla_unirse.dart

@@ -7,6 +7,7 @@ import '../modelos/inicio_partida_multijugador.dart';
 import '../modelos/usuario.dart';
 import '../servicios/servicio_nearby.dart';
 import '../servicios/servicio_permisos.dart';
+import '../tema/componentes_farolero.dart';
 import '../tema/tema_app.dart';
 import 'pantalla_palabra_cliente.dart';
 import 'pantalla_palabras_cliente.dart';
@@ -323,14 +324,19 @@ class _PantallaUnirseState extends State<PantallaUnirse> {
   Widget _buildFormularioNombre(BuildContext context, AppLocalizations l10n) {
     return Scaffold(
       appBar: AppBar(title: Text(l10n.joinGameTitle)),
-      body: Padding(
-        padding: const EdgeInsets.all(32),
-        child: Form(
+      body: FondoFarolero(
+        child: Padding(
+          padding: const EdgeInsets.all(32),
+          child: Form(
           key: _formKey,
           child: Column(
             mainAxisAlignment: MainAxisAlignment.center,
             children: [
-              const Text('📱', style: TextStyle(fontSize: 64)),
+              const Icon(
+                Icons.bluetooth_searching,
+                color: TemaApp.colorAzul,
+                size: 70,
+              ),
               const SizedBox(height: 24),
               Text(
                 l10n.joinGameTitle,
@@ -373,6 +379,7 @@ class _PantallaUnirseState extends State<PantallaUnirse> {
           ),
         ),
       ),
+      ),
     );
   }
 
@@ -399,9 +406,10 @@ class _PantallaUnirseState extends State<PantallaUnirse> {
           },
         ),
       ),
-      body: Padding(
-        padding: const EdgeInsets.all(24),
-        child: Column(
+      body: FondoFarolero(
+        child: Padding(
+          padding: const EdgeInsets.all(24),
+          child: Column(
           children: [
             // Estado
             if (_conectando) ...[
@@ -495,6 +503,7 @@ class _PantallaUnirseState extends State<PantallaUnirse> {
           ],
         ),
       ),
+      ),
     );
   }
 
@@ -610,9 +619,10 @@ class _PantallaUnirseState extends State<PantallaUnirse> {
           },
         ),
       ),
-      body: SingleChildScrollView(
-        padding: const EdgeInsets.all(24),
-        child: Column(
+      body: FondoFarolero(
+        child: SingleChildScrollView(
+          padding: const EdgeInsets.all(24),
+          child: Column(
           crossAxisAlignment: CrossAxisAlignment.center,
           children: [
             // Estado de conexión
@@ -677,6 +687,7 @@ class _PantallaUnirseState extends State<PantallaUnirse> {
               ),
             ],
           ],
+          ),
         ),
       ),
     );