Botones en la pantalla de inicio

app/src/main/res/layout/activity_game.xml

@@ -17,40 +17,48 @@
         android:textStyle="bold"
         android:textColor="#00FF00" />
 
-    <!-- Secuencia - arriba -->
-
     <TextView
         android:id="@+id/tv_counter_label"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_alignTop="@id/tv_counter"
         android:layout_marginTop="5dp"
-        android:layout_marginEnd="26dp"
+        android:layout_marginEnd="8dp"
         android:layout_toStartOf="@id/tv_counter"
         android:text="ESTRATAGEMAS: "
         android:textColor="#00FF00"
         android:textSize="16sp" />
 
+    <!-- Nombre de la estratagema -->
     <TextView
-        android:id="@+id/tv_sequence"
+        android:id="@+id/tv_stratagem_name"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_centerHorizontal="true"
+        android:layout_alignParentTop="true"
+        android:layout_marginTop="8dp"
+        android:text=""
+        android:textSize="20sp"
+        android:textStyle="bold"
+        android:textColor="#FFD700" />
+
+    <!-- Secuencia displayed as images -->
+    <LinearLayout
+        android:id="@+id/sequence_container"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_centerHorizontal="true"
         android:layout_above="@id/buttons_grid"
         android:layout_marginBottom="8dp"
-        android:text=""
-        android:textSize="36sp"
-        android:textStyle="bold"
-        android:textColor="#FFD700" />
+        android:orientation="horizontal"
+        android:gravity="center" />
 
-    <!-- Botones - mas separadas -->
+    <!-- Grid de Flechas - Centro -->
     <GridLayout
         android:id="@+id/buttons_grid"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_alignParentBottom="true"
-        android:layout_centerHorizontal="true"
-        android:layout_marginBottom="48dp"
+        android:layout_centerInParent="true"
         android:rowCount="3"
         android:columnCount="3"
         android:padding="16dp">
@@ -61,16 +69,16 @@
             android:layout_row="0"
             android:layout_column="0" />
 
-        <Button
+        <ImageButton
             android:id="@+id/btn_up"
             android:layout_width="80dp"
             android:layout_height="80dp"
             android:layout_row="0"
             android:layout_column="1"
-            android:background="@drawable/btn_direction"
-            android:text="↑"
-            android:textColor="#FFD700"
-            android:textSize="36sp"
+            android:src="@drawable/stepforward"
+            android:scaleType="centerInside"
+            android:background="@android:color/transparent"
+            android:contentDescription="Up"
             android:layout_margin="6dp" />
 
         <Space
@@ -79,57 +87,60 @@
             android:layout_row="0"
             android:layout_column="2" />
 
-        <Button
+        <ImageButton
             android:id="@+id/btn_left"
             android:layout_width="80dp"
             android:layout_height="80dp"
             android:layout_row="1"
             android:layout_column="0"
-            android:background="@drawable/btn_direction"
-            android:text="←"
-            android:textColor="#FFD700"
-            android:textSize="36sp"
+            android:src="@drawable/stepforward"
+            android:scaleType="centerInside"
+            android:rotation="-90"
+            android:background="@android:color/transparent"
+            android:contentDescription="Left"
             android:layout_margin="6dp" />
 
-        <Button
+        <ImageButton
             android:id="@+id/btn_down"
             android:layout_width="80dp"
             android:layout_height="80dp"
             android:layout_row="1"
             android:layout_column="1"
-            android:background="@drawable/btn_direction"
-            android:text="↓"
-            android:textColor="#FFD700"
-            android:textSize="36sp"
+            android:src="@drawable/stepforward"
+            android:scaleType="centerInside"
+            android:rotation="180"
+            android:background="@android:color/transparent"
+            android:contentDescription="Down"
             android:layout_margin="6dp" />
 
-        <Button
+        <ImageButton
             android:id="@+id/btn_right"
             android:layout_width="80dp"
             android:layout_height="80dp"
             android:layout_row="1"
             android:layout_column="2"
-            android:background="@drawable/btn_direction"
-            android:text="→"
-            android:textColor="#FFD700"
-            android:textSize="36sp"
+            android:src="@drawable/stepforward"
+            android:scaleType="centerInside"
+            android:rotation="90"
+            android:background="@android:color/transparent"
+            android:contentDescription="Right"
             android:layout_margin="6dp" />
 
         <Space
             android:layout_width="80dp"
-            android:layout_height="10dp"
+            android:layout_height="80dp"
             android:layout_row="2"
             android:layout_column="0" />
 
         <Space
             android:layout_width="80dp"
-            android:layout_height="10dp"
+            android:layout_height="80dp"
             android:layout_row="2"
             android:layout_column="1" />
 
         <Space
             android:layout_width="80dp"
-            android:layout_height="10dp"
+            android:layout_height="80dp"
             android:layout_row="2"
             android:layout_column="2" />
 

app/src/main/res/layout/activity_main.xml

@@ -1,87 +1,125 @@
 <?xml version="1.0" encoding="utf-8"?>
-<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:app="http://schemas.android.com/apk/res-auto"
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:orientation="vertical"
-    android:background="@drawable/bg_helldivers_gradient"
-    android:gravity="center_horizontal"
-    android:padding="16dp">
+    android:background="@drawable/bg_helldivers_gradient">
 
-    <!-- Logo Helldivers 2 - Area superior -->
-    <TextView
-        android:id="@+id/logo_helldivers"
+    <!-- Logo Super Tierra - Arriba centro -->
+    <ImageView
+        android:id="@+id/logo_super_tierra"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
+        android:layout_centerHorizontal="true"
+        android:layout_alignParentTop="true"
         android:layout_marginTop="16dp"
-        android:layout_marginBottom="24dp"
-        android:text="HELLDIVERS"
-        android:textSize="36sp"
-        android:textStyle="bold"
-        android:textColor="#FFD700"
-        android:fontFamily="monospace"
-        android:shadowColor="#FF6B00"
-        android:shadowDx="2"
-        android:shadowDy="2"
-        android:shadowRadius="4" />
+        android:src="@drawable/hd_logo"
+        android:contentDescription="Super Tierra"
+        android:adjustViewBounds="true"
+        android:maxWidth="300dp"
+        android:tint="#FFD700" />
 
-    <!-- Contenedor principal de botones -->
-    <LinearLayout
-        android:layout_width="match_parent"
-        android:layout_height="0dp"
-        android:layout_weight="1"
-        android:orientation="horizontal"
-        android:gravity="center"
-        android:paddingHorizontal="48dp">
+    <!-- Boton Estratagemas - Izquierda debajo del logo -->
 
-        <!-- Boton QR Instagram -->
-        <androidx.appcompat.widget.AppCompatButton
-            android:id="@+id/btn_qr_instagram"
-            android:layout_width="0dp"
-            android:layout_height="wrap_content"
-            android:layout_weight="1"
-            android:layout_marginEnd="32dp"
-            android:minHeight="72dp"
-            android:text="@string/btn_qr_instagram"
-            android:textColor="@color/helldivers_yellow"
-            android:textSize="18sp"
-            android:textAllCaps="true"
-            android:fontFamily="sans-serif-medium"
-            android:background="@drawable/btn_helldivers_primary"
-            android:drawableTop="@drawable/ic_qr_code"
-            android:paddingTop="12dp"
-            android:paddingBottom="12dp"
-            android:gravity="center" />
-
-        <!-- Boton Minijuego -->
-        <androidx.appcompat.widget.AppCompatButton
-            android:id="@+id/btn_minijuego"
-            android:layout_width="0dp"
-            android:layout_height="wrap_content"
-            android:layout_weight="1"
-            android:layout_marginStart="32dp"
-            android:minHeight="72dp"
-            android:text="@string/btn_minijuego"
-            android:textColor="@color/helldivers_yellow"
-            android:textSize="18sp"
-            android:textAllCaps="true"
-            android:fontFamily="sans-serif-medium"
-            android:background="@drawable/btn_helldivers_primary"
-            android:drawableTop="@drawable/ic_gamepad"
-            android:paddingTop="12dp"
-            android:paddingBottom="12dp"
-            android:gravity="center" />
-
-    </LinearLayout>
-
-    <!-- Footer con version -->
-    <TextView
+    <!-- Boton QR Instagram - Derecha debajo del logo -->
+    <Button
+        android:id="@+id/btn_minijuego"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_marginBottom="16dp"
-        android:text="@string/app_version"
-        android:textColor="@color/helldivers_gray"
-        android:textSize="12sp"
-        android:fontFamily="sans-serif-condensed" />
+        android:layout_below="@id/logo_super_tierra"
+        android:layout_alignParentStart="true"
+        android:layout_marginStart="1dp"
+        android:layout_marginTop="-46dp"
+        android:background="@drawable/btn_helldivers_primary"
+        android:paddingHorizontal="20dp"
+        android:paddingVertical="12dp"
+        android:text="ESTRATAGEMAS"
+        android:textAllCaps="true"
+        android:textColor="#FFD700"
+        android:textSize="16sp" />
 
-</LinearLayout>
+    <!-- Grid de Flechas - Centro -->
+    <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:background="@drawable/btn_helldivers_primary"
+        android:paddingHorizontal="20dp"
+        android:paddingVertical="12dp"
+        android:text="@string/btn_qr_instagram"
+        android:textAllCaps="true"
+        android:textColor="#FFD700"
+        android:textSize="14sp" />
+
+    <GridLayout
+        android:id="@+id/buttons_grid"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_centerInParent="true"
+        android:rowCount="3"
+        android:columnCount="3"
+        android:padding="16dp">
+
+        <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_row="0"
+            android:layout_column="1"
+            android:background="@android:color/transparent"
+            android:contentDescription="Up"
+            android:scaleType="centerInside"
+            android:src="@drawable/stepforward" />
+
+        <Space android:layout_width="100dp" android:layout_height="100dp" android:layout_row="0" android:layout_column="2" />
+
+        <ImageButton
+            android:id="@+id/btn_left"
+            android:layout_width="100dp"
+            android:layout_height="100dp"
+            android:layout_row="1"
+            android:layout_column="0"
+            android:background="@android:color/transparent"
+            android:contentDescription="Left"
+            android:rotation="-90"
+            android:scaleType="centerInside"
+            android:src="@drawable/stepforward" />
+
+        <ImageButton
+            android:id="@+id/btn_down"
+            android:layout_width="100dp"
+            android:layout_height="100dp"
+            android:layout_row="1"
+            android:layout_column="1"
+            android:background="@android:color/transparent"
+            android:contentDescription="Down"
+            android:rotation="180"
+            android:scaleType="centerInside"
+            android:src="@drawable/stepforward" />
+
+        <ImageButton
+            android:id="@+id/btn_right"
+            android:layout_width="100dp"
+            android:layout_height="100dp"
+            android:layout_row="1"
+            android:layout_column="2"
+            android:background="@android:color/transparent"
+            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" />
+
+    </GridLayout>
+
+    <!-- Footer version -->
+
+</RelativeLayout>