diff --git a/app/src/main/res/drawable/bg_direction_center.xml b/app/src/main/res/drawable/bg_direction_center.xml
index 23b9be7..681de2e 100644
--- a/app/src/main/res/drawable/bg_direction_center.xml
+++ b/app/src/main/res/drawable/bg_direction_center.xml
@@ -1,7 +1,22 @@
 <?xml version="1.0" encoding="utf-8"?>
-<!-- Centro del D-Pad decorativo -->
-<shape xmlns:android="http://schemas.android.com/apk/res/android"
-    android:shape="oval">
-    <solid android:color="#2C3138" />
-    <stroke android:width="2dp" android:color="#FFD700" />
-</shape>
\ No newline at end of file
+<!-- Centro del D-Pad decorativo con efecto de luz -->
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <shape android:shape="oval">
+            <solid android:color="#1A1D24" />
+            <size android:width="420dp" android:height="420dp" />
+        </shape>
+    </item>
+    <item android:top="2dp" android:bottom="2dp" android:left="2dp" android:right="2dp">
+        <shape android:shape="oval">
+            <solid android:color="#232830" />
+            <stroke android:width="1dp" android:color="#3D4350" />
+        </shape>
+    </item>
+    <item android:top="4dp" android:bottom="4dp" android:left="4dp" android:right="4dp">
+        <shape android:shape="oval">
+            <solid android:color="#2C3138" />
+            <stroke android:width="1dp" android:color="#FFD700" android:alpha="0.3" />
+        </shape>
+    </item>
+</layer-list>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/btn_direction.xml b/app/src/main/res/drawable/btn_direction.xml
index e85fc9c..4b333b0 100644
--- a/app/src/main/res/drawable/btn_direction.xml
+++ b/app/src/main/res/drawable/btn_direction.xml
@@ -1,27 +1,56 @@
 <?xml version="1.0" encoding="utf-8"?>
-<!-- Boton de direccion para D-Pad del juego -->
+<!-- Boton de direccion para D-Pad del juego con efecto neon -->
 <selector xmlns:android="http://schemas.android.com/apk/res/android">
     <item android:state_pressed="true">
-        <shape android:shape="rectangle">
-            <solid android:color="#FFD700" />
-            <corners android:radius="4dp" />
-            <stroke android:width="2dp" android:color="#FFFFFF" />
-        </shape>
+        <layer-list>
+            <item>
+                <shape android:shape="rectangle">
+                    <solid android:color="#FFD700" />
+                    <corners android:radius="8dp" />
+                </shape>
+            </item>
+            <item android:top="2dp" android:left="2dp" android:right="2dp" android:bottom="2dp">
+                <shape android:shape="rectangle">
+                    <solid android:color="#1B1F25" />
+                    <corners android:radius="6dp" />
+                </shape>
+            </item>
+        </layer-list>
     </item>
 
     <item android:state_focused="true">
-        <shape android:shape="rectangle">
-            <solid android:color="#00BFFF" />
-            <corners android:radius="4dp" />
-            <stroke android:width="2dp" android:color="#1E90FF" />
-        </shape>
+        <layer-list>
+            <item>
+                <shape android:shape="rectangle">
+                    <solid android:color="#1B1F25" />
+                    <corners android:radius="8dp" />
+                    <stroke android:width="3dp" android:color="#00BFFF" />
+                </shape>
+            </item>
+            <item android:top="3dp" android:left="3dp" android:right="3dp" android:bottom="3dp">
+                <shape android:shape="rectangle">
+                    <solid android:color="#232830" />
+                    <corners android:radius="6dp" />
+                </shape>
+            </item>
+        </layer-list>
     </item>
 
     <item>
-        <shape android:shape="rectangle">
-            <solid android:color="#1B1F25" />
-            <corners android:radius="4dp" />
-            <stroke android:width="2dp" android:color="#FFD700" />
-        </shape>
+        <layer-list>
+            <item>
+                <shape android:shape="rectangle">
+                    <solid android:color="#1B1F25" />
+                    <corners android:radius="8dp" />
+                    <stroke android:width="2dp" android:color="#FFD700" />
+                </shape>
+            </item>
+            <item android:top="2dp" android:left="2dp" android:right="2dp" android:bottom="2dp">
+                <shape android:shape="rectangle">
+                    <solid android:color="#232830" />
+                    <corners android:radius="6dp" />
+                </shape>
+            </item>
+        </layer-list>
     </item>
 </selector>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_main.xml b/app/src/main/res/layout/activity_main.xml
index 374a0c9..6f8fde7 100644
--- a/app/src/main/res/layout/activity_main.xml
+++ b/app/src/main/res/layout/activity_main.xml
@@ -11,67 +11,67 @@
         android:layout_height="wrap_content"
         android:layout_centerHorizontal="true"
         android:layout_alignParentTop="true"
-        android:layout_marginTop="16dp"
+        android:layout_marginTop="12dp"
         android:src="@drawable/hd_logo"
         android:contentDescription="Super Tierra"
         android:adjustViewBounds="true"
