feat: ajustes adicionais no layout

Author: devperin

src/app/i18n/en.ts

@@ -10,7 +10,7 @@ export const en: Translations = {
     infrastructure: 'Infrastructure',
     publications: 'Publications',
     about: 'About',
-    cta: 'Launch App'
+    cta: 'Try App'
   },
 
   hero: {

src/app/i18n/pt-br.ts

@@ -9,7 +9,7 @@ export const ptBr = {
     infrastructure: 'Infraestrutura',
     publications: 'Publicações',
     about: 'Sobre',
-    cta: 'Acessar App'
+    cta: 'Testar App'
   },
 
   // ═══ Hero ═══

src/styles.css

@@ -437,4 +437,23 @@ html[data-theme="light"] .phone-frame {
     0 25px 80px rgba(0, 0, 0, 0.15),
     0 0 0 1px rgba(0, 0, 0, 0.08),
     inset 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+/* ═══════ PHONE MOCKUP — LIGHT MODE ═══════ */
+html[data-theme="light"] .phone-screen {
+  background: #efeae2;
+}
+html[data-theme="light"] .whatsapp-chat {
+  background: #efeae2;
+}
+html[data-theme="light"] .msg.sent {
+  background: #d9fdd3;
+  color: #111b21;
+}
+html[data-theme="light"] .msg.received {
+  background: #ffffff;
+  color: #111b21;
+}
+html[data-theme="light"] .msg-time {
+  color: rgba(0, 0, 0, 0.4);
 }