restore 'fix onboarding design'

# Conflicts:
#	modules/auth/lib/src/onboarding/presentation/onboarding_screen.dart

modules/auth/lib/src/features/onboarding/presentation/onboarding_screen.dart

@@ -41,7 +41,7 @@ class OnboardingScreen extends ConsumerWidget {
     }
 
     return Scaffold(
-      backgroundColor: Colors.white,
+      backgroundColor: Color(0xFFF7F7F7),
       body: Padding(
         padding: const EdgeInsets.symmetric(horizontal: 24),
         child: Column(
@@ -64,9 +64,9 @@ class OnboardingScreen extends ConsumerWidget {
             StepIndicator(
               current: state.cardIndex + 1,
               total: onboardingPages.length,
-              color: const Color(0xFF4A4A4A),
+              color: const Color(0xFF4B4B4B),
             ),
-            const SizedBox(height: 38),
+            const SizedBox(height: 48),
             Container(
               padding: const EdgeInsets.symmetric(horizontal: 24),
               width: double.infinity,
@@ -75,7 +75,7 @@ class OnboardingScreen extends ConsumerWidget {
                 style: TextButton.styleFrom(
                   backgroundColor: isLast
                       ? const Color(0xFF329E95)
-                      : const Color(0xFF333333),
+                      : const Color(0xFF4B4B4B),
                   foregroundColor: Colors.white,
                   padding: const EdgeInsets.symmetric(
                     vertical: 16,
@@ -108,7 +108,7 @@ class OnboardingScreen extends ConsumerWidget {
                         child: Text(
                           context.translate(I18n.skip),
                           style: TextStyle(
-                            color: Color(0xFF333333),
+                            color: Color(0xFF4B4B4B),
                             decoration: TextDecoration.underline,
                             fontWeight: FontWeight.w500,
                             fontSize: 18,
@@ -117,7 +117,7 @@ class OnboardingScreen extends ConsumerWidget {
                       ),
               ),
             ),
-            const SizedBox(height: 48),
+            const SizedBox(height: 36),
           ],
         ),
       ),

modules/auth/lib/src/features/onboarding/presentation/widgets/onboarding_content.dart

@@ -16,9 +16,7 @@ class OnboardingContent extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Padding(
+    return Column(
-      padding: const EdgeInsets.symmetric(horizontal: 16),
-      child: Column(
       mainAxisAlignment: MainAxisAlignment.center,
       children: [
         Flexible(flex: 3, child: SvgPicture.asset(image)),
@@ -28,10 +26,10 @@ class OnboardingContent extends StatelessWidget {
           textAlign: TextAlign.center,
           style: const TextStyle(
             fontWeight: FontWeight.w700,
-              fontSize: 28,
+            fontSize: 30,
-              height: 1.4,
+            height: 1.25,
-              letterSpacing: 0.3,
+            letterSpacing: 0,
-              color: Color(0xFF4A4A4A),
+            color: Color(0xFF4B4B4B),
           ),
         ),
         const SizedBox(height: 16),
@@ -40,13 +38,12 @@ class OnboardingContent extends StatelessWidget {
           textAlign: TextAlign.center,
           style: const TextStyle(
             fontSize: 18,
-              height: 1.4,
+            height: 1.5,
-              letterSpacing: 0.3,
+            letterSpacing: 0,
-              color: Color(0xFF9B9B9B),
+            color: Color(0xFF4B4B4B),
           ),
         ),
       ],
-      ),
     );
   }
 }

packages/sf_localizations/assets/l10n/es.json

@@ -1,10 +1,10 @@
 {
   "example": "ejemplo",
-  "onboardingTitle1": "Aprende a gestionar su dinero",
+  "onboardingTitle1": "Aprende a \ngestionar su dinero",
-  "onboardingSubtitle1": "Tu peque crea hábitos y se divierte mientras lo hace",
+  "onboardingSubtitle1": "Tu peque crea hábitos y se \ndivierte mientras lo hace",
-  "onboardingTitle2": "Tranquilidad en cada pago que hacen",
+  "onboardingTitle2": "Tranquilidad en \ncada pago que hace",
-  "onboardingSubtitle2": "Supervisa sus gastos, fija límites y acompáñalos en cada paso",
+  "onboardingSubtitle2": "Supervisa sus gastos, fija límites \ny acompáñale en cada paso",
-  "onboardingTitle3": "Pagos fáciles y seguros en sus manos",
+  "onboardingTitle3": "Pagos fáciles y seguros, en sus manos",
   "onboardingSubtitle3": "Podrá pagar desde su reloj.\nSin móvil ni efectivo",
   "start": "Comenzar",
   "next": "Siguiente",