\documentclass[11pt,a4paper,oneside]{report}
\setlength{\headheight}{18.3064pt} % Para evitar advertencias de fancyhdr

% --- 1. PAQUETES IDIOMA Y FUENTES ---
\usepackage[utf8]{inputenc}
\usepackage[spanish]{babel}
\usepackage[T1]{fontenc}
\usepackage{tgheros} % Fuente moderna sans-serif (estilo Helvetica)
\renewcommand{\familydefault}{\sfdefault}
\usepackage{lipsum}
\usepackage{tikz} % Paquete para dibujar la barra lateral
\usepackage{xcolor} % Paquete para definir colores personalizados
\usepackage[parfill]{parskip}

% --- 2. DISEÑO DE PÁGINA Y MÁRGENES ---
\usepackage[top=2.5cm, bottom=2.5cm, left=3cm, right=2.5cm]{geometry}
\usepackage{fancyhdr}
\pagestyle{fancy}
\fancyhf{}

% la configuración de la cabecera y del pie de página aparecen en la página siguiente a la 
% propia de inicio de un capítulo.

%\fancyhead[L]{\leftmark} % Nombre del capítulo a la izquierda

\fancyhead[L]{\includegraphics[height=0.5cm]{sie-logo-petrol-rgb.png}} % Logo de la empresa a la izquierda
\fancyhead[R]{\textbf{MIGRACIÓN DE POWERAPPS}}
\fancyfoot[R]{\thepage}  % Número de página a la derecha.
\renewcommand{\headrulewidth}{0.4pt}

% Redefinir el estilo de página "plain" para que tenga la misma cabecera y pie de página 
% que el resto del documento.

\fancypagestyle{plain}
{
    \fancyhf{} % clear all header and footer fields
    \fancyhead[L]{\includegraphics[height=0.5cm]{sie-logo-petrol-rgb.png}} % Logo de la empresa
    \fancyhead[R]{\textbf{MIGRACIÓN DE POWERAPPS}}
    \fancyfoot[R]{\thepage}  % Número de página al centro
    \renewcommand{\headrulewidth}{0.4pt}
}

% --- 3. COLORES Y CAJAS DE ADVERTENCIA ---
\usepackage[dvipsnames]{xcolor}
\usepackage[most]{tcolorbox}

% Caja para alertas o peligros
\newtcolorbox{peligro}{
    colback=red!5!white, colframe=red!75!black,
    title=\textbf{¡PELIGRO!}, fonttitle=\bfseries,
    arc=2mm, boxrule=1mm
}

% Caja para notas o consejos
\newtcolorbox{nota}{
    colback=blue!5!white, colframe=blue!75!black,
    title=\textbf{NOTA}, fonttitle=\bfseries,
    arc=2mm, boxrule=1mm
}

% Definición del color de la barra lateral de la portada (puedes cambiar los valores HEX)
\definecolor{azulCorporativo}{HTML}{00557C}

% --- 4. LISTAS PASO A PASO ---
\usepackage{enumitem}
\newlist{pasos}{enumerate}{1}
\setlist[pasos]{label=\textbf{Paso \arabic*:}, leftmargin=*}

\newlist{subpasos}{enumerate}{1}
\setlist[subpasos]{label=\textbf{-}, leftmargin=*}

% --- 5. IMÁGENES Y ENLACES ---
\usepackage{graphicx}
\usepackage{hyperref}
\hypersetup{colorlinks=true, linkcolor=blue, urlcolor=cyan}


% ==================================================================
%            DATOS DEL DOCUMENTO
%  Se usa para definir el título, autor y fecha del documento. 
%  Estos datos se usan en la portada y en el encabezado cuando 
% se invoca a \maketitle (aquí no lo usamos ya que usamos titlepage)
% ==================================================================
\title{
    \Huge \textbf{Migración de apps desde Personalproductivity a mobilityDev}\\
    \vspace{0.5cm}
}
\author{Siemens Mobility ES / Celestino Rey López}
\date{\today}

% ==========================================
%          CUERPO DEL DOCUMENTO
% ==========================================

\begin{document}

\begin{titlepage}
    % Dibujo de la barra lateral con TikZ
    \begin{tikzpicture}[remember picture, overlay]
        % Dibuja un rectángulo desde la esquina superior izquierda
        \fill[azulCorporativo] (current page.north west) rectangle ([xshift=2cm]current page.south west);
    \end{tikzpicture}
        \begin{flushleft}

    % 1. Encabezado / Institución
    {\uppercase{\Large \bfseries Siemens Rail Automation S.A.U.}} \\
    \vspace{0.3cm}
    {\large Mobility} \\
    \vspace{0.2cm}
    {\small Rail Infrastructure}
    \vspace{0.2cm}
    {\small Digitalization, Cybersecurity and IT}
    
    \vspace{2.5cm} % Espacio antes del logo
    
    % 2. Logotipo (Reemplaza 'ejemplo-logo' por tu archivo de imagen)
    % Si no tienes imagen, puedes borrar o comentar esta línea con un %
    % Parece que le da igual que el nombre del archivo tenga mayúsculas o minúsculas. 
    % En el caso de que no aparezca la imagen, probar a cambiar el nombre del archivo a minúsculas.
    \includegraphics[width=0.35\textwidth]{SIE-Logo-Petrol-RGB.png}
    
    \vspace{2.5cm} % Espacio antes del título
    
    % 3. Título y Subtítulo
    {\Huge \bfseries Migración de PowerApps} \\
    \vspace{0.1cm} % deja mucho espacio entre el título y el subtítulo. Cambiar a 0.1cm. Debe ser por el tamaño de la fuente del título. 
    {\large \vfill De personalproductivity a mobilityDev} \\
    
    \vspace{5.5cm} % Espacio antes de los autores
    
    % 4. Autores y Profesor (Alineados a la derecha)
    \begin{flushright}
        \large
        \textbf{Autor:} Celestino Rey López <\href{mailto:celestino.rey@siemens.com}{celestino.rey@siemens.com}>\\
        %\textbf{Profesor:} Dr. Carlos Martínez \\
        %\textbf{Curso:} Proyecto de Fin de Grado \\
    \end{flushright}
    
    \vfill % Empuja el siguiente bloque (fecha) hasta el fondo de la página
    
    % 5. Fecha y Lugar
    {\large Tres Cantos, 29 de julio de 2026. (Último cambio: \today)}\\
    {\tiny Creado con \LaTeX}
    \end{flushleft}
