vistas de ciudadano, escalar animaciones de mascota, implementacion de chatbot para concientizacion, modificacion de datos de ciudadano, modificacion de vista principal

recolecta_app/lib/features/about/screens/about_screen.dart

@@ -0,0 +1,109 @@
+import 'package:flutter/material.dart';
+import 'package:package_info_plus/package_info_plus.dart';
+
+import '../../../core/theme/app_theme.dart';
+import '../../../core/widgets/app_widgets.dart';
+
+class AboutScreen extends StatelessWidget {
+  const AboutScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: AppTheme.background,
+      appBar: AppBar(title: const Text('Acerca de la app')),
+      body: FutureBuilder<PackageInfo>(
+        future: PackageInfo.fromPlatform(),
+        builder: (context, snap) {
+          final version = snap.data?.version ?? '1.0.0';
+          final build = snap.data?.buildNumber ?? '1';
+          return ListView(
+            padding: const EdgeInsets.all(16),
+            children: [
+              AppCard(
+                child: Column(
+                  children: [
+                    Container(
+                      width: 72,
+                      height: 72,
+                      decoration: BoxDecoration(
+                        color: AppTheme.primaryLight,
+                        shape: BoxShape.circle,
+                      ),
+                      child: const Icon(
+                        Icons.recycling_rounded,
+                        size: 40,
+                        color: AppTheme.primaryDark,
+                      ),
+                    ),
+                    const SizedBox(height: 12),
+                    const Text(
+                      'Recolecta',
+                      style: TextStyle(
+                        fontSize: 20,
+                        fontWeight: FontWeight.w700,
+                        color: AppTheme.textPrimary,
+                      ),
+                    ),
+                    const SizedBox(height: 4),
+                    Text(
+                      'Versión $version (build $build)',
+                      style: const TextStyle(
+                        fontSize: 13,
+                        color: AppTheme.textSecondary,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+              const SizedBox(height: 16),
+              AppCard(
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: const [
+                    AppSectionTitle(title: 'Acerca de'),
+                    Text(
+                      'Recolecta es una aplicación del Servicio de Limpia de Celaya '
+                      'para informar al ciudadano sobre rutas, horarios y separación '
+                      'correcta de residuos.',
+                      style: TextStyle(
+                        fontSize: 14,
+                        height: 1.5,
+                        color: AppTheme.textPrimary,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+              const SizedBox(height: 16),
+              AppCard(
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: const [
+                    AppSectionTitle(title: 'Créditos'),
+                    Text(
+                      'Desarrollado por el equipo ONLINCESHACK.\n'
+                      'Servicio de Limpia · Celaya, Gto.',
+                      style: TextStyle(
+                        fontSize: 14,
+                        height: 1.5,
+                        color: AppTheme.textPrimary,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+              const SizedBox(height: 24),
+              const Center(
+                child: Text(
+                  '© 2025 Recolecta',
+                  style: TextStyle(fontSize: 12, color: AppTheme.textHint),
+                ),
+              ),
+            ],
+          );
+        },
+      ),
+    );
+  }
+}