feat: redesign auth layout and login view with ProsApp logo

- auth_layout: gradient header (mobile) / split panel (desktop)
- background_auth: gradient blue with network logo, tagline and feature list
- custom_title: network logo replacing local asset
- login_view: consistent UI matching phone_login_view (inputs, buttons,
  links to register/phone login, brand colors)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

lib/ui/layouts/auth/widgets/background_auth.dart

@@ -6,18 +6,58 @@ class BackgroundAuth extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Container(
-      color: Colors.blue,
-      child: Container(
-        constraints: const BoxConstraints(maxWidth: 400),
-        child: const Center(
-          child: Padding(
-            padding: EdgeInsets.symmetric(horizontal: 30),
-            child: Image(
-              image: AssetImage('prosapp-logo.png'),
+      decoration: const BoxDecoration(
+        gradient: LinearGradient(
+          begin: Alignment.topCenter,
+          end: Alignment.bottomCenter,
+          colors: [Color(0xFF42A4EF), Color(0xFF1565C0)],
+        ),
+      ),
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          Image.network(
+            'https://prosapp.co/img/logo_prosapp.png',
+            width: 180,
+            color: Colors.white,
+            colorBlendMode: BlendMode.srcATop,
+            errorBuilder: (_, __, ___) => const Text(
+              'ProsApp',
+              style: TextStyle(fontSize: 36, fontWeight: FontWeight.bold, color: Colors.white),
             ),
           ),
-        ),
+          const SizedBox(height: 24),
+          const Text(
+            'Conecta con los mejores\nprofesionales',
+            textAlign: TextAlign.center,
+            style: TextStyle(color: Colors.white70, fontSize: 16, height: 1.5),
+          ),
+          const SizedBox(height: 48),
+          _FeatureItem(icon: Icons.verified_user_outlined, text: 'Profesionales verificados'),
+          const SizedBox(height: 12),
+          _FeatureItem(icon: Icons.star_outline, text: 'Calificaciones reales'),
+          const SizedBox(height: 12),
+          _FeatureItem(icon: Icons.chat_bubble_outline, text: 'Chat directo'),
+        ],
       ),
     );
   }
 }
+
+class _FeatureItem extends StatelessWidget {
+  final IconData icon;
+  final String text;
+  const _FeatureItem({required this.icon, required this.text});
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        Icon(icon, color: Colors.white70, size: 18),
+        const SizedBox(width: 8),
+        Text(text, style: const TextStyle(color: Colors.white70, fontSize: 14)),
+      ],
+    );
+  }
+}

lib/ui/layouts/auth/widgets/custom_title.dart

@@ -1,38 +1,29 @@
 import 'package:flutter/material.dart';
-import 'package:google_fonts/google_fonts.dart';
 
 class CustomTitle extends StatelessWidget {
-  const CustomTitle({
-    super.key,
-  });
+  const CustomTitle({super.key});
 
   @override
   Widget build(BuildContext context) {
-    return Container(
-      padding: const EdgeInsets.symmetric(horizontal: 20),
-      child: Column(
-        crossAxisAlignment: CrossAxisAlignment.center,
-        children: [
-          const SizedBox(height: 100), // Añade espacio arriba
-          Image.asset(
-            'logo.png',
-            width: 60,
-            height: 60,
+    return Column(
+      children: [
+        const SizedBox(height: 40),
+        Image.network(
+          'https://prosapp.co/img/logo_prosapp.png',
+          height: 52,
+          fit: BoxFit.contain,
+          errorBuilder: (_, __, ___) => const Text(
+            'ProsApp',
+            style: TextStyle(fontSize: 28, fontWeight: FontWeight.bold, color: Color(0xFF42A4EF)),
           ),
-          const SizedBox(height: 40), // Mantiene el espacio entre el logo y el texto
-          FittedBox(
-            fit: BoxFit.contain,
-            child: Text(
-              "Iniciar sesión",
-              style: GoogleFonts.montserratAlternates(
-                fontSize: 30,
-                color: Colors.black,
-                fontWeight: FontWeight.bold,
-              ),
-            ),
-          )
-        ],
-      ),
+        ),
+        const SizedBox(height: 8),
+        const Text(
+          'Conecta con los mejores profesionales',
+          style: TextStyle(color: Colors.grey, fontSize: 13),
+        ),
+        const SizedBox(height: 32),
+      ],
     );
   }
 }