add detail page

lib/custom_info_card.dart

@@ -1,74 +1,90 @@
 import 'package:flutter/material.dart';
+import 'detail_page.dart'; // Importa la nueva pantalla
 
 class CustomInfoCard extends StatelessWidget {
   final String imagePath;
   final String title;
   final String subtitle;
+  final String texto;
 
   const CustomInfoCard({
     super.key,
     required this.imagePath,
     required this.title,
     required this.subtitle,
+    required this.texto,
   });
 
   @override
   Widget build(BuildContext context) {
-    return SizedBox(
-      width: double.infinity, // Takes full width of parent
-      height: 130, // Fixed height, adjust as needed
-      child: Card(
-        margin: const EdgeInsets.symmetric(vertical: 8, horizontal: 16),
-        shape: RoundedRectangleBorder(
-          borderRadius: BorderRadius.circular(30),
-        ),
-        color: const Color.fromARGB(255, 254, 242, 221),
-        child: Padding(
-          padding: const EdgeInsets.only(right: 8),
-          child: Row(
-            children: [
-              Container(
-                width: 90, // Fixed width to match the height (110 - 16 * 2)
-                height: 90,
-                decoration: BoxDecoration(
-                  color: Colors.white,
-                  borderRadius: BorderRadius.circular(36),
-                ),
-                child: ClipRRect(
-                  borderRadius: BorderRadius.circular(36),
-                  child: Image.asset(
-                    imagePath,
-                    fit: BoxFit.cover,
-                    width: 90,
-                    height: 90,
+    return GestureDetector(
+      onTap: () {
+        Navigator.push(
+          context,
+          MaterialPageRoute(
+            builder: (context) => DetailPage(
+              title: title,
+              texto: texto,
+            ),
+          ),
+        );
+      },
+      child: SizedBox(
+        width: double.infinity,
+        height: 130,
+        child: Card(
+          margin: const EdgeInsets.symmetric(vertical: 8, horizontal: 16),
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(30),
+          ),
+          color: const Color.fromARGB(255, 254, 242, 221),
+          child: Padding(
+            padding: const EdgeInsets.only(right: 8),
+            child: Row(
+              children: [
+                Container(
+                  width: 90,
+                  height: 90,
+                  decoration: BoxDecoration(
+                    color: Colors.white,
+                    borderRadius: BorderRadius.circular(36),
+                  ),
+                  child: ClipRRect(
+                    borderRadius: BorderRadius.circular(36),
+                    child: Image.asset(
+                      imagePath,
+                      fit: BoxFit.cover,
+                      width: 90,
+                      height: 90,
+                    ),
                   ),
                 ),
-              ),
-              const SizedBox(width: 16),
-              Expanded(
-                child: Column(
-                  mainAxisAlignment: MainAxisAlignment.center,
-                  crossAxisAlignment: CrossAxisAlignment.start,
-                  children: [
-                    Text(
-                      title,
-                      style: const TextStyle(
-                        fontSize: 16,
-                        fontWeight: FontWeight.bold,
+                const SizedBox(width: 16),
+                Expanded(
+                  child: Column(
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Text(
+                        title,
+                        style: const TextStyle(
+                          fontSize: 16,
+                          fontWeight: FontWeight.bold,
+                        ),
                       ),
-                    ),
-                    const SizedBox(height: 4),
-                    Text(
-                      subtitle,
-                      style: TextStyle(
-                        fontSize: 14,
-                        color: Colors.grey[600],
+                      const SizedBox(height: 4),
+                      Text(
+                        subtitle,
+                        style: TextStyle(
+                          fontSize: 14,
+                          color: Colors.grey[600],
+                        ),
                       ),
-                    ),
-                  ],
+                    ],
+                  ),
                 ),
-              ),
-            ],
+              ],
+            ),
           ),
         ),
       ),

lib/detail_page.dart

@@ -0,0 +1,49 @@
+import 'package:flutter/material.dart';
+
+class DetailPage extends StatelessWidget {
+  final String title;
+  final String texto;
+
+  const DetailPage({
+    super.key,
+    required this.title,
+    required this.texto,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        flexibleSpace: Padding(
+          padding: EdgeInsets.only(top: MediaQuery.of(context).padding.top),
+          child: Image.asset(
+            'assets/header_image.png',
+            fit: BoxFit.cover,
+          ),
+        ),
+        toolbarHeight: MediaQuery.of(context).size.height * 0.19,
+      ),
+      body: SingleChildScrollView( // Permite el desplazamiento
+        child: Padding(
+          padding: const EdgeInsets.all(16.0),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.center,
+            children: [
+              Text(
+                title,
+                style: const TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
+                textAlign: TextAlign.center,
+              ),
+              const SizedBox(height: 8),
+              Text(
+                texto,
+                style: const TextStyle(fontSize: 18, color: Colors.black),
+                textAlign: TextAlign.justify,
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/main.dart

@@ -97,6 +97,7 @@ class _HomePageState extends State<HomePage> {
                   'image': entry['gsx\$image']?['\$t'] ?? '',
                   'title': entry['gsx\$title']?['\$t'] ?? '',
                   'subtitle': entry['gsx\$subtitle']?['\$t'] ?? '',
+                  'texto': entry['gsx\$texto']?['\$t'] ?? '',
                 };
                 newData.add(card);
               }
@@ -211,6 +212,7 @@ class _HomePageState extends State<HomePage> {
                         imagePath: "assets/icons/${card['image']}",
                         title: card['title'],
                         subtitle: card['subtitle'],
+                        texto: card['texto'],
                       );
                     },
                   ),