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 <[email protected]>

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

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 {