feat(ui): refine navigation and sleep timer

lib/pantallas/pantalla_ajustes.dart

@@ -14,6 +14,7 @@ import '../modelos/emisora.dart';
 import '../widgets/ecualizador_widget.dart';
 import '../widgets/pluri_glass_surface.dart';
 import '../widgets/pluri_icon.dart';
+import '../widgets/pluri_layout.dart';
 import '../widgets/pluri_premium_widgets.dart';
 
 class PantallaAjustes extends StatelessWidget {
@@ -22,7 +23,7 @@ class PantallaAjustes extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return ListView(
-      padding: const EdgeInsets.fromLTRB(0, 0, 0, 124),
+      padding: PluriLayout.pageListPadding,
       children: const [
         PluriScreenHeader(
           title: 'Ajustes',
@@ -35,7 +36,7 @@ class PantallaAjustes extends StatelessWidget {
           ),
         ),
         Padding(
-          padding: EdgeInsets.symmetric(horizontal: 16),
+          padding: PluriLayout.pageContentPadding,
           child: _AjustesContent(),
         ),
       ],
@@ -54,6 +55,8 @@ class _AjustesContent extends StatelessWidget {
         SizedBox(height: 12),
         _SeccionGrabaciones(),
         SizedBox(height: 12),
+        _SeccionTimerSueno(),
+        SizedBox(height: 12),
         _SeccionEmisoraPreferida(),
         SizedBox(height: 12),
         _SeccionEmisoras(),
@@ -158,6 +161,177 @@ class _SeccionGrabaciones extends StatelessWidget {
   }
 }
 
+class _SeccionTimerSueno extends StatelessWidget {
+  const _SeccionTimerSueno();
+
+  Future<void> _anadirPreset(BuildContext context) async {
+    final duracion = await showModalBottomSheet<Duration>(
+      context: context,
+      isScrollControlled: true,
+      showDragHandle: true,
+      builder: (_) => const _FormularioDuracionTimer(),
+    );
+    if (duracion == null || !context.mounted) return;
+    await context.read<EstadoRadio>().agregarTimerSuenoPreset(duracion);
+    if (!context.mounted) return;
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(
+        content: Text(
+          'Acceso rápido añadido: ${_formatearDuracionTimer(duracion)}',
+        ),
+      ),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final estado = context.watch<EstadoRadio>();
+    final presets = estado.timerSuenoPresetsSegundos;
+    return PluriGlassSurface(
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Row(
+            children: [
+              const Icon(Icons.bedtime_rounded),
+              const SizedBox(width: 12),
+              Text(
+                'Timer de sueño',
+                style: Theme.of(context).textTheme.titleMedium,
+              ),
+              const Spacer(),
+              TextButton.icon(
+                icon: const Icon(Icons.add_rounded),
+                label: const Text('Añadir'),
+                onPressed: () => _anadirPreset(context),
+              ),
+            ],
+          ),
+          const SizedBox(height: 8),
+          Text(
+            'Personalizá los accesos rápidos que aparecen al apagar la radio automáticamente.',
+            style: Theme.of(context).textTheme.bodySmall,
+          ),
+          const SizedBox(height: 12),
+          Wrap(
+            spacing: 8,
+            runSpacing: 8,
+            children: [
+              for (final segundos in presets)
+                InputChip(
+                  label: Text(
+                    _formatearDuracionTimer(Duration(seconds: segundos)),
+                  ),
+                  onDeleted:
+                      presets.length <= 1
+                          ? null
+                          : () => context
+                              .read<EstadoRadio>()
+                              .eliminarTimerSuenoPreset(segundos),
+                ),
+            ],
+          ),
+          const SizedBox(height: 8),
+          Align(
+            alignment: Alignment.centerLeft,
+            child: TextButton.icon(
+              icon: const Icon(Icons.restore_rounded),
+              label: const Text('Restaurar tiempos recomendados'),
+              onPressed:
+                  () => context.read<EstadoRadio>().restaurarTimerSuenoPresets(),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+class _FormularioDuracionTimer extends StatefulWidget {
+  const _FormularioDuracionTimer();
+
+  @override
+  State<_FormularioDuracionTimer> createState() => _FormularioDuracionTimerState();
+}
+
+class _FormularioDuracionTimerState extends State<_FormularioDuracionTimer> {
+  final _horasCtrl = TextEditingController();
+  final _minutosCtrl = TextEditingController(text: '15');
+  final _segundosCtrl = TextEditingController();
+
+  @override
+  void dispose() {
+    _horasCtrl.dispose();
+    _minutosCtrl.dispose();
+    _segundosCtrl.dispose();
+    super.dispose();
+  }
+
+  int _leer(TextEditingController ctrl) => int.tryParse(ctrl.text.trim()) ?? 0;
+
+  void _guardar() {
+    final duracion = Duration(
+      hours: _leer(_horasCtrl),
+      minutes: _leer(_minutosCtrl),
+      seconds: _leer(_segundosCtrl),
+    );
+    if (duracion <= Duration.zero) {
+      ScaffoldMessenger.of(context).showSnackBar(
+        const SnackBar(content: Text('Elegí una duración mayor que cero.')),
+      );
+      return;
+    }
+    Navigator.pop(context, duracion);
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final bottom = MediaQuery.viewInsetsOf(context).bottom;
+    return SafeArea(
+      child: Padding(
+        padding: EdgeInsets.fromLTRB(18, 0, 18, 18 + bottom),
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          crossAxisAlignment: CrossAxisAlignment.stretch,
+          children: [
+            Text(
+              'Nuevo acceso rápido',
+              style: Theme.of(context).textTheme.titleLarge,
+            ),
+            const SizedBox(height: 12),
+            Row(
+              children: [
+                Expanded(child: _campo(_horasCtrl, 'Horas')),
+                const SizedBox(width: 8),
+                Expanded(child: _campo(_minutosCtrl, 'Minutos')),
+                const SizedBox(width: 8),
+                Expanded(child: _campo(_segundosCtrl, 'Segundos')),
+              ],
+            ),
+            const SizedBox(height: 16),
+            FilledButton.icon(
+              icon: const Icon(Icons.save_rounded),
+              label: const Text('Guardar acceso rápido'),
+              onPressed: _guardar,
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _campo(TextEditingController controller, String label) {
+    return TextField(
+      controller: controller,
+      keyboardType: TextInputType.number,
+      decoration: InputDecoration(
+        labelText: label,
+        border: const OutlineInputBorder(),
+      ),
+    );
+  }
+}
+
 class _SeccionEcualizador extends StatelessWidget {
   const _SeccionEcualizador();
 
@@ -463,7 +637,7 @@ class _FormularioEmisoraState extends State<_FormularioEmisora> {
   Widget build(BuildContext context) {
     final bottom = MediaQuery.of(context).viewInsets.bottom;
     return Padding(
-      padding: EdgeInsets.fromLTRB(16, 16, 16, 16 + bottom),
+      padding: EdgeInsets.fromLTRB(PluriLayout.horizontal, PluriLayout.horizontal, PluriLayout.horizontal, PluriLayout.horizontal + bottom),
       child: Form(
         key: _formKey,
         child: Column(
@@ -711,3 +885,16 @@ class _SeccionInfo extends StatelessWidget {
     );
   }
 }
+
+String _formatearDuracionTimer(Duration duracion) {
+  final horas = duracion.inHours;
+  final minutos = duracion.inMinutes.remainder(60);
+  final segundos = duracion.inSeconds.remainder(60);
+  if (horas > 0) {
+    return '${horas}h ${minutos.toString().padLeft(2, '0')}m ${segundos.toString().padLeft(2, '0')}s';
+  }
+  if (minutos > 0) {
+    return segundos == 0 ? '$minutos min' : '${minutos}m ${segundos}s';
+  }
+  return '$segundos s';
+}

lib/pantallas/pantalla_alarmas.dart

@@ -7,6 +7,7 @@ import '../modelos/alarma_musical.dart';
 import '../modelos/emisora.dart';
 import '../widgets/pluri_glass_surface.dart';
 import '../widgets/pluri_icon.dart';
+import '../widgets/pluri_layout.dart';
 import '../widgets/pluri_premium_widgets.dart';
 
 class PantallaAlarmas extends StatelessWidget {
@@ -19,7 +20,7 @@ class PantallaAlarmas extends StatelessWidget {
     return RefreshIndicator(
       onRefresh: estado.refrescarProgramacion,
       child: ListView(
-        padding: const EdgeInsets.fromLTRB(0, 0, 0, 124),
+        padding: PluriLayout.pageListPadding,
         children: [
           PluriScreenHeader(
             title: 'Despertar musical',
@@ -34,7 +35,7 @@ class PantallaAlarmas extends StatelessWidget {
             ),
           ),
           Padding(
-            padding: const EdgeInsets.symmetric(horizontal: 16),
+            padding: PluriLayout.pageContentPadding,
             child: Column(
               children: [
                 _PanelProximaAlarma(estado: estado),

lib/pantallas/pantalla_buscar.dart

@@ -5,6 +5,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_layout.dart';
 import '../widgets/pluri_premium_widgets.dart';
 import 'package:pluriwave/widgets/tarjeta_emisora.dart';
 
@@ -68,7 +69,7 @@ class _PantallaBuscarState extends State<PantallaBuscar> {
     final theme = Theme.of(context);
 
     return ListView(
-      padding: const EdgeInsets.fromLTRB(0, 0, 0, 124),
+      padding: PluriLayout.pageListPadding,
       children: [
         PluriScreenHeader(
           title: 'Buscar senal',
@@ -80,7 +81,7 @@ class _PantallaBuscarState extends State<PantallaBuscar> {
           ),
         ),
         Padding(
-          padding: const EdgeInsets.fromLTRB(16, 10, 16, 0),
+          padding: const EdgeInsets.fromLTRB(PluriLayout.horizontal, 10, PluriLayout.horizontal, 0),
           child: PluriGlassSurface(
             padding: const EdgeInsets.all(10),
             borderRadius: BorderRadius.circular(999),
@@ -135,7 +136,7 @@ class _PantallaBuscarState extends State<PantallaBuscar> {
     final theme = Theme.of(context);
     final pais = estado.paisCercanoDetectado;
     return Padding(
-      padding: const EdgeInsets.fromLTRB(16, 8, 16, 0),
+      padding: const EdgeInsets.fromLTRB(PluriLayout.horizontal, 8, PluriLayout.horizontal, 0),
       child: PluriGlassSurface(
         padding: const EdgeInsets.all(12),
         child: Column(
@@ -209,7 +210,7 @@ class _PantallaBuscarState extends State<PantallaBuscar> {
   ) {
     final theme = Theme.of(context);
     return Padding(
-      padding: const EdgeInsets.fromLTRB(16, 8, 16, 0),
+      padding: const EdgeInsets.fromLTRB(PluriLayout.horizontal, 8, PluriLayout.horizontal, 0),
       child: PluriGlassSurface(
         padding: const EdgeInsets.all(10),
         child: Column(
@@ -277,7 +278,7 @@ class _PantallaBuscarState extends State<PantallaBuscar> {
     return ListView.separated(
       shrinkWrap: true,
       physics: const NeverScrollableScrollPhysics(),
-      padding: const EdgeInsets.fromLTRB(16, 16, 16, 16),
+      padding: const EdgeInsets.all(PluriLayout.horizontal),
       itemCount: total,
       separatorBuilder: (_, __) => const SizedBox(height: 10),
       itemBuilder: (context, i) {

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_layout.dart';
 import '../widgets/pluri_premium_widgets.dart';
 import 'package:pluriwave/widgets/tarjeta_emisora.dart';
 
@@ -19,7 +20,7 @@ class PantallaFavoritos extends StatelessWidget {
 
     if (favoritos.isEmpty) {
       return ListView(
-        padding: EdgeInsets.fromLTRB(0, 0, 0, 124),
+        padding: PluriLayout.pageListPadding,
         children: [
           PluriScreenHeader(
             title: 'Favoritos',
@@ -56,7 +57,7 @@ class PantallaFavoritos extends StatelessWidget {
           ),
         ),
         SliverPadding(
-          padding: const EdgeInsets.fromLTRB(12, 4, 12, 124),
+          padding: const EdgeInsets.fromLTRB(PluriLayout.horizontal, 4, PluriLayout.horizontal, PluriLayout.bottomChromeInset),
           sliver: SliverReorderableList(
             proxyDecorator: (child, index, animation) => ScaleTransition(
               scale: Tween<double>(begin: 1, end: 1.03).animate(animation),

lib/pantallas/pantalla_inicio.dart

@@ -4,9 +4,9 @@ import 'package:provider/provider.dart';
 import 'package:shimmer/shimmer.dart' as shimmer;
 
 import '../estado/estado_radio.dart';
-import '../tema/pluriwave_theme.dart';
 import '../widgets/pluri_glass_surface.dart';
 import '../widgets/pluri_icon.dart';
+import '../widgets/pluri_layout.dart';
 import '../widgets/pluri_premium_widgets.dart';
 import 'package:pluriwave/widgets/tarjeta_emisora.dart';
 
@@ -41,7 +41,6 @@ class _PantallaInicioState extends State<PantallaInicio> {
   Widget build(BuildContext context) {
     final estado = context.watch<EstadoRadio>();
     final theme = Theme.of(context);
-    final t = context.pluriTokens;
 
     return RefreshIndicator(
       onRefresh: estado.cargarPopulares,
@@ -54,7 +53,7 @@ class _PantallaInicioState extends State<PantallaInicio> {
           if (estado.error != null)
             SliverToBoxAdapter(child: _errorBanner(estado, theme)),
           SliverPadding(
-            padding: EdgeInsets.fromLTRB(t.spacingMd, 0, t.spacingMd, 124),
+            padding: const EdgeInsets.fromLTRB(PluriLayout.horizontal, 0, PluriLayout.horizontal, PluriLayout.bottomChromeInset),
             sliver: _gridEmisoras(estado),
           ),
         ],
@@ -90,7 +89,7 @@ class _PantallaInicioState extends State<PantallaInicio> {
   Widget _seccionCercanas(EstadoRadio estado, ThemeData theme) {
     final pais = estado.paisCercanoDetectado;
     return Padding(
-      padding: const EdgeInsets.fromLTRB(16, 8, 16, 0),
+      padding: const EdgeInsets.fromLTRB(PluriLayout.horizontal, 8, PluriLayout.horizontal, 0),
       child: PluriGlassSurface(
         padding: const EdgeInsets.all(12),
         child: Column(
@@ -158,7 +157,7 @@ class _PantallaInicioState extends State<PantallaInicio> {
 
   Widget _seccionTendencias(EstadoRadio estado, ThemeData theme) {
     return Padding(
-      padding: const EdgeInsets.fromLTRB(16, 8, 16, 0),
+      padding: const EdgeInsets.fromLTRB(PluriLayout.horizontal, 8, PluriLayout.horizontal, 0),
       child: PluriGlassSurface(
         padding: const EdgeInsets.all(12),
         child: Column(
@@ -202,7 +201,7 @@ class _PantallaInicioState extends State<PantallaInicio> {
 
   Widget _chipGeneros(BuildContext context, ThemeData theme) {
     return Padding(
-      padding: const EdgeInsets.fromLTRB(16, 16, 16, 8),
+      padding: const EdgeInsets.fromLTRB(PluriLayout.horizontal, 16, PluriLayout.horizontal, 8),
       child: PluriGlassSurface(
         padding: const EdgeInsets.all(12),
         child: Column(
@@ -287,7 +286,7 @@ class _PantallaInicioState extends State<PantallaInicio> {
         child: PluriEmptyState(
           glyph: PluriIconGlyph.home,
           title: 'No hay emisoras disponibles',
-          subtitle: 'Proba refrescar o elegir otro g?nero para volver a capturar se?al.',
+          subtitle: 'Proba refrescar o elegir otro género para volver a capturar señal.',
         ),
       );
     }