Videos na nuvem | atualização de desing (Appbar) | mudança no quiz

lib/auth_gate.dart

@@ -1,3 +1,5 @@
+import 'dart:async';
+
 import 'package:flutter/material.dart';
 import 'package:supabase_flutter/supabase_flutter.dart';
 
@@ -7,9 +9,53 @@ import 'logged_home.dart';
 
 final ValueNotifier<bool> forceHomeScreen = ValueNotifier<bool>(false);
 
-class AuthGate extends StatelessWidget {
+class AuthGate extends StatefulWidget {
   const AuthGate({super.key});
 
+  @override
+  State<AuthGate> createState() => _AuthGateState();
+}
+
+class _AuthGateState extends State<AuthGate> {
+  String? _validatedUserId;
+  String? _validatingUserId;
+
+  /// Confirma que a sessão ativa ainda corresponde a um perfil existente na
+  /// base de dados. Sessões do Supabase Auth sobrevivem mesmo que os dados
+  /// da conta tenham sido apagados (ex.: "Apagar dados da conta" ou remoção
+  /// manual na base de dados) — sem esta verificação, essa conta "fantasma"
+  /// continuaria a conseguir entrar.
+  Future<void> _validateSession(String userId) async {
+    if (_validatingUserId == userId) return;
+    _validatingUserId = userId;
+    try {
+      final profile = await supabase
+          .from('profiles')
+          .select('id')
+          .eq('id', userId)
+          .maybeSingle();
+
+      if (!mounted) return;
+
+      if (profile == null) {
+        unawaited(
+          supabase
+              .from('children')
+              .delete()
+              .eq('owner_id', userId)
+              .catchError((_) => <Map<String, dynamic>>[]),
+        );
+        await supabase.auth.signOut();
+      } else {
+        setState(() => _validatedUserId = userId);
+      }
+    } catch (_) {
+      // Falha de rede/consulta: não força logout, tenta novamente depois.
+    } finally {
+      _validatingUserId = null;
+    }
+  }
+
   @override
   Widget build(BuildContext context) {
     return ValueListenableBuilder<bool>(
@@ -21,10 +67,16 @@ class AuthGate extends StatelessWidget {
           builder: (context, snapshot) {
             final user = snapshot.data?.session?.user;
 
+            if (user != null && user.id != _validatedUserId) {
+              WidgetsBinding.instance.addPostFrameCallback((_) {
+                if (mounted) _validateSession(user.id);
+              });
+            }
+
             final Widget child;
             if (snapshot.connectionState == ConnectionState.waiting) {
               child = const SizedBox.shrink();
-            } else if (forcedHome || user == null) {
+            } else if (forcedHome || user == null || user.id != _validatedUserId) {
               child = const HomeScreen(key: ValueKey('home_screen'));
             } else {
               child = const LoggedHomeScreen(key: ValueKey('logged_home_screen'));

lib/home_screen.dart

@@ -6,6 +6,7 @@ import 'package:lottie/lottie.dart';
 import 'package:supabase_flutter/supabase_flutter.dart';
 
 import 'main.dart' show supabase;
+import 'widgets/app_gradients.dart';
 import 'widgets/entrance.dart';
 import 'widgets/tap_bounce.dart';
 
@@ -15,6 +16,12 @@ const Color _pink = Color(0xFFFF55A7);
 /// Nomes só podem ter letras (incluindo acentuadas) e espaços — sem números.
 final RegExp _namePattern = RegExp(r"^[a-zA-ZÀ-ÖØ-öø-ÿ' -]+$");
 
+/// A conta existe no Supabase Auth mas os dados (perfil) já não existem na
+/// base de dados — tratada como conta inexistente para efeitos de login.
+class _AccountNotFoundException implements Exception {
+  const _AccountNotFoundException();
+}
+
 class HomeScreen extends StatefulWidget {
   const HomeScreen({super.key});
 
@@ -50,11 +57,10 @@ class _HomeScreenState extends State<HomeScreen> {
     required String name,
     required String email,
   }) async {
-    await supabase.from('profiles').upsert({
+    await supabase
-      'id': uid,
+        .from('profiles')
-      'name': name,
+        .upsert({'id': uid, 'name': name, 'email': email})
-      'email': email,
+        .timeout(const Duration(seconds: 20));
-    }).timeout(const Duration(seconds: 20));
   }
 
   Future<void> _submit() async {
@@ -66,10 +72,34 @@ class _HomeScreenState extends State<HomeScreen> {
       final password = _passwordController.text;
 
       if (_isLogin) {
-        await supabase.auth.signInWithPassword(
+        final result = await supabase.auth.signInWithPassword(
           email: email,
           password: password,
         );
+
+        final user = result.user;
+        if (user != null) {
+          final profile = await supabase
+              .from('profiles')
+              .select('id')
+              .eq('id', user.id)
+              .maybeSingle();
+
+          if (profile == null) {
+            // A conta existe no Auth mas os dados foram apagados (ex.: via
+            // "Apagar dados da conta" ou diretamente na base de dados).
+            // Trata como inexistente: limpa qualquer resquício e bloqueia.
+            unawaited(
+              supabase
+                  .from('children')
+                  .delete()
+                  .eq('owner_id', user.id)
+                  .catchError((_) => <Map<String, dynamic>>[]),
+            );
+            await supabase.auth.signOut();
+            throw const _AccountNotFoundException();
+          }
+        }
       } else {
         final name = _nameController.text.trim();
         final response = await supabase.auth
@@ -81,14 +111,19 @@ class _HomeScreenState extends State<HomeScreen> {
           throw StateError('Usuário não encontrado após criar conta.');
         }
 
-        unawaited(
+        // Precisa de terminar antes de navegar: o AuthGate só mostra a app
-          _persistRegistrationData(
+        // depois de confirmar que existe um perfil na base de dados.
-            uid: user.id,
+        await _persistRegistrationData(uid: user.id, name: name, email: email);
-            name: name,
-            email: email,
-          ).catchError((_) {}),
-        );
       }
+    } on _AccountNotFoundException {
+      if (!mounted) return;
+      ScaffoldMessenger.of(context).showSnackBar(
+        const SnackBar(
+          content: Text(
+            'Esta conta não existe mais. Verifique o email ou crie uma nova conta.',
+          ),
+        ),
+      );
     } on AuthException catch (e) {
       if (!mounted) return;
       ScaffoldMessenger.of(
@@ -412,56 +447,59 @@ class _AuthForm extends StatelessWidget {
           ),
           const SizedBox(height: 20),
           TapBounce(
-            child: SizedBox(
+            child: ClipRRect(
-              height: 50,
+              borderRadius: BorderRadius.circular(999),
-              child: FilledButton(
+              child: DecoratedBox(
-                style:
+                decoration: const BoxDecoration(gradient: kGreenButtonGradient),
-                    FilledButton.styleFrom(
+                child: SizedBox(
-                      backgroundColor: _teal,
+                  height: 50,
-                      foregroundColor: Colors.white,
+                  child: FilledButton(
-                      shape: const StadiumBorder(),
+                    style:
-                      textStyle: const TextStyle(
+                        FilledButton.styleFrom(
-                        fontWeight: FontWeight.w800,
+                          backgroundColor: Colors.transparent,
-                        fontSize: 15,
+                          foregroundColor: Colors.white,
-                      ),
+                          shape: const StadiumBorder(),
-                    ).copyWith(
+                          textStyle: const TextStyle(
-                      animationDuration: const Duration(milliseconds: 180),
+                            fontWeight: FontWeight.w800,
-                      splashFactory: InkSparkle.splashFactory,
+                            fontSize: 15,
-                      overlayColor: WidgetStateProperty.resolveWith<Color?>((
-                        states,
-                      ) {
-                        if (states.contains(WidgetState.pressed)) {
-                          return Colors.white.withValues(alpha: 0.14);
-                        }
-                        if (states.contains(WidgetState.hovered) ||
-                            states.contains(WidgetState.focused)) {
-                          return Colors.white.withValues(alpha: 0.08);
-                        }
-                        return null;
-                      }),
-                    ),
-                onPressed: loading ? null : onSubmit,
-                child: loading
-                    ? const SizedBox(
-                        width: 20,
-                        height: 20,
-                        child: CircularProgressIndicator(
-                          strokeWidth: 2.2,
-                          color: Colors.white,
-                        ),
-                      )
-                    : Row(
-                        mainAxisAlignment: MainAxisAlignment.center,
-                        mainAxisSize: MainAxisSize.min,
-                        children: [
-                          Text(isLogin ? 'Entrar' : 'Criar Conta'),
-                          const SizedBox(width: 8),
-                          const Icon(
-                            Icons.arrow_forward_rounded,
-                            size: 18,
                           ),
-                        ],
+                        ).copyWith(
-                      ),
+                          animationDuration: const Duration(milliseconds: 180),
+                          splashFactory: InkSparkle.splashFactory,
+                          overlayColor: WidgetStateProperty.resolveWith<Color?>(
+                            (states) {
+                              if (states.contains(WidgetState.pressed)) {
+                                return Colors.white.withValues(alpha: 0.14);
+                              }
+                              if (states.contains(WidgetState.hovered) ||
+                                  states.contains(WidgetState.focused)) {
+                                return Colors.white.withValues(alpha: 0.08);
+                              }
+                              return null;
+                            },
+                          ),
+                        ),
+                    onPressed: loading ? null : onSubmit,
+                    child: loading
+                        ? const SizedBox(
+                            width: 20,
+                            height: 20,
+                            child: CircularProgressIndicator(
+                              strokeWidth: 2.2,
+                              color: Colors.white,
+                            ),
+                          )
+                        : Row(
+                            mainAxisAlignment: MainAxisAlignment.center,
+                            mainAxisSize: MainAxisSize.min,
+                            children: [
+                              Text(isLogin ? 'Entrar' : 'Criar Conta'),
+                              const SizedBox(width: 8),
+                              const Icon(Icons.arrow_forward_rounded, size: 18),
+                            ],
+                          ),
+                  ),
+                ),
               ),
             ),
           ),

lib/quiz/quiz_result.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'dart:async';
 
 import '../main.dart' show supabase;
+import '../widgets/app_gradients.dart';
 import '../widgets/entrance.dart';
 import '../widgets/tap_bounce.dart';
 import 'quiz_prefs.dart';
@@ -173,8 +174,9 @@ class _QuizResultScreenState extends State<QuizResultScreen> {
                                             Text(
                                               '${clamped.toInt()}/${widget.maxScore}',
                                               style: TextStyle(
-                                                color: Colors.black
+                                                color: Colors.black.withValues(
-                                                    .withValues(alpha: 0.60),
+                                                  alpha: 0.60,
+                                                ),
                                                 fontWeight: FontWeight.w800,
                                               ),
                                             ),
@@ -229,25 +231,35 @@ class _QuizResultScreenState extends State<QuizResultScreen> {
                     ),
                     Center(
                       child: TapBounce(
-                        child: SizedBox(
+                        child: ClipRRect(
-                        width: 260,
+                          borderRadius: BorderRadius.circular(999),
-                        height: 46,
+                          child: DecoratedBox(
-                        child: FilledButton(
+                            decoration: const BoxDecoration(
-                          style: FilledButton.styleFrom(
+                              gradient: kGreenButtonGradient,
-                            backgroundColor: const Color(0xFF2F9E94),
+                            ),
-                            foregroundColor: Colors.white,
+                            child: SizedBox(
-                            shape: const StadiumBorder(),
+                              width: 260,
-                            textStyle: const TextStyle(
+                              height: 46,
-                              fontWeight: FontWeight.w900,
+                              child: FilledButton(
+                                style: FilledButton.styleFrom(
+                                  backgroundColor: Colors.transparent,
+                                  foregroundColor: Colors.white,
+                                  shape: const StadiumBorder(),
+                                  textStyle: const TextStyle(
+                                    fontWeight: FontWeight.w900,
+                                  ),
+                                ),
+                                onPressed: () async {
+                                  await _saveResultFuture;
+                                  if (!context.mounted) return;
+                                  Navigator.of(
+                                    context,
+                                  ).popUntil((r) => r.isFirst);
+                                },
+                                child: const Text('Avançar'),
+                              ),
                             ),
                           ),
-                          onPressed: () async {
-                            await _saveResultFuture;
-                            if (!context.mounted) return;
-                            Navigator.of(context).popUntil((r) => r.isFirst);
-                          },
-                          child: const Text('Avançar'),
-                        ),
                         ),
                       ),
                     ),

lib/screens/curiosidade_screen.dart

@@ -38,10 +38,7 @@ class CuriosidadeScreen extends StatelessWidget {
                 gradient: LinearGradient(
                   begin: Alignment.topCenter,
                   end: Alignment.bottomCenter,
-                  colors: [
+                  colors: [Color(0xFFFFE6F1), Color(0xFFFFC9DF)],
-                    Color(0xFFFFE6F1),
-                    Color(0xFFFFC9DF),
-                  ],
                 ),
               ),
             ),
@@ -175,7 +172,9 @@ class _CuriosityTopicTile extends StatelessWidget {
                         decoration: BoxDecoration(
                           color: Colors.white.withValues(alpha: 0.82),
                           borderRadius: BorderRadius.circular(16),
-                          border: Border.all(color: Colors.black.withValues(alpha: 0.08)),
+                          border: Border.all(
+                            color: Colors.black.withValues(alpha: 0.08),
+                          ),
                         ),
                         child: Text(
                           description,
@@ -188,19 +187,27 @@ class _CuriosityTopicTile extends StatelessWidget {
                       ),
                       const SizedBox(height: 14),
                       TapBounce(
-                        child: SizedBox(
+                        child: ClipRRect(
-                          height: 44,
+                          borderRadius: BorderRadius.circular(999),
-                          child: FilledButton(
+                          child: DecoratedBox(
-                            style: FilledButton.styleFrom(
+                            decoration: const BoxDecoration(
-                              backgroundColor: const Color(0xFF2F9E94),
+                              gradient: kGreenButtonGradient,
-                              foregroundColor: Colors.white,
+                            ),
-                              shape: const StadiumBorder(),
+                            child: SizedBox(
-                              textStyle: const TextStyle(
+                              height: 44,
-                                fontWeight: FontWeight.w900,
+                              child: FilledButton(
+                                style: FilledButton.styleFrom(
+                                  backgroundColor: Colors.transparent,
+                                  foregroundColor: Colors.white,
+                                  shape: const StadiumBorder(),
+                                  textStyle: const TextStyle(
+                                    fontWeight: FontWeight.w900,
+                                  ),
+                                ),
+                                onPressed: () => Navigator.of(ctx).pop(),
+                                child: const Text('Fechar'),
                               ),
                             ),
-                            onPressed: () => Navigator.of(ctx).pop(),
-                            child: const Text('Fechar'),
                           ),
                         ),
                       ),

lib/screens/settings_screen.dart

@@ -47,7 +47,23 @@ class _SettingsBodyState extends State<SettingsBody> {
     setState(() => _deletingAccount = true);
     try {
       await supabase.from('children').delete().eq('owner_id', uid);
-      await supabase.from('profiles').delete().eq('id', uid);
+
+      // O Supabase não avisa quando uma política de RLS bloqueia silenciosamente
+      // uma operação: sem `.select()` para devolver as linhas apagadas não há
+      // como distinguir "0 linhas existiam" de "sem permissão para apagar".
+      final deletedProfile = await supabase
+          .from('profiles')
+          .delete()
+          .eq('id', uid)
+          .select('id');
+
+      if (deletedProfile.isEmpty) {
+        throw StateError(
+          'A base de dados recusou apagar o perfil (sem política de RLS '
+          'para DELETE). Os dados não foram removidos.',
+        );
+      }
+
       await supabase.auth.signOut();
       if (!mounted) return;
       Navigator.of(context).popUntil((route) => route.isFirst);

lib/screens/video_screen.dart

@@ -1,4 +1,5 @@
 import 'dart:math' as math;
+import 'dart:ui';
 
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
@@ -11,8 +12,9 @@ import '../widgets/entrance.dart';
 import '../widgets/tap_bounce.dart';
 
 // Video data structure - easily editable for future updates.
-// Episódios 1-7 tocam via YouTube (não listado); preencha youtubeId ao subir
+// Episódios 1-10 tocam via YouTube (não listado). Episódios 11-13 ainda não
-// cada vídeo. Episódios 8-13 continuam embutidos no app (assets/videos).
+// foram subidos ao YouTube e continuam embutidos no app (assets/videos) até
+// lá — depois de subidos, troque videoPath por youtubeId e apague o mp4.
 class VideoData {
   final int id;
   final String title;
@@ -35,61 +37,61 @@ final List<VideoData> videoList = [
     id: 1,
     title: 'Episódio 1',
     description: 'Aprenda sobre saúde bucal neste episódio',
-    youtubeId: '', // TODO: colar o ID do vídeo do YouTube (não listado)
+    youtubeId: 'PJ58CZv4ECw',
   ),
   VideoData(
     id: 2,
     title: 'Episódio 2',
     description: 'Aprenda sobre saúde bucal neste episódio',
-    youtubeId: '', // TODO: colar o ID do vídeo do YouTube (não listado)
+    youtubeId: 'y4_kWmZtAtg',
   ),
   VideoData(
     id: 3,
     title: 'Episódio 3',
     description: 'Aprenda sobre saúde bucal neste episódio',
-    youtubeId: '', // TODO: colar o ID do vídeo do YouTube (não listado)
+    youtubeId: 'nD75Y5PuKTo',
   ),
   VideoData(
     id: 4,
     title: 'Episódio 4',
     description: 'Aprenda sobre saúde bucal neste episódio',
-    youtubeId: '', // TODO: colar o ID do vídeo do YouTube (não listado)
+    youtubeId: 'yvFllWYeuLw',
   ),
   VideoData(
     id: 5,
     title: 'Episódio 5',
     description: 'Aprenda sobre saúde bucal neste episódio',
-    youtubeId: '', // TODO: colar o ID do vídeo do YouTube (não listado)
+    youtubeId: 'DnhUa-T8_Ps',
   ),
   VideoData(
     id: 6,
     title: 'Episódio 6',
     description: 'Aprenda sobre saúde bucal neste episódio',
-    youtubeId: '', // TODO: colar o ID do vídeo do YouTube (não listado)
+    youtubeId: 'zKt_iwkrjvo',
   ),
   VideoData(
     id: 7,
     title: 'Episódio 7',
     description: 'Aprenda sobre saúde bucal neste episódio',
-    youtubeId: '', // TODO: colar o ID do vídeo do YouTube (não listado)
+    youtubeId: 'NpmQ2brap5A',
   ),
   VideoData(
     id: 8,
     title: 'Episódio 8',
     description: 'Aprenda sobre saúde bucal neste episódio',
-    videoPath: 'assets/videos/episodio_08.mp4',
+    youtubeId: 'Wj3KYw9pBi0',
   ),
   VideoData(
     id: 9,
     title: 'Episódio 9',
     description: 'Aprenda sobre saúde bucal neste episódio',
-    videoPath: 'assets/videos/episodio_09.mp4',
+    youtubeId: 'bOm9t61cT_U',
   ),
   VideoData(
     id: 10,
     title: 'Episódio 10',
     description: 'Aprenda sobre saúde bucal neste episódio',
-    videoPath: 'assets/videos/episodio_10.mp4',
+    youtubeId: 'fAitMizbcms',
   ),
   VideoData(
     id: 11,
@@ -162,9 +164,8 @@ Future<void> showVideoPlayerDialog(BuildContext context, VideoData video) {
       ).showSnackBar(const SnackBar(content: Text('Vídeo ainda não disponível')));
       return Future.value();
     }
-    return showDialog<void>(
+    return Navigator.of(context).push<void>(
-      context: context,
+      MaterialPageRoute(builder: (context) => _YoutubePlayerPage(video: video)),
-      builder: (context) => _YoutubePlayerDialog(video: video),
     );
   }
   return showDialog<void>(
@@ -577,16 +578,26 @@ class _VideoButton extends StatelessWidget {
   }
 }
 
-class _YoutubePlayerDialog extends StatefulWidget {
+/// Página cheia (não diálogo) para o player do YouTube. O botão de tela cheia
-  const _YoutubePlayerDialog({required this.video});
+/// do próprio player força a rotação para paisagem via
+/// `SystemChrome.setPreferredOrientations`; um `Dialog` de largura fixa não
+/// se adapta a essa rotação e causa overflow gráfico.
+///
+/// Em paisagem/tela cheia, o vídeo é recortado ("cover", como Instagram/
+/// TikTok) para preencher o ecrã todo sem barras pretas — em vez de manter
+/// a proporção 16:9 do YouTube e sobrar espaço vazio quando o ecrã tem uma
+/// proporção mais larga que 16:9 (ex.: a maioria dos telemóveis atuais).
+class _YoutubePlayerPage extends StatefulWidget {
+  const _YoutubePlayerPage({required this.video});
 
   final VideoData video;
 
   @override
-  State<_YoutubePlayerDialog> createState() => _YoutubePlayerDialogState();
+  State<_YoutubePlayerPage> createState() => _YoutubePlayerPageState();
 }
 
-class _YoutubePlayerDialogState extends State<_YoutubePlayerDialog> {
+class _YoutubePlayerPageState extends State<_YoutubePlayerPage>
+    with WidgetsBindingObserver {
   late final YoutubePlayerController _controller;
 
   @override
@@ -596,48 +607,110 @@ class _YoutubePlayerDialogState extends State<_YoutubePlayerDialog> {
       initialVideoId: widget.video.youtubeId!,
       flags: const YoutubePlayerFlags(autoPlay: true, mute: false),
     );
+    WidgetsBinding.instance.addObserver(this);
+  }
+
+  @override
+  void didChangeMetrics() {
+    final isLandscape =
+        PlatformDispatcher.instance.views.first.physicalSize.width >
+        PlatformDispatcher.instance.views.first.physicalSize.height;
+    if (isLandscape == _controller.value.isFullScreen) return;
+    _controller.updateValue(_controller.value.copyWith(isFullScreen: isLandscape));
+    if (isLandscape) {
+      SystemChrome.setEnabledSystemUIMode(SystemUiMode.immersiveSticky);
+    } else {
+      SystemChrome.restoreSystemUIOverlays();
+    }
   }
 
   @override
   void dispose() {
+    WidgetsBinding.instance.removeObserver(this);
+    SystemChrome.restoreSystemUIOverlays();
     _controller.dispose();
     super.dispose();
   }
 
   @override
   Widget build(BuildContext context) {
-    final size = MediaQuery.sizeOf(context);
+    return ValueListenableBuilder<YoutubePlayerValue>(
-    return Dialog(
+      valueListenable: _controller,
-      backgroundColor: Colors.transparent,
+      builder: (context, value, _) {
-      insetPadding: const EdgeInsets.all(16),
+        return PopScope(
-      child: Container(
+          canPop: !value.isFullScreen,
-        decoration: BoxDecoration(
+          onPopInvokedWithResult: (didPop, _) {
-          color: VideoScreen._accentPink.withValues(alpha: 0.15),
+            if (!didPop) _controller.toggleFullScreenMode();
-          borderRadius: BorderRadius.circular(24),
+          },
-          border: Border.all(color: VideoScreen._accentPink, width: 3),
+          child: Scaffold(
-        ),
+            backgroundColor: Colors.black,
-        child: ClipRRect(
+            appBar: value.isFullScreen
-          borderRadius: BorderRadius.circular(21),
+                ? null
-          child: SizedBox(
+                : AppBar(
-            width: size.width * 0.9,
+                    backgroundColor: VideoScreen._teal,
-            child: Column(
+                    foregroundColor: Colors.white,
-              mainAxisSize: MainAxisSize.min,
+                    elevation: 0,
-              children: [
+                    title: Text(
-                YoutubePlayer(controller: _controller),
+                      widget.video.title,
-                Container(
+                      style: const TextStyle(fontWeight: FontWeight.w900),
-                  padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+                    ),
-                  color: VideoScreen._accentPink.withValues(alpha: 0.15),
-                  alignment: Alignment.centerRight,
-                  child: IconButton(
-                    icon: const Icon(Icons.close, color: Colors.white),
-                    onPressed: () => Navigator.of(context).pop(),
                   ),
-                ),
+            body: value.isFullScreen
-              ],
+                ? _CoverYoutubePlayer(controller: _controller)
+                : Center(
+                    child: AspectRatio(
+                      aspectRatio: 16 / 9,
+                      child: YoutubePlayer(controller: _controller),
+                    ),
+                  ),
+          ),
+        );
+      },
+    );
+  }
+}
+
+/// Preenche todo o espaço disponível recortando o vídeo (mantém a proporção
+/// 16:9 real do YouTube, mas amplia e corta o excesso nas laterais ou em
+/// cima/baixo em vez de deixar barras pretas). O player é sempre desenhado
+/// no seu tamanho real (nunca reduzido a uma caixa minúscula), por isso o
+/// recorte fica nítido, sem perda de qualidade.
+class _CoverYoutubePlayer extends StatelessWidget {
+  const _CoverYoutubePlayer({required this.controller});
+
+  final YoutubePlayerController controller;
+
+  static const double _videoAspectRatio = 16 / 9;
+
+  @override
+  Widget build(BuildContext context) {
+    return LayoutBuilder(
+      builder: (context, constraints) {
+        final parentAspectRatio = constraints.maxWidth / constraints.maxHeight;
+        final double boxWidth;
+        final double boxHeight;
+        if (parentAspectRatio > _videoAspectRatio) {
+          boxWidth = constraints.maxWidth;
+          boxHeight = boxWidth / _videoAspectRatio;
+        } else {
+          boxHeight = constraints.maxHeight;
+          boxWidth = boxHeight * _videoAspectRatio;
+        }
+        return ClipRect(
+          child: OverflowBox(
+            maxWidth: boxWidth,
+            maxHeight: boxHeight,
+            child: SizedBox(
+              width: boxWidth,
+              height: boxHeight,
+              child: YoutubePlayer(
+                controller: controller,
+                aspectRatio: _videoAspectRatio,
+              ),
             ),
           ),
-        ),
+        );
-      ),
+      },
     );
   }
 }

lib/widgets/app_gradients.dart

@@ -1,11 +1,16 @@
 import 'package:flutter/material.dart';
 
-/// Gradiente usado em todas as app bars da aplicação — um destaque em verde
+/// Gradiente usado em todas as app bars da aplicação.
-/// vivo concentrado no canto superior direito, dissolvendo rapidamente para
-/// o teal da marca no resto da barra.
 const LinearGradient kAppBarGradient = LinearGradient(
   begin: Alignment.topRight,
   end: Alignment.bottomLeft,
-  colors: [Color(0xFF31C679), Color(0xFF2F9E94)],
+  colors: [Color(0xFF6BB79F), Color(0xFF6BB79F)],
-  stops: [0.0, 0.55],
+);
+
+/// Gradiente usado nos botões verdes da aplicação — um toque da cor da app
+/// bar (#6BB79F) misturado com o teal original.
+const LinearGradient kGreenButtonGradient = LinearGradient(
+  begin: Alignment.centerLeft,
+  end: Alignment.centerRight,
+  colors: [Color(0xFF2F9E94), Color(0xFF6BB79F)],
 );

pubspec.yaml

@@ -71,9 +71,6 @@ flutter:
     - lottie/
     - assets/Check-theeth.png
     - assets/mockup_images/
-    - assets/videos/episodio_08.mp4
-    - assets/videos/episodio_09.mp4
-    - assets/videos/episodio_10.mp4
     - assets/videos/episodio_11.mp4
     - assets/videos/episodio_12.mp4
     - assets/videos/episodio_13.mp4