diff --git a/public/containers/mobile.svg b/public/containers/mobile.svg
index 403db18f..6c1fc8d1 100644
--- a/public/containers/mobile.svg
+++ b/public/containers/mobile.svg
@@ -11,6 +11,27 @@
   <rect x="90" y="30" width="20" height="5" rx="2" ry="2"
         style="fill:none;stroke:black;stroke-width:1"/>
   
+  <!-- Adorner superior derecho (wifi, cobertura, batería y hora) -->
+  <g id="adorner">
+    <!-- Wifi -->
+    <g id="wifi" transform="translate(105,52) scale(0.043)" fill="black">
+      <path d="M138 204a10 10 0 1 1-10-10a10 10 0 0 1 10 10m97.81-115.45a170 170 0 0 0-215.62 0a6 6 0 1 0 7.62 9.27a158 158 0 0 1 200.38 0a6 6 0 1 0 7.62-9.27m-32.08 35.79a122 122 0 0 0-151.46 0a6 6 0 0 0 7.46 9.41a110 110 0 0 1 136.54 0A6 6 0 0 0 200 135a6 6 0 0 0 3.73-10.7Zm-32.2 35.81a74 74 0 0 0-87.06 0a6 6 0 0 0 7.06 9.7a62 62 0 0 1 72.94 0a6 6 0 0 0 8.38-1.32a6 6 0 0 0-1.32-8.38"/>
+    </g>
+
+    <!-- Cobertura (barras) -->
+    <g id="signal" transform="translate(115,53) scale(0.043)" fill="black">
+      <path d="M166 72v128a6 6 0 0 1-12 0V72a6 6 0 0 1 12 0m34-46a6 6 0 0 0-6 6v168a6 6 0 0 0 12 0V32a6 6 0 0 0-6-6m-80 80a6 6 0 0 0-6 6v88a6 6 0 0 0 12 0v-88a6 6 0 0 0-6-6m-40 40a6 6 0 0 0-6 6v48a6 6 0 0 0 12 0v-48a6 6 0 0 0-6-6m-40 40a6 6 0 0 0-6 6v8a6 6 0 0 0 12 0v-8a6 6 0 0 0-6-6"/>
+    </g>
+
+    <!-- Batería -->
+    <g id="battery" transform="translate(128,53) scale(0.043)" fill="black">
+      <path d="M200 58H32a22 22 0 0 0-22 22v96a22 22 0 0 0 22 22h168a22 22 0 0 0 22-22V80a22 22 0 0 0-22-22m10 118a10 10 0 0 1-10 10H32a10 10 0 0 1-10-10V80a10 10 0 0 1 10-10h168a10 10 0 0 1 10 10Zm-28-80v64a6 6 0 0 1-12 0V96a6 6 0 0 1 12 0m-40 0v64a6 6 0 0 1-12 0V96a6 6 0 0 1 12 0m-40 0v64a6 6 0 0 1-12 0V96a6 6 0 0 1 12 0m-40 0v64a6 6 0 0 1-12 0V96a6 6 0 0 1 12 0m192 0v64a6 6 0 0 1-12 0V96a6 6 0 0 1 12 0"/>
+    </g>
+
+    <!-- Hora -->
+    <text x="144" y="61" font-family="Comic Sans MS, Balsamiq Sans, cursive" font-size="7.5" fill="black">17:00</text>
+  </g>
+  
   <!-- Botón de inicio -->
   <circle cx="100" cy="366" r="9" style="fill:none;stroke:black;stroke-width:2"/>
 </svg>
\ No newline at end of file
diff --git a/src/common/components/mock-components/front-containers/mobilephone-shape.tsx b/src/common/components/mock-components/front-containers/mobilephone-shape.tsx
index 1585ee53..ddab3381 100644
--- a/src/common/components/mock-components/front-containers/mobilephone-shape.tsx
+++ b/src/common/components/mock-components/front-containers/mobilephone-shape.tsx
@@ -1,12 +1,14 @@
-import { forwardRef } from 'react';
-import { Group, Rect, Circle } from 'react-konva';
+import { forwardRef, useEffect, useState } from 'react';
+import { Group, Rect, Circle, Image, Text } from 'react-konva';
 import { ShapeSizeRestrictions, ShapeType } from '@/core/model';
 import { ShapeProps } from '../shape.model';
 import { fitSizeToShapeSizeRestrictions } from '@/common/utils/shapes/shape-restrictions';
 import { useGroupShapeProps } from '../mock-components.utils';