-        android:maxWidth="300dp"
+        android:maxWidth="280dp"
         android:tint="#FFD700" />
 
-    <!-- Boton Estratagemas - Izquierda debajo del logo -->
-
-    <!-- Boton QR Instagram - Derecha debajo del logo -->
+    <!-- Botón Estratagemas - Esquina izquierda -->
     <Button
         android:id="@+id/btn_minijuego"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_below="@id/logo_super_tierra"
         android:layout_alignParentStart="true"
-        android:layout_marginStart="1dp"
-        android:layout_marginTop="-46dp"
+        android:layout_marginStart="16dp"
+        android:layout_marginTop="16dp"
         android:background="@drawable/btn_helldivers_primary"
         android:paddingHorizontal="20dp"
-        android:paddingVertical="12dp"
+        android:paddingVertical="10dp"
         android:text="ESTRATAGEMAS"
         android:textAllCaps="true"
         android:textColor="#FFD700"
-        android:textSize="16sp" />
+        android:textSize="14sp" />
 
-    <!-- Grid de Flechas - Centro -->
+    <!-- Botón QR Instagram - Esquina derecha -->
     <Button
         android:id="@+id/btn_qr_instagram"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_below="@id/logo_super_tierra"
         android:layout_alignParentEnd="true"
-        android:layout_marginTop="-43dp"
-        android:layout_marginEnd="2dp"
+        android:layout_marginEnd="16dp"
+        android:layout_marginTop="16dp"
         android:background="@drawable/btn_helldivers_primary"
         android:paddingHorizontal="20dp"
-        android:paddingVertical="12dp"
+        android:paddingVertical="10dp"
         android:text="@string/btn_qr_instagram"
         android:textAllCaps="true"
         android:textColor="#FFD700"
         android:textSize="14sp" />
 
+    <!-- Grid de Flechas - Centro -->
     <GridLayout
         android:id="@+id/buttons_grid"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_centerInParent="true"
+        android:layout_marginTop="40dp"
         android:rowCount="3"
         android:columnCount="3"
-        android:padding="16dp">
+        android:padding="8dp">
 
         <Space android:layout_width="100dp" android:layout_height="100dp" android:layout_row="0" android:layout_column="0" />
 
         <ImageButton
             android:id="@+id/btn_up"
-            android:layout_width="100dp"
-            android:layout_height="100dp"
+            android:layout_width="95dp"
+            android:layout_height="95dp"
             android:layout_row="0"
             android:layout_column="1"
-            android:background="@android:color/transparent"
+            android:background="@drawable/btn_direction"
             android:contentDescription="Up"
             android:scaleType="centerInside"
             android:src="@drawable/stepforward" />
@@ -80,11 +80,11 @@
 
         <ImageButton
             android:id="@+id/btn_left"
-            android:layout_width="100dp"
-            android:layout_height="100dp"
+            android:layout_width="95dp"
+            android:layout_height="95dp"
             android:layout_row="1"
             android:layout_column="0"
-            android:background="@android:color/transparent"
+            android:background="@drawable/btn_direction"
             android:contentDescription="Left"
             android:rotation="-90"
             android:scaleType="centerInside"
@@ -92,11 +92,11 @@
 
         <ImageButton
             android:id="@+id/btn_down"
-            android:layout_width="100dp"
-            android:layout_height="100dp"
+            android:layout_width="95dp"
+            android:layout_height="95dp"
             android:layout_row="1"
             android:layout_column="1"
-            android:background="@android:color/transparent"
+            android:background="@drawable/btn_direction"
             android:contentDescription="Down"
             android:rotation="180"
             android:scaleType="centerInside"
@@ -104,22 +104,22 @@
 
         <ImageButton
             android:id="@+id/btn_right"
-            android:layout_width="100dp"
-            android:layout_height="100dp"
+            android:layout_width="95dp"
+            android:layout_height="95dp"
             android:layout_row="1"
             android:layout_column="2"
-            android:background="@android:color/transparent"
+            android:background="@drawable/btn_direction"
             android:contentDescription="Right"
             android:rotation="90"
             android:scaleType="centerInside"
             android:src="@drawable/stepforward" />
 
-        <Space android:layout_width="100dp" android:layout_height="10dp" android:layout_row="2" android:layout_column="0" />
-        <Space android:layout_width="100dp" android:layout_height="10dp" android:layout_row="2" android:layout_column="1" />
-        <Space android:layout_width="100dp" android:layout_height="10dp" android:layout_row="2" android:layout_column="2" />
+        <Space android:layout_width="100dp" android:layout_height="20dp" android:layout_row="2" android:layout_column="0" />
+        <Space android:layout_width="100dp" android:layout_height="20dp" android:layout_row="2" android:layout_column="1" />
+        <Space android:layout_width="100dp" android:layout_height="20dp" android:layout_row="2" android:layout_column="2" />
 
     </GridLayout>
 
-    <!-- Footer version -->
+    <!-- Footer - Versión abajo centro -->
 
 </RelativeLayout>
\ No newline at end of file