From 9e4421b7fffe18be9c513665b49930e5e00570b4 Mon Sep 17 00:00:00 2001
From: Leonardo <lmnohama@gmail.com>
Date: Wed, 6 May 2026 15:24:33 -0300
Subject: [PATCH] MelissaPerfil: cards mobile com altura por conteudo

Em mobile cada .mpr-w no main vira flex: 0 0 auto + height: auto +
align-self: stretch. Garante que cada card ocupa exatamente a
altura do seu conteudo sem ser comprimido nem esticado pelo flex
column do .mpr-main.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/layout/melissa/MelissaPerfil.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/layout/melissa/MelissaPerfil.vue b/src/layout/melissa/MelissaPerfil.vue
index c605f4f..4591c39 100644
--- a/src/layout/melissa/MelissaPerfil.vue
+++ b/src/layout/melissa/MelissaPerfil.vue
@@ -1554,6 +1554,13 @@ onBeforeUnmount(() => {
         width: 100%;
         padding: 8px;
     }
+    /* Cards em mobile: altura natural por conteudo (sem stretch
+       vertical do flex column do .mpr-main, sem clip por overflow). */
+    .mpr-main .mpr-w {
+        height: auto;
+        flex: 0 0 auto;
+        align-self: stretch;
+    }
     .mpr-grid {
         grid-template-columns: 1fr;
     }