\end{titlepage}

\tableofcontents
\clearpage

% ==========================================
%          Crear una solution
% ==========================================

\chapter{Crear una solution.}
Seguir los siguientes pasos para crear una solución en el entorno de \textbf{\textit{Productividad Personal}}. Esta solución contendrá la app que queremos migrar al entorno de Mobility.
\begin{pasos}
    \item Ir a  \href{https://make.powerapps.com}{make powerapps}
    \item Comprobar que el \textbf{\textit{Soluciones}} no está creada nuestra solución. La primera vez no habrá nada en absoluto.
    \item Ahora hay que ir a \href{https://make.powerautomate.com/}{power automate}
    \item Seleccionar el entorno de \textbf{\textit{Productividad Personal}} e ir a \textbf{\textit{Soluciones}}
    \item Pulsar en el botón \textbf{\textit{Nueva solución}} y rellenar los campos de
        \begin{subpasos}
            \item Nombre para mostrar
            \item Nombre
            \item Editor -> Seleccionar "Siemens Mobility IT (Siemens\_Mobility \_IT)"\footnote{Hay otro que entre palabras tiene espacios en lugar de guión bajo. Este no. Usar el que tiene guión bajo}
            \item Mantener la versión.
        \end{subpasos}
\end{pasos}
Ahora en el listado de \textbf{\textit{Soluciones}} aparecerá la que hemos creado. Si la seleccionamos, podremos añadir componentes nuevos (\textbf{\textit{Nuevo}}) o existentes (\textbf{\textit{Añadir existente}}).

Como lo que queremos hacer es migrar una app que ya tenemos, usaremos la opción \textbf{\textit{Añadir existente}}. Elegiremos \textbf{\textit{Aplicación->Aplicación de lienzo}}y buscaremos la aplicación que queremos añadir como componente (la que queremos migrar)

Ahora, en el menú de los tres puntos, elegir \textbf{\textit{Avanzada->Agregar objetos requeridos}}. Aparece una ventana lateral en la que dirá, probablemente, que no hay objetos. Pulsar en aceptar y listo.

% ==========================================
%          Exportar la solution
% ==========================================

\chapter{Exportar solución.}

En \textbf{\textit{Soluciones}} podremos ver ahora nuestra solución. Hay que exportarla para luego importarla en el entorno de Mobility.

Para ello, seleccionamos el menú de los tres puntos y elegimos \textbf{\textit{Exportar solución}}. En la ventana que aparece, seleccionar \textbf{\textit{Siguiente}}. ¡No pulsar en \textbf{\textit{Publicar}} ya que no está disponible en el entorno de Siemens Mobility.

Nos pedirá el número de versión (dejar la que nos ofrezca) y si se exporta como \textbf{\textit{Administrada (recomendado)}} o \textbf{\textit{No administrado}}. 

\begin{nota}
Si se exporta como \textbf{\textit{Administrada}}, no podremos modificar la app en el entorno de Mobility. Por eso, para poder modificarla, hay que exportarla como \textbf{\textit{No administrado}}.
\end{nota}

Hay que esperar hasta que aparezca el mensaje \textbf{\textit{La solución "Mi solución mi versión" se ha exportado correctamente.}} y un botón de descargar.


Ahora ya la podemos descargar.

% ==========================================
% Importar la solución en el entorno de Mobility
% ==========================================

\chapter{Importar la solución en el entorno de Mobility.}

Ahora nos vamos a \href{https://make.powerapps.com}{make powerapps}.

En el menú de entornos, elegimos \textbf{\textit{MobilityPower-DEV}}.

En el menú de la izquierda, elegimos \textbf{\textit{Soluciones}} y pulsamos en \textbf{\textit{Importar solución}}. 

Se abrirá una ventana lateral en la que hay que elegir el archivo que hemos descargado y pulsar en \textbf{\textit{Siguiente}}. 

Nos pedirá revisar los detalles y pulsar en \textbf{\textit{Importar}}. Si hay alguna conexión que usar aparecerá en la pantalla y hay que aceptarlas.

Al cabo de un momento, la solución aparecerá como importada. Es posible que lo haga con advertencias, en cuyo caso habrá que solucionarlas.

%\chapter{Lorem Ipsum}

%\lipsum[1-9]

\end{document}