feat(ui): implement award mockup redesign

lib/pantallas/pantalla_ajustes.dart

@@ -13,31 +13,54 @@ import '../modelos/emisora.dart';
 import '../widgets/ecualizador_widget.dart';
 import '../widgets/pluri_glass_surface.dart';
 import '../widgets/pluri_icon.dart';
-import '../widgets/pluri_wave_scaffold.dart';
+import '../widgets/pluri_premium_widgets.dart';
 
 class PantallaAjustes extends StatelessWidget {
   const PantallaAjustes({super.key});
 
   @override
   Widget build(BuildContext context) {
-    return PluriWaveScaffold(
-      appBar: AppBar(title: const Text('Ajustes')),
-      body: ListView(
-        padding: const EdgeInsets.fromLTRB(16, 12, 16, 24),
-        children: const [
-          _SeccionEcualizador(),
-          SizedBox(height: 12),
-          _SeccionEmisoras(),
-          SizedBox(height: 12),
-          _SeccionBackup(),
-          SizedBox(height: 12),
-          _SeccionInfo(),
-        ],
-      ),
+    return ListView(
+      padding: const EdgeInsets.fromLTRB(0, 0, 0, 124),
+      children: const [
+        PluriScreenHeader(
+          title: 'Ajustes',
+          subtitle: 'Control fino de sonido, copias de seguridad y emisoras personalizadas.',
+          glyph: PluriIconGlyph.settings,
+          trailing: PluriStatusPill(
+            icon: Icons.security_rounded,
+            label: 'Seguro',
+          ),
+        ),
+        Padding(
+          padding: EdgeInsets.symmetric(horizontal: 16),
+          child: _AjustesContent(),
+        ),
+      ],
     );
   }
 }
 
+class _AjustesContent extends StatelessWidget {
+  const _AjustesContent();
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: const [
+        _SeccionEcualizador(),
+        SizedBox(height: 12),
+        _SeccionEmisoras(),
+        SizedBox(height: 12),
+        _SeccionBackup(),
+        SizedBox(height: 12),
+        _SeccionInfo(),
+      ],
+    );
+  }
+}
+
+
 class _SeccionEcualizador extends StatelessWidget {
   const _SeccionEcualizador();
 

lib/pantallas/pantalla_buscar.dart

@@ -5,19 +5,20 @@ import 'package:provider/provider.dart';
 import '../estado/estado_radio.dart';
 import '../widgets/pluri_glass_surface.dart';
 import '../widgets/pluri_icon.dart';
+import '../widgets/pluri_premium_widgets.dart';
 import 'package:pluriwave/widgets/tarjeta_emisora.dart';
 
 const _paises = [
-  ('España', 'ES'),
+  ('Espana', 'ES'),
   ('USA', 'US'),
-  ('México', 'MX'),
+  ('Mexico', 'MX'),
   ('Argentina', 'AR'),
   ('UK', 'GB'),
   ('Francia', 'FR'),
   ('Alemania', 'DE'),
   ('Italia', 'IT'),
   ('Brasil', 'BR'),
-  ('Japón', 'JP'),
+  ('Japon', 'JP'),
 ];
 
 const _idiomas = [
@@ -66,13 +67,23 @@ class _PantallaBuscarState extends State<PantallaBuscar> {
 
     return Column(
       children: [
+        PluriScreenHeader(
+          title: 'Buscar senal',
+          subtitle: 'Encontra radios por nombre, pais o idioma con filtros rapidos y alto contraste.',
+          glyph: PluriIconGlyph.search,
+          trailing: const PluriStatusPill(
+            icon: Icons.tune_rounded,
+            label: 'Filtros',
+          ),
+        ),
         Padding(
           padding: const EdgeInsets.fromLTRB(16, 10, 16, 0),
           child: PluriGlassSurface(
             padding: const EdgeInsets.all(10),
+            borderRadius: BorderRadius.circular(999),
             child: SearchBar(
               controller: _controller,
-              hintText: 'Nombre de la emisora...',
+              hintText: 'Radio Horizonte, jazz, noticias...',
               leading: const PluriIcon(
                 glyph: PluriIconGlyph.search,
                 variant: PluriIconVariant.filled,
@@ -94,7 +105,7 @@ class _PantallaBuscarState extends State<PantallaBuscar> {
           ),
         ),
         _seccionFiltro(
-          'País',
+          'Pais',
           _paises.map((p) => (p.$1, p.$2)).toList(),
           _paisSeleccionado,
           (v) {
@@ -130,14 +141,19 @@ class _PantallaBuscarState extends State<PantallaBuscar> {
         child: Column(
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
-            Text(titulo, style: theme.textTheme.labelLarge),
-            const SizedBox(height: 4),
+            Text(
+              titulo,
+              style: theme.textTheme.labelLarge?.copyWith(
+                fontWeight: FontWeight.w900,
+              ),
+            ),
+            const SizedBox(height: 6),
             SizedBox(
-              height: 36,
+              height: 40,
               child: ListView.separated(
                 scrollDirection: Axis.horizontal,
                 itemCount: opciones.length,
-                separatorBuilder: (_, __) => const SizedBox(width: 6),
+                separatorBuilder: (_, __) => const SizedBox(width: 8),
                 itemBuilder: (_, i) {
                   final (label, value) = opciones[i];
                   final sel = seleccionado == value;
@@ -168,37 +184,24 @@ class _PantallaBuscarState extends State<PantallaBuscar> {
           _controller.text.isEmpty &&
           _paisSeleccionado == null &&
           _idiomaSeleccionado == null;
-      return Center(
-        child: PluriGlassSurface(
-          child: Column(
-            mainAxisSize: MainAxisSize.min,
-            children: [
-              const PluriIcon(
-                glyph: PluriIconGlyph.search,
-                variant: PluriIconVariant.activeGlow,
-                size: 44,
-              ),
-              const SizedBox(height: 14),
-              Text(
-                sinFiltros ? 'Buscá una emisora' : 'Sin resultados',
-                style: theme.textTheme.titleMedium,
-              ),
-            ],
-          ),
-        ),
+      return PluriEmptyState(
+        glyph: PluriIconGlyph.search,
+        title: sinFiltros ? 'Busca una emisora' : 'Sin resultados',
+        subtitle: sinFiltros
+            ? 'Usa la barra superior o los chips para descubrir senales de todo el mundo.'
+            : 'Proba quitar filtros o escribir otro nombre para encontrar una senal activa.',
       );
     }
 
     return ListView.separated(
-      padding: const EdgeInsets.all(16),
+      padding: const EdgeInsets.fromLTRB(16, 16, 16, 120),
       itemCount: resultados.length,
-      separatorBuilder: (_, __) => const SizedBox(height: 6),
-      itemBuilder:
-          (context, i) => TarjetaEmisora(
-            emisora: resultados[i],
-            esCompacta: true,
-            onTap: () => context.read<EstadoRadio>().reproducir(resultados[i]),
-          ).animate().fadeIn(delay: (i * 20).ms),
+      separatorBuilder: (_, __) => const SizedBox(height: 10),
+      itemBuilder: (context, i) => TarjetaEmisora(
+        emisora: resultados[i],
+        esCompacta: true,
+        onTap: () => context.read<EstadoRadio>().reproducir(resultados[i]),
+      ).animate().fadeIn(delay: (i * 20).ms).slideY(begin: 0.08),
     );
   }
 }

lib/pantallas/pantalla_favoritos.dart

@@ -4,6 +4,7 @@ import 'package:provider/provider.dart';
 import '../estado/estado_radio.dart';
 import '../widgets/pluri_glass_surface.dart';
 import '../widgets/pluri_icon.dart';
+import '../widgets/pluri_premium_widgets.dart';
 import 'package:pluriwave/widgets/tarjeta_emisora.dart';
 
 class PantallaFavoritos extends StatelessWidget {
@@ -13,84 +14,102 @@ class PantallaFavoritos extends StatelessWidget {
   Widget build(BuildContext context) {
     final estado = context.watch<EstadoRadio>();
     final favoritos = estado.listaFavoritos;
-    final theme = Theme.of(context);
 
     if (favoritos.isEmpty) {
-      return Center(
-        child: PluriGlassSurface(
-          child: Column(
-            mainAxisSize: MainAxisSize.min,
-            children: [
-              const PluriIcon(
-                glyph: PluriIconGlyph.favorites,
-                variant: PluriIconVariant.activeGlow,
-                size: 52,
-              ),
-              const SizedBox(height: 16),
-              Text('Sin favoritos aún', style: theme.textTheme.titleMedium),
-              const SizedBox(height: 8),
-              Text(
-                'Tocá ♥ en cualquier emisora para guardarla',
-                style: theme.textTheme.bodyMedium?.copyWith(
-                  color: theme.colorScheme.onSurfaceVariant,
-                ),
-              ),
-            ],
+      return const Column(
+        children: [
+          PluriScreenHeader(
+            title: 'Favoritos',
+            subtitle: 'Tu cabina personal para volver a las senales que mas escuchas.',
+            glyph: PluriIconGlyph.favorites,
+            trailing: PluriStatusPill(
+              icon: Icons.favorite_rounded,
+              label: 'Coleccion',
+            ),
           ),
-        ),
+          Expanded(
+            child: PluriEmptyState(
+              glyph: PluriIconGlyph.favorites,
+              title: 'Sin favoritos aun',
+              subtitle: 'Toca el corazon en cualquier emisora para guardarla en tu coleccion.',
+            ),
+          ),
+        ],
       );
     }
 
-    return ReorderableListView.builder(
-      padding: const EdgeInsets.all(12),
-      onReorder: (oldIndex, newIndex) async {
-        if (newIndex > oldIndex) newIndex--;
-        final emisora = favoritos[oldIndex];
-        await estado.favoritos.reordenar(emisora.uuid, newIndex);
-        await estado.cargarFavoritos();
-      },
-      itemCount: favoritos.length,
-      itemBuilder: (context, i) {
-        final emisora = favoritos[i];
-        return Padding(
-          key: ValueKey('favorito-pad-${emisora.uuid}'),
-          padding: const EdgeInsets.symmetric(vertical: 4),
-          child: PluriGlassSurface(
-            padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 6),
-            child: Row(
-              children: [
-                const Icon(Icons.drag_indicator_rounded),
-                const SizedBox(width: 6),
-                Expanded(
-                  child: TarjetaEmisora(
-                    key: Key(emisora.uuid),
-                    emisora: emisora,
-                    esCompacta: true,
-                    onTap: () => estado.reproducir(emisora),
+    return Column(
+      children: [
+        PluriScreenHeader(
+          title: 'Favoritos',
+          subtitle: 'Reordena tu coleccion y deja arriba las radios que mas importan.',
+          glyph: PluriIconGlyph.favorites,
+          trailing: PluriStatusPill(
+            icon: Icons.library_music_rounded,
+            label: '${favoritos.length} guardadas',
+          ),
+        ),
+        Expanded(
+          child: ReorderableListView.builder(
+            padding: const EdgeInsets.fromLTRB(12, 4, 12, 122),
+            proxyDecorator: (child, index, animation) => ScaleTransition(
+              scale: Tween<double>(begin: 1, end: 1.03).animate(animation),
+              child: child,
+            ),
+            onReorder: (oldIndex, newIndex) async {
+              if (newIndex > oldIndex) newIndex--;
+              final emisora = favoritos[oldIndex];
+              await estado.favoritos.reordenar(emisora.uuid, newIndex);
+              await estado.cargarFavoritos();
+            },
+            itemCount: favoritos.length,
+            itemBuilder: (context, i) {
+              final emisora = favoritos[i];
+              return Padding(
+                key: ValueKey('favorito-pad-${emisora.uuid}'),
+                padding: const EdgeInsets.symmetric(vertical: 5),
+                child: PluriGlassSurface(
+                  padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 7),
+                  child: Row(
+                    children: [
+                      ReorderableDragStartListener(
+                        index: i,
+                        child: const Padding(
+                          padding: EdgeInsets.all(8),
+                          child: Icon(Icons.drag_indicator_rounded),
+                        ),
+                      ),
+                      Expanded(
+                        child: TarjetaEmisora(
+                          key: Key(emisora.uuid),
+                          emisora: emisora,
+                          esCompacta: true,
+                          onTap: () => estado.reproducir(emisora),
+                        ),
+                      ),
+                      IconButton.filledTonal(
+                        tooltip: 'Eliminar de favoritos',
+                        icon: const Icon(Icons.delete_outline_rounded),
+                        onPressed: () async {
+                          await estado.favoritos.eliminar(emisora.uuid);
+                          await estado.cargarFavoritos();
+                          if (context.mounted) {
+                            ScaffoldMessenger.of(context).showSnackBar(
+                              SnackBar(
+                                content: Text('${emisora.nombre} eliminada de favoritos'),
+                              ),
+                            );
+                          }
+                        },
+                      ),
+                    ],
                   ),
                 ),
-                IconButton(
-                  tooltip: 'Eliminar de favoritos',
-                  icon: const Icon(Icons.delete_outline_rounded),
-                  onPressed: () async {
-                    await estado.favoritos.eliminar(emisora.uuid);
-                    await estado.cargarFavoritos();
-                    if (context.mounted) {
-                      ScaffoldMessenger.of(context).showSnackBar(
-                        SnackBar(
-                          content: Text(
-                            '${emisora.nombre} eliminada de favoritos',
-                          ),
-                        ),
-                      );
-                    }
-                  },
-                ),
-              ],
-            ),
+              );
+            },
           ),
-        );
-      },
+        ),
+      ],
     );
   }
 }

lib/pantallas/pantalla_inicio.dart

@@ -7,6 +7,7 @@ import '../estado/estado_radio.dart';
 import '../tema/pluriwave_theme.dart';
 import '../widgets/pluri_glass_surface.dart';
 import '../widgets/pluri_icon.dart';
+import '../widgets/pluri_premium_widgets.dart';
 import 'package:pluriwave/widgets/tarjeta_emisora.dart';
 
 /// Pantalla principal: emisoras populares y por género.
@@ -44,13 +45,13 @@ class _PantallaInicioState extends State<PantallaInicio> {
       onRefresh: estado.cargarPopulares,
       child: CustomScrollView(
         slivers: [
-          SliverToBoxAdapter(child: _heroHeader(context)),
+          SliverToBoxAdapter(child: _heroHeader(context, estado)),
           SliverToBoxAdapter(child: _seccionTendencias(estado, theme)),
           SliverToBoxAdapter(child: _chipGeneros(context, theme)),
           if (estado.error != null)
             SliverToBoxAdapter(child: _errorBanner(estado, theme)),
           SliverPadding(
-            padding: EdgeInsets.symmetric(horizontal: t.spacingMd),
+            padding: EdgeInsets.fromLTRB(t.spacingMd, 0, t.spacingMd, 124),
             sliver: _gridEmisoras(estado),
           ),
         ],
@@ -58,39 +59,27 @@ class _PantallaInicioState extends State<PantallaInicio> {
     );
   }
 
-  Widget _heroHeader(BuildContext context) {
-    final t = context.pluriTokens;
-    final theme = Theme.of(context);
-    return Padding(
-      padding: EdgeInsets.fromLTRB(
-        t.spacingMd,
-        t.spacingSm,
-        t.spacingMd,
-        t.spacingSm,
-      ),
-      child: PluriGlassSurface(
-        borderRadius: BorderRadius.circular(t.radiusLg),
-        child: Column(
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            const PluriIcon(
-              glyph: PluriIconGlyph.home,
-              variant: PluriIconVariant.activeGlow,
-              size: 30,
-            ),
-            const SizedBox(height: 10),
-            Text(
-              'PluriWave',
-              style: theme.textTheme.headlineMedium?.copyWith(
-                fontWeight: FontWeight.w700,
-              ),
-            ),
-            Text(
-              'Ondas vivas globales',
-              style: theme.textTheme.titleMedium?.copyWith(color: t.warmCoral),
-            ),
-          ],
-        ),
+  Widget _heroHeader(BuildContext context, EstadoRadio estado) {
+    return PluriScreenHeader(
+      title: 'PluriWave',
+      subtitle: 'Radio global en vivo con senales limpias, favoritos inteligentes y una experiencia visual de concurso.',
+      glyph: PluriIconGlyph.home,
+      primaryActionLabel: 'Explorar emisoras',
+      onPrimaryAction: estado.cargarPopulares,
+      trailing: Column(
+        crossAxisAlignment: CrossAxisAlignment.end,
+        children: [
+          PluriStatusPill(
+            icon: Icons.public_rounded,
+            label: '${estado.emisorasInicio.length} radios',
+            accent: Theme.of(context).colorScheme.secondary,
+          ),
+          const SizedBox(height: 8),
+          const PluriStatusPill(
+            icon: Icons.hd_rounded,
+            label: 'Calidad HD',
+          ),
+        ],
       ),
     );
   }
@@ -103,7 +92,7 @@ class _PantallaInicioState extends State<PantallaInicio> {
         child: Column(
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
-            Text('Tendencias premium', style: theme.textTheme.titleMedium),
+            Text('Radar en directo', style: theme.textTheme.titleMedium),
             const SizedBox(height: 8),
             SizedBox(
               height: 56,
@@ -214,16 +203,20 @@ class _PantallaInicioState extends State<PantallaInicio> {
         ),
         gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
           crossAxisCount: 2,
-          childAspectRatio: 0.85,
-          crossAxisSpacing: 8,
-          mainAxisSpacing: 8,
+          childAspectRatio: 0.78,
+          crossAxisSpacing: 12,
+          mainAxisSpacing: 12,
         ),
       );
     }
 
     if (emisoras.isEmpty) {
       return const SliverFillRemaining(
-        child: Center(child: Text('No hay emisoras disponibles')),
+        child: PluriEmptyState(
+          glyph: PluriIconGlyph.home,
+          title: 'No hay emisoras disponibles',
+          subtitle: 'Proba refrescar o elegir otro g?nero para volver a capturar se?al.',
+        ),
       );
     }
 
@@ -237,9 +230,9 @@ class _PantallaInicioState extends State<PantallaInicio> {
       ),
       gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
         crossAxisCount: 2,
-        childAspectRatio: 0.85,
-        crossAxisSpacing: 8,
-        mainAxisSpacing: 8,
+        childAspectRatio: 0.78,
+        crossAxisSpacing: 12,
+        mainAxisSpacing: 12,
       ),
     );
   }