fix(grabaciones): correct the gap between the storage card and rows

Issue 3 (feedback-pruebas): t4:617 draws a 16px gap between the
storage usage card and the recordings list below it, not 12.

lib/pantallas/pantalla_grabaciones.dart

@@ -251,7 +251,12 @@ class _PantallaGrabacionesState extends State<PantallaGrabaciones> {
             padding: PluriLayout.pageContentPadding,
             children: [
               _BarraDeAlmacenamiento(archivos: archivos),
-              const SizedBox(height: 12),
+              // Issue 3 (feedback-pruebas): t4:617 draws a 16px gap between
+              // the storage card and the rows below it, not 12.
+              const SizedBox(
+                height: 16,
+                key: ValueKey('grabaciones-storage-gap'),
+              ),
               if (snap.connectionState == ConnectionState.done &&
                   archivos.isEmpty)
                 PluriEmptyState(

test/pantallas/pantalla_grabaciones_test.dart

@@ -216,6 +216,35 @@ void main() {
     },
   );
 
+  testWidgets(
+    'Issue 3 (feedback-pruebas): the gap between the storage card and the '
+    'rows below is 16, matching t4:617 -- not 12',
+    (tester) async {
+      final estado = EstadoGrabacion(
+        servicio: _FakeServicioGrabacionConArchivos([
+          fijaA,
+        ], maxBytesFijo: 200 * 1024 * 1024),
+      );
+      addTearDown(estado.dispose);
+
+      await tester.pumpWidget(
+        buildScreen(
+          estado: estado,
+          reproductor: _ReproductorGrabacionesFake(const {}),
+        ),
+      );
+      await pumpStable(tester);
+
+      expect(
+        tester
+            .getSize(find.byKey(const ValueKey('grabaciones-storage-gap')))
+            .height,
+        16,
+        reason: 't4:617 draws a 16px gap here',
+      );
+    },
+  );
+
   testWidgets('15.2-A: 3 recording fixtures render as 3 rows', (tester) async {
     final estado = EstadoGrabacion(
       servicio: _FakeServicioGrabacionConArchivos([