From e008a7c2416d11ad8b6f20ae3d74ac7fba5fb518 Mon Sep 17 00:00:00 2001
From: Evandro Fonseca Junior <evandrodevbr@users.noreply.github.com>
Date: Sun, 4 Oct 2026 23:28:17 -0300
Subject: [PATCH] feat(design): botoes .ds-link com 44px de altura minima e
 cantos retos

- .ds-link centraliza o conteudo e garante min-height 44px (alvo de toque), igual em todas as 25 ocorrencias
- remove rounded-sm do CTA do Footer e das abas do HeroSystem para seguir o resto do site (cantos retos)

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
---
 app/components/Footer.tsx               | 2 +-
 app/components/cinematic/HeroSystem.tsx | 2 +-
 app/globals.css                         | 2 ++
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/components/Footer.tsx b/app/components/Footer.tsx
index 59b6703..3e6c234 100644
--- a/app/components/Footer.tsx
+++ b/app/components/Footer.tsx
@@ -63,7 +63,7 @@ export default function Footer() {
               <MagneticButton
                 as="a"
                 href="/#contact"
-                className="ds-link ds-link-accent mt-sp-6 inline-flex min-h-11 items-center rounded-sm px-sp-4 font-semibold"
+                className="ds-link ds-link-accent mt-sp-6 inline-flex min-h-11 items-center px-sp-4 font-semibold"
                 strength={0.2}
               >
                 Conversar sobre meu projeto
diff --git a/app/components/cinematic/HeroSystem.tsx b/app/components/cinematic/HeroSystem.tsx
index ac8ee0e..ff5b189 100644
--- a/app/components/cinematic/HeroSystem.tsx
+++ b/app/components/cinematic/HeroSystem.tsx
@@ -294,7 +294,7 @@ export default function HeroSystem() {
                 if (layer.id === "overview" && sceneActive && visible)
                   queuePose(0, 0);
               }}
-              className={`min-h-11 rounded-sm px-sp-2 py-sp-2 text-[12px] font-medium transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--slash)] motion-reduce:transition-none sm:text-[13px] ${activeLayer === layer.id ? "bg-[var(--slash)] text-[var(--ink)]" : "bg-white/5 text-white/75 hover:bg-white/10 hover:text-white"}`}
+              className={`min-h-11 px-sp-2 py-sp-2 text-[12px] font-medium transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--slash)] motion-reduce:transition-none sm:text-[13px] ${activeLayer === layer.id ? "bg-[var(--slash)] text-[var(--ink)]" : "bg-white/5 text-white/75 hover:bg-white/10 hover:text-white"}`}
             >
               {layer.label}
             </button>
diff --git a/app/globals.css b/app/globals.css
index fe70236..997e631 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -435,6 +435,8 @@ textarea {
 .ds-link {
   display: inline-flex;
   align-items: center;
+  justify-content: center;
+  min-height: 44px; /* alvo de toque minimo e mesma altura em todos os botoes */
   gap: var(--sp-2);
   text-decoration: none;
   font-size: 11px;