"Pantalla de carga e instrucciones de instalacion"

lib/bars/app_bar

@@ -1,36 +1,37 @@
 import 'package:flutter/material.dart';
-import 'package:crcivan/pages/utils.dart'; // Importar la función global
+import 'package:crcivan/pages/utils.dart';
 
 class CustomAppBar extends StatelessWidget implements PreferredSizeWidget {
   const CustomAppBar({Key? key}) : super(key: key);
 
-  double _getIconSize(BuildContext context) {
-    double screenWidth = MediaQuery.of(context).size.width;
-    return screenWidth > 600 ? 40.0 : 32.0;
-  }
-
   @override
   Widget build(BuildContext context) {
-    double iconSize = _getIconSize(context);
+    // Determinar si estamos en una pantalla pequeña
+    final screenWidth = MediaQuery.of(context).size.width;
+    final isSmallScreen = screenWidth < 600;
+    
+    // Calcular la altura del AppBar dinámicamente
+    final appBarHeight = isSmallScreen ? 70.0 : 85.0;
+    
+    // Calcular el tamaño del logo - un tercio más pequeño que la propuesta anterior
+    final logoHeight = isSmallScreen ? 40.0 : 53.0;
+    final logoPadding = isSmallScreen ? 4.0 : 8.0;
 
     return AppBar(
+      toolbarHeight: appBarHeight,
       title: const Text(''),
       centerTitle: true,
       backgroundColor: const Color.fromARGB(255, 78, 169, 6),
-      iconTheme: IconThemeData(
-        color: Colors.white, // Cambia este color al que desees
-        size: iconSize, // Ajustar el tamaño del icono
+      iconTheme: const IconThemeData(
+        color: Colors.white,
       ),
       flexibleSpace: Container(
-        padding: const EdgeInsets.all(8.0),
+        padding: EdgeInsets.symmetric(vertical: logoPadding),
         child: Center(
-          child: Padding(
-            padding: const EdgeInsets.only(top: 10.0),
-            child: Image.asset(
-              'assets/logo-civan.png',
-              height: getResponsiveFontSize(context, 400.0), // Ajustar la altura de la imagen
-              width: getResponsiveFontSize(context, 400.0), // Ajustar el ancho de la imagen
-            ),
+          child: Image.asset(
+            'assets/logo-civan.png',
+            height: logoHeight,
+            fit: BoxFit.contain,
           ),
         ),
       ),
@@ -38,5 +39,8 @@ class CustomAppBar extends StatelessWidget implements PreferredSizeWidget {
   }
 
   @override
-  Size get preferredSize => const Size.fromHeight(kToolbarHeight); // Tamaño fijo para el AppBar
+  Size get preferredSize {
+    // Altura dinámica según el tamaño de pantalla
+    return Size.fromHeight(85.0); // Valor ajustado para el logo más pequeño
+  }
 }