From d2bb921b69d589cca9fd0535e37235e4b2a42233 Mon Sep 17 00:00:00 2001
From: Jonas Francisco <jonastom478@gmail.com>
Date: Thu, 30 Oct 2025 18:47:41 -0300
Subject: [PATCH] feat(paciente): padronizar tipografia e ajustar estilo dos
 cards do dashboard

---
 susconecta/app/paciente/page.tsx | 37 ++++++++++++++++++++++++--------
 1 file changed, 28 insertions(+), 9 deletions(-)

diff --git a/susconecta/app/paciente/page.tsx b/susconecta/app/paciente/page.tsx
index eb631df..75211ca 100644
--- a/susconecta/app/paciente/page.tsx
+++ b/susconecta/app/paciente/page.tsx
@@ -341,16 +341,35 @@ export default function PacientePage() {
     }, [patientId])
 
     return (
-      <div className="grid grid-cols-1 md:grid-cols-2 gap-4 mb-6">
-        <Card className="flex flex-col items-center justify-center p-4">
-          <Calendar className="mb-2 text-primary" aria-hidden />
-          <span className="font-semibold">{strings.proximaConsulta}</span>
-          <span className="text-2xl">{loading ? '...' : (nextAppt ?? '-')}</span>
+      <div className="grid grid-cols-1 gap-4 mb-6 md:grid-cols-2">
+        <Card className="group rounded-2xl border border-border/60 bg-card/70 p-5 backdrop-blur-sm shadow-sm transition hover:shadow-md">
+          <div className="flex h-40 w-full flex-col items-center justify-center gap-3">
+            <div className="flex h-12 w-12 items-center justify-center rounded-full bg-primary/10 text-primary">
+              <Calendar className="h-6 w-6" aria-hidden />
+            </div>
+            <span className="text-lg md:text-xl font-medium text-muted-foreground tracking-wide">
+              {strings.proximaConsulta}
+            </span>
+            {/* mesmo tamanho e fonte do rótulo */}
+            <span className="text-lg md:text-xl font-medium text-foreground" aria-live="polite">
+              {loading ? '—' : (nextAppt ?? '-')}
+            </span>
+          </div>
         </Card>
-        <Card className="flex flex-col items-center justify-center p-4">
-          <FileText className="mb-2 text-primary" aria-hidden />
-          <span className="font-semibold">{strings.ultimosExames}</span>
-          <span className="text-2xl">{loading ? '...' : (examsCount !== null ? String(examsCount) : '-')}</span>
+
+        <Card className="group rounded-2xl border border-border/60 bg-card/70 p-5 backdrop-blur-sm shadow-sm transition hover:shadow-md">
+          <div className="flex h-40 w-full flex-col items-center justify-center gap-3">
+            <div className="flex h-12 w-12 items-center justify-center rounded-full bg-primary/10 text-primary">
+              <FileText className="h-6 w-6" aria-hidden />
+            </div>
+            <span className="text-lg md:text-xl font-medium text-muted-foreground tracking-wide">
+              {strings.ultimosExames}
+            </span>
+            {/* mesmo tamanho e fonte do rótulo */}
+            <span className="text-lg md:text-xl font-medium text-foreground" aria-live="polite">
+              {loading ? '—' : (examsCount !== null ? String(examsCount) : '-')}
+            </span>
+          </div>
         </Card>
       </div>
     )