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

@@ -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;
     }