relevo de glm

components/InfoCard.tsx

@@ -17,19 +17,19 @@ export function InfoCard({ meta, selected, onClick }: InfoCardProps) {
       className={cn(
         "group rounded-2xl border p-5 text-left transition",
         selected
-          ? "border-amber-400/40 bg-amber-400/10 shadow-lg shadow-amber-500/10"
-          : "border-white/10 bg-white/[0.03] hover:border-white/20 hover:bg-white/[0.06]",
+          ? "border-amber-400 bg-amber-50 shadow-sm"
+          : "border-stone-200 bg-white hover:border-stone-300 hover:bg-stone-50",
       )}
     >
       <div className="mb-2 flex items-center gap-2">
-        <h3 className="font-medium text-white">{meta.title}</h3>
+        <h3 className="font-medium text-stone-950">{meta.title}</h3>
         {meta.badge ? (
-          <span className="rounded-full bg-emerald-400/15 px-2 py-0.5 text-[11px] font-medium uppercase tracking-wide text-emerald-300">
+          <span className="rounded-full bg-emerald-100 px-2 py-0.5 text-[11px] font-medium uppercase tracking-wide text-emerald-700">
             {meta.badge}
           </span>
         ) : null}
       </div>
-      <p className="text-sm text-slate-400">{meta.subtitle}</p>
+      <p className="text-sm text-stone-600">{meta.subtitle}</p>
     </button>
   );
 }