From 2a428ec7a21aef5656b2fdf416dc14f8f51093de Mon Sep 17 00:00:00 2001
From: Evandro Fonseca Junior <evandrodevbr@users.noreply.github.com>
Date: Sun, 4 Oct 2026 23:44:45 -0300
Subject: [PATCH] feat(mobile): espacamento menor, rotulos legiveis e botao de
 analytics compacto no celular

- .ds-section usa clamp(52px, 13vw, 64px) em vez de 72px; header de secao com menos margem
- eyebrow/kicker 11px e tags/links 12px no celular (antes 9-11px)
- botao persistente de analytics mostra 'Cookies' abaixo de 640px; o nome acessivel continua 'Preferencias de analytics'

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
---
 app/components/GoogleAnalytics.tsx |  5 ++++-
 app/globals.css                    | 17 ++++++++++++++++-
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/app/components/GoogleAnalytics.tsx b/app/components/GoogleAnalytics.tsx
index a091fe1..9ddf67b 100644
--- a/app/components/GoogleAnalytics.tsx
+++ b/app/components/GoogleAnalytics.tsx
@@ -246,7 +246,10 @@ function GoogleAnalyticsConsent() {
         className={`${buttonClassName} fixed bottom-sp-4 right-sp-4 z-[9980] border-white/25 bg-[var(--ink)] text-white shadow-[4px_4px_0_var(--slash)]`}
         onClick={() => setPreferencesOpen((open) => !open)}
       >
-        Preferências de analytics
+        <span className="max-sm:hidden">Preferências de analytics</span>
+        <span aria-hidden="true" className="sm:hidden">
+          Cookies
+        </span>
       </button>
       {preferencesOpen && (
         <section
diff --git a/app/globals.css b/app/globals.css
index 6d71c8d..9c77e6e 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -805,7 +805,22 @@ textarea {
 
 @media (max-width: 768px) {
   .ds-section {
-    padding: 72px 20px;
+    padding: clamp(52px, 13vw, 64px) 20px;
+  }
+
+  .ds-section-header {
+    margin-bottom: var(--sp-8);
+  }
+
+  /* rotulos em 11-12px (antes 9-11px): legiveis no celular sem perder o estilo tecnico */
+  .ds-eyebrow,
+  .ds-kicker {
+    font-size: 11px;
+  }
+
+  .ds-tag,
+  .ds-link {
+    font-size: 12px;
   }
 
   .ds-section-title {