+import { loadSvgWithFill } from '@/common/utils/svg.utils';
+import { BASIC_SHAPE } from '../front-components/shape.const';
 
 const mobilePhoneShapeSizeRestrictions: ShapeSizeRestrictions = {
-  minWidth: 150,
+  minWidth: 200,
   minHeight: 150,
   maxWidth: 1000,
   maxHeight: 1000,
@@ -37,6 +39,33 @@ export const MobilePhoneShape = forwardRef<any, ShapeProps>((props, ref) => {
   const speakerRadius = 2;
   const buttonRadius = 9;
 
+  const [wifiIcon, setWifiIcon] = useState<HTMLImageElement | null>(null);
+  const [batteryIcon, setBatteryIcon] = useState<HTMLImageElement | null>(null);
+  const [signalIcon, setSignalIcon] = useState<HTMLImageElement | null>(null);
+  const [currentTime, setCurrentTime] = useState('');
+
+  const adornerIconSize = 20;
+  const adornerPadding = 5;
+  const adornerTotalWidth = adornerIconSize * 3 + 17 * 2 + 30;
+
+  // Calculate inner screen coordinates (excluding frame margins)
+  const screenX = margin + screenMargin; // Left edge of inner screen
+  const screenY = screenMargin * 3; // Top edge of inner screen
+  const screenWidth = restrictedWidth - 2 * margin - 2 * screenMargin; // Available width inside screen
+
+  // Position adorner in top-right corner of inner screen
+  const adornerStartX = screenX + screenWidth - adornerTotalWidth; // Right-aligned positioning
+  const adornerY = screenY + adornerPadding; // Top-aligned with padding
+
+  // Individual icon positions within the adorner
+  const wifiX = adornerStartX;
+  const signalX = adornerStartX + 17;
+  const batteryX = adornerStartX + 20 * 2;
+
+  const timeX = adornerStartX + 23 * 3;
+  const timeY = adornerY + 4;
+  const timeWidth = 40;
+
   const commonGroupProps = useGroupShapeProps(
     props,
     restrictedSize,
@@ -44,6 +73,34 @@ export const MobilePhoneShape = forwardRef<any, ShapeProps>((props, ref) => {
     ref
   );
 
+  useEffect(() => {
+    loadSvgWithFill('/icons/wifi.svg', 'black').then(img => setWifiIcon(img));
+    loadSvgWithFill('/icons/cellsignal.svg', 'black').then(img =>
+      setSignalIcon(img)
+    );
+    loadSvgWithFill('/icons/batteryfull.svg', 'black').then(img =>
+      setBatteryIcon(img)
+    );
+  }, []);
+
+  useEffect(() => {
+    const updateTime = () => {
+      const now = new Date();
+      setCurrentTime(
+        now.toLocaleTimeString('es-ES', {
+          hour: '2-digit',
+          minute: '2-digit',
+          hour12: false,
+        })
+      );
+    };
+
+    updateTime();
+    const timer = setInterval(updateTime, 1000);
+
+    return () => clearInterval(timer);
+  }, []);
+
   return (
     <Group {...commonGroupProps} {...shapeProps}>
       {/* Mobile Frame */}
@@ -82,6 +139,53 @@ export const MobilePhoneShape = forwardRef<any, ShapeProps>((props, ref) => {
         fill="white"
       />
 
+      {/* Adorner */}
+
+      {/* Wifi */}
+      {wifiIcon && (
+        <Image
+          image={wifiIcon}
+          x={wifiX}
+          y={adornerY - 2}
+          width={adornerIconSize}
+          height={adornerIconSize}
+        />
+      )}
+
+      {/* Cell signal */}
+      {signalIcon && (
+        <Image
+          image={signalIcon}
+          x={signalX}
+          y={adornerY}
+          width={adornerIconSize}
+          height={adornerIconSize}
+        />
+      )}
+
+      {/* Battery */}
+      {batteryIcon && (
+        <Image
+          image={batteryIcon}
+          x={batteryX}
+          y={adornerY}
+          width={adornerIconSize}
+          height={adornerIconSize}
+        />
+      )}
+
+      {/* Current time */}
+      <Text
+        x={timeX}
+        y={timeY}
+        width={timeWidth}
+        height={adornerIconSize}
+        text={currentTime}
+        fontFamily={BASIC_SHAPE.DEFAULT_FONT_FAMILY}
+        fontSize={14}
+        wrap="none"
+      />
+
       {/* Init button */}
       <Circle
         x={restrictedWidth / 2}