commit 02083bd05511bcf9c25a469d54085e2551a43152
Author: Ubuntu <ubuntu@ip-172-26-13-118.eu-west-3.compute.internal>
Date:   Sat Jun 27 11:49:19 2026 +0000

    Primer Commit

diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..f2751bd
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,18 @@
+FROM php:8.2-apache
+
+# 0. Instalar ImageMagick, sus librerías base y la extensión imagick para PHP
+RUN apt-get update && apt-get install -y \
+    imagemagick \
+    libmagickwand-dev \
+    && pecl install imagick \
+    && docker-php-ext-enable imagick \
+    && apt-get clean && rm -rf /var/lib/apt/lists/*
+
+# 1. Activar mod_rewrite (para URLs amigables)
+RUN a2enmod rewrite
+
+# 2. Permitir .htaccess (Cambiar AllowOverride None a All)
+RUN sed -i '/<Directory \/var\/www\/>/,/<\/Directory>/ s/AllowOverride None/AllowOverride All/' /etc/apache2/apache2.conf
+
+# 3. Instalar y habilitar extensiones de base de datos
+RUN docker-php-ext-install mysqli pdo pdo_mysql && docker-php-ext-enable mysqli
\ No newline at end of file
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000..4484dae
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,17 @@
+version: '3.8'
+
+services:
+  web:
+    build: .
+    container_name: trastoweb-container
+    restart: always
+    ports:
+      - "8002:80"  # IMPORTANTE: Cambiamos al 8002 para que no choque con Daikaku
+    volumes:
+      - ./src:/var/www
+    networks:
+      - red-compartida
+
+networks:
+  red-compartida:
+    external: true
\ No newline at end of file
diff --git a/src/books/0/config/config.json b/src/books/0/config/config.json
new file mode 100644
index 0000000..c00eaa8
--- /dev/null
+++ b/src/books/0/config/config.json
@@ -0,0 +1,134 @@
+{
+    "book_id": 0,
+    "book_name": "Libro de demo",
+    "settings": {
+        "dpi": 300,
+        "fonts": {
+            "main": "Mali-Bold.ttf",
+            "secondary": "Calibri.ttf"
+        },
+        "base_font_size": 130,
+        "colors": {
+            "black": "#1E293B",
+            "white": "#FFFFFF",
+            "title": "#0284C7",
+            "accent": "#0D9488"
+        },
+        "variables": {
+            "name": "Nombre Prota",
+            "FOTO_NINYO": "demo\/woman.png",
+            "FOTO_PAPA": "demo\/face1.png"
+        }
+    },
+    "user_photo": {
+        "width": 450,
+        "height": 450
+    },
+    "pages": [
+        {
+            "page_id": 0,
+            "description": "Portada del Cuento",
+            "background": "paginas\/72dpi\/1.jpg",
+            "elements": [
+                {
+                    "type": "photo",
+                    "x": 1073,
+                    "y": 622,
+                    "width": 450,
+                    "height": 450,
+                    "variable": "FOTO_NINYO",
+                    "rotation": 0
+                },
+                {
+                    "type": "text",
+                    "x": 191,
+                    "y": 1310,
+                    "width": 1800,
+                    "height": 300,
+                    "rotation": 0,
+                    "text": {
+                        "es": "La gran selva de {{name}}",
+                        "en": "The great jungle of {{name}}",
+                        "ca": "La gran selva de {{name}}"
+                    },
+                    "style": {
+                        "size": 150,
+                        "color": "white",
+                        "gravity": "CENTER"
+                    },
+                    "variable": ""
+                }
+            ]
+        },
+        {
+            "page_id": 1,
+            "description": "El mono juguetón",
+            "background": "paginas\/72dpi\/2.jpg",
+            "elements": [
+                {
+                    "type": "photo",
+                    "x": 338,
+                    "y": 268,
+                    "width": 1417,
+                    "height": 1417,
+                    "variable": "FOTO_NINYO",
+                    "rotation": 0
+                },
+                {
+                    "type": "text",
+                    "x": 467,
+                    "y": 1676,
+                    "width": 1350,
+                    "height": 450,
+                    "rotation": 0,
+                    "text": {
+                        "es": "¡Mira ahí, {{name}}! Un monito travieso nos saluda desde la rama de un cocotero.",
+                        "en": "Look over there, {{name}}! A naughty little monkey waves at us from the coconut tree.",
+                        "ca": "Mira allà, {{name}}! Un mico trapella ens saluda des de la branca d'un cocoter."
+                    },
+                    "style": {
+                        "size": 100,
+                        "color": "black",
+                        "gravity": "WEST"
+                    },
+                    "variable": ""
+                }
+            ]
+        },
+        {
+            "page_id": 2,
+            "description": "Pagina Extra",
+            "background": "paginas\/72dpi\/2.jpg",
+            "elements": [
+                {
+                    "type": "text",
+                    "x": 718,
+                    "y": 926,
+                    "width": 600,
+                    "height": 200,
+                    "rotation": 162,
+                    "text": {
+                        "es": "Este es un texto de prueba",
+                        "en": "New text for {{name}}!",
+                        "ca": "Nou text per {{name}}!"
+                    },
+                    "style": {
+                        "size": 300,
+                        "color": "title",
+                        "gravity": "CENTER"
+                    },
+                    "variable": ""
+                },
+                {
+                    "type": "photo",
+                    "x": 1356,
+                    "y": 167,
+                    "width": 591,
+                    "height": 591,
+                    "rotation": 0,
+                    "variable": "FOTO_PAPA"
+                }
+            ]
+        }
+    ]
+}
\ No newline at end of file
diff --git a/src/books/0/config/portada.jpg b/src/books/0/config/portada.jpg
new file mode 100755
index 0000000..ac71129
Binary files /dev/null and b/src/books/0/config/portada.jpg differ
diff --git a/src/books/0/demo/face1.png b/src/books/0/demo/face1.png
new file mode 100755
index 0000000..759c7f8
Binary files /dev/null and b/src/books/0/demo/face1.png differ
diff --git a/src/books/0/demo/face2.png b/src/books/0/demo/face2.png
new file mode 100755
index 0000000..0b8030a
Binary files /dev/null and b/src/books/0/demo/face2.png differ
diff --git a/src/books/0/demo/man.png b/src/books/0/demo/man.png
new file mode 100755
index 0000000..6709f48
Binary files /dev/null and b/src/books/0/demo/man.png differ
diff --git a/src/books/0/demo/woman.png b/src/books/0/demo/woman.png
new file mode 100755
index 0000000..5ed256b
Binary files /dev/null and b/src/books/0/demo/woman.png differ
diff --git a/src/books/0/fonts/Calibri.ttf b/src/books/0/fonts/Calibri.ttf
new file mode 100755
index 0000000..2fede68
Binary files /dev/null and b/src/books/0/fonts/Calibri.ttf differ
diff --git a/src/books/0/fonts/Mali-Bold.ttf b/src/books/0/fonts/Mali-Bold.ttf
new file mode 100755
index 0000000..f70c67e
Binary files /dev/null and b/src/books/0/fonts/Mali-Bold.ttf differ
diff --git a/src/books/0/paginas/72dpi/0.jpg b/src/books/0/paginas/72dpi/0.jpg
new file mode 100755
index 0000000..926fac7
Binary files /dev/null and b/src/books/0/paginas/72dpi/0.jpg differ
diff --git a/src/books/0/paginas/72dpi/1.jpg b/src/books/0/paginas/72dpi/1.jpg
new file mode 100755
index 0000000..1343690
Binary files /dev/null and b/src/books/0/paginas/72dpi/1.jpg differ
diff --git a/src/books/0/paginas/72dpi/2.jpg b/src/books/0/paginas/72dpi/2.jpg
new file mode 100755
index 0000000..080217c
Binary files /dev/null and b/src/books/0/paginas/72dpi/2.jpg differ
diff --git a/src/books/0/paginas/72dpi/3.png b/src/books/0/paginas/72dpi/3.png
new file mode 100755
index 0000000..cb17540
Binary files /dev/null and b/src/books/0/paginas/72dpi/3.png differ
diff --git a/src/books/3/config/config_11.json b/src/books/3/config/config_11.json
new file mode 100644
index 0000000..35f9b21
--- /dev/null
+++ b/src/books/3/config/config_11.json
@@ -0,0 +1,321 @@
+{
+    "book_id": 8,
+    "scenario_description": "1 Adulto, 1 Niño",
+    "settings": {
+        "dimensions": { "width": 2480, "height": 1748 },
+        "fonts": {
+            "main": "Mali-Medium.ttf",
+            "fancy": "BerkshireSwash-Regular.ttf",
+            "legal": "Montserrat-Regular.ttf"
+        },
+        "colors": {
+            "black": "#000000",
+            "white": "#FFFFFF",
+            "red": "#E30445",
+            "blue": "#00A7E3"
+        }
+    },
+    "user_photo": {
+        "adult_width": 292,
+        "adult_height": 336,
+        "child_width": 292,
+        "child_height": 336,
+        "dedication_width": 360,
+        "dedication_height": 403
+    },
+    "pages": [
+        {
+            "page_id": 0,
+            "description": "Portada",
+            "elements": [
+                { "type": "text", "x": 1325, "y": -900, "text": "El Mejor Regalo", "style": { "font": "fancy", "size": 175, "color": "white" } },
+                { "type": "text", "x": 1325, "y": -710, "text": "De La Navidad", "style": { "font": "fancy", "size": 175, "color": "white" } },
+                { "type": "text", "x": 2845, "y": -1050, "text": "El Mejor Regalo De La Navidad", "style": { "font": "main", "size": 50, "color": "red", "gravity": "EAST", "rotation": -90 } },
+                { "type": "photo", "content": "photo_adulto_0", "x": 3925, "y": 1452 },
+                { "type": "photo", "content": "photo_hijo_1", "x": 3900, "y": 820 }
+            ]
+        },
+        {
+            "page_id": 4,
+            "description": "Dedicatoria",
+            "elements": [
+                { "type": "photo", "content": "photo_dedicatoria", "x": 353, "y": 216 },
+                { "type": "text", "x": 120, "y": 350, "text": "{{dedication}}", "style": { "font": "main", "size": 63, "color": "black", "rotation": 9 } }
+            ]
+        },
+        {
+            "page_id": 5,
+            "elements": [
+                { "type": "photo", "content": "photo_hijo_1", "x": 1456, "y": 1150 },
+                { "type": "text", "x": 200, "y": -1045, "text": "Es muy temprano y la casa de {{child_1}}", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -955, "text": "está en silencio. Aún no se escucha la", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -865, "text": "cucharilla dando vueltas al café de {{adult_0}}.", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -775, "text": "Pero {{child_1}} ha oído un ruido en el", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -685, "text": "salón y se levanta a investigar.", "style": { "gravity": "WEST" } }
+            ]
+        },
+        {
+            "page_id": 6,
+            "elements": [
+                { "type": "text", "x": 0, "y": 775, "text": "Al lado del sofá ha crecido un abeto, igualito que un árbol de", "style": { "color": "white", "size": 55, "rotation": -5 } },
+                { "type": "text", "x": 0, "y": 865, "text": "Navidad, pero sin adornos. De él cuelga una cuerda con un sobre", "style": { "color": "white", "size": 55, "rotation": -5 } },
+                { "type": "text", "x": 0, "y": 955, "text": "que lleva su nombre escrito con letra grande.", "style": { "color": "white", "size": 55, "rotation": -5 } },
+                { "type": "text", "x": 0, "y": 1045, "text": "{{child_1}} se apresura a cogerlo.", "style": { "color": "white", "size": 55, "rotation": -5 } },
+                { "type": "text", "x": -10, "y": -30, "text": "{{child_1}}", "style": { "color": "black", "size": 55, "rotation": -5 } }
+            ]
+        },
+        {
+            "page_id": 7,
+            "elements": [
+                { "type": "photo", "content": "photo_adulto_0", "x": 927, "y": 628 },
+                { "type": "text", "x": 200, "y": -1045, "text": "Dentro del sobre hay una carta sin firmar", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -955, "text": "cuyas instrucciones son claras:", "style": { "gravity": "WEST" } }
+            ]
+        },
+        {
+            "page_id": 8,
+            "elements": [
+                { "type": "photo", "content": "photo_hijo_1", "x": 1075, "y": 1330 },
+                { "type": "text", "x": 200, "y": -1045, "text": "“Si quieres recibir el regalo de Navidad más maravilloso del mundo, tendrás que", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -955, "text": "superar una serie de pruebas”. ¡Qué emocionante! ¿Quién mandará esa carta?", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -865, "text": "Algo cae de dentro del sobre y se esparce por el suelo. ¡Es arena!", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -775, "text": "¡Lo han enviado los Reyes Magos! {{child_1}} no se lo puede creer,", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -685, "text": "los mismísimos Reyes Magos le han mandado una carta, ¡a {{child_1}}!", "style": { "gravity": "WEST" } }
+            ]
+        },
+        {
+            "page_id": 9,
+            "elements": [
+                { "type": "photo", "content": "photo_hijo_1", "x": 550, "y": 1192 },
+                { "type": "text", "x": 200, "y": -1045, "text": "La primera prueba que debe superar consiste en cocinar las galletas de", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -955, "text": "Navidad más originales.", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -865, "text": "¡No hay tiempo que perder! Nunca ha cocinado galletas, pero no puede ser", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -775, "text": "tan difícil.", "style": { "gravity": "WEST" } }
+            ]
+        },
+        {
+            "page_id": 10,
+            "elements": [
+                { "type": "text", "x": 200, "y": 685, "text": "Seguro que llevan harina, huevos, mantequilla y azúcar, mucho azúcar. Abre el", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": 775, "text": "armario de las especias y añade canela, jengibre, nuez moscada y virutas de", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": 865, "text": "chocolate, ¡serán las galletas más deliciosas que ha comido jamás! Toda la", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": 955, "text": "casa huele a Navidad.", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": 1045, "text": "Amasa la mezcla y le da la forma de los miembros de la familia.", "style": { "gravity": "WEST" } }
+            ]
+        },
+        {
+            "page_id": 11,
+            "elements": [
+                { "type": "photo", "content": "photo_adulto_0", "x": 940, "y": 510 },
+                { "type": "photo", "content": "photo_hijo_1", "x": 1295, "y": 942 },
+                { "type": "text", "x": 200, "y": 865, "text": "Las saca del horno y las prueba aún calientes. Son muy bonitas, pero están", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": 955, "text": "durísimas, no se las puede comer, a no ser que quiera romperse los dientes.", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": 1045, "text": "¡Qué decepción!", "style": { "gravity": "WEST" } }
+            ]
+        },
+        {
+            "page_id": 12,
+            "elements": [
+                { "type": "text", "x": 200, "y": -1045, "text": "Está pensando en intentarlo de nuevo cuando descubre un nuevo sobre", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -955, "text": "colgado del árbol. En él viene explicada la segunda prueba: debe decorar el", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -865, "text": "árbol de una manera especial.", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 15, "y": 75, "text": "{{child_1}}", "style": { "size": 50 } }
+            ]
+        },
+        {
+            "page_id": 13,
+            "elements": [
+                { "type": "photo", "content": "photo_adulto_0", "x": 450, "y": 828 },
+                { "type": "photo", "content": "photo_hijo_1", "x": 1025, "y": 1315 },
+                { "type": "text", "x": 200, "y": -1045, "text": "{{child_1}}, con ayuda de {{adult_0}}, lo adorna con bolas de colores,", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -955, "text": "guirnaldas de espumillón y una estrella en la punta, como todos los años.", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -865, "text": "¿Qué puede hacer para que este año sea especial?", "style": { "gravity": "WEST" } }
+            ]
+        },
+        {
+            "page_id": 14,
+            "elements": [
+                { "type": "text", "x": 200, "y": -1045, "text": "Sobre la mesa están las galletas que acaba de cocinar. ¡Qué buena idea! Así todos", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -955, "text": "formarán parte del árbol.", "style": { "gravity": "WEST" } }
+            ]
+        },
+        {
+            "page_id": 15,
+            "elements": [
+                { "type": "text", "x": 50, "y": 181, "text": "Al día siguiente, {{child_1}} no quita ojo del árbol esperando el próximo", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 50, "y": 204, "text": "sobre. Pero, esta vez, la siguiente prueba aparece junto a la chimenea. ¿La enviará", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 50, "y": 227, "text": "Papá Noel? La carta dice que deberá montar una banda de villancicos.", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": -5, "y": -145, "text": "{{child_1}}", "style": { "size": 35 } }
+            ]
+        },
+        {
+            "page_id": 16,
+            "elements": [
+                { "type": "photo", "content": "photo_adulto_0", "x": 325, "y": 1015 },
+                { "type": "photo", "content": "photo_hijo_1", "x": 1700, "y": 1320 },
+                { "type": "text", "x": 200, "y": -1045, "text": "Fabrica unas entradas para {{adult_0}}, y organiza un concierto en el", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -955, "text": "salón. {{child_1}} toca la pandereta, Trasto la zambomba y juntos cantan villancicos", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -865, "text": "hasta el anochecer. A todos les parece muy divertido; a los vecinos, no tanto.", "style": { "gravity": "WEST" } }
+            ]
+        },
+        {
+            "page_id": 17,
+            "elements": [
+                { "type": "text", "x": 200, "y": -1045, "text": "La cuarta prueba aparece en la caja de los bloques de construcción. Le pide que", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -955, "text": "reúna aquellos juguetes que ya no utilice y se los regale a niños y niñas que", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -865, "text": "tienen menos que {{child_1}}.", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": -35, "y": 15, "text": "{{child_1}}", "style": { "size": 50 } }
+            ]
+        },
+        {
+            "page_id": 18,
+            "elements": [
+                { "type": "photo", "content": "photo_hijo_1", "x": 565, "y": 845 },
+                { "type": "text", "x": 50, "y": 955, "text": "Esta prueba es muy difícil porque le da mucha pena despedirse de sus posesiones,", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 50, "y": 1045, "text": "pero le ayuda a pensar en lo felices que estarán otros niños jugando con ellas.", "style": { "gravity": "WEST" } }
+            ]
+        },
+        {
+            "page_id": 19,
+            "elements": [
+                { "type": "photo", "content": "photo_adulto_0", "x": 885, "y": 544 },
+                { "type": "photo", "content": "photo_hijo_1", "x": 1178, "y": 1025 }
+            ]
+        },
+        {
+            "page_id": 20,
+            "elements": [
+                { "type": "text", "x": 0, "y": 1045, "text": "La quinta prueba tarda varios días en aparecer...", "style": { "gravity": "CENTER", "color": "white" } }
+            ]
+        },
+        {
+            "page_id": 21,
+            "elements": [
+                { "type": "photo", "content": "photo_hijo_1", "x": 956, "y": 560 },
+                { "type": "text", "x": 200, "y": -1045, "text": "La descubre Trasto en su cama junto a un trozo de carbón. Tiene que crear", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -955, "text": "su propia felicitación de Navidad y enviársela a sus amigos y familiares.", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -865, "text": "Se pasa el día rodeado de cartulinas de colores, témperas y purpurina. La", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -775, "text": "purpurina aparece hasta en la sopa de la cena.", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 15, "y": 5, "text": "{{child_1}}", "style": { "size": 35 } }
+            ]
+        },
+        {
+            "page_id": 23,
+            "elements": [
+                { "type": "photo", "content": "photo_hijo_1", "x": 1972, "y": 1020 },
+                { "type": "text", "x": -138, "y": 70, "text": "{{child_1}}", "style": { "size": 35 } }
+            ]
+        },
+        {
+            "page_id": 24,
+            "elements": [
+                { "type": "photo", "content": "photo_adulto_0", "x": 1135, "y": 740 },
+                { "type": "text", "x": 0, "y": 1045, "text": "Un sexto sobre aparece dentro del congelador.", "style": { "gravity": "CENTER", "color": "white" } }
+            ]
+        },
+        {
+            "page_id": 25,
+            "elements": [
+                { "type": "photo", "content": "photo_adulto_0", "x": 315, "y": 522 },
+                { "type": "photo", "content": "photo_hijo_1", "x": 1110, "y": 905 },
+                { "type": "text", "x": 200, "y": 865, "text": "Toda la familia debe salir a buscar dos adornos de Navidad, el más grande y", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": 955, "text": "el más pequeño que puedan encontrar. Sin duda el mejor lugar para conseguir", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": 1045, "text": "adornos es el mercadillo de la ciudad.", "style": { "gravity": "WEST" } }
+            ]
+        },
+        {
+            "page_id": 26,
+            "elements": [
+                { "type": "text", "x": 200, "y": -1045, "text": "El camino está deslumbrante. Cascadas de luces adornan las calles y estrellas de", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -955, "text": "colores cubren el cielo como si fuera el firmamento. Pasan junto a un Belén en el", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -865, "text": "que las figuras se mueven y el río tiene agua de verdad, ¿habrá peces bebiendo?", "style": { "gravity": "WEST" } }
+            ]
+        },
+        {
+            "page_id": 27,
+            "elements": [
+                { "type": "photo", "content": "photo_adulto_0", "x": 758, "y": 570 },
+                { "type": "text", "x": 750, "y": -1045, "text": "En el mercadillo compran bastoncillos de caramelo, mazapanes", "style": { "gravity": "WEST", "color": "white" } },
+                { "type": "text", "x": 750, "y": -955, "text": "y un gorro gigante. ¿Será lo bastante grande?", "style": { "gravity": "WEST", "color": "white" } }
+            ]
+        },
+        {
+            "page_id": 28,
+            "elements": [
+                { "type": "text", "x": 200, "y": -1045, "text": "{{adult_0}} ha encontrado una estrella de madera muy", "style": { "gravity": "WEST", "color": "white" } },
+                { "type": "text", "x": 200, "y": -955, "text": "pequeña, pero {{child_1}} no está muy segura", "style": { "gravity": "WEST", "color": "white" } },
+                { "type": "text", "x": 200, "y": -865, "text": "de haber superado la prueba.", "style": { "gravity": "WEST", "color": "white" } }
+            ]
+        },
+        {
+            "page_id": 29,
+            "elements": [
+                { "type": "photo", "content": "photo_adulto_0", "x": 272, "y": 515 },
+                { "type": "photo", "content": "photo_hijo_1", "x": 655, "y": 288 },
+                { "type": "text", "x": 200, "y": 775, "text": "De camino a casa empieza a nevar y las calles se cubren de un manto blanco.", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": 865, "text": "Toda la familia comienza a hacer un muñeco de nieve. Los mazapanes sirven de", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": 955, "text": "ojos y un bastoncillo de nariz. Le colocan el gorro sobre la cabeza. Cuando se", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": 1045, "text": "quieren dar cuenta, han hecho un muñeco de nieve más grande que {{adult_0}}.", "style": { "gravity": "WEST" } }
+            ]
+        },
+        {
+            "page_id": 30,
+            "elements": [
+                { "type": "text", "x": 650, "y": -1045, "text": "Un copo de nieve diminuto cae sobre el pelo rojo de Trasto", "style": { "gravity": "WEST", "color": "white" } },
+                { "type": "text", "x": 650, "y": -955, "text": "y, sorprendentemente, no se derrite. ¡Parece magia!", "style": { "gravity": "WEST", "color": "white" } },
+                { "type": "text", "x": 650, "y": -865, "text": "¡Ahora sí que lo han conseguido!", "style": { "gravity": "WEST", "color": "white" } }
+            ]
+        },
+        {
+            "page_id": 31,
+            "elements": [
+                { "type": "text", "x": 450, "y": -1045, "text": "Ha llegado el gran día. Es muy temprano y,", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 450, "y": -955, "text": "antes de que se despierte {{adult_0}},", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 450, "y": -865, "text": "{{child_1}} corre ilusionada a abrir", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 450, "y": -775, "text": "los regalos que están debajo del árbol.", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 450, "y": -685, "text": "¿Cuál será el más", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 450, "y": -595, "text": "maravilloso del mundo?", "style": { "gravity": "WEST" } }
+            ]
+        },
+        {
+            "page_id": 32,
+            "elements": [
+                { "type": "photo", "content": "photo_hijo_1", "x": 1115, "y": 1075 },
+                { "type": "text", "x": 200, "y": -1045, "text": "Allí están un juego de mesa, muchos libros,", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -955, "text": "un oso de peluche gigante y un patinete. Al", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -865, "text": "fondo, envuelta en papel rojo con un lazo", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -775, "text": "dorado, hay una caja muy muy pequeña. Tan", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -685, "text": "pequeña que {{child_1}} no cree que ahí", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -595, "text": "dentro pueda haber ningún regalo especial.", "style": { "gravity": "WEST" } }
+            ]
+        },
+        {
+            "page_id": 33,
+            "elements": [
+                { "type": "photo", "content": "photo_hijo_1", "x": 1050, "y": 1310 }
+            ]
+        },
+        {
+            "page_id": 34,
+            "elements": [
+                { "type": "text", "x": 300, "y": -1045, "text": "La abre desconfiada y dentro descubre un sobre. Un sobre igual al que ha", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 300, "y": -955, "text": "recibido todos los días anteriores. En él hay una carta sin firmar cuyo mensaje", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 300, "y": -865, "text": "es muy claro, una sola palabra escrita en letra grande, que le dice cuál es el", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 300, "y": -775, "text": "mejor regalo que podemos tener en Navidad:", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 100, "y": 20, "text": "Familia", "style": { "size": 250, "color": "red" } }
+            ]
+        },
+        {
+            "page_id": 35,
+            "elements": [
+                { "type": "photo", "content": "photo_adulto_0", "x": 685, "y": 805 },
+                { "type": "photo", "content": "photo_hijo_1", "x": 1020, "y": 1365 },
+                { "type": "text", "x": 200, "y": -1045, "text": "La casa de {{child_1}} ya no está en silencio. Toda su familia", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -955, "text": "ha venido a celebrar con ella la Navidad. Ríen, cantan, bailan el burrito", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -865, "text": "sabanero y {{adult_0}} casi se atraganta con un polvorón.", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -775, "text": "Todos están convencidos de haber conseguido el regalo más maravilloso", "style": { "gravity": "WEST" } },
+                { "type": "text", "x": 200, "y": -685, "text": "del mundo.", "style": { "gravity": "WEST" } }
+            ]
+        }
+    ]
+}
\ No newline at end of file
diff --git a/src/books/3/config/config_12.json b/src/books/3/config/config_12.json
new file mode 100644
index 0000000..e69de29
diff --git a/src/books/3/config/config_13.json b/src/books/3/config/config_13.json
new file mode 100644
index 0000000..e69de29
diff --git a/src/books/3/config/config_21.json b/src/books/3/config/config_21.json
new file mode 100644
index 0000000..e69de29
diff --git a/src/books/3/config/config_22.json b/src/books/3/config/config_22.json
new file mode 100644
index 0000000..e69de29
diff --git a/src/books/3/config/config_23.json b/src/books/3/config/config_23.json
new file mode 100644
index 0000000..e69de29
diff --git a/src/books/3/config/configfull.json b/src/books/3/config/configfull.json
new file mode 100644
index 0000000..df7a68b
--- /dev/null
+++ b/src/books/3/config/configfull.json
@@ -0,0 +1,1997 @@
+{
+    "book_id": 8,
+    "settings": {
+        "dimensions": { "width": 2480, "height": 1748 },
+        "fonts": {
+            "nexa": "nexa_black.otf",
+            "legal": "montserrat_regular.ttf",
+            "mali": "mali_medium.ttf",
+            "crayon": "hanoded_crayon_crumble.ttf",
+            "hand": "hand_of_sean.ttf",
+            "segoe": "segoepr.ttf",
+            "indie": "indie_flower.ttf",
+            "londrina": "LondrinaSolid-Light.ttf",
+            "signature": "Photograph-Signature.ttf",
+            "calibri": "calibri.ttf",
+            "ebrima": "ebrima.ttf",
+            "main": "mali-medium.ttf"
+        },
+        "colors": {
+            "black": "#000000",
+            "white": "#FFFFFF",
+            "red": "#E30445",
+            "blue": "#00A7E3",
+            "pink": "#8D3B65",
+            "gold": "#F2DA7F",
+            "purple": "#8C5F9D"
+        }
+    },
+    "user_photo": {
+        "adult_width": 292,
+        "adult_height": 336,
+        "child_width": 292,
+        "child_height": 336,
+        "dedication_width": 360,
+        "dedication_height": 403
+    },
+    "scenarios": {
+        "1_adult_1_child": {
+            "description": "1 Adulto, 1 Niño",
+            "pages": [
+                {
+                    "page_id": 0,
+                    "elements": [
+                        { "type": "text", "x": 1325, "y": -900, "text": "El Mejor Regalo", "style": { "font": "fancy", "size": 175, "color": "white" } },
+                        { "type": "text", "x": 1325, "y": -710, "text": "De La Navidad", "style": { "font": "fancy", "size": 175, "color": "white" } },
+                        { "type": "photo", "content": "photo_adulto_0", "x": 3925, "y": 1452 },
+                        { "type": "photo", "content": "photo_hijo_1", "x": 3900, "y": 820 }
+                    ]
+                },
+                {
+                    "page_id": 4,
+                    "elements": [
+                        { "type": "photo", "content": "photo_dedicatoria", "x": 353, "y": 216 },
+                        { "type": "text", "x": 120, "y": 350, "text": "{{dedication}}", "style": { "font": "hand", "size": 80, "color": "black", "rotation": 0 } }
+                    ]
+                },
+                {
+                    "page_id": 5,
+                    "elements": [
+                        { "type": "text", "x": 200, "y": -1045, "text": "Es muy temprano y la casa de {{child_1}}", "style": { "font": "segoe", "size": 56, "color": "purple" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "está en silencio. Aún no se escucha la", "style": { "font": "segoe", "size": 56, "color": "purple" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "cucharilla dando vueltas al café de {{adult_0}}.", "style": { "font": "segoe", "size": 56, "color": "purple" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "Pero {{child_1}} ha oído un ruido en el", "style": { "font": "segoe", "size": 56, "color": "purple" } },
+                        { "type": "text", "x": 200, "y": -685, "text": "salón y se levanta a investigar.", "style": { "font": "segoe", "size": 56, "color": "purple" } },
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1456, "y": 1150 }
+                    ]
+                },
+                {
+                    "page_id": 6,
+                    "elements": [
+                        { "type": "text", "x": 0, "y": 775, "text": "Al lado del sofá ha crecido un abeto, igualito que un árbol de", "style": { "font": "mali", "size": 55, "color": "white" } },
+                        { "type": "text", "x": 0, "y": 865, "text": "Navidad, pero sin adornos. De él cuelga una cuerda con un sobre", "style": { "font": "mali", "size": 55, "color": "white" } },
+                        { "type": "text", "x": 0, "y": 955, "text": "que lleva su nombre escrito con letra grande.", "style": { "font": "mali", "size": 55, "color": "white" } },
+                        { "type": "text", "x": 0, "y": 1045, "text": "{{child_1}} se apresura a cogerlo.", "style": { "font": "mali", "size": 55, "color": "white" } },
+                        { "type": "text", "x": -10, "y": -30, "text": "{{child_1}}", "style": { "font": "mali", "size": 55, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 7,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 927, "y": 628 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "Dentro del sobre hay una carta sin firmar", "style": { "font": "segoe", "size": 56, "color": "purple" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "cuyas instrucciones son claras:", "style": { "font": "segoe", "size": 56, "color": "purple" } }
+                    ]
+                },
+                {
+                    "page_id": 8,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1075, "y": 1330 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "“Si quieres recibir el regalo de Navidad más maravilloso del mundo, tendrás que", "style": { "font": "indie", "size": 56, "color": "black", "gravity": "NORTHWEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "superar una serie de pruebas”. ¡Qué emocionante! ¿Quién mandará esa carta?", "style": { "font": "indie", "size": 56, "color": "black", "gravity": "NORTHWEST" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "Algo cae de dentro del sobre y se esparce por el suelo. ¡Es arena!", "style": { "font": "indie", "size": 56, "color": "black", "gravity": "NORTHWEST" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "¡Lo han enviado los Reyes Magos! {{child_1}} no se lo puede creer,", "style": { "font": "indie", "size": 56, "color": "black", "gravity": "NORTHWEST" } },
+                        { "type": "text", "x": 200, "y": -685, "text": "los mismísimos Reyes Magos le han mandado una carta, ¡a {{child_1}}!", "style": { "font": "indie", "size": 56, "color": "black", "gravity": "NORTHWEST" } }
+                    ]
+                },
+                {
+                    "page_id": 9,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 550, "y": 1192 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "La primera prueba que debe superar consiste en cocinar las galletas de", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "Navidad más originales.", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "¡No hay tiempo que perder! Nunca ha cocinado galletas, pero no puede ser", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "tan difícil.", "style": { "font": "segoe", "size": 56, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 10,
+                    "elements": [
+                        { "type": "text", "x": 200, "y": 685, "text": "Seguro que llevan harina, huevos, mantequilla y azúcar, mucho azúcar. Abre el", "style": { "font": "crayon", "size": 160, "color": "white" } },
+                        { "type": "text", "x": 200, "y": 775, "text": "armario de las especias y añade canela, jengibre, nuez moscada y virutas de", "style": { "font": "crayon", "size": 160, "color": "white" } },
+                        { "type": "text", "x": 200, "y": 865, "text": "chocolate, ¡serán las galletas más deliciosas que ha comido jamás! Toda la", "style": { "font": "crayon", "size": 160, "color": "white" } },
+                        { "type": "text", "x": 200, "y": 955, "text": "casa huele a Navidad.", "style": { "font": "crayon", "size": 160, "color": "white" } },
+                        { "type": "text", "x": 200, "y": 1045, "text": "Amasa la mezcla y le da la forma de los miembros de la familia.", "style": { "font": "crayon", "size": 160, "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 11,
+                    "elements": [
+                         { "type": "photo", "content": "photo_adulto_0", "x": 900, "y": 458 },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 1295, "y": 942 },
+                        { "type": "text", "x": 200, "y": 865, "text": "Las saca del horno y las prueba aún calientes. Son muy bonitas, pero están", "style": { "font": "crayon", "size": 160, "color": "white" } },
+                        { "type": "text", "x": 200, "y": 955, "text": "durísimas, no se las puede comer, a no ser que quiera romperse los dientes.", "style": { "font": "crayon", "size": 160, "color": "white" } },
+                        { "type": "text", "x": 200, "y": 1045, "text": "¡Qué decepción!", "style": { "font": "crayon", "size": 160, "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 12,
+                    "elements": [
+                        { "type": "text", "x": 200, "y": -1045, "text": "Está pensando en intentarlo de nuevo cuando descubre un nuevo sobre", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "colgado del árbol. En él viene explicada la segunda prueba: debe decorar el", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "árbol de una manera especial.", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 15, "y": 75, "text": "{{child_1}}", "style": { "font": "ebrima", "size": 70, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 13,
+                    "elements": [
+                         { "type": "photo", "content": "photo_adulto_0", "x": 450, "y": 828 },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 1025, "y": 1315 },
+                         { "type": "text", "x": 200, "y": -1045, "text": "{{child_1}}, con ayuda de {{adult_0}}, lo adorna con bolas de colores,", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                         { "type": "text", "x": 200, "y": -955, "text": "guirnaldas de espumillón y una estrella en la punta, como todos los años.", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                         { "type": "text", "x": 200, "y": -865, "text": "¿Qué puede hacer para que este año sea especial?", "style": { "font": "segoe", "size": 56, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 14,
+                    "elements": [
+                        { "type": "text", "x": 200, "y": -1045, "text": "Sobre la mesa están las galletas que acaba de cocinar. ¡Qué buena idea! Así todos", "style": { "font": "crayon", "size": 120, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "formarán parte del árbol.", "style": { "font": "crayon", "size": 120, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 15,
+                    "elements": [
+                        { "type": "text", "x": 50, "y": 181, "text": "Al día siguiente, {{child_1}} no quita ojo del árbol esperando el próximo", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 50, "y": 204, "text": "sobre. Pero, esta vez, la siguiente prueba aparece junto a la chimenea. ¿La enviará", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 50, "y": 227, "text": "Papá Noel? La carta dice que deberá montar una banda de villancicos.", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": -5, "y": -152, "text": "{{child_1}}", "style": { "font": "ebrima", "size": 70, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 16,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 325, "y": 1015 },
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1700, "y": 1320 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "Fabrica unas entradas para {{adult_0}}, y organiza un concierto en el", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "salón. {{child_1}} toca la pandereta, Trasto la zambomba y juntos cantan villancicos", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "hasta el anochecer. A todos les parece muy divertido; a los vecinos, no tanto.", "style": { "font": "segoe", "size": 56, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 17,
+                    "elements": [
+                        { "type": "text", "x": 200, "y": -1045, "text": "La cuarta prueba aparece en la caja de los bloques de construcción. Le pide que", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "reúna aquellos juguetes que ya no utilice y se los regale a niños y niñas que", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "tienen menos que ella.", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": -35, "y": 15, "text": "{{child_1}}", "style": { "font": "ebrima", "size": 70, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 18,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 565, "y": 845 },
+                        { "type": "text", "x": 50, "y": 955, "text": "Esta prueba es muy difícil porque le da mucha pena despedirse de sus posesiones,", "style": { "font": "ebrima", "size": 64, "color": "black" } },
+                        { "type": "text", "x": 50, "y": 1045, "text": "pero le ayuda a pensar en lo felices que estarán otros niños jugando con ellas.", "style": { "font": "ebrima", "size": 64, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 19,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 885, "y": 544 },
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1178, "y": 1025 }
+                    ]
+                },
+                {
+                    "page_id": 20,
+                    "elements": [
+                        { "type": "text", "x": 0, "y": 1045, "text": "La quinta prueba tarda varios días en aparecer...", "style": { "font": "segoe", "size": 56, "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 21,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 956, "y": 560 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "La descubre Trasto en su cama junto a un trozo de carbón. Tiene que crear", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "su propia felicitación de Navidad y enviársela a sus amigos y familiares.", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "Se pasa el día rodeado de cartulinas de colores, témperas y purpurina. La", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "purpurina aparece hasta en la sopa de la cena.", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 15, "y": 5, "text": "{{child_1}}", "style": { "font": "ebrima", "size": 70, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 23,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1972, "y": 1020 },
+                        { "type": "text", "x": -138, "y": 70, "text": "{{child_1}}", "style": { "font": "ebrima", "size": 70, "color": "black", "rotation": 90 } }
+                    ]
+                },
+                {
+                    "page_id": 24,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 1135, "y": 740 },
+                        { "type": "text", "x": 0, "y": 1045, "text": "Un sexto sobre aparece dentro del congelador.", "style": { "font": "segoe", "size": 56, "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 25,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 315, "y": 522 },
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1110, "y": 905 },
+                        { "type": "text", "x": 200, "y": 865, "text": "Toda la familia debe salir a buscar dos adornos de Navidad, el más grande y", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                        { "type": "text", "x": 200, "y": 955, "text": "el más pequeño que puedan encontrar. Sin duda el mejor lugar para conseguir", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                        { "type": "text", "x": 200, "y": 1045, "text": "adornos es el mercadillo de la ciudad.", "style": { "font": "segoe", "size": 56, "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 26,
+                    "elements": [
+                         { "type": "text", "x": 200, "y": -1045, "text": "El camino está deslumbrante. Cascadas de luces adornan las calles y estrellas de", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                         { "type": "text", "x": 200, "y": -955, "text": "colores cubren el cielo como si fuera el firmamento. Pasan junto a un Belén en el", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                         { "type": "text", "x": 200, "y": -865, "text": "que las figuras se mueven y el río tiene agua de verdad, ¿habrá peces bebiendo?", "style": { "font": "segoe", "size": 56, "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 27,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 758, "y": 570 },
+                        { "type": "text", "x": 750, "y": -1045, "text": "En el mercadillo compran bastoncillos de caramelo, mazapanes", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                        { "type": "text", "x": 750, "y": -955, "text": "y un gorro gigante. ¿Será lo bastante grande?", "style": { "font": "segoe", "size": 56, "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 28,
+                    "elements": [
+                        { "type": "text", "x": 200, "y": -1045, "text": "{{adult_0}} ha encontrado una estrella de madera muy", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "pequeña, pero {{child_1}} no está muy segura", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "de haber superado la prueba.", "style": { "font": "segoe", "size": 56, "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 29,
+                    "elements": [
+                         { "type": "photo", "content": "photo_adulto_0", "x": 272, "y": 515 },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 655, "y": 288 },
+                         { "type": "text", "x": 200, "y": 775, "text": "De camino a casa empieza a nevar y las calles se cubren de un manto blanco.", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                         { "type": "text", "x": 200, "y": 865, "text": "Toda la familia comienza a hacer un muñeco de nieve. Los mazapanes sirven de", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                         { "type": "text", "x": 200, "y": 955, "text": "ojos y un bastoncillo de nariz. Le colocan el gorro sobre la cabeza. Cuando se", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                         { "type": "text", "x": 200, "y": 1045, "text": "quieren dar cuenta, han hecho un muñeco de nieve más grande que {{adult_0}}.", "style": { "font": "segoe", "size": 56, "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 30,
+                    "elements": [
+                        { "type": "text", "x": 650, "y": -1045, "text": "Un copo de nieve diminuto cae sobre el pelo rojo de Trasto", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                        { "type": "text", "x": 650, "y": -955, "text": "y, sorprendentemente, no se derrite. ¡Parece magia!", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                        { "type": "text", "x": 650, "y": -865, "text": "¡Ahora sí que lo han conseguido!", "style": { "font": "segoe", "size": 56, "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 31,
+                    "elements": [
+                        { "type": "text", "x": 450, "y": -1045, "text": "Ha llegado el gran día. Es muy temprano y,", "style": { "font": "segoe", "size": 40, "color": "black" } },
+                        { "type": "text", "x": 450, "y": -955, "text": "antes de que se despierte {{adult_0}},", "style": { "font": "segoe", "size": 40, "color": "black" } },
+                        { "type": "text", "x": 450, "y": -865, "text": "{{child_1}} corre ilusionada a abrir", "style": { "font": "segoe", "size": 40, "color": "black" } },
+                        { "type": "text", "x": 450, "y": -775, "text": "los regalos que están debajo del árbol.", "style": { "font": "segoe", "size": 40, "color": "black" } },
+                        { "type": "text", "x": 450, "y": -685, "text": "¿Cuál será el más", "style": { "font": "segoe", "size": 40, "color": "black" } },
+                        { "type": "text", "x": 450, "y": -595, "text": "maravilloso del mundo?", "style": { "font": "segoe", "size": 40, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 32,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1115, "y": 1075 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "Allí están un juego de mesa, muchos libros,", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "un oso de peluche gigante y un patinete. Al", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "fondo, envuelta en papel rojo con un lazo", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "dorado, hay una caja muy muy pequeña. Tan", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -685, "text": "pequeña que {{child_1}} no cree que ahí", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -595, "text": "dentro pueda haber ningún regalo especial.", "style": { "font": "segoe", "size": 56, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 33,
+                    "elements": [
+                         { "type": "photo", "content": "photo_hijo_1", "x": 1050, "y": 1310 }
+                    ]
+                },
+                {
+                    "page_id": 34,
+                    "elements": [
+                        { "type": "text", "x": 300, "y": -1045, "text": "La abre desconfiada y dentro descubre un sobre. Un sobre igual al que ha", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 300, "y": -955, "text": "recibido todos los días anteriores. En él hay una carta sin firmar cuyo mensaje", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 300, "y": -865, "text": "es muy claro, una sola palabra escrita en letra grande, que le dice cuál es el", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 300, "y": -775, "text": "mejor regalo que podemos tener en Navidad:", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 100, "y": 20, "text": "Familia", "style": { "font": "crayon", "size": 250, "color": "red" } }
+                    ]
+                },
+                {
+                    "page_id": 35,
+                    "elements": [
+                         { "type": "photo", "content": "photo_adulto_0", "x": 685, "y": 805 },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 1020, "y": 1365 },
+                         { "type": "text", "x": 200, "y": -1045, "text": "La casa de {{child_1}} ya no está en silencio. Toda su familia", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                         { "type": "text", "x": 200, "y": -955, "text": "ha venido a celebrar con ella la Navidad. Ríen, cantan, bailan el burrito", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                         { "type": "text", "x": 200, "y": -865, "text": "sabanero y {{adult_0}} casi se atraganta con un polvorón.", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                         { "type": "text", "x": 200, "y": -775, "text": "Todos están convencidos de haber conseguido el regalo más maravilloso", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                         { "type": "text", "x": 200, "y": -685, "text": "del mundo.", "style": { "font": "segoe", "size": 56, "color": "black" } }
+                    ]
+                }
+            ]
+        },
+        "1_adult_2_children": {
+             "description": "1 Adulto, 2 Niños/as",
+             "pages": [
+                 {
+                    "page_id": 0,
+                    "elements": [
+                        { "type": "text", "x": 1325, "y": -900, "text": "El Mejor Regalo", "style": { "font": "fancy", "size": 175, "color": "white" } },
+                        { "type": "text", "x": 1325, "y": -710, "text": "De La Navidad", "style": { "font": "fancy", "size": 175, "color": "white" } },
+                        { "type": "text", "x": 2845, "y": -1050, "text": "El Mejor Regalo De La Navidad", "style": { "font": "main", "size": 50, "color": "red", "gravity": "EAST", "rotation": -90 } },
+                        { "type": "photo", "content": "photo_adulto_0", "x": 3925, "y": 1452 },
+                        { "type": "photo", "content": "photo_hijo_1", "x": 3900, "y": 820 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 3005, "y": 810 } 
+                    ]
+                 },
+                 {
+                    "page_id": 4,
+                    "elements": [
+                        { "type": "photo", "content": "photo_dedicatoria", "x": 353, "y": 216 },
+                        { "type": "text", "x": 120, "y": 350, "text": "{{dedication}}", "style": { "font": "main", "size": 63, "color": "black", "rotation": 9 } }
+                    ]
+                 },
+                 {
+                    "page_id": 5,
+                    "elements": [
+                         { "type": "text", "x": 200, "y": -1045, "text": "Es muy temprano y la casa de {{child_1}} y", "style": { "font": "segoe", "size": 56, "color": "purple" } },
+                         { "type": "text", "x": 200, "y": -955, "text": "{{child_2}} está en silencio.", "style": { "font": "segoe", "size": 56, "color": "purple" } },
+                         { "type": "text", "x": 200, "y": -865, "text": "Aún no se escucha la cucharilla dando vueltas", "style": { "font": "segoe", "size": 56, "color": "purple" } },
+                         { "type": "text", "x": 200, "y": -775, "text": "al café de {{adult_0}}. Pero {{child_1}}", "style": { "font": "segoe", "size": 56, "color": "purple" } },
+                         { "type": "text", "x": 200, "y": -685, "text": "y {{child_2}} han oído un ruido en el", "style": { "font": "segoe", "size": 56, "color": "purple" } },
+                         { "type": "text", "x": 200, "y": -595, "text": "salón y se levantan a investigar.", "style": { "font": "segoe", "size": 56, "color": "purple" } },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 1456, "y": 1150 },
+                         { "type": "photo", "content": "photo_hijo_2", "x": 595, "y": 1202 }
+                    ]
+                 },
+                 {
+                    "page_id": 6,
+                    "elements": [
+                        { "type": "text", "x": 0, "y": 775, "text": "Al lado del sofá ha crecido un abeto, igualito que un árbol de", "style": { "color": "white", "size": 55, "rotation": -5 } },
+                        { "type": "text", "x": 0, "y": 865, "text": "Navidad, pero sin adornos. De él cuelga una cuerda con un sobre", "style": { "color": "white", "size": 55, "rotation": -5 } },
+                        { "type": "text", "x": 0, "y": 955, "text": "que lleva sus nombres escritos con letra grande.", "style": { "color": "white", "size": 55, "rotation": -5 } },
+                        { "type": "text", "x": 0, "y": 1045, "text": "{{child_1}} y {{child_2}} se apresuran a cogerlo.", "style": { "color": "white", "size": 55, "rotation": -5 } },
+                        { "type": "text", "x": -10, "y": -35, "text": "{{child_1}}", "style": { "color": "black", "size": 55, "rotation": -5 } },
+                        { "type": "text", "x": -10, "y": -20, "text": "{{child_2}}", "style": { "color": "black", "size": 55, "rotation": -5 } }
+                    ]
+                },
+                 {
+                    "page_id": 7,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 927, "y": 628 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "Dentro del sobre hay una carta sin firmar", "style": { "font": "segoe", "size": 56, "color": "purple" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "cuyas instrucciones son claras:", "style": { "font": "segoe", "size": 56, "color": "purple" } }
+                    ]
+                },
+                {
+                    "page_id": 8,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1075, "y": 1330 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 1520, "y": 1340 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "“Si quieren recibir el regalo de Navidad más maravilloso del mundo, tendrán que", "style": { "font": "indie", "size": 56, "color": "black", "gravity": "NORTHWEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "superar una serie de pruebas”. ¡Qué emocionante! ¿Quién mandará esa carta?", "style": { "font": "indie", "size": 56, "color": "black", "gravity": "NORTHWEST" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "Algo cae de dentro del sobre y se esparce por el suelo. ¡Es arena!", "style": { "font": "indie", "size": 56, "color": "black", "gravity": "NORTHWEST" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "¡Lo han enviado los Reyes Magos! {{child_1}} y {{child_2}} no se lo", "style": { "font": "indie", "size": 56, "color": "black", "gravity": "NORTHWEST" } },
+                        { "type": "text", "x": 200, "y": -685, "text": "pueden creer, los mismísimos Reyes Magos les han mandado una carta, ¡a ellos!", "style": { "font": "indie", "size": 56, "color": "black", "gravity": "NORTHWEST" } }
+                    ]
+                },
+                {
+                    "page_id": 9,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 550, "y": 1192 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 1438, "y": 1243 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "La primera prueba que deben superar consiste en cocinar las galletas de", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "Navidad más originales.", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "¡No hay tiempo que perder! Nunca han cocinado galletas, pero no puede ser", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "tan difícil.", "style": { "font": "segoe", "size": 56, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 10,
+                    "elements": [
+                        { "type": "text", "x": 200, "y": 685, "text": "Seguro que llevan harina, huevos, mantequilla y azúcar, mucho azúcar. Abren el", "style": { "font": "crayon", "size": 160, "color": "white" } },
+                        { "type": "text", "x": 200, "y": 775, "text": "armario de las especias y añaden canela, jengibre, nuez moscada y virutas de", "style": { "font": "crayon", "size": 160, "color": "white" } },
+                        { "type": "text", "x": 200, "y": 865, "text": "chocolate, ¡serán las galletas más deliciosas que han comido jamás! Toda la", "style": { "font": "crayon", "size": 160, "color": "white" } },
+                        { "type": "text", "x": 200, "y": 955, "text": "casa huele a Navidad.", "style": { "font": "crayon", "size": 160, "color": "white" } },
+                        { "type": "text", "x": 200, "y": 1045, "text": "Amasan la mezcla y le dan la forma de los miembros de la familia.", "style": { "font": "crayon", "size": 160, "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 11,
+                    "elements": [
+                         { "type": "photo", "content": "photo_adulto_0", "x": 900, "y": 458 },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 1295, "y": 942 },
+                         { "type": "photo", "content": "photo_hijo_2", "x": 530, "y": 758 },
+                        { "type": "text", "x": 200, "y": 865, "text": "Las sacan del horno y las prueban aún calientes. Son muy bonitas, pero están", "style": { "font": "crayon", "size": 160, "color": "white" } },
+                        { "type": "text", "x": 200, "y": 955, "text": "durísimas, no se las pueden comer, a no ser que quieran romperse los dientes.", "style": { "font": "crayon", "size": 160, "color": "white" } },
+                        { "type": "text", "x": 200, "y": 1045, "text": "¡Qué decepción!", "style": { "font": "crayon", "size": 160, "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 12,
+                    "elements": [
+                        { "type": "text", "x": 200, "y": -1045, "text": "Están pensando en intentarlo de nuevo cuando descubren un nuevo sobre", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "colgado del árbol. En él viene explicada la segunda prueba: deben decorar el", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "árbol de una manera especial.", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 15, "y": 60, "text": "{{child_1}}", "style": { "font": "ebrima", "size": 70, "color": "black" } },
+                        { "type": "text", "x": 17, "y": 90, "text": "{{child_2}}", "style": { "font": "ebrima", "size": 70, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 13,
+                    "elements": [
+                         { "type": "photo", "content": "photo_adulto_0", "x": 450, "y": 828 },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 1025, "y": 1315 },
+                         { "type": "photo", "content": "photo_hijo_2", "x": 1720, "y": 1442 },
+                         { "type": "text", "x": 200, "y": -1045, "text": "{{child_1}} y {{child_2}}, con ayuda de {{adult_0}}, lo adornan con bolas", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                         { "type": "text", "x": 200, "y": -955, "text": "de colores, guirnaldas de espumillón y una estrella en la punta,", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                         { "type": "text", "x": 200, "y": -865, "text": "como todos los años. ¿Qué pueden hacer para que este año sea especial?", "style": { "font": "segoe", "size": 56, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 14,
+                    "elements": [
+                        { "type": "text", "x": 200, "y": -1045, "text": "Sobre la mesa están las galletas que acaban de cocinar. ¡Qué buena idea! Así todos", "style": { "font": "crayon", "size": 120, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "formarán parte del árbol.", "style": { "font": "crayon", "size": 120, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 15,
+                    "elements": [
+                        { "type": "text", "x": 50, "y": 181, "text": "Al día siguiente, {{child_1}} y {{child_2}} no quitan ojo del árbol", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 50, "y": 204, "text": "esperando el próximo sobre. Pero, esta vez, la siguiente prueba aparece junto a la", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 50, "y": 227, "text": "chimenea. ¿La enviará Papá Noel? La carta dice que deberán montar una banda de", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 50, "y": 250, "text": "villancicos.", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": -5, "y": -152, "text": "{{child_1}}", "style": { "font": "ebrima", "size": 70, "color": "black" } },
+                        { "type": "text", "x": -4, "y": -142, "text": "{{child_2}}", "style": { "font": "ebrima", "size": 70, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 16,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 325, "y": 1015 },
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1700, "y": 1320 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 2025, "y": 990 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "Fabrican unas entradas para {{adult_0}}, y organizan un concierto en el salón.", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "{{child_1}} y {{child_2}} tocan la pandereta, Trasto la zambomba", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "y juntos cantan villancicos hasta el anochecer. A todos les parece muy", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "divertido; a los vecinos, no tanto.", "style": { "font": "segoe", "size": 56, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 17,
+                    "elements": [
+                        { "type": "text", "x": 200, "y": -1045, "text": "La cuarta prueba aparece en la caja de los bloques de construcción. Les pide que", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "reúnan aquellos juguetes que ya no utilicen y se los regalen a niños y niñas que", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "tienen menos que ellas.", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": -35, "y": -5, "text": "{{child_1}}", "style": { "font": "ebrima", "size": 70, "color": "black" } },
+                        { "type": "text", "x": -25, "y": 35, "text": "{{child_2}}", "style": { "font": "ebrima", "size": 70, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 18,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 565, "y": 845 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 920, "y": 818 },
+                        { "type": "text", "x": 50, "y": 955, "text": "Esta prueba es muy difícil porque les da mucha pena despedirse de sus posesiones,", "style": { "font": "ebrima", "size": 64, "color": "black" } },
+                        { "type": "text", "x": 50, "y": 1045, "text": "pero les ayuda a pensar en lo felices que estarán otros niños jugando con ellas.", "style": { "font": "ebrima", "size": 64, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 19,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 885, "y": 544 },
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1178, "y": 1025 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 1435, "y": 1020 }
+                    ]
+                },
+                {
+                    "page_id": 20,
+                    "elements": [
+                        { "type": "text", "x": 0, "y": 1045, "text": "La quinta prueba tarda varios días en aparecer...", "style": { "font": "segoe", "size": 56, "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 21,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 956, "y": 560 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 1356, "y": 560 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "La descubre Trasto en su cama junto a un trozo de carbón. Tienen que crear", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "sus propias felicitaciones de Navidad y enviárselas a sus amigos y familiares.", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "Se pasan el día rodeados de cartulinas de colores, témperas y purpurina. La", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "purpurina aparece hasta en la sopa de la cena.", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 15, "y": 5, "text": "{{child_1}}", "style": { "font": "ebrima", "size": 70, "color": "black" } },
+                        { "type": "text", "x": 20, "y": 50, "text": "{{child_2}}", "style": { "font": "ebrima", "size": 70, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 23,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1972, "y": 1020 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 862, "y": 1150 },
+                        { "type": "text", "x": -138, "y": 70, "text": "{{child_1}}", "style": { "font": "ebrima", "size": 70, "color": "black", "rotation": 90 } },
+                        { "type": "text", "x": -7, "y": 90, "text": "{{child_2}}", "style": { "font": "ebrima", "size": 70, "color": "black", "rotation": 90 } }
+                    ]
+                },
+                {
+                    "page_id": 24,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 1135, "y": 740 },
+                        { "type": "text", "x": 0, "y": 1045, "text": "Un sexto sobre aparece dentro del congelador.", "style": { "gravity": "CENTER", "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 25,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 315, "y": 522 },
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1110, "y": 905 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 1925, "y": 975 },
+                        { "type": "text", "x": 200, "y": 865, "text": "Toda la familia debe salir a buscar dos adornos de Navidad, el más grande y", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                        { "type": "text", "x": 200, "y": 955, "text": "el más pequeño que puedan encontrar. Sin duda el mejor lugar para conseguir", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                        { "type": "text", "x": 200, "y": 1045, "text": "adornos es el mercadillo de la ciudad.", "style": { "font": "segoe", "size": 56, "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 26,
+                    "elements": [
+                         { "type": "text", "x": 200, "y": -1045, "text": "El camino está deslumbrante. Cascadas de luces adornan las calles y estrellas de", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                         { "type": "text", "x": 200, "y": -955, "text": "colores cubren el cielo como si fuera el firmamento. Pasan junto a un Belén en el", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                         { "type": "text", "x": 200, "y": -865, "text": "que las figuras se mueven y el río tiene agua de verdad, ¿habrá peces bebiendo?", "style": { "font": "segoe", "size": 56, "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 27,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 758, "y": 570 },
+                        { "type": "text", "x": 750, "y": -1045, "text": "En el mercadillo compran bastoncillos de caramelo, mazapanes", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                        { "type": "text", "x": 750, "y": -955, "text": "y un gorro gigante. ¿Será lo bastante grande?", "style": { "font": "segoe", "size": 56, "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 28,
+                    "elements": [
+                        { "type": "text", "x": 200, "y": -1045, "text": "{{adult_0}} ha encontrado una estrella de madera muy", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "pequeña, pero {{child_1}} y {{child_2}} no están", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "muy seguras de haber superado la prueba.", "style": { "font": "segoe", "size": 56, "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 29,
+                    "elements": [
+                         { "type": "photo", "content": "photo_adulto_0", "x": 272, "y": 515 },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 655, "y": 288 },
+                         { "type": "photo", "content": "photo_hijo_2", "x": 1435, "y": 945 },
+                         { "type": "text", "x": 200, "y": 775, "text": "De camino a casa empieza a nevar y las calles se cubren de un manto blanco.", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                         { "type": "text", "x": 200, "y": 865, "text": "Toda la familia comienza a hacer un muñeco de nieve. Los mazapanes sirven de", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                         { "type": "text", "x": 200, "y": 955, "text": "ojos y un bastoncillo de nariz. Le colocan el gorro sobre la cabeza. Cuando se", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                         { "type": "text", "x": 200, "y": 1045, "text": "quieren dar cuenta, han hecho un muñeco de nieve más grande que {{adult_0}}.", "style": { "font": "segoe", "size": 56, "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 30,
+                    "elements": [
+                        { "type": "text", "x": 650, "y": -1045, "text": "Un copo de nieve diminuto cae sobre el pelo rojo de Trasto", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                        { "type": "text", "x": 650, "y": -955, "text": "y, sorprendentemente, no se derrite. ¡Parece magia!", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                        { "type": "text", "x": 650, "y": -865, "text": "¡Ahora sí que lo han conseguido!", "style": { "font": "segoe", "size": 56, "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 31,
+                    "elements": [
+                        { "type": "text", "x": 450, "y": -1045, "text": "Ha llegado el gran día. Es muy temprano y,", "style": { "font": "segoe", "size": 40, "color": "black" } },
+                        { "type": "text", "x": 450, "y": -955, "text": "antes de que se despierte {{adult_0}},", "style": { "font": "segoe", "size": 40, "color": "black" } },
+                        { "type": "text", "x": 450, "y": -865, "text": "{{child_1}} y {{child_2}} corren ilusionadas a abrir", "style": { "font": "segoe", "size": 40, "color": "black" } },
+                        { "type": "text", "x": 450, "y": -775, "text": "los regalos que están debajo del árbol.", "style": { "font": "segoe", "size": 40, "color": "black" } },
+                        { "type": "text", "x": 450, "y": -685, "text": "¿Cuál será el más", "style": { "font": "segoe", "size": 40, "color": "black" } },
+                        { "type": "text", "x": 450, "y": -595, "text": "maravilloso del mundo?", "style": { "font": "segoe", "size": 40, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 32,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1115, "y": 1075 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 1825, "y": 925 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "Allí están un juego de mesa, muchos libros, un", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "oso de peluche gigante y un patinete. Al fondo,", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "envuelta en papel rojo con un lazo dorado, hay", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "una caja muy muy pequeña. Tan pequeña que", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -685, "text": "{{child_1}} y {{child_2}} no creen que ahí", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -595, "text": "dentro pueda haber ningún regalo especial.", "style": { "font": "segoe", "size": 56, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 33,
+                    "elements": [
+                         { "type": "photo", "content": "photo_hijo_1", "x": 1050, "y": 1310 },
+                         { "type": "photo", "content": "photo_hijo_2", "x": 715, "y": 1425 }
+                    ]
+                },
+                {
+                    "page_id": 34,
+                    "elements": [
+                        { "type": "text", "x": 300, "y": -1045, "text": "La abren desconfiadas y dentro descubren un sobre. Un sobre igual al que han", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 300, "y": -955, "text": "recibido todos los días anteriores. En él hay una carta sin firmar cuyo mensaje", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 300, "y": -865, "text": "es muy claro, una sola palabra escrita en letra grande, que les dice cuál es el", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 300, "y": -775, "text": "mejor regalo que podemos tener en Navidad:", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 100, "y": 20, "text": "Familia", "style": { "font": "crayon", "size": 250, "color": "red" } }
+                    ]
+                },
+                {
+                    "page_id": 35,
+                    "elements": [
+                         { "type": "photo", "content": "photo_adulto_0", "x": 685, "y": 805 },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 1020, "y": 1365 },
+                         { "type": "photo", "content": "photo_hijo_2", "x": 1575, "y": 1375 },
+                         { "type": "text", "x": 200, "y": -1045, "text": "La casa de {{child_1}} y {{child_2}} ya no está en silencio. Toda su familia", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                         { "type": "text", "x": 200, "y": -955, "text": "ha venido a celebrar con ellas la Navidad. Ríen, cantan, bailan el burrito", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                         { "type": "text", "x": 200, "y": -865, "text": "sabanero y {{adult_0}} casi se atraganta con un polvorón.", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                         { "type": "text", "x": 200, "y": -775, "text": "Todos están convencidos de haber conseguido el regalo más maravilloso", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                         { "type": "text", "x": 200, "y": -685, "text": "del mundo.", "style": { "font": "segoe", "size": 56, "color": "black" } }
+                    ]
+                }
+             ]
+        },
+        "1_adult_3_children": {
+             "description": "1 Adulto, 3 Niños/as",
+             "pages": [
+                 {
+                    "page_id": 0,
+                    "elements": [
+                        { "type": "text", "x": 1325, "y": -900, "text": "El Mejor Regalo", "style": { "font": "fancy", "size": 175, "color": "white" } },
+                        { "type": "text", "x": 1325, "y": -710, "text": "De La Navidad", "style": { "font": "fancy", "size": 175, "color": "white" } },
+                        { "type": "text", "x": 2845, "y": -1050, "text": "El Mejor Regalo De La Navidad", "style": { "font": "main", "size": 50, "color": "red", "gravity": "EAST", "rotation": -90 } },
+                        { "type": "photo", "content": "photo_adulto_0", "x": 3925, "y": 1452 },
+                        { "type": "photo", "content": "photo_hijo_1", "x": 3900, "y": 820 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 3005, "y": 810 },
+                        { "type": "photo", "content": "photo_hijo_3", "x": 1610, "y": 570 }
+                    ]
+                 },
+                 {
+                    "page_id": 4,
+                    "elements": [
+                        { "type": "photo", "content": "photo_dedicatoria", "x": 353, "y": 216 },
+                        { "type": "text", "x": 120, "y": 350, "text": "{{dedication}}", "style": { "font": "main", "size": 63, "color": "black", "rotation": 9 } }
+                    ]
+                 },
+                 {
+                    "page_id": 5,
+                    "elements": [
+                         { "type": "text", "x": 200, "y": -1045, "text": "Es muy temprano y la casa de {{child_1}},", "style": { "font": "segoe", "size": 56, "color": "purple" } },
+                         { "type": "text", "x": 200, "y": -955, "text": "{{child_2}} y {{child_3}} está en silencio.", "style": { "font": "segoe", "size": 56, "color": "purple" } },
+                         { "type": "text", "x": 200, "y": -865, "text": "Aún no se escucha la cucharilla dando vueltas", "style": { "font": "segoe", "size": 56, "color": "purple" } },
+                         { "type": "text", "x": 200, "y": -775, "text": "al café de {{adult_0}}. Pero {{child_1}}, {{child_2}}", "style": { "font": "segoe", "size": 56, "color": "purple" } },
+                         { "type": "text", "x": 200, "y": -685, "text": "y {{child_3}} han oído un ruido en el salón y", "style": { "font": "segoe", "size": 56, "color": "purple" } },
+                         { "type": "text", "x": 200, "y": -595, "text": "se levantan a investigar.", "style": { "font": "segoe", "size": 56, "color": "purple" } },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 1456, "y": 1150 },
+                         { "type": "photo", "content": "photo_hijo_2", "x": 595, "y": 1202 },
+                         { "type": "photo", "content": "photo_hijo_3", "x": 998, "y": 1365 }
+                    ]
+                 },
+                 {
+                    "page_id": 6,
+                    "elements": [
+                        { "type": "text", "x": 0, "y": 775, "text": "Al lado del sofá ha crecido un abeto, igualito que un árbol de", "style": { "color": "white", "size": 55, "rotation": -5 } },
+                        { "type": "text", "x": 0, "y": 865, "text": "Navidad, pero sin adornos. De él cuelga una cuerda con un sobre", "style": { "color": "white", "size": 55, "rotation": -5 } },
+                        { "type": "text", "x": 0, "y": 955, "text": "que lleva sus nombres escritos con letra grande.", "style": { "color": "white", "size": 55, "rotation": -5 } },
+                        { "type": "text", "x": 0, "y": 1045, "text": "{{child_1}}, {{child_2}} y {{child_3}} se apresuran a cogerlo.", "style": { "color": "white", "size": 55, "rotation": -5 } },
+                        { "type": "text", "x": -10, "y": -40, "text": "{{child_1}}", "style": { "color": "black", "size": 55, "rotation": -5 } },
+                        { "type": "text", "x": -10, "y": -25, "text": "{{child_2}}", "style": { "color": "black", "size": 55, "rotation": -5 } },
+                        { "type": "text", "x": -10, "y": -10, "text": "{{child_3}}", "style": { "color": "black", "size": 55, "rotation": -5 } }
+                    ]
+                },
+                 {
+                    "page_id": 7,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 927, "y": 628 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "Dentro del sobre hay una carta sin firmar", "style": { "font": "segoe", "size": 56, "color": "purple" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "cuyas instrucciones son claras:", "style": { "font": "segoe", "size": 56, "color": "purple" } }
+                    ]
+                },
+                {
+                    "page_id": 8,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1075, "y": 1330 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 1520, "y": 1340 },
+                        { "type": "photo", "content": "photo_hijo_3", "x": 785, "y": 1398 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "“Si quieren recibir el regalo de Navidad más maravilloso del mundo, tendrán que", "style": { "font": "indie", "size": 56, "color": "black", "gravity": "NORTHWEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "superar una serie de pruebas”. ¡Qué emocionante! ¿Quién mandará esa carta?", "style": { "font": "indie", "size": 56, "color": "black", "gravity": "NORTHWEST" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "Algo cae de dentro del sobre y se esparce por el suelo. ¡Es arena!", "style": { "font": "indie", "size": 56, "color": "black", "gravity": "NORTHWEST" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "¡Lo han enviado los Reyes Magos! {{child_1}}, {{child_2}} y {{child_3}} no se lo", "style": { "font": "indie", "size": 56, "color": "black", "gravity": "NORTHWEST" } },
+                        { "type": "text", "x": 200, "y": -685, "text": "pueden creer, los mismísimos Reyes Magos les han mandado una carta, ¡a ellos!", "style": { "font": "indie", "size": 56, "color": "black", "gravity": "NORTHWEST" } }
+                    ]
+                },
+                {
+                    "page_id": 9,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 550, "y": 1192 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 1438, "y": 1243 },
+                        { "type": "photo", "content": "photo_hijo_3", "x": 842, "y": 1200 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "La primera prueba que deben superar consiste en cocinar las galletas de", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "Navidad más originales.", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "¡No hay tiempo que perder! Nunca han cocinado galletas, pero no puede ser", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "tan difícil.", "style": { "font": "segoe", "size": 56, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 10,
+                    "elements": [
+                        { "type": "text", "x": 200, "y": 685, "text": "Seguro que llevan harina, huevos, mantequilla y azúcar, mucho azúcar. Abren el", "style": { "font": "crayon", "size": 160, "color": "white" } },
+                        { "type": "text", "x": 200, "y": 775, "text": "armario de las especias y añaden canela, jengibre, nuez moscada y virutas de", "style": { "font": "crayon", "size": 160, "color": "white" } },
+                        { "type": "text", "x": 200, "y": 865, "text": "chocolate, ¡serán las galletas más deliciosas que han comido jamás! Toda la", "style": { "font": "crayon", "size": 160, "color": "white" } },
+                        { "type": "text", "x": 200, "y": 955, "text": "casa huele a Navidad.", "style": { "font": "crayon", "size": 160, "color": "white" } },
+                        { "type": "text", "x": 200, "y": 1045, "text": "Amasan la mezcla y le dan la forma de los miembros de la familia.", "style": { "font": "crayon", "size": 160, "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 11,
+                    "elements": [
+                         { "type": "photo", "content": "photo_adulto_0", "x": 900, "y": 458 },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 1295, "y": 942 },
+                         { "type": "photo", "content": "photo_hijo_2", "x": 530, "y": 758 },
+                         { "type": "photo", "content": "photo_hijo_3", "x": 928, "y": 982 },
+                        { "type": "text", "x": 200, "y": 865, "text": "Las sacan del horno y las prueban aún calientes. Son muy bonitas, pero están", "style": { "font": "crayon", "size": 160, "color": "white" } },
+                        { "type": "text", "x": 200, "y": 955, "text": "durísimas, no se las pueden comer, a no ser que quieran romperse los dientes.", "style": { "font": "crayon", "size": 160, "color": "white" } },
+                        { "type": "text", "x": 200, "y": 1045, "text": "¡Qué decepción!", "style": { "font": "crayon", "size": 160, "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 12,
+                    "elements": [
+                        { "type": "text", "x": 200, "y": -1045, "text": "Están pensando en intentarlo de nuevo cuando descubren un nuevo sobre", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "colgado del árbol. En él viene explicada la segunda prueba: deben decorar el", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "árbol de una manera especial.", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 15, "y": 60, "text": "{{child_1}}", "style": { "font": "ebrima", "size": 70, "color": "black" } },
+                        { "type": "text", "x": 17, "y": 90, "text": "{{child_2}}", "style": { "font": "ebrima", "size": 70, "color": "black" } },
+                        { "type": "text", "x": 17, "y": 110, "text": "{{child_3}}", "style": { "font": "ebrima", "size": 70, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 13,
+                    "elements": [
+                         { "type": "photo", "content": "photo_adulto_0", "x": 450, "y": 828 },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 1025, "y": 1315 },
+                         { "type": "photo", "content": "photo_hijo_2", "x": 1720, "y": 1442 },
+                         { "type": "text", "x": 200, "y": -1045, "text": "{{child_1}}, {{child_2}} y {{child_3}}, con ayuda de {{adult_0}}, lo adornan", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                         { "type": "text", "x": 200, "y": -955, "text": "con bolas de colores, guirnaldas de espumillón y una estrella en la punta,", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                         { "type": "text", "x": 200, "y": -865, "text": "como todos los años. ¿Qué pueden hacer para que este año sea especial?", "style": { "font": "segoe", "size": 56, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 14,
+                    "elements": [
+                        { "type": "text", "x": 200, "y": -1045, "text": "Sobre la mesa están las galletas que acaban de cocinar. ¡Qué buena idea! Así todos", "style": { "font": "crayon", "size": 120, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "formarán parte del árbol.", "style": { "font": "crayon", "size": 120, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 15,
+                    "elements": [
+                        { "type": "text", "x": 50, "y": 181, "text": "Al día siguiente, {{child_1}}, {{child_2}} y {{child_3}} no quitan ojo del árbol", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 50, "y": 204, "text": "esperando el próximo sobre. Pero, esta vez, la siguiente prueba aparece junto a la", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 50, "y": 227, "text": "chimenea. ¿La enviará Papá Noel? La carta dice que deberán montar una banda de", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 50, "y": 250, "text": "villancicos.", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": -5, "y": -152, "text": "{{child_1}}", "style": { "font": "ebrima", "size": 70, "color": "black" } },
+                        { "type": "text", "x": -4, "y": -142, "text": "{{child_2}}", "style": { "font": "ebrima", "size": 70, "color": "black" } },
+                        { "type": "text", "x": -5, "y": -132, "text": "{{child_3}}", "style": { "font": "ebrima", "size": 70, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 16,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 325, "y": 1015 },
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1700, "y": 1320 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 2025, "y": 990 },
+                        { "type": "photo", "content": "photo_hijo_3", "x": 1285, "y": 995 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "Fabrican unas entradas para {{adult_0}}, y organizan un concierto en el", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "salón. {{child_1}}, {{child_2}} y {{child_3}} tocan la pandereta, Trasto la zambomba", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "y juntos cantan villancicos hasta el anochecer. A todos les parece muy", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "divertido; a los vecinos, no tanto.", "style": { "font": "segoe", "size": 56, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 17,
+                    "elements": [
+                        { "type": "text", "x": 200, "y": -1045, "text": "La cuarta prueba aparece en la caja de los bloques de construcción. Les pide que", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "reúnan aquellos juguetes que ya no utilicen y se los regalen a niños y niñas que", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "tienen menos que ellas.", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": -35, "y": -5, "text": "{{child_1}}", "style": { "font": "ebrima", "size": 70, "color": "black" } },
+                        { "type": "text", "x": -25, "y": 35, "text": "{{child_2}}", "style": { "font": "ebrima", "size": 70, "color": "black" } },
+                        { "type": "text", "x": -15, "y": 55, "text": "{{child_3}}", "style": { "font": "ebrima", "size": 70, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 18,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 565, "y": 845 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 920, "y": 818 },
+                        { "type": "photo", "content": "photo_hijo_3", "x": 255, "y": 965 },
+                        { "type": "text", "x": 50, "y": 955, "text": "Esta prueba es muy difícil porque les da mucha pena despedirse de sus posesiones,", "style": { "font": "ebrima", "size": 64, "color": "black" } },
+                        { "type": "text", "x": 50, "y": 1045, "text": "pero les ayuda a pensar en lo felices que estarán otros niños jugando con ellas.", "style": { "font": "ebrima", "size": 64, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 19,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 885, "y": 544 },
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1178, "y": 1025 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 1435, "y": 1020 },
+                        { "type": "photo", "content": "photo_hijo_3", "x": 910, "y": 1080 }
+                    ]
+                },
+                {
+                    "page_id": 20,
+                    "elements": [
+                        { "type": "text", "x": 0, "y": 1045, "text": "La quinta prueba tarda varios días en aparecer...", "style": { "font": "segoe", "size": 56, "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 21,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 956, "y": 560 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 1356, "y": 560 },
+                        { "type": "photo", "content": "photo_hijo_3", "x": 1792, "y": 565 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "La descubre Trasto en su cama junto a un trozo de carbón. Tienen que crear", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "sus propias felicitaciones de Navidad y enviárselas a sus amigos y familiares.", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "Se pasan el día rodeados de cartulinas de colores, témperas y purpurina. La", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "purpurina aparece hasta en la sopa de la cena.", "style": { "font": "segoe", "size": 56, "color": "black" } },
+                        { "type": "text", "x": 15, "y": 5, "text": "{{child_1}}", "style": { "font": "ebrima", "size": 70, "color": "black" } },
+                        { "type": "text", "x": 20, "y": 50, "text": "{{child_2}}", "style": { "font": "ebrima", "size": 70, "color": "black" } },
+                        { "type": "text", "x": 25, "y": 75, "text": "{{child_3}}", "style": { "font": "ebrima", "size": 70, "color": "black" } }
+                    ]
+                },
+                {
+                    "page_id": 23,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1972, "y": 1020 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 862, "y": 1150 },
+                        { "type": "text", "x": -138, "y": 70, "text": "{{child_1}}", "style": { "font": "ebrima", "size": 70, "color": "black", "rotation": 90 } },
+                        { "type": "text", "x": -7, "y": 90, "text": "{{child_2}}", "style": { "font": "ebrima", "size": 70, "color": "black", "rotation": 90 } },
+                        { "type": "text", "x": 125, "y": 80, "text": "{{child_3}}", "style": { "font": "ebrima", "size": 70, "color": "black", "rotation": 90 } }
+                    ]
+                },
+                {
+                    "page_id": 24,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 1135, "y": 740 },
+                        { "type": "photo", "content": "photo_hijo_3", "x": 282, "y": 510 },
+                        { "type": "text", "x": 0, "y": 1045, "text": "Un sexto sobre aparece dentro del congelador.", "style": { "gravity": "CENTER", "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 25,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 315, "y": 522 },
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1110, "y": 905 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 1925, "y": 975 },
+                        { "type": "photo", "content": "photo_hijo_3", "x": 565, "y": 895 },
+                        { "type": "text", "x": 200, "y": 865, "text": "Toda la familia debe salir a buscar dos adornos de Navidad, el más grande y", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                        { "type": "text", "x": 200, "y": 955, "text": "el más pequeño que puedan encontrar. Sin duda el mejor lugar para conseguir", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                        { "type": "text", "x": 200, "y": 1045, "text": "adornos es el mercadillo de la ciudad.", "style": { "font": "segoe", "size": 56, "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 26,
+                    "elements": [
+                         { "type": "text", "x": 200, "y": -1045, "text": "El camino está deslumbrante. Cascadas de luces adornan las calles y estrellas de", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                         { "type": "text", "x": 200, "y": -955, "text": "colores cubren el cielo como si fuera el firmamento. Pasan junto a un Belén en el", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                         { "type": "text", "x": 200, "y": -865, "text": "que las figuras se mueven y el río tiene agua de verdad, ¿habrá peces bebiendo?", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                         { "type": "photo", "content": "photo_hijo_2", "x": 1025, "y": 745 },
+                         { "type": "photo", "content": "photo_hijo_3", "x": 790, "y": 770 }
+                    ]
+                },
+                {
+                    "page_id": 27,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 758, "y": 570 },
+                        { "type": "photo", "content": "photo_hijo_3", "x": 1720, "y": 1035 },
+                        { "type": "text", "x": 750, "y": -1045, "text": "En el mercadillo compran bastoncillos de caramelo, mazapanes", "style": { "gravity": "WEST", "color": "white" } },
+                        { "type": "text", "x": 750, "y": -955, "text": "y un gorro gigante. ¿Será lo bastante grande?", "style": { "gravity": "WEST", "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 28,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_2", "x": 1030, "y": 950 },
+                        { "type": "photo", "content": "photo_hijo_3", "x": 600, "y": 1030 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "{{adult_0}} ha encontrado una estrella de madera muy", "style": { "gravity": "WEST", "color": "white" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "pequeña, pero {{child_1}}, {{child_2}} y {{child_3}}", "style": { "gravity": "WEST", "color": "white" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "no están muy seguras de haber superado la prueba.", "style": { "gravity": "WEST", "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 29,
+                    "elements": [
+                         { "type": "photo", "content": "photo_adulto_0", "x": 272, "y": 515 },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 655, "y": 288 },
+                         { "type": "photo", "content": "photo_hijo_2", "x": 1435, "y": 945 },
+                         { "type": "photo", "content": "photo_hijo_3", "x": 1825, "y": 965 },
+                         { "type": "text", "x": 200, "y": 775, "text": "De camino a casa empieza a nevar y las calles se cubren de un manto blanco.", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                         { "type": "text", "x": 200, "y": 865, "text": "Toda la familia comienza a hacer un muñeco de nieve. Los mazapanes sirven de", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                         { "type": "text", "x": 200, "y": 955, "text": "ojos y un bastoncillo de nariz. Le colocan el gorro sobre la cabeza. Cuando se", "style": { "font": "segoe", "size": 56, "color": "white" } },
+                         { "type": "text", "x": 200, "y": 1045, "text": "quieren dar cuenta, han hecho un muñeco de nieve más grande que {{adult_0}}.", "style": { "font": "segoe", "size": 56, "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 30,
+                    "elements": [
+                        { "type": "text", "x": 650, "y": -1045, "text": "Un copo de nieve diminuto cae sobre el pelo rojo de Trasto", "style": { "gravity": "WEST", "color": "white" } },
+                        { "type": "text", "x": 650, "y": -955, "text": "y, sorprendentemente, no se derrite. ¡Parece magia!", "style": { "gravity": "WEST", "color": "white" } },
+                        { "type": "text", "x": 650, "y": -865, "text": "¡Ahora sí que lo han conseguido!", "style": { "gravity": "WEST", "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 31,
+                    "elements": [
+                        { "type": "text", "x": 450, "y": -1045, "text": "Ha llegado el gran día. Es muy temprano y,", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 450, "y": -955, "text": "antes de que se despierte {{adult_0}},", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 450, "y": -865, "text": "{{child_1}}, {{child_2}} y {{child_3}} corren", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 450, "y": -775, "text": "ilusionadas a abrir los regalos que están", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 450, "y": -685, "text": "debajo del árbol. ¿Cuál será el más", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 450, "y": -595, "text": "maravilloso del mundo?", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 32,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1115, "y": 1075 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 1825, "y": 925 },
+                        { "type": "photo", "content": "photo_hijo_3", "x": 655, "y": 1185 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "Allí están un juego de mesa, muchos libros, un", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "oso de peluche gigante y un patinete. Al fondo,", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "envuelta en papel rojo con un lazo dorado, hay", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "una caja muy muy pequeña. Tan pequeña que", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -685, "text": "{{child_1}}, {{child_2}} y {{child_3}} no", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -595, "text": "creen que ahí dentro pueda haber ningún", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -505, "text": "regalo especial.", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 33,
+                    "elements": [
+                         { "type": "photo", "content": "photo_hijo_1", "x": 1050, "y": 1310 },
+                         { "type": "photo", "content": "photo_hijo_2", "x": 715, "y": 1425 },
+                         { "type": "photo", "content": "photo_hijo_3", "x": 1580, "y": 1410 }
+                    ]
+                },
+                {
+                    "page_id": 34,
+                    "elements": [
+                        { "type": "text", "x": 300, "y": -1045, "text": "La abren desconfiadas y dentro descubren un sobre. Un sobre igual al que han", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 300, "y": -955, "text": "recibido todos los días anteriores. En él hay una carta sin firmar cuyo mensaje", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 300, "y": -865, "text": "es muy claro, una sola palabra escrita en letra grande, que les dice cuál es el", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 300, "y": -775, "text": "mejor regalo que podemos tener en Navidad:", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 100, "y": 20, "text": "Familia", "style": { "size": 250, "color": "red" } }
+                    ]
+                },
+                {
+                    "page_id": 35,
+                    "elements": [
+                         { "type": "photo", "content": "photo_adulto_0", "x": 685, "y": 805 },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 1020, "y": 1365 },
+                         { "type": "photo", "content": "photo_hijo_2", "x": 1575, "y": 1375 },
+                         { "type": "photo", "content": "photo_hijo_3", "x": 1885, "y": 1375 },
+                         { "type": "text", "x": 200, "y": -1045, "text": "La casa de {{child_1}}, {{child_2}} y {{child_3}} ya no está en silencio.", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -955, "text": "Toda su familia ha venido a celebrar con ellas la Navidad. Ríen, cantan,", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -865, "text": "bailan el burrito sabanero y {{adult_0}} casi se atraganta con un polvorón.", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -775, "text": "Todos están convencidos de haber conseguido el regalo más maravilloso", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -685, "text": "del mundo.", "style": { "gravity": "WEST" } }
+                    ]
+                }
+             ]
+        },
+        "2_adults_1_child": {
+            "description": "2 Adultos, 1 Niño/a",
+            "pages": [
+                  {
+                    "page_id": 0,
+                    "elements": [
+                        { "type": "text", "x": 1325, "y": -900, "text": "El Mejor Regalo", "style": { "font": "fancy", "size": 175, "color": "white" } },
+                        { "type": "text", "x": 1325, "y": -710, "text": "De La Navidad", "style": { "font": "fancy", "size": 175, "color": "white" } },
+                        { "type": "text", "x": 2845, "y": -1050, "text": "El Mejor Regalo De La Navidad", "style": { "font": "main", "size": 50, "color": "red", "gravity": "EAST", "rotation": -90 } },
+                        { "type": "photo", "content": "photo_adulto_0", "x": 3810, "y": 1000 },
+                        { "type": "photo", "content": "photo_adulto_1", "x": 3295, "y": 1000 },
+                        { "type": "photo", "content": "photo_hijo_1", "x": 4762, "y": 1365 }
+                    ]
+                 },
+                 {
+                    "page_id": 4,
+                    "elements": [
+                        { "type": "photo", "content": "photo_dedicatoria", "x": 353, "y": 216 },
+                        { "type": "text", "x": 120, "y": 350, "text": "{{dedication}}", "style": { "font": "main", "size": 63, "color": "black", "rotation": 9 } }
+                    ]
+                 },
+                 {
+                    "page_id": 5,
+                    "elements": [
+                         { "type": "text", "x": 200, "y": -1045, "text": "Es muy temprano y la casa de {{child_1}}", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -955, "text": "está en silencio. Aún no se escucha la", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -865, "text": "cucharilla dando vueltas al café", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -775, "text": "de {{adult_0}} ni la tostadora con el pan", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -685, "text": "de {{adult_1}}. Pero {{child_1}} ha oído", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -595, "text": "un ruido en el salón y se levanta", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -505, "text": "a investigar.", "style": { "gravity": "WEST" } },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 1456, "y": 1150 }
+                    ]
+                 },
+                 {
+                    "page_id": 6,
+                    "elements": [
+                        { "type": "text", "x": 0, "y": 775, "text": "Al lado del sofá ha crecido un abeto, igualito que un árbol de", "style": { "color": "white", "size": 55, "rotation": -5 } },
+                        { "type": "text", "x": 0, "y": 865, "text": "Navidad, pero sin adornos. De él cuelga una cuerda con un sobre", "style": { "color": "white", "size": 55, "rotation": -5 } },
+                        { "type": "text", "x": 0, "y": 955, "text": "que lleva su nombre escrito con letra grande.", "style": { "color": "white", "size": 55, "rotation": -5 } },
+                        { "type": "text", "x": 0, "y": 1045, "text": "{{child_1}} se apresura a cogerlo.", "style": { "color": "white", "size": 55, "rotation": -5 } },
+                        { "type": "text", "x": -10, "y": -40, "text": "{{child_1}}", "style": { "color": "black", "size": 55, "rotation": -5 } }
+                    ]
+                },
+                 {
+                    "page_id": 7,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 927, "y": 628 },
+                        { "type": "photo", "content": "photo_adulto_1", "x": 953, "y": 983 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "Dentro del sobre hay una carta sin firmar", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "cuyas instrucciones son claras:", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 8,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1075, "y": 1330 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "“Si quieres recibir el regalo de Navidad más maravilloso del mundo, tendrás que", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "superar una serie de pruebas”. ¡Qué emocionante! ¿Quién mandará esa carta?", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "Algo cae de dentro del sobre y se esparce por el suelo. ¡Es arena!", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "¡Lo han enviado los Reyes Magos! {{child_1}} no se lo puede creer,", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -685, "text": "los mismísimos Reyes Magos les han mandado una carta, ¡a {{child_1}}!", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 9,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 550, "y": 1192 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "La primera prueba que debe superar consiste en cocinar las galletas de", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "Navidad más originales.", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "¡No hay tiempo que perder! Nunca ha cocinado galletas, pero no puede ser", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "tan difícil.", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 10,
+                    "elements": [
+                        { "type": "text", "x": 200, "y": 685, "text": "Seguro que llevan harina, huevos, mantequilla y azúcar, mucho azúcar. Abren el", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": 775, "text": "armario de las especias y añaden canela, jengibre, nuez moscada y virutas de", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": 865, "text": "chocolate, ¡serán las galletas más deliciosas que han comido jamás! Toda la", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": 955, "text": "casa huele a Navidad.", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": 1045, "text": "Amasan la mezcla y le dan la forma de los miembros de la familia.", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 11,
+                    "elements": [
+                         { "type": "photo", "content": "photo_adulto_0", "x": 900, "y": 458 },
+                         { "type": "photo", "content": "photo_adulto_1", "x": 1550, "y": 462 },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 1295, "y": 942 },
+                        { "type": "text", "x": 200, "y": 865, "text": "Las sacan del horno y las prueban aún calientes. Son muy bonitas, pero están", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": 955, "text": "durísimas, no se las pueden comer, a no ser que quieran romperse los dientes.", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": 1045, "text": "¡Qué decepción!", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 12,
+                    "elements": [
+                        { "type": "text", "x": 200, "y": -1045, "text": "Están pensando en intentarlo de nuevo cuando descubren un nuevo sobre", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "colgado del árbol. En él viene explicada la segunda prueba: debe decorar el", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "árbol de una manera especial.", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 15, "y": 60, "text": "{{child_1}}", "style": { "size": 50 } }
+                    ]
+                },
+                {
+                    "page_id": 13,
+                    "elements": [
+                         { "type": "photo", "content": "photo_adulto_0", "x": 450, "y": 828 },
+                         { "type": "photo", "content": "photo_adulto_1", "x": 1595, "y": 1360 },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 1025, "y": 1315 },
+                         { "type": "text", "x": 200, "y": -1045, "text": "{{child_1}}, con ayuda de {{adult_0}} y {{adult_1}}, lo adorna con", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -955, "text": "bolas de colores, guirnaldas de espumillón y una estrella en la punta,", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -865, "text": "como todos los años. ¿Qué puede hacer para que este año sea especial?", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 14,
+                    "elements": [
+                        { "type": "text", "x": 200, "y": -1045, "text": "Sobre la mesa están las galletas que acaba de cocinar. ¡Qué buena idea! Así todos", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "formarán parte del árbol.", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 15,
+                    "elements": [
+                        { "type": "text", "x": 50, "y": 181, "text": "Al día siguiente, {{child_1}} no quita ojo del árbol esperando el próximo sobre.", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 50, "y": 204, "text": "Pero, esta vez, la siguiente prueba aparece junto a la chimenea. ¿La enviará", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 50, "y": 227, "text": "Papá Noel? La carta dice que deberá montar una banda de villancicos.", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": -5, "y": -152, "text": "{{child_1}}", "style": { "size": 35 } }
+                    ]
+                },
+                {
+                    "page_id": 16,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 325, "y": 1015 },
+                        { "type": "photo", "content": "photo_adulto_1", "x": 660, "y": 1040 },
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1700, "y": 1320 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "Fabrican unas entradas para {{adult_0}} y {{adult_1}}, y organizan un concierto en el", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "salón. {{child_1}} toca la pandereta, Trasto la zambomba", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "y juntos cantan villancicos hasta el anochecer. A todos les parece muy", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "divertido; a los vecinos, no tanto.", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 17,
+                    "elements": [
+                        { "type": "text", "x": 200, "y": -1045, "text": "La cuarta prueba aparece en la caja de los bloques de construcción. Les pide que", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "reúnan aquellos juguetes que ya no utilicen y se los regalen a niños y niñas que", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "tienen menos que ellas.", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": -35, "y": 15, "text": "{{child_1}}", "style": { "size": 50 } }
+                    ]
+                },
+                {
+                    "page_id": 18,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 565, "y": 845 },
+                        { "type": "text", "x": 50, "y": 955, "text": "Esta prueba es muy difícil porque les da mucha pena despedirse de sus posesiones,", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 50, "y": 1045, "text": "pero les ayuda a pensar en lo felices que estarán otros niños jugando con ellas.", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 19,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 885, "y": 544 },
+                        { "type": "photo", "content": "photo_adulto_1", "x": 1255, "y": 515 },
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1178, "y": 1025 }
+                    ]
+                },
+                {
+                    "page_id": 20,
+                    "elements": [
+                        { "type": "text", "x": 0, "y": 1045, "text": "La quinta prueba tarda varios días en aparecer...", "style": { "gravity": "CENTER", "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 21,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 956, "y": 560 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "La descubre Trasto en su cama junto a un trozo de carbón. Tienen que crear", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "sus propias felicitaciones de Navidad y enviárselas a sus amigos y familiares.", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "Se pasan el día rodeados de cartulinas de colores, témperas y purpurina. La", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "purpurina aparece hasta en la sopa de la cena.", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 15, "y": 5, "text": "{{child_1}}", "style": { "size": 35 } }
+                    ]
+                },
+                {
+                    "page_id": 23,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1972, "y": 1020 },
+                        { "type": "text", "x": -138, "y": 70, "text": "{{child_1}}", "style": { "size": 35 } }
+                    ]
+                },
+                {
+                    "page_id": 24,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 1135, "y": 740 },
+                        { "type": "text", "x": 0, "y": 1045, "text": "Un sexto sobre aparece dentro del congelador.", "style": { "gravity": "CENTER", "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 25,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 315, "y": 522 },
+                        { "type": "photo", "content": "photo_adulto_1", "x": 1505, "y": 570 },
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1110, "y": 905 },
+                        { "type": "text", "x": 200, "y": 865, "text": "Toda la familia debe salir a buscar dos adornos de Navidad, el más grande y", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": 955, "text": "el más pequeño que puedan encontrar. Sin duda el mejor lugar para conseguir", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": 1045, "text": "adornos es el mercadillo de la ciudad.", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 26,
+                    "elements": [
+                         { "type": "text", "x": 200, "y": -1045, "text": "El camino está deslumbrante. Cascadas de luces adornan las calles y estrellas de", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -955, "text": "colores cubren el cielo como si fuera el firmamento. Pasan junto a un Belén en el", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -865, "text": "que las figuras se mueven y el río tiene agua de verdad, ¿habrá peces bebiendo?", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 27,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 758, "y": 570 },
+                        { "type": "text", "x": 750, "y": -1045, "text": "En el mercadillo compran bastoncillos de caramelo, mazapanes", "style": { "gravity": "WEST", "color": "white" } },
+                        { "type": "text", "x": 750, "y": -955, "text": "y un gorro gigante. ¿Será lo bastante grande?", "style": { "gravity": "WEST", "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 28,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_1", "x": 1490, "y": 645 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "{{adult_1}} ha encontrado una estrella de madera muy", "style": { "gravity": "WEST", "color": "white" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "pequeña, pero {{child_1}} no está muy segura", "style": { "gravity": "WEST", "color": "white" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "de haber superado la prueba.", "style": { "gravity": "WEST", "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 29,
+                    "elements": [
+                         { "type": "photo", "content": "photo_adulto_0", "x": 272, "y": 515 },
+                         { "type": "photo", "content": "photo_adulto_1", "x": 1710, "y": 475 },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 655, "y": 288 },
+                         { "type": "text", "x": 200, "y": 775, "text": "De camino a casa empieza a nevar y las calles se cubren de un manto blanco.", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": 865, "text": "Toda la familia comienza a hacer un muñeco de nieve. Los mazapanes sirven de", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": 955, "text": "ojos y un bastoncillo de nariz. Le colocan el gorro sobre la cabeza. Cuando se", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": 1045, "text": "quieren dar cuenta, han hecho un muñeco de nieve más grande que {{adult_1}}.", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 30,
+                    "elements": [
+                        { "type": "text", "x": 650, "y": -1045, "text": "Un copo de nieve diminuto cae sobre el pelo rojo de Trasto", "style": { "gravity": "WEST", "color": "white" } },
+                        { "type": "text", "x": 650, "y": -955, "text": "y, sorprendentemente, no se derrite. ¡Parece magia!", "style": { "gravity": "WEST", "color": "white" } },
+                        { "type": "text", "x": 650, "y": -865, "text": "¡Ahora sí que lo han conseguido!", "style": { "gravity": "WEST", "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 31,
+                    "elements": [
+                        { "type": "text", "x": 450, "y": -1045, "text": "Ha llegado el gran día. Es muy temprano y,", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 450, "y": -955, "text": "antes de que se despierten {{adult_0}} y", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 450, "y": -865, "text": "{{adult_1}}, {{child_1}} corre ilusionada a abrir", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 450, "y": -775, "text": "los regalos que están debajo del árbol.", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 450, "y": -685, "text": "¿Cuál será el más", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 450, "y": -595, "text": "maravilloso del mundo?", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 32,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1115, "y": 1075 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "Allí están un juego de mesa, muchos libros, un", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "oso de peluche gigante y un patinete. Al fondo,", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "envuelta en papel rojo con un lazo dorado, hay", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "una caja muy muy pequeña. Tan pequeña que", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -685, "text": "{{child_1}} no cree que ahí", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -595, "text": "dentro pueda haber ningún regalo especial.", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 34,
+                    "elements": [
+                        { "type": "text", "x": 300, "y": -1045, "text": "La abre desconfiada y dentro descubre un sobre. Un sobre igual al que ha", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 300, "y": -955, "text": "recibido todos los días anteriores. En él hay una carta sin firmar cuyo mensaje", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 300, "y": -865, "text": "es muy claro, una sola palabra escrita en letra grande, que le dice cuál es el", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 300, "y": -775, "text": "mejor regalo que podemos tener en Navidad:", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 100, "y": 20, "text": "Familia", "style": { "size": 250, "color": "red" } }
+                    ]
+                },
+                {
+                    "page_id": 35,
+                    "elements": [
+                         { "type": "photo", "content": "photo_adulto_0", "x": 685, "y": 805 },
+                         { "type": "photo", "content": "photo_adulto_1", "x": 1285, "y": 815 },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 1020, "y": 1365 },
+                         { "type": "text", "x": 200, "y": -1045, "text": "La casa de {{child_1}} ya no está en silencio. Toda su familia", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -955, "text": "ha venido a celebrar con ella la Navidad. Ríen, cantan, bailan el burrito", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -865, "text": "sabanero y {{adult_0}} casi se atraganta con un polvorón.", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -775, "text": "Todos están convencidos de haber conseguido el regalo más maravilloso", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -685, "text": "del mundo.", "style": { "gravity": "WEST" } }
+                    ]
+                }
+            ]
+        },
+        "2_adults_2_children": {
+             "description": "2 Adultos, 2 Niños/as",
+             "pages": [
+                 {
+                    "page_id": 0,
+                    "elements": [
+                        { "type": "text", "x": 1325, "y": -900, "text": "El Mejor Regalo", "style": { "font": "fancy", "size": 175, "color": "white" } },
+                        { "type": "text", "x": 1325, "y": -710, "text": "De La Navidad", "style": { "font": "fancy", "size": 175, "color": "white" } },
+                        { "type": "text", "x": 2845, "y": -1050, "text": "El Mejor Regalo De La Navidad", "style": { "font": "main", "size": 50, "color": "red", "gravity": "EAST", "rotation": -90 } },
+                        { "type": "photo", "content": "photo_adulto_0", "x": 3810, "y": 1000 },
+                        { "type": "photo", "content": "photo_adulto_1", "x": 3295, "y": 1000 },
+                        { "type": "photo", "content": "photo_hijo_1", "x": 4762, "y": 1365 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 4335, "y": 1525 }
+                    ]
+                 },
+                 {
+                    "page_id": 4,
+                    "elements": [
+                        { "type": "photo", "content": "photo_dedicatoria", "x": 353, "y": 216 },
+                        { "type": "text", "x": 120, "y": 350, "text": "{{dedication}}", "style": { "font": "main", "size": 63, "color": "black", "rotation": 9 } }
+                    ]
+                 },
+                 {
+                    "page_id": 5,
+                    "elements": [
+                         { "type": "text", "x": 200, "y": -1045, "text": "Es muy temprano y la casa de {{child_1}} y", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -955, "text": "{{child_2}} está en silencio. Aún no se", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -865, "text": "escucha la cucharilla dando vueltas al café", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -775, "text": "de {{adult_0}} ni la tostadora con el pan", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -685, "text": "de {{adult_1}}. Pero {{child_1}} y {{child_2}}", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -595, "text": "han oído un ruido en el salón y se levantan", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -505, "text": "a investigar.", "style": { "gravity": "WEST" } },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 1456, "y": 1150 },
+                         { "type": "photo", "content": "photo_hijo_2", "x": 595, "y": 1202 }
+                    ]
+                 },
+                 {
+                    "page_id": 6,
+                    "elements": [
+                        { "type": "text", "x": 0, "y": 775, "text": "Al lado del sofá ha crecido un abeto, igualito que un árbol de", "style": { "color": "white", "size": 55, "rotation": -5 } },
+                        { "type": "text", "x": 0, "y": 865, "text": "Navidad, pero sin adornos. De él cuelga una cuerda con un sobre", "style": { "color": "white", "size": 55, "rotation": -5 } },
+                        { "type": "text", "x": 0, "y": 955, "text": "que lleva sus nombres escritos con letra grande.", "style": { "color": "white", "size": 55, "rotation": -5 } },
+                        { "type": "text", "x": 0, "y": 1045, "text": "{{child_1}} y {{child_2}} se apresuran a cogerlo.", "style": { "color": "white", "size": 55, "rotation": -5 } },
+                        { "type": "text", "x": -10, "y": -35, "text": "{{child_1}}", "style": { "color": "black", "size": 55, "rotation": -5 } },
+                        { "type": "text", "x": -10, "y": -20, "text": "{{child_2}}", "style": { "color": "black", "size": 55, "rotation": -5 } }
+                    ]
+                },
+                 {
+                    "page_id": 7,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 927, "y": 628 },
+                        { "type": "photo", "content": "photo_adulto_1", "x": 953, "y": 983 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "Dentro del sobre hay una carta sin firmar", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "cuyas instrucciones son claras:", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 8,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1075, "y": 1330 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 1520, "y": 1340 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "“Si quieren recibir el regalo de Navidad más maravilloso del mundo, tendrán que", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "superar una serie de pruebas”. ¡Qué emocionante! ¿Quién mandará esa carta?", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "Algo cae de dentro del sobre y se esparce por el suelo. ¡Es arena!", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "¡Lo han enviado los Reyes Magos! {{child_1}} y {{child_2}} no se lo", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -685, "text": "pueden creer, los mismísimos Reyes Magos les han mandado una carta, ¡a ellos!", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 9,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 550, "y": 1192 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 1438, "y": 1243 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "La primera prueba que deben superar consiste en cocinar las galletas de", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "Navidad más originales.", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "¡No hay tiempo que perder! Nunca han cocinado galletas, pero no puede ser", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "tan difícil.", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 10,
+                    "elements": [
+                        { "type": "text", "x": 200, "y": 685, "text": "Seguro que llevan harina, huevos, mantequilla y azúcar, mucho azúcar. Abren el", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": 775, "text": "armario de las especias y añaden canela, jengibre, nuez moscada y virutas de", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": 865, "text": "chocolate, ¡serán las galletas más deliciosas que han comido jamás! Toda la", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": 955, "text": "casa huele a Navidad.", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": 1045, "text": "Amasan la mezcla y le dan la forma de los miembros de la familia.", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 11,
+                    "elements": [
+                         { "type": "photo", "content": "photo_adulto_0", "x": 900, "y": 458 },
+                         { "type": "photo", "content": "photo_adulto_1", "x": 1550, "y": 462 },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 1295, "y": 942 },
+                         { "type": "photo", "content": "photo_hijo_2", "x": 530, "y": 758 },
+                        { "type": "text", "x": 200, "y": 865, "text": "Las sacan del horno y las prueban aún calientes. Son muy bonitas, pero están", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": 955, "text": "durísimas, no se las pueden comer, a no ser que quieran romperse los dientes.", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": 1045, "text": "¡Qué decepción!", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 12,
+                    "elements": [
+                        { "type": "text", "x": 200, "y": -1045, "text": "Están pensando en intentarlo de nuevo cuando descubren un nuevo sobre", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "colgado del árbol. En él viene explicada la segunda prueba: deben decorar el", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "árbol de una manera especial.", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 15, "y": 60, "text": "{{child_1}}", "style": { "size": 50 } },
+                        { "type": "text", "x": 17, "y": 90, "text": "{{child_2}}", "style": { "size": 50 } }
+                    ]
+                },
+                {
+                    "page_id": 13,
+                    "elements": [
+                         { "type": "photo", "content": "photo_adulto_0", "x": 450, "y": 828 },
+                         { "type": "photo", "content": "photo_adulto_1", "x": 1595, "y": 1360 },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 1025, "y": 1315 },
+                         { "type": "photo", "content": "photo_hijo_2", "x": 1720, "y": 1442 },
+                         { "type": "text", "x": 200, "y": -1045, "text": "{{child_1}} y {{child_2}}, con ayuda de {{adult_0}} y {{adult_1}}, lo adornan", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -955, "text": "con bolas de colores, guirnaldas de espumillón y una estrella en la punta,", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -865, "text": "como todos los años. ¿Qué pueden hacer para que este año sea especial?", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 14,
+                    "elements": [
+                        { "type": "text", "x": 200, "y": -1045, "text": "Sobre la mesa están las galletas que acaban de cocinar. ¡Qué buena idea! Así todos", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "formarán parte del árbol.", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 15,
+                    "elements": [
+                        { "type": "text", "x": 50, "y": 181, "text": "Al día siguiente, {{child_1}} y {{child_2}} no quitan ojo del árbol", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 50, "y": 204, "text": "esperando el próximo sobre. Pero, esta vez, la siguiente prueba aparece junto a la", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 50, "y": 227, "text": "chimenea. ¿La enviará Papá Noel? La carta dice que deberán montar una banda de", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 50, "y": 250, "text": "villancicos.", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": -5, "y": -152, "text": "{{child_1}}", "style": { "size": 35 } },
+                        { "type": "text", "x": -4, "y": -142, "text": "{{child_2}}", "style": { "size": 35 } }
+                    ]
+                },
+                {
+                    "page_id": 16,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 325, "y": 1015 },
+                        { "type": "photo", "content": "photo_adulto_1", "x": 660, "y": 1040 },
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1700, "y": 1320 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 2025, "y": 990 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "Fabrican unas entradas para {{adult_0}} y {{adult_1}}, y organizan un concierto en el", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "salón. {{child_1}} y {{child_2}} tocan la pandereta, Trasto la zambomba", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "y juntos cantan villancicos hasta el anochecer. A todos les parece muy", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "divertido; a los vecinos, no tanto.", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 17,
+                    "elements": [
+                        { "type": "text", "x": 200, "y": -1045, "text": "La cuarta prueba aparece en la caja de los bloques de construcción. Les pide que", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "reúnan aquellos juguetes que ya no utilicen y se los regalen a niños y niñas que", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "tienen menos que ellas.", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": -35, "y": -5, "text": "{{child_1}}", "style": { "size": 50 } },
+                        { "type": "text", "x": -25, "y": 35, "text": "{{child_2}}", "style": { "size": 50 } }
+                    ]
+                },
+                {
+                    "page_id": 18,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 565, "y": 845 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 920, "y": 818 },
+                        { "type": "text", "x": 50, "y": 955, "text": "Esta prueba es muy difícil porque les da mucha pena despedirse de sus posesiones,", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 50, "y": 1045, "text": "pero les ayuda a pensar en lo felices que estarán otros niños jugando con ellas.", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 19,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 885, "y": 544 },
+                        { "type": "photo", "content": "photo_adulto_1", "x": 1255, "y": 515 },
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1178, "y": 1025 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 1435, "y": 1020 }
+                    ]
+                },
+                {
+                    "page_id": 20,
+                    "elements": [
+                        { "type": "text", "x": 0, "y": 1045, "text": "La quinta prueba tarda varios días en aparecer...", "style": { "gravity": "CENTER", "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 21,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 956, "y": 560 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 1356, "y": 560 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "La descubre Trasto en su cama junto a un trozo de carbón. Tienen que crear", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "sus propias felicitaciones de Navidad y enviárselas a sus amigos y familiares.", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "Se pasan el día rodeados de cartulinas de colores, témperas y purpurina. La", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "purpurina aparece hasta en la sopa de la cena.", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 15, "y": 5, "text": "{{child_1}}", "style": { "size": 35 } },
+                        { "type": "text", "x": 20, "y": 50, "text": "{{child_2}}", "style": { "size": 35 } }
+                    ]
+                },
+                {
+                    "page_id": 23,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1972, "y": 1020 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 862, "y": 1150 },
+                        { "type": "text", "x": -138, "y": 70, "text": "{{child_1}}", "style": { "size": 35 } },
+                        { "type": "text", "x": -7, "y": 90, "text": "{{child_2}}", "style": { "size": 35 } }
+                    ]
+                },
+                {
+                    "page_id": 24,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 1135, "y": 740 },
+                        { "type": "text", "x": 0, "y": 1045, "text": "Un sexto sobre aparece dentro del congelador.", "style": { "gravity": "CENTER", "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 25,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 315, "y": 522 },
+                        { "type": "photo", "content": "photo_adulto_1", "x": 1505, "y": 570 },
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1110, "y": 905 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 1925, "y": 975 },
+                        { "type": "text", "x": 200, "y": 865, "text": "Toda la familia debe salir a buscar dos adornos de Navidad, el más grande y", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": 955, "text": "el más pequeño que puedan encontrar. Sin duda el mejor lugar para conseguir", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": 1045, "text": "adornos es el mercadillo de la ciudad.", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 26,
+                    "elements": [
+                         { "type": "text", "x": 200, "y": -1045, "text": "El camino está deslumbrante. Cascadas de luces adornan las calles y estrellas de", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -955, "text": "colores cubren el cielo como si fuera el firmamento. Pasan junto a un Belén en el", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -865, "text": "que las figuras se mueven y el río tiene agua de verdad, ¿habrá peces bebiendo?", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 27,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 758, "y": 570 },
+                        { "type": "text", "x": 750, "y": -1045, "text": "En el mercadillo compran bastoncillos de caramelo, mazapanes", "style": { "gravity": "WEST", "color": "white" } },
+                        { "type": "text", "x": 750, "y": -955, "text": "y un gorro gigante. ¿Será lo bastante grande?", "style": { "gravity": "WEST", "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 28,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_1", "x": 1490, "y": 645 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 1030, "y": 950 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "{{adult_1}} ha encontrado una estrella de madera muy", "style": { "gravity": "WEST", "color": "white" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "pequeña, pero {{child_1}} y {{child_2}} no están", "style": { "gravity": "WEST", "color": "white" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "muy seguras de haber superado la prueba.", "style": { "gravity": "WEST", "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 29,
+                    "elements": [
+                         { "type": "photo", "content": "photo_adulto_0", "x": 272, "y": 515 },
+                         { "type": "photo", "content": "photo_adulto_1", "x": 1710, "y": 475 },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 655, "y": 288 },
+                         { "type": "photo", "content": "photo_hijo_2", "x": 1435, "y": 945 },
+                         { "type": "text", "x": 200, "y": 775, "text": "De camino a casa empieza a nevar y las calles se cubren de un manto blanco.", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": 865, "text": "Toda la familia comienza a hacer un muñeco de nieve. Los mazapanes sirven de", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": 955, "text": "ojos y un bastoncillo de nariz. Le colocan el gorro sobre la cabeza. Cuando se", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": 1045, "text": "quieren dar cuenta, han hecho un muñeco de nieve más grande que {{adult_1}}.", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 30,
+                    "elements": [
+                        { "type": "text", "x": 650, "y": -1045, "text": "Un copo de nieve diminuto cae sobre el pelo rojo de Trasto", "style": { "gravity": "WEST", "color": "white" } },
+                        { "type": "text", "x": 650, "y": -955, "text": "y, sorprendentemente, no se derrite. ¡Parece magia!", "style": { "gravity": "WEST", "color": "white" } },
+                        { "type": "text", "x": 650, "y": -865, "text": "¡Ahora sí que lo han conseguido!", "style": { "gravity": "WEST", "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 31,
+                    "elements": [
+                        { "type": "text", "x": 450, "y": -1045, "text": "Ha llegado el gran día. Es muy temprano y,", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 450, "y": -955, "text": "antes de que se despierten {{adult_0}} y", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 450, "y": -865, "text": "{{adult_1}}, {{child_1}} y {{child_2}} corren ilusionadas a abrir", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 450, "y": -775, "text": "los regalos que están debajo del árbol.", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 450, "y": -685, "text": "¿Cuál será el más", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 450, "y": -595, "text": "maravilloso del mundo?", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 32,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1115, "y": 1075 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 1825, "y": 925 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "Allí están un juego de mesa, muchos libros, un", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "oso de peluche gigante y un patinete. Al fondo,", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "envuelta en papel rojo con un lazo dorado, hay", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "una caja muy muy pequeña. Tan pequeña que", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -685, "text": "{{child_1}} y {{child_2}} no creen que ahí", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -595, "text": "dentro pueda haber ningún regalo especial.", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 33,
+                    "elements": [
+                         { "type": "photo", "content": "photo_hijo_1", "x": 1050, "y": 1310 },
+                         { "type": "photo", "content": "photo_hijo_2", "x": 715, "y": 1425 }
+                    ]
+                },
+                {
+                    "page_id": 34,
+                    "elements": [
+                        { "type": "text", "x": 300, "y": -1045, "text": "La abren desconfiadas y dentro descubren un sobre. Un sobre igual al que han", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 300, "y": -955, "text": "recibido todos los días anteriores. En él hay una carta sin firmar cuyo mensaje", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 300, "y": -865, "text": "es muy claro, una sola palabra escrita en letra grande, que les dice cuál es el", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 300, "y": -775, "text": "mejor regalo que podemos tener en Navidad:", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 100, "y": 20, "text": "Familia", "style": { "size": 250, "color": "red" } }
+                    ]
+                },
+                {
+                    "page_id": 35,
+                    "elements": [
+                         { "type": "photo", "content": "photo_adulto_0", "x": 685, "y": 805 },
+                         { "type": "photo", "content": "photo_adulto_1", "x": 1285, "y": 815 },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 1020, "y": 1365 },
+                         { "type": "photo", "content": "photo_hijo_2", "x": 1575, "y": 1375 },
+                         { "type": "text", "x": 200, "y": -1045, "text": "La casa de {{child_1}} y {{child_2}} ya no está en silencio. Toda su familia", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -955, "text": "ha venido a celebrar con ellas la Navidad. Ríen, cantan, bailan el burrito", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -865, "text": "sabanero y {{adult_0}} casi se atraganta con un polvorón.", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -775, "text": "Todos están convencidos de haber conseguido el regalo más maravilloso", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -685, "text": "del mundo.", "style": { "gravity": "WEST" } }
+                    ]
+                }
+             ]
+        },
+        "2_adults_3_children": {
+             "description": "2 Adultos, 3 Niños/as",
+             "pages": [
+                 {
+                    "page_id": 0,
+                    "elements": [
+                        { "type": "text", "x": 1325, "y": -900, "text": "El Mejor Regalo", "style": { "font": "fancy", "size": 175, "color": "white" } },
+                        { "type": "text", "x": 1325, "y": -710, "text": "De La Navidad", "style": { "font": "fancy", "size": 175, "color": "white" } },
+                        { "type": "text", "x": 2845, "y": -1050, "text": "El Mejor Regalo De La Navidad", "style": { "font": "main", "size": 50, "color": "red", "gravity": "EAST", "rotation": -90 } },
+                        { "type": "photo", "content": "photo_adulto_0", "x": 3810, "y": 1000 },
+                        { "type": "photo", "content": "photo_adulto_1", "x": 3295, "y": 1000 },
+                        { "type": "photo", "content": "photo_hijo_1", "x": 4762, "y": 1365 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 4335, "y": 1525 },
+                        { "type": "photo", "content": "photo_hijo_3", "x": 4455, "y": 980 }
+                    ]
+                 },
+                 {
+                    "page_id": 4,
+                    "elements": [
+                        { "type": "photo", "content": "photo_dedicatoria", "x": 353, "y": 216 },
+                        { "type": "text", "x": 120, "y": 350, "text": "{{dedication}}", "style": { "font": "main", "size": 63, "color": "black", "rotation": 9 } }
+                    ]
+                 },
+                 {
+                    "page_id": 5,
+                    "elements": [
+                         { "type": "text", "x": 200, "y": -1045, "text": "Es muy temprano y la casa de {{child_1}},", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -955, "text": "{{child_2}} y {{child_3}} está en silencio.", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -865, "text": "Aún no se escucha la cucharilla dando vueltas", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -775, "text": "al café de {{adult_0}} ni la tostadora con el pan", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -685, "text": "de {{adult_1}}. Pero {{child_1}}, {{child_2}}", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -595, "text": "y {{child_3}} han oído un ruido en el salón y", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -505, "text": "se levantan a investigar.", "style": { "gravity": "WEST" } },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 1456, "y": 1150 },
+                         { "type": "photo", "content": "photo_hijo_2", "x": 595, "y": 1202 },
+                         { "type": "photo", "content": "photo_hijo_3", "x": 998, "y": 1365 }
+                    ]
+                 },
+                 {
+                    "page_id": 6,
+                    "elements": [
+                        { "type": "text", "x": 0, "y": 775, "text": "Al lado del sofá ha crecido un abeto, igualito que un árbol de", "style": { "color": "white", "size": 55, "rotation": -5 } },
+                        { "type": "text", "x": 0, "y": 865, "text": "Navidad, pero sin adornos. De él cuelga una cuerda con un sobre", "style": { "color": "white", "size": 55, "rotation": -5 } },
+                        { "type": "text", "x": 0, "y": 955, "text": "que lleva sus nombres escritos con letra grande.", "style": { "color": "white", "size": 55, "rotation": -5 } },
+                        { "type": "text", "x": 0, "y": 1045, "text": "{{child_1}}, {{child_2}} y {{child_3}} se apresuran a cogerlo.", "style": { "color": "white", "size": 55, "rotation": -5 } },
+                        { "type": "text", "x": -10, "y": -40, "text": "{{child_1}}", "style": { "color": "black", "size": 55, "rotation": -5 } },
+                        { "type": "text", "x": -10, "y": -25, "text": "{{child_2}}", "style": { "color": "black", "size": 55, "rotation": -5 } },
+                        { "type": "text", "x": -10, "y": -10, "text": "{{child_3}}", "style": { "color": "black", "size": 55, "rotation": -5 } }
+                    ]
+                },
+                 {
+                    "page_id": 7,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 927, "y": 628 },
+                        { "type": "photo", "content": "photo_adulto_1", "x": 953, "y": 983 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "Dentro del sobre hay una carta sin firmar", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "cuyas instrucciones son claras:", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 8,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1075, "y": 1330 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 1520, "y": 1340 },
+                        { "type": "photo", "content": "photo_hijo_3", "x": 785, "y": 1398 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "“Si quieren recibir el regalo de Navidad más maravilloso del mundo, tendrán que", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "superar una serie de pruebas”. ¡Qué emocionante! ¿Quién mandará esa carta?", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "Algo cae de dentro del sobre y se esparce por el suelo. ¡Es arena!", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "¡Lo han enviado los Reyes Magos! {{child_1}}, {{child_2}} y {{child_3}} no se lo", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -685, "text": "pueden creer, los mismísimos Reyes Magos les han mandado una carta, ¡a ellos!", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 9,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 550, "y": 1192 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 1438, "y": 1243 },
+                        { "type": "photo", "content": "photo_hijo_3", "x": 842, "y": 1200 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "La primera prueba que deben superar consiste en cocinar las galletas de", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "Navidad más originales.", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "¡No hay tiempo que perder! Nunca han cocinado galletas, pero no puede ser", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "tan difícil.", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 10,
+                    "elements": [
+                        { "type": "text", "x": 200, "y": 685, "text": "Seguro que llevan harina, huevos, mantequilla y azúcar, mucho azúcar. Abren el", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": 775, "text": "armario de las especias y añaden canela, jengibre, nuez moscada y virutas de", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": 865, "text": "chocolate, ¡serán las galletas más deliciosas que han comido jamás! Toda la", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": 955, "text": "casa huele a Navidad.", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": 1045, "text": "Amasan la mezcla y le dan la forma de los miembros de la familia.", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 11,
+                    "elements": [
+                         { "type": "photo", "content": "photo_adulto_0", "x": 900, "y": 458 },
+                         { "type": "photo", "content": "photo_adulto_1", "x": 1550, "y": 462 },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 1295, "y": 942 },
+                         { "type": "photo", "content": "photo_hijo_2", "x": 530, "y": 758 },
+                         { "type": "photo", "content": "photo_hijo_3", "x": 928, "y": 982 },
+                        { "type": "text", "x": 200, "y": 865, "text": "Las sacan del horno y las prueban aún calientes. Son muy bonitas, pero están", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": 955, "text": "durísimas, no se las pueden comer, a no ser que quieran romperse los dientes.", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": 1045, "text": "¡Qué decepción!", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 12,
+                    "elements": [
+                        { "type": "text", "x": 200, "y": -1045, "text": "Están pensando en intentarlo de nuevo cuando descubren un nuevo sobre", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "colgado del árbol. En él viene explicada la segunda prueba: deben decorar el", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "árbol de una manera especial.", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 15, "y": 60, "text": "{{child_1}}", "style": { "size": 50 } },
+                        { "type": "text", "x": 17, "y": 90, "text": "{{child_2}}", "style": { "size": 50 } },
+                        { "type": "text", "x": 17, "y": 110, "text": "{{child_3}}", "style": { "size": 50 } }
+                    ]
+                },
+                {
+                    "page_id": 13,
+                    "elements": [
+                         { "type": "photo", "content": "photo_adulto_0", "x": 450, "y": 828 },
+                         { "type": "photo", "content": "photo_adulto_1", "x": 1595, "y": 1360 },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 1025, "y": 1315 },
+                         { "type": "photo", "content": "photo_hijo_2", "x": 1720, "y": 1442 },
+                         { "type": "text", "x": 200, "y": -1045, "text": "{{child_1}}, {{child_2}} y {{child_3}}, con ayuda de {{adult_0}} y {{adult_1}}, lo adornan", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -955, "text": "con bolas de colores, guirnaldas de espumillón y una estrella en la punta,", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -865, "text": "como todos los años. ¿Qué pueden hacer para que este año sea especial?", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 14,
+                    "elements": [
+                        { "type": "text", "x": 200, "y": -1045, "text": "Sobre la mesa están las galletas que acaban de cocinar. ¡Qué buena idea! Así todos", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "formarán parte del árbol.", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 15,
+                    "elements": [
+                        { "type": "text", "x": 50, "y": 181, "text": "Al día siguiente, {{child_1}}, {{child_2}} y {{child_3}} no quitan ojo del árbol", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 50, "y": 204, "text": "esperando el próximo sobre. Pero, esta vez, la siguiente prueba aparece junto a la", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 50, "y": 227, "text": "chimenea. ¿La enviará Papá Noel? La carta dice que deberán montar una banda de", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 50, "y": 250, "text": "villancicos.", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": -5, "y": -152, "text": "{{child_1}}", "style": { "size": 35 } },
+                        { "type": "text", "x": -4, "y": -142, "text": "{{child_2}}", "style": { "size": 35 } },
+                        { "type": "text", "x": -5, "y": -132, "text": "{{child_3}}", "style": { "size": 35 } }
+                    ]
+                },
+                {
+                    "page_id": 16,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 325, "y": 1015 },
+                        { "type": "photo", "content": "photo_adulto_1", "x": 660, "y": 1040 },
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1700, "y": 1320 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 2025, "y": 990 },
+                        { "type": "photo", "content": "photo_hijo_3", "x": 1285, "y": 995 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "Fabrican unas entradas para {{adult_0}} y {{adult_1}}, y organizan un concierto en el", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "salón. {{child_1}}, {{child_2}} y {{child_3}} tocan la pandereta, Trasto la zambomba", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "y juntos cantan villancicos hasta el anochecer. A todos les parece muy", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "divertido; a los vecinos, no tanto.", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 17,
+                    "elements": [
+                        { "type": "text", "x": 200, "y": -1045, "text": "La cuarta prueba aparece en la caja de los bloques de construcción. Les pide que", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "reúnan aquellos juguetes que ya no utilicen y se los regalen a niños y niñas que", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "tienen menos que ellas.", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": -35, "y": -5, "text": "{{child_1}}", "style": { "size": 50 } },
+                        { "type": "text", "x": -25, "y": 20, "text": "{{child_2}}", "style": { "size": 50 } },
+                        { "type": "text", "x": -15, "y": 55, "text": "{{child_3}}", "style": { "size": 50 } }
+                    ]
+                },
+                {
+                    "page_id": 18,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 565, "y": 845 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 920, "y": 818 },
+                        { "type": "photo", "content": "photo_hijo_3", "x": 255, "y": 965 },
+                        { "type": "text", "x": 50, "y": 955, "text": "Esta prueba es muy difícil porque les da mucha pena despedirse de sus posesiones,", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 50, "y": 1045, "text": "pero les ayuda a pensar en lo felices que estarán otros niños jugando con ellas.", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 19,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 885, "y": 544 },
+                        { "type": "photo", "content": "photo_adulto_1", "x": 1255, "y": 515 },
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1178, "y": 1025 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 1435, "y": 1020 },
+                        { "type": "photo", "content": "photo_hijo_3", "x": 910, "y": 1080 }
+                    ]
+                },
+                {
+                    "page_id": 20,
+                    "elements": [
+                        { "type": "text", "x": 0, "y": 1045, "text": "La quinta prueba tarda varios días en aparecer...", "style": { "gravity": "CENTER", "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 21,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 956, "y": 560 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 1356, "y": 560 },
+                        { "type": "photo", "content": "photo_hijo_3", "x": 1792, "y": 565 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "La descubre Trasto en su cama junto a un trozo de carbón. Tienen que crear", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "sus propias felicitaciones de Navidad y enviárselas a sus amigos y familiares.", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "Se pasan el día rodeados de cartulinas de colores, témperas y purpurina. La", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "purpurina aparece hasta en la sopa de la cena.", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 15, "y": 5, "text": "{{child_1}}", "style": { "size": 35 } },
+                        { "type": "text", "x": 20, "y": 50, "text": "{{child_2}}", "style": { "size": 35 } },
+                        { "type": "text", "x": 25, "y": 75, "text": "{{child_3}}", "style": { "size": 35 } }
+                    ]
+                },
+                {
+                    "page_id": 23,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1972, "y": 1020 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 862, "y": 1150 },
+                        { "type": "text", "x": -138, "y": 70, "text": "{{child_1}}", "style": { "size": 35 } },
+                        { "type": "text", "x": -7, "y": 90, "text": "{{child_2}}", "style": { "size": 35 } },
+                        { "type": "text", "x": 125, "y": 80, "text": "{{child_3}}", "style": { "size": 35 } }
+                    ]
+                },
+                {
+                    "page_id": 24,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 1135, "y": 740 },
+                        { "type": "photo", "content": "photo_hijo_3", "x": 282, "y": 510 },
+                        { "type": "text", "x": 0, "y": 1045, "text": "Un sexto sobre aparece dentro del congelador.", "style": { "gravity": "CENTER", "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 25,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 315, "y": 522 },
+                        { "type": "photo", "content": "photo_adulto_1", "x": 1505, "y": 570 },
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1110, "y": 905 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 1925, "y": 975 },
+                        { "type": "photo", "content": "photo_hijo_3", "x": 565, "y": 895 },
+                        { "type": "text", "x": 200, "y": 865, "text": "Toda la familia debe salir a buscar dos adornos de Navidad, el más grande y", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": 955, "text": "el más pequeño que puedan encontrar. Sin duda el mejor lugar para conseguir", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": 1045, "text": "adornos es el mercadillo de la ciudad.", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 26,
+                    "elements": [
+                         { "type": "text", "x": 200, "y": -1045, "text": "El camino está deslumbrante. Cascadas de luces adornan las calles y estrellas de", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -955, "text": "colores cubren el cielo como si fuera el firmamento. Pasan junto a un Belén en el", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -865, "text": "que las figuras se mueven y el río tiene agua de verdad, ¿habrá peces bebiendo?", "style": { "gravity": "WEST" } },
+                         { "type": "photo", "content": "photo_hijo_2", "x": 1025, "y": 745 },
+                         { "type": "photo", "content": "photo_hijo_3", "x": 790, "y": 770 }
+                    ]
+                },
+                {
+                    "page_id": 27,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_0", "x": 758, "y": 570 },
+                        { "type": "photo", "content": "photo_hijo_3", "x": 1720, "y": 1035 },
+                        { "type": "text", "x": 750, "y": -1045, "text": "En el mercadillo compran bastoncillos de caramelo, mazapanes", "style": { "gravity": "WEST", "color": "white" } },
+                        { "type": "text", "x": 750, "y": -955, "text": "y un gorro gigante. ¿Será lo bastante grande?", "style": { "gravity": "WEST", "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 28,
+                    "elements": [
+                        { "type": "photo", "content": "photo_adulto_1", "x": 1490, "y": 645 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 1030, "y": 950 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "{{adult_1}} ha encontrado una estrella de madera muy", "style": { "gravity": "WEST", "color": "white" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "pequeña, pero {{child_1}}, {{child_2}} y {{child_3}}", "style": { "gravity": "WEST", "color": "white" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "no están muy seguras de haber superado la prueba.", "style": { "gravity": "WEST", "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 29,
+                    "elements": [
+                         { "type": "photo", "content": "photo_adulto_0", "x": 272, "y": 515 },
+                         { "type": "photo", "content": "photo_adulto_1", "x": 1710, "y": 475 },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 655, "y": 288 },
+                         { "type": "photo", "content": "photo_hijo_2", "x": 1435, "y": 945 },
+                         { "type": "photo", "content": "photo_hijo_3", "x": 1825, "y": 965 },
+                         { "type": "text", "x": 200, "y": 775, "text": "De camino a casa empieza a nevar y las calles se cubren de un manto blanco.", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": 865, "text": "Toda la familia comienza a hacer un muñeco de nieve. Los mazapanes sirven de", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": 955, "text": "ojos y un bastoncillo de nariz. Le colocan el gorro sobre la cabeza. Cuando se", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": 1045, "text": "quieren dar cuenta, han hecho un muñeco de nieve más grande que {{adult_1}}.", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 30,
+                    "elements": [
+                        { "type": "text", "x": 650, "y": -1045, "text": "Un copo de nieve diminuto cae sobre el pelo rojo de Trasto", "style": { "gravity": "WEST", "color": "white" } },
+                        { "type": "text", "x": 650, "y": -955, "text": "y, sorprendentemente, no se derrite. ¡Parece magia!", "style": { "gravity": "WEST", "color": "white" } },
+                        { "type": "text", "x": 650, "y": -865, "text": "¡Ahora sí que lo han conseguido!", "style": { "gravity": "WEST", "color": "white" } }
+                    ]
+                },
+                {
+                    "page_id": 31,
+                    "elements": [
+                        { "type": "text", "x": 450, "y": -1045, "text": "Ha llegado el gran día. Es muy temprano y,", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 450, "y": -955, "text": "antes de que se despierten {{adult_0}} y", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 450, "y": -865, "text": "{{adult_1}}, {{child_1}}, {{child_2}} y {{child_3}}", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 450, "y": -775, "text": "corren ilusionadas a abrir los regalos", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 450, "y": -685, "text": "que están debajo del árbol. ¿Cuál será", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 450, "y": -595, "text": "el más maravilloso del mundo?", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 32,
+                    "elements": [
+                        { "type": "photo", "content": "photo_hijo_1", "x": 1115, "y": 1075 },
+                        { "type": "photo", "content": "photo_hijo_2", "x": 1825, "y": 925 },
+                        { "type": "photo", "content": "photo_hijo_3", "x": 655, "y": 1185 },
+                        { "type": "text", "x": 200, "y": -1045, "text": "Allí están un juego de mesa, muchos libros, un", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -955, "text": "oso de peluche gigante y un patinete. Al fondo,", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -865, "text": "envuelta en papel rojo con un lazo dorado, hay", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -775, "text": "una caja muy muy pequeña. Tan pequeña que", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -685, "text": "{{child_1}}, {{child_2}} y {{child_3}} no", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -595, "text": "creen que ahí dentro pueda haber ningún", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 200, "y": -505, "text": "regalo especial.", "style": { "gravity": "WEST" } }
+                    ]
+                },
+                {
+                    "page_id": 33,
+                    "elements": [
+                         { "type": "photo", "content": "photo_hijo_1", "x": 1050, "y": 1310 },
+                         { "type": "photo", "content": "photo_hijo_2", "x": 715, "y": 1425 },
+                         { "type": "photo", "content": "photo_hijo_3", "x": 1580, "y": 1410 }
+                    ]
+                },
+                {
+                    "page_id": 34,
+                    "elements": [
+                        { "type": "text", "x": 300, "y": -1045, "text": "La abren desconfiadas y dentro descubren un sobre. Un sobre igual al que han", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 300, "y": -955, "text": "recibido todos los días anteriores. En él hay una carta sin firmar cuyo mensaje", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 300, "y": -865, "text": "es muy claro, una sola palabra escrita en letra grande, que les dice cuál es el", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 300, "y": -775, "text": "mejor regalo que podemos tener en Navidad:", "style": { "gravity": "WEST" } },
+                        { "type": "text", "x": 100, "y": 20, "text": "Familia", "style": { "size": 250, "color": "red" } }
+                    ]
+                },
+                {
+                    "page_id": 35,
+                    "elements": [
+                         { "type": "photo", "content": "photo_adulto_0", "x": 685, "y": 805 },
+                         { "type": "photo", "content": "photo_adulto_1", "x": 1285, "y": 815 },
+                         { "type": "photo", "content": "photo_hijo_1", "x": 1020, "y": 1365 },
+                         { "type": "photo", "content": "photo_hijo_2", "x": 1575, "y": 1375 },
+                         { "type": "photo", "content": "photo_hijo_3", "x": 1885, "y": 1375 },
+                         { "type": "text", "x": 200, "y": -1045, "text": "La casa de {{child_1}}, {{child_2}} y {{child_3}} ya no está en silencio.", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -955, "text": "Toda su familia ha venido a celebrar con ellas la Navidad. Ríen, cantan,", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -865, "text": "bailan el burrito sabanero y {{adult_0}} casi se atraganta con un polvorón.", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -775, "text": "Todos están convencidos de haber conseguido el regalo más maravilloso", "style": { "gravity": "WEST" } },
+                         { "type": "text", "x": 200, "y": -685, "text": "del mundo.", "style": { "gravity": "WEST" } }
+                    ]
+                }
+             ]
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/books/3/config/function.txt b/src/books/3/config/function.txt
new file mode 100644
index 0000000..a888a3b
--- /dev/null
+++ b/src/books/3/config/function.txt
@@ -0,0 +1,4188 @@
+function admin_book_8_generate_pdf ( $id_book_customized )
+{
+
+	$this->autoRender = false;
+
+	# obtenemos los datos del cuento a través de su id de la tabla books.
+	if ( $book = $this->Book->findById( $id_book_customized ) ) {
+
+		# iniciamos la medición del tiempo de procesamiento de creación del cuento
+		$timeOutput = new OutputTime();
+
+		# damos formato al texto de la dedicatoria
+		$book['Book']['dedication'] = wordwrap( $book['Book']['dedication'], 30, "\n" );
+
+		# creamos el código qr para incluirlo en la portada y en las páginas interiores
+		//$url_qr_image = $this->_qr_generator( $book['Book']['ref_order'] . '-' . $book['Book']['order_pdf_to_printing'], $this->params['id_book'], $book['Book']['id_cart'], $id_book_customized );
+		//$frameQrImage = new Imagick( $url_qr_image );
+
+		# cargamos las fotos de adultos, hijos y dedicatoria.
+		# definimos la variables para saber si en los textos en plural tenemos que hablar en masculino o femenimo
+		$txt_femenino = true;
+
+		# mejora para cuando solo haya un adulto poner bien los keys de los hijos
+		if ( $book['Book']['num_adultos'] == 1 ) {
+
+			if ( array_key_exists( 3, $book['BookData'] ) ) {
+
+					$book['BookData'][4] = $book['BookData'][3];
+					unset( $book['BookData'][3] );
+
+				}
+				
+				if ( array_key_exists( 2, $book['BookData'] ) ) {
+					
+					$book['BookData'][3] = $book['BookData'][2];
+					unset( $book['BookData'][2] );
+
+				}
+				
+				if ( array_key_exists( 1, $book['BookData'] ) ) {
+					
+					$book['BookData'][2] = $book['BookData'][1];
+					unset( $book['BookData'][1] );
+
+				}
+
+				ksort( $book['BookData'] );
+
+		
+		}
+
+		foreach ( $book['BookData'] as $order_prota => $prota ) {
+
+			if ( $book['Book']['num_adultos'] == 2 ) {
+
+				if ( in_array( $order_prota, array( 0, 1 ) ) ) { // adulto 1 o 2
+
+					${ 'user_image_adulto_' . $order_prota } = new Imagick( WWW_ROOT . 'files'. DS . 'cuentos' . DS . 'user-photo' . DS . $prota['foto_prota_cropped'] );
+					
+				} else {
+
+					if ( $prota['genero_prota'] == 2 ) $txt_femenino = false;
+
+					${ 'user_image_hijo_' . $order_prota } = new Imagick( WWW_ROOT . 'files'. DS . 'cuentos' . DS . 'user-photo' . DS . $prota['foto_prota_cropped'] );
+					${ 'user_image_hijo_' . $order_prota }->scaleImage( 292, 336 );
+
+				}
+
+			} else {
+
+				if ( in_array( $order_prota, array( 0 ) ) ) { // adulto 1
+
+					${ 'user_image_adulto_' . $order_prota } = new Imagick( WWW_ROOT . 'files'. DS . 'cuentos' . DS . 'user-photo' . DS . $prota['foto_prota_cropped'] );
+					
+				} else {
+
+					if ( $prota['genero_prota'] == 2 ) $txt_femenino = false;
+
+					${ 'user_image_hijo_' . $order_prota } = new Imagick( WWW_ROOT . 'files'. DS . 'cuentos' . DS . 'user-photo' . DS . $prota['foto_prota_cropped'] );
+					${ 'user_image_hijo_' . $order_prota }->scaleImage( 292, 336 );
+
+				}
+
+			}
+
+		}
+
+		if ( isset( $book['Book']['foto_dedicatoria_cropped'] ) && !empty( $book['Book']['foto_dedicatoria_cropped'] ) ) {
+
+			$user_image_dedicatoria = new Imagick( WWW_ROOT . 'files'. DS . 'cuentos' . DS . 'user-photo' . DS . $book['Book']['foto_dedicatoria_cropped'] );
+		
+		}
+		# fin cargamos las fotos del padre, dedicatoria e hijos.
+		
+		# definimos el directorio donde tenemos las láminas del cuento
+		$url_laminas = APP . 'Files' . DS . $book['Book']['id_book'] . DS . 'paginas' . DS . $book['Book']['num_adultos'] . '_adultos_' . $book['Book']['num_hijos'] . '_hijos' . DS . '300dpi';
+
+		# cargamos la imagen de cada lámina
+		for ( $i = 4;  $i <= 35 ;  $i++ ) {
+
+			if ( $i == 4 ) {
+
+				if ( !empty( $book['Book']['foto_dedicatoria_cropped'] ) ) {
+
+					${ 'frameBase' . $i } = new Imagick( $url_laminas . DS . $i . '_1.png' );
+
+				} else {
+
+					${ 'frameBase' . $i } = new Imagick( $url_laminas . DS . $i . '_2.png' );
+
+				}
+
+			} else {
+
+				${ 'frameBase' . $i } = new Imagick( $url_laminas . DS . $i . '.png' );
+
+			}
+
+			if ( IS_PRODUCTION ) {
+
+				${ 'frameBase' . $i }->setRegistry( 'temporary-path', '/home/trastobooks/tmpbig' );
+
+			}
+			
+	    }
+
+	    # array de fotos
+		$aFotos = array(
+
+			4 => array(
+				1 => array(
+					'photo_dedicatoria' => array( 'x' => 353, 'y' => 216 )
+				)
+			),
+
+			5 => array(
+				1 => array(
+					'photo_hijo_2' => array( 'x' => 1456, 'y' => 1150 )
+				),
+				2 => array(
+					'photo_hijo_3' => array( 'x' => 595, 'y' => 1202 )
+				),
+				3 => array(
+					'photo_hijo_4' => array( 'x' => 998, 'y' => 1365 )
+				)
+			),
+
+			6 => array( array() ),
+
+			7 => array(
+				1 => array(
+					'photo_adulto_0' => array( 'x' => 927, 'y' => 628 )
+				),
+				2 => array(
+					'photo_adulto_1' => array( 'x' => 953, 'y' => 983 )
+				)
+			),
+
+			8 => array(
+				1 => array(
+					'photo_hijo_2' => array( 'x' => 1075, 'y' => 1330 )
+				),
+				2 => array(
+					'photo_hijo_3' => array( 'x' => 1520, 'y' => 1340 )
+				),
+				3 => array(
+					'photo_hijo_4' => array( 'x' => 785, 'y' => 1398 )
+				)
+			),
+
+			9 => array(
+				1 => array(
+					'photo_hijo_2' => array( 'x' => 550, 'y' => 1192 )
+				),
+				2 => array(
+					'photo_hijo_3' => array( 'x' => 1438, 'y' => 1243 )
+				),
+				3 => array(
+					'photo_hijo_4' => array( 'x' => 842, 'y' => 1200 )
+				)
+			),
+
+			10 => array( array() ),
+
+			11 => array(
+				1 => array(
+					'photo_adulto_0' => array( 'x' => 900, 'y' => 458 )
+				),
+				2 => array(
+					'photo_adulto_1' => array( 'x' => 1550, 'y' => 462 )
+				),
+				3 => array(
+					'photo_hijo_2' => array( 'x' => 1295, 'y' => 942 )
+				),
+				4 => array(
+					'photo_hijo_3' => array( 'x' => 530, 'y' => 758 )
+				),
+				5 => array(
+					'photo_hijo_4' => array( 'x' => 928, 'y' => 982 )
+				)
+			),
+
+			12 => array( array() ),
+
+			13 => array(
+				1 => array(
+					'photo_adulto_0' => array( 'x' => 450, 'y' => 828 )
+				),
+				2 => array(
+					'photo_hijo_2' => array( 'x' => 1025, 'y' => 1315 )
+				),
+				3 => array(
+					'photo_hijo_3' => array( 'x' => 1720, 'y' => 1442 )
+				)
+			),
+
+			14 => array(
+				1 => array(
+					'photo_adulto_1' => array( 'x' => 1595, 'y' => 1360 )
+				),
+				2 => array(
+					'photo_hijo_4' => array( 'x' => 985, 'y' => 1350 )
+				)
+			),
+
+			15 => array( array() ),
+
+			16 => array(
+				1 => array(
+					'photo_adulto_0' => array( 'x' => 325, 'y' => 1015 )
+				),
+				2 => array(
+					'photo_adulto_1' => array( 'x' => 660, 'y' => 1040 )
+				),
+				3 => array(
+					'photo_hijo_2' => array( 'x' => 1700, 'y' => 1320 )
+				),
+				4 => array(
+					'photo_hijo_3' => array( 'x' => 2025, 'y' => 990 )
+				),
+				5 => array(
+					'photo_hijo_4' => array( 'x' => 1285, 'y' => 995 )
+				)
+			),
+
+			17 => array( array() ),
+
+			18 => array(
+				1 => array(
+					'photo_hijo_2' => array( 'x' => 565, 'y' => 845 )
+				),
+				2 => array(
+					'photo_hijo_3' => array( 'x' => 920, 'y' => 818 )
+				),
+				3 => array(
+					'photo_hijo_4' => array( 'x' => 255, 'y' => 965 )
+				)
+			),
+
+			19 => array(
+				1 => array(
+					'photo_adulto_0' => array( 'x' => 885, 'y' => 544 )
+				),
+				2 => array(
+					'photo_adulto_1' => array( 'x' => 1255, 'y' => 515 )
+				),
+				3 => array(
+					'photo_hijo_2' => array( 'x' => 1178, 'y' => 1025 )
+				),
+				4 => array(
+					'photo_hijo_3' => array( 'x' => 1435, 'y' => 1020 )
+				),
+				5 => array(
+					'photo_hijo_4' => array( 'x' => 910, 'y' => 1080 )
+				)
+			),
+
+			20 => array( array() ),
+
+			21 => array( array() ),
+
+			22 => array(
+				1 => array(
+					'photo_adulto_0' => array( 'x' => 785, 'y' => 630 )
+				),
+				2 => array(
+					'photo_adulto_1' => array( 'x' => 1515, 'y' => 782 )
+				),
+				3 => array(
+					'photo_hijo_2' => array( 'x' => 1100, 'y' => 1088 )
+				),
+				4 => array(
+					'photo_hijo_3' => array( 'x' => 1722, 'y' => 1200 )
+				),
+				5 => array(
+					'photo_hijo_4' => array( 'x' => 325, 'y' => 1175 )
+				)
+			),
+
+			23 => array( array() ),
+
+			24 => array( array() ),
+
+			25 => array(
+				1 => array(
+					'photo_adulto_0' => array( 'x' => 315, 'y' => 522 )
+				),
+				2 => array(
+					'photo_adulto_1' => array( 'x' => 1505, 'y' => 570 )
+				),
+				3 => array(
+					'photo_hijo_2' => array( 'x' => 1110, 'y' => 905 )
+				),
+				4 => array(
+					'photo_hijo_3' => array( 'x' => 1925, 'y' => 975 )
+				),
+				5 => array(
+					'photo_hijo_4' => array( 'x' => 565, 'y' => 895 )
+				)
+			),
+
+			26 => array( array() ),
+
+			27 => array(
+				1 => array(
+					'photo_adulto_0' => array( 'x' => 758, 'y' => 570 )
+				),
+				2 => array(
+					'photo_hijo_3' => array( 'x' => 1720, 'y' => 1035 )
+				)
+			),
+
+			28 => array(
+				1 => array(
+					'photo_adulto_1' => array( 'x' => 1490, 'y' => 645 )
+				),
+				2 => array(
+					'photo_hijo_2' => array( 'x' => 1030, 'y' => 950 )
+				),
+				3 => array(
+					'photo_hijo_4' => array( 'x' => 600, 'y' => 1030 )
+				)
+			),
+
+			29 => array(
+				1 => array(
+					'photo_adulto_0' => array( 'x' => 272, 'y' => 515 )
+				),
+				2 => array(
+					'photo_adulto_1' => array( 'x' => 1710, 'y' => 475 )
+				),
+				3 => array(
+					'photo_hijo_2' => array( 'x' => 655, 'y' => 288 )
+				),
+				4 => array(
+					'photo_hijo_3' => array( 'x' => 1435, 'y' => 945 )
+				),
+				5 => array(
+					'photo_hijo_4' => array( 'x' => 1825, 'y' => 965 )
+				)
+			),
+
+			30 => array( array() ),
+
+			31 => array( array() ),
+			
+			32 => array(
+				1 => array(
+					'photo_hijo_2' => array( 'x' => 1115, 'y' => 1075 )
+				),
+				2 => array(
+					'photo_hijo_3' => array( 'x' => 1825, 'y' => 925 )
+				),
+				3 => array(
+					'photo_hijo_4' => array( 'x' => 655, 'y' => 1185 )
+				)
+			),
+			
+			33 => array(
+				1 => array(
+					'photo_hijo_2' => array( 'x' => 1050, 'y' => 1310 )
+				),
+				2 => array(
+					'photo_hijo_3' => array( 'x' => 715, 'y' => 1425 )
+				),
+				3 => array(
+					'photo_hijo_4' => array( 'x' => 1580, 'y' => 1410 )
+				)
+			),
+			
+			34 => array( array() ),
+			
+			35 => array(
+				1 => array(
+					'photo_adulto_0' => array( 'x' => 685, 'y' => 805 )
+				),
+				2 => array(
+					'photo_adulto_1' => array( 'x' => 1285, 'y' => 815 )
+				),
+				3 => array(
+					'photo_hijo_2' => array( 'x' => 1020, 'y' => 1365 )
+				),
+				4 => array(
+					'photo_hijo_3' => array( 'x' => 1575, 'y' => 1375 )
+				),
+				5 => array(
+					'photo_hijo_4' => array( 'x' => 1885, 'y' => 1375 )
+				)
+			)
+			
+		);
+
+		# obtenemos los datos del family_relationship
+	    if ( isset( $book['BookData'][0]['family_relationship_id'] ) ) $aDataFamilyRelationshipAdulto0 = $this->FamilyRelationshipsBook8->findById( $book['BookData'][0]['family_relationship_id'] );
+	    if ( isset( $book['BookData'][1]['family_relationship_id'] ) ) $aDataFamilyRelationshipAdulto1 = $this->FamilyRelationshipsBook8->findById( $book['BookData'][1]['family_relationship_id'] );
+
+	    # array de texto para todas las combinaciones posibles de adultos + niños (1-1, 1-2, 1-3, 2-1, 2-2 y 2-3)
+		if ( $book['Book']['num_adultos'] == 1 && $book['Book']['num_hijos'] == 1 ) {
+
+			$aTextosTmp = array(
+
+				4 => array(
+					2 => array(
+						'txt' => $book['Book']['dedication'],
+						'coordenadas' => array( 'x' => 120, 'y' => 350 )
+					)
+				),
+
+				5 => array(
+					4 => array(
+						'txt' => 'Es muy temprano y la casa de ' . $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'está en silencio. Aún no se escucha la',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => 'cucharilla dando vueltas al café ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=5].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . '.',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					7 => array(
+						'txt' => 'Pero ' . $book['BookData'][2]['nombre_prota'] . ' ha oído un ruido en el',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					8 => array(
+						'txt' => 'salón y se levanta a investigar.',
+						'coordenadas' => array( 'x' => 200, 'y' => -685 )
+					)
+				),
+
+				6 => array(
+					1 => array(
+						'txt' => 'Al lado del sofá ha crecido un abeto, igualito que un árbol de',
+						'coordenadas' => array( 'x' => 0, 'y' => 775 )
+					),
+					2 => array(
+						'txt' => 'Navidad, pero sin adornos. De él cuelga una cuerda con un sobre',
+						'coordenadas' => array( 'x' => 0, 'y' => 865 )
+					),
+					3 => array(
+						'txt' => 'que lleva su nombre escrito con letra grande.',
+						'coordenadas' => array( 'x' => 0, 'y' => 955 )
+					),
+					4 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'] . ' se apresura a cogerlo.',
+						'coordenadas' => array( 'x' => 0, 'y' => 1045 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => -50, 'y' => -105 )
+					)
+				),
+
+				7 => array(
+					3 => array(
+						'txt' => 'Dentro del sobre hay una carta sin firmar',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					4 => array(
+						'txt' => 'cuyas instrucciones son claras:',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					)
+				),
+
+				8 => array(
+					4 => array(
+						'txt' => '“Si quieres recibir el regalo de Navidad más maravilloso del mundo, tendrás que',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'superar una serie de pruebas”. ¡Qué emocionante! ¿Quién mandará esa carta?',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => 'Algo cae de dentro del sobre y se esparce por el suelo. ¡Es arena!',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					7 => array(
+						'txt' => '¡Lo han enviado los Reyes Magos! ' . $book['BookData'][2]['nombre_prota'] . ' no se lo puede creer,',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					8 => array(
+						'txt' => 'los mismísimos Reyes Magos le han mandado una carta, ¡a ' . ( $book['BookData'][2]['genero_prota'] == 1 ? 'ella' : 'él' ) . '!',
+						'coordenadas' => array( 'x' => 200, 'y' => -685 )
+					)
+				),
+
+				9 => array(
+					4 => array(
+						'txt' => 'La primera prueba que debe superar consiste en cocinar las galletas de',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'Navidad más originales.',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => '¡No hay tiempo que perder! Nunca ha cocinado galletas, pero no puede ser',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					7 => array(
+						'txt' => 'tan difícil.',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					)
+				),
+
+				10 => array(
+					1 => array(
+						'txt' => 'Seguro que llevan harina, huevos, mantequilla y azúcar, mucho azúcar. Abre el',
+						'coordenadas' => array( 'x' => 200, 'y' => 685 )
+					),
+					2 => array(
+						'txt' => 'armario de las especias y añade canela, jengibre, nuez moscada y virutas de',
+						'coordenadas' => array( 'x' => 200, 'y' => 775 )
+					),
+					3 => array(
+						'txt' => 'chocolate, ¡serán las galletas más deliciosas que ha comido jamás! Toda la',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					4 => array(
+						'txt' => 'casa huele a Navidad.',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					5 => array(
+						'txt' => 'Amasa la mezcla y le da la forma de los miembros de la familia.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				11 => array(
+					6 => array(
+						'txt' => 'Las saca del horno y las prueba aún calientes. Son muy bonitas, pero están',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					7 => array(
+						'txt' => 'durísimas, no se las puede comer, a no ser que quiera romperse los dientes.',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					8 => array(
+						'txt' => '¡Qué decepción!',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				12 => array(
+					1 => array(
+						'txt' => 'Está pensando en intentarlo de nuevo cuando descubre un nuevo sobre',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'colgado del árbol. En él viene explicada la segunda prueba: debe decorar el',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'árbol de una manera especial.',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => 65, 'y' => 350 )
+					)
+				),
+
+				13 => array(
+					4 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'] . ', con ayuda ' .  Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=13].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . ', lo adorna con bolas de colores,',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'guirnaldas de espumillón y una estrella en la punta, como todos los años.',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => '¿Qué puede hacer para que este año sea especial?',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					)
+				),
+
+				14 => array(
+					3 => array(
+						'txt' => 'Sobre la mesa están las galletas que acaba de cocinar. ¡Qué buena idea! Así todos',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					4 => array(
+						'txt' => 'formarán parte del árbol.',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					)
+				),
+
+				15 => array(
+					1 => array(
+						'txt' => 'Al día siguiente, ' . $book['BookData'][2]['nombre_prota'] . ' no quita ojo del árbol esperando el próximo',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					2 => array(
+						'txt' => 'sobre. Pero, esta vez, la siguiente prueba aparece junto a la chimenea. ¿La enviará',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					3 => array(
+						'txt' => 'Papá Noel? La carta dice que deberá montar una banda de villancicos.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => -20, 'y' => -600 )
+					)
+				),
+
+				16 => array(
+					6 => array(
+						'txt' => 'Fabrica unas entradas para ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=16].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . ', y organiza un concierto en el',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					7 => array(
+						'txt' => 'salón. ' . $book['BookData'][2]['nombre_prota'] . ' toca la pandereta, Trasto la zambomba',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					8 => array(
+						'txt' => 'y juntos cantan villancicos hasta el anochecer. A todos les parece muy',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					9 => array(
+						'txt' => 'divertido; a los vecinos, no tanto.',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					)
+				),
+
+				17 => array(
+					1 => array(
+						'txt' => 'La cuarta prueba aparece en la caja de los bloques de construcción. Le pide que',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'reúna aquellos juguetes que ya no utilice y se los regale a niños y niñas que',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'tienen menos que ' . ( $book['BookData'][2]['genero_prota'] == 1 ? 'ella' : 'él' ) . '.',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => -100, 'y' => 70 )
+					)
+				),
+
+				18 => array(
+					4 => array(
+						'txt' => 'Esta prueba es muy difícil porque le da mucha pena despedirse de sus posesiones,',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					5 => array(
+						'txt' => 'pero le ayuda a pensar en lo felices que estarán otros niños jugando con ellas.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				20 => array(
+					1 => array(
+						'txt' => 'La quinta prueba tarda varios días en aparecer...',
+						'coordenadas' => array( 'x' => 0, 'y' => 1045 )
+					)
+				),
+
+				21 => array(
+					1 => array(
+						'txt' => 'La descubre Trasto en su cama junto a un trozo de carbón. Tiene que crear',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'su propia felicitación de Navidad y enviársela a sus amigos y familiares.',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'Se pasa el día rodeado de cartulinas de colores, témperas y purpurina. La',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => 'purpurina aparece hasta en la sopa de la cena.',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => 60, 'y' => 140 )
+					)
+				),
+
+				23 => array(
+					1 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => -28, 'y' => 380 )
+					)
+				),
+
+				24 => array(						
+					1 => array(
+						'txt' => 'Un sexto sobre aparece dentro del congelador.',
+						'coordenadas' => array( 'x' => 0, 'y' => 1045 )
+					)
+				),
+
+				25 => array(
+					6 => array(
+						'txt' => 'Toda la familia debe salir a buscar dos adornos de Navidad, el más grande y',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					7 => array(
+						'txt' => 'el más pequeño que puedan encontrar. Sin duda el mejor lugar para conseguir',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					8 => array(
+						'txt' => 'adornos es el mercadillo de la ciudad.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				26 => array(
+					1 => array(
+						'txt' => 'El camino está deslumbrante. Cascadas de luces adornan las calles y estrellas de',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'colores cubren el cielo como si fuera el firmamento. Pasan junto a un Belén en el',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'que las figuras se mueven y el río tiene agua de verdad, ¿habrá peces bebiendo?',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					)
+				),
+
+				27 => array(
+					3 => array(
+						'txt' => 'En el mercadillo compran bastoncillos de caramelo, mazapanes',
+						'coordenadas' => array( 'x' => 750, 'y' => -1045 )
+					),
+					4 => array(
+						'txt' => 'y un gorro gigante. ¿Será lo bastante grande?',
+						'coordenadas' => array( 'x' => 750, 'y' => -955 )
+					)
+				),
+
+				28 => array(
+					4 => array(
+						'txt' => ucfirst( Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=28].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] ) . ' ha encontrado una estrella de madera',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'muy pequeña, pero ' . $book['BookData'][2]['nombre_prota'] . ' no está muy ' . ( $book['BookData'][2]['genero_prota'] == 1 ? 'segura' : 'seguro' ),
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' =>  'de haber superado la prueba.',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					)
+				),
+
+				29 => array(
+					6 => array(
+						'txt' => 'De camino a casa empieza a nevar y las calles se cubren de un manto blanco.',
+						'coordenadas' => array( 'x' => 200, 'y' => 775 )
+					),
+					7 => array(
+						'txt' => 'Toda la familia comienza a hacer un muñeco de nieve. Los mazapanes sirven de',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					8 => array(
+						'txt' => 'ojos y un bastoncillo de nariz. Le colocan el gorro sobre la cabeza. Cuando se',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					9 => array(
+						'txt' => 'quieren dar cuenta, han hecho un muñeco de nieve más grande que ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=29].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . '.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				30 => array(
+					1 => array(
+						'txt' => 'Un copo de nieve diminuto cae sobre el pelo rojo de Trasto',
+						'coordenadas' => array( 'x' => 650, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'y, sorprendentemente, no se derrite. ¡Parece magia!',
+						'coordenadas' => array( 'x' => 650, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => '¡Ahora sí que lo han conseguido!',
+						'coordenadas' => array( 'x' => 650, 'y' => -865 )
+					)
+				),
+
+				31 => array(
+					1 => array(
+						'txt' => 'Ha llegado el gran día. Es muy temprano y,',
+						'coordenadas' => array( 'x' => 450, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'antes de que se despierte ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=31].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . ',',
+						'coordenadas' => array( 'x' => 450, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'] . ' corre ' . ( $book['BookData'][2]['genero_prota'] == 1 ? 'ilusionada' : 'ilusionado' ) . ' a abrir',
+						'coordenadas' => array( 'x' => 450, 'y' => -865 )
+					),
+					4 => array(
+						'txt' =>  'los regalos que están debajo del árbol.',
+						'coordenadas' => array( 'x' => 450, 'y' => -775 )
+					),
+					5 => array(
+						'txt' => '¿Cuál será el más maravilloso del mundo?',
+						'coordenadas' => array( 'x' => 450, 'y' => -685 )
+					)
+				),
+
+				32 => array(
+					4 => array(
+						'txt' => 'Allí están un juego de mesa, muchos libros,',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'un oso de peluche gigante y un patinete. Al',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => 'fondo, envuelta en papel rojo con un lazo',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					7 => array(
+						'txt' => 'dorado, hay una caja muy muy pequeña. Tan',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					8 => array(
+						'txt' => 'pequeña que ' . $book['BookData'][2]['nombre_prota'] . ' no cree que ahí',
+						'coordenadas' => array( 'x' => 200, 'y' => -685 )
+					),
+					9 => array(
+						'txt' => 'dentro pueda haber ningún regalo especial.',
+						'coordenadas' => array( 'x' => 200, 'y' => -595 )
+					)
+				),
+
+				34 => array(
+					1 => array(
+						'txt' => 'La abre ' . ( $book['BookData'][2]['genero_prota'] == 1 ? 'desconfiada' : 'desconfiado' ) . ' y dentro descubre un sobre. Un sobre igual al que ha',
+						'coordenadas' => array( 'x' => 300, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'recibido todos los días anteriores. En él hay una carta sin firmar cuyo mensaje',
+						'coordenadas' => array( 'x' => 300, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'es muy claro, una sola palabra escrita en letra grande, que le dice cuál es el',
+						'coordenadas' => array( 'x' => 300, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => 'mejor regalo que podemos tener en Navidad:',
+						'coordenadas' => array( 'x' => 300, 'y' => -775 )
+					),
+					5 => array(
+						'txt' => 'Familia',
+						'coordenadas' => array( 'x' => 100, 'y' => 20 )
+					)
+				),
+
+				35 => array(
+					6 => array(
+						'txt' => 'La casa de ' . $book['BookData'][2]['nombre_prota'] . ' ya no está en silencio. Toda su familia',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					7 => array(
+						'txt' => 'ha venido a celebrar con ' . ( $book['BookData'][2]['genero_prota'] == 1 ? 'ella' : 'él' ) . ' la Navidad. Ríen, cantan, bailan el burrito',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					8 => array(
+						'txt' => 'sabanero y ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=35].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . ' casi se atraganta con un polvorón.',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					9 => array(
+						'txt' => 'Todos están convencidos de haber conseguido el regalo más maravilloso',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					10 => array(
+						'txt' => 'del mundo.',
+						'coordenadas' => array( 'x' => 200, 'y' => -685 )
+					)
+				)
+				
+			);
+
+		} else if ( $book['Book']['num_adultos'] == 1 && $book['Book']['num_hijos'] == 2 ) {
+
+			$aTextosTmp = array(
+
+				4 => array(
+					2 => array(
+						'txt' => $book['Book']['dedication'],
+						'coordenadas' => array( 'x' => 120, 'y' => 350 )
+					)
+				),
+
+				5 => array(
+					4 => array(
+						'txt' => 'Es muy temprano y la casa de ' . $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'y ' . $book['BookData'][3]['nombre_prota'] . ' está en silencio.',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => 'Aún no se escucha la cucharilla dando vueltas',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					7 => array(
+						'txt' => 'al café ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=5].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . '. Pero ' . $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					8 => array(
+						'txt' => 'y ' . $book['BookData'][3]['nombre_prota'] . ' han oído un ruido en el',
+						'coordenadas' => array( 'x' => 200, 'y' => -685 )
+					),
+					9 => array(
+						'txt' => 'salón y se levantan a investigar.',
+						'coordenadas' => array( 'x' => 200, 'y' => -595 )
+					)
+				),
+
+				6 => array(
+					1 => array(
+						'txt' => 'Al lado del sofá ha crecido un abeto, igualito que un árbol de',
+						'coordenadas' => array( 'x' => 0, 'y' => 775 )
+					),
+					2 => array(
+						'txt' => 'Navidad, pero sin adornos. De él cuelga una cuerda con un sobre',
+						'coordenadas' => array( 'x' => 0, 'y' => 865 )
+					),
+					3 => array(
+						'txt' => 'que lleva sus nombres escritos con letra grande.',
+						'coordenadas' => array( 'x' => 0, 'y' => 955 )
+					),
+					4 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'] . ' y ' . $book['BookData'][3]['nombre_prota'] . ' se apresuran a cogerlo.',
+						'coordenadas' => array( 'x' => 0, 'y' => 1045 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => -50, 'y' => -140 )
+					),
+					6 => array(
+						'txt' => $book['BookData'][3]['nombre_prota'],
+						'coordenadas' => array( 'x' => -50, 'y' => -70 )
+					)
+				),
+
+				7 => array(
+					3 => array(
+						'txt' => 'Dentro del sobre hay una carta sin firmar ',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					4 => array(
+						'txt' => 'cuyas instrucciones son claras:',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					)
+				),
+
+				8 => array(
+					4 => array(
+						'txt' => '“Si quieren recibir el regalo de Navidad más maravilloso del mundo, tendrán que',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'superar una serie de pruebas”. ¡Qué emocionante! ¿Quién mandará esa carta?',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => 'Algo cae de dentro del sobre y se esparce por el suelo. ¡Es arena!',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					7 => array(
+						'txt' => '¡Lo han enviado los Reyes Magos! ' . $book['BookData'][2]['nombre_prota'] . ' y ' . $book['BookData'][3]['nombre_prota'] . ' no se lo',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					8 => array(
+						'txt' => 'pueden creer, los mismísimos Reyes Magos les han mandado una carta, ¡a ' . ( ( $book['BookData'][2]['genero_prota'] == 1 && $book['BookData'][3]['genero_prota'] == 1 ) ? 'ellas' : 'ellos' ) . '!',
+						'coordenadas' => array( 'x' => 200, 'y' => -685 )
+					)
+				),
+
+				9 => array(
+					4 => array(
+						'txt' => 'La primera prueba que deben superar consiste en cocinar las galletas de',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'Navidad más originales.',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => '¡No hay tiempo que perder! Nunca han cocinado galletas, pero no puede ser',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					7 => array(
+						'txt' => 'tan difícil.',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					)
+				),
+
+				10 => array(
+					1 => array(
+						'txt' => 'Seguro que llevan harina, huevos, mantequilla y azúcar, mucho azúcar. Abren el',
+						'coordenadas' => array( 'x' => 200, 'y' => 685 )
+					),
+					2 => array(
+						'txt' => 'armario de las especias y añaden canela, jengibre, nuez moscada y virutas de',
+						'coordenadas' => array( 'x' => 200, 'y' => 775 )
+					),
+					3 => array(
+						'txt' => 'chocolate, ¡serán las galletas más deliciosas que han comido jamás! Toda la',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					4 => array(
+						'txt' => 'casa huele a Navidad.',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					5 => array(
+						'txt' => 'Amasan la mezcla y le dan la forma de los miembros de la familia.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				11 => array(
+					6 => array(
+						'txt' => 'Las sacan del horno y las prueban aún calientes. Son muy bonitas, pero están',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					7 => array(
+						'txt' => 'durísimas, no se las pueden comer, a no ser que quieran romperse los dientes.',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					8 => array(
+						'txt' => '¡Qué decepción!',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				12 => array(
+					1 => array(
+						'txt' => 'Están pensando en intentarlo de nuevo cuando descubren un nuevo sobre',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'colgado del árbol. En él viene explicada la segunda prueba: deben decorar el',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'árbol de una manera especial.',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => 60, 'y' => 300 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][3]['nombre_prota'],
+						'coordenadas' => array( 'x' => 65, 'y' => 400 )
+					)
+				),
+
+				13 => array(
+					4 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'] . ' y ' . $book['BookData'][3]['nombre_prota'] . ', con ayuda ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=13].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . ', lo adornan con bolas',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'de colores, guirnaldas de espumillón y una estrella en la punta,',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => 'como todos los años. ¿Qué pueden hacer para que este año sea especial?',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					)
+				),
+
+				14 => array(
+					3 => array(
+						'txt' => 'Sobre la mesa están las galletas que acaban de cocinar. ¡Qué buena idea! Así todos',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					4 => array(
+						'txt' => 'formarán parte del árbol.',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					)
+				),
+
+				15 => array(
+					1 => array(
+						'txt' => 'Al día siguiente, ' . $book['BookData'][2]['nombre_prota'] . ' y ' . $book['BookData'][3]['nombre_prota'] . ' no quitan ojo del árbol',
+						'coordenadas' => array( 'x' => 200, 'y' => 775 )
+					),
+					2 => array(
+						'txt' => 'esperando el próximo sobre. Pero, esta vez, la siguiente prueba aparece junto a la',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					3 => array(
+						'txt' => 'chimenea. ¿La enviará Papá Noel? La carta dice que deberán montar una banda de',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					4 => array(
+						'txt' => 'villancicos.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => -20, 'y' => -620 )
+					),
+					6 => array(
+						'txt' => $book['BookData'][3]['nombre_prota'],
+						'coordenadas' => array( 'x' => -20, 'y' => -580 )
+					)
+				),
+
+				16 => array(
+					6 => array(
+						'txt' => 'Fabrican unas entradas para ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=16].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . ', y organizan un concierto en el ',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					7 => array(
+						'txt' => 'salón. ' . $book['BookData'][2]['nombre_prota'] . ' y ' . $book['BookData'][3]['nombre_prota'] . ' tocan la pandereta, Trasto la zambomba',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					8 => array(
+						'txt' => 'y juntos cantan villancicos hasta el anochecer. A todos les parece muy',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					9 => array(
+						'txt' => 'divertido; a los vecinos, no tanto.',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					)
+				),
+
+				17 => array(
+					1 => array(
+						'txt' => 'La cuarta prueba aparece en la caja de los bloques de construcción. Les pide que',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'reúnan aquellos juguetes que ya no utilicen y se los regalen a niños y niñas que',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'tienen menos que ' . ( ( $book['BookData'][2]['genero_prota'] == 1 && $book['BookData'][3]['genero_prota'] == 1 ) ? 'ellas' : 'ellos' ) . '.',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => -140, 'y' => 10 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][3]['nombre_prota'],
+						'coordenadas' => array( 'x' => -100, 'y' => 130 )
+					)
+				),
+
+				18 => array(
+					4 => array(
+						'txt' => 'Esta prueba es muy difícil porque les da mucha pena despedirse de sus posesiones,',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					5 => array(
+						'txt' => 'pero les ayuda a pensar en lo felices que estarán otros niños jugando con ellas.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				20 => array(
+					1 => array(
+						'txt' => 'La quinta prueba tarda varios días en aparecer...',
+						'coordenadas' => array( 'x' => 0, 'y' => 1045 )
+					)
+				),
+
+				21 => array(
+					1 => array(
+						'txt' => 'La descubre Trasto en su cama junto a un trozo de carbón. Tienen que crear',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'sus propias felicitaciones de Navidad y enviárselas a sus amigos y familiares.',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'Se pasan el día rodeados de cartulinas de colores, témperas y purpurina. La',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => 'purpurina aparece hasta en la sopa de la cena.',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => 40, 'y' => 15 )
+					),
+					6 => array(
+						'txt' => $book['BookData'][3]['nombre_prota'],
+						'coordenadas' => array( 'x' => 80, 'y' => 265 )
+					)
+				),
+
+				23 => array(
+					1 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => -570, 'y' => 290 )
+					),
+					2 => array(
+						'txt' => $book['BookData'][3]['nombre_prota'],
+						'coordenadas' => array( 'x' => -28, 'y' => 380 )
+					)
+				),
+
+				24 => array(						
+					1 => array(
+						'txt' => 'Un sexto sobre aparece dentro del congelador.',
+						'coordenadas' => array( 'x' => 0, 'y' => 1045 )
+					)
+				),
+
+				25 => array(
+					6 => array(
+						'txt' => 'Toda la familia debe salir a buscar dos adornos de Navidad, el más grande y',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					7 => array(
+						'txt' => 'el más pequeño que puedan encontrar. Sin duda el mejor lugar para conseguir',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					8 => array(
+						'txt' => 'adornos es el mercadillo de la ciudad.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				26 => array(
+					1 => array(
+						'txt' => 'El camino está deslumbrante. Cascadas de luces adornan las calles y estrellas de',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'colores cubren el cielo como si fuera el firmamento. Pasan junto a un Belén en el',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'que las figuras se mueven y el río tiene agua de verdad, ¿habrá peces bebiendo?',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					)
+				),
+
+				27 => array(
+					3 => array(
+						'txt' => 'En el mercadillo compran bastoncillos de caramelo, mazapanes',
+						'coordenadas' => array( 'x' => 750, 'y' => -1045 )
+					),
+					4 => array(
+						'txt' => 'y un gorro gigante. ¿Será lo bastante grande?',
+						'coordenadas' => array( 'x' => 750, 'y' => -955 )
+					)
+				),
+
+				28 => array(
+					4 => array(
+						'txt' => ucfirst( Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=28].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] ) . ' ha encontrado una estrella de madera muy',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'pequeña, pero ' . $book['BookData'][2]['nombre_prota'] . ' y ' . $book['BookData'][3]['nombre_prota'],
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => 'no están muy ' . ( ( $book['BookData'][2]['genero_prota'] == 1 && $book['BookData'][3]['genero_prota'] == 1 ) ? 'seguras' : 'seguros' ) . ' de haber superado la prueba.',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					)
+				),
+
+				29 => array(
+					6 => array(
+						'txt' => 'De camino a casa empieza a nevar y las calles se cubren de un manto blanco.',
+						'coordenadas' => array( 'x' => 200, 'y' => 775 )
+					),
+					7 => array(
+						'txt' => 'Toda la familia comienza a hacer un muñeco de nieve. Los mazapanes sirven de',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					8 => array(
+						'txt' => 'ojos y un bastoncillo de nariz. Le colocan el gorro sobre la cabeza. Cuando se',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					9 => array(
+						'txt' => 'quieren dar cuenta, han hecho un muñeco de nieve más grande que ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=29].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . '.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				30 => array(
+					1 => array(
+						'txt' => 'Un copo de nieve diminuto cae sobre el pelo rojo de Trasto',
+						'coordenadas' => array( 'x' => 650, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'y, sorprendentemente, no se derrite. ¡Parece magia!',
+						'coordenadas' => array( 'x' => 650, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => '¡Ahora sí que lo han conseguido!',
+						'coordenadas' => array( 'x' => 650, 'y' => -865 )
+					)
+				),
+
+				31 => array(
+					1 => array(
+						'txt' => 'Ha llegado el gran día. Es muy temprano y,',
+						'coordenadas' => array( 'x' => 450, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'antes de que se despierte ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=31].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . ',',
+						'coordenadas' => array( 'x' => 450, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'] . ' y ' . $book['BookData'][3]['nombre_prota'] . ' corren',
+						'coordenadas' => array( 'x' => 450, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => ( ( $book['BookData'][2]['genero_prota'] == 1 && $book['BookData'][3]['genero_prota'] == 1 ) ? 'ilusionadas' : 'ilusionados' ) . ' a abrir los regalos que están',
+						'coordenadas' => array( 'x' => 450, 'y' => -775 )
+					),
+					5 => array(
+						'txt' => 'debajo del árbol. ¿Cuál será el más',
+						'coordenadas' => array( 'x' => 450, 'y' => -685 )
+					),
+					6 => array(
+						'txt' => 'maravilloso del mundo?',
+						'coordenadas' => array( 'x' => 450, 'y' => -595 )
+					)
+				),
+
+				32 => array(
+					4 => array(
+						'txt' => 'Allí están un juego de mesa, muchos libros, un',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'oso de peluche gigante y un patinete. Al fondo,',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => 'envuelta en papel rojo con un lazo dorado, hay',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					7 => array(
+						'txt' => 'una caja muy muy pequeña. Tan pequeña que',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					8 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'] . ' y ' . $book['BookData'][3]['nombre_prota'] . ' no creen que ahí',
+						'coordenadas' => array( 'x' => 200, 'y' => -685 )
+					),
+					9 => array(
+						'txt' => 'dentro pueda haber ningún regalo especial.',
+						'coordenadas' => array( 'x' => 200, 'y' => -595 )
+					)
+				),
+
+				34 => array(
+					1 => array(
+						'txt' => 'La abren ' . ( ( $book['BookData'][2]['genero_prota'] == 1 && $book['BookData'][3]['genero_prota'] == 1 ) ? 'desconfiadas' : 'desconfiados' ) . ' y dentro descubren un sobre. Un sobre igual al que han',
+						'coordenadas' => array( 'x' => 300, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'recibido todos los días anteriores. En él hay una carta sin firmar cuyo mensaje',
+						'coordenadas' => array( 'x' => 300, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'es muy claro, una sola palabra escrita en letra grande, que les dice cuál es el',
+						'coordenadas' => array( 'x' => 300, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => 'mejor regalo que podemos tener en Navidad:',
+						'coordenadas' => array( 'x' => 300, 'y' => -775 )
+					),
+					5 => array(
+						'txt' => 'Familia',
+						'coordenadas' => array( 'x' => 100, 'y' => 20 )
+					)
+				),
+
+				35 => array(
+					6 => array(
+						'txt' => 'La casa de ' . $book['BookData'][2]['nombre_prota'] . ' y ' . $book['BookData'][3]['nombre_prota'] . ' ya no está en silencio.',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					7 => array(
+						'txt' => 'Toda su familia ha venido a celebrar con ' . ( ( $book['BookData'][2]['genero_prota'] == 1 && $book['BookData'][3]['genero_prota'] == 1 && $book['BookData'][4]['genero_prota'] == 1 ) ? 'ellas' : 'ellos' ) . ' la Navidad. Ríen, cantan,',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					8 => array(
+						'txt' => 'bailan el burrito sabanero y ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=35].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . ' casi se atraganta con un polvorón.',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					9 => array(
+						'txt' => 'Todos están convencidos de haber conseguido el regalo más maravilloso',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					10 => array(
+						'txt' => 'del mundo.',
+						'coordenadas' => array( 'x' => 200, 'y' => -685 )
+					)
+				)
+				
+			);
+
+		} else if ( $book['Book']['num_adultos'] == 1 && $book['Book']['num_hijos'] == 3 ) {
+
+			$aTextosTmp = array(
+
+				4 => array(
+					2 => array(
+						'txt' => $book['Book']['dedication'],
+						'coordenadas' => array( 'x' => 120, 'y' => 350 )
+					)
+				),
+
+				5 => array(
+					4 => array(
+						'txt' => 'Es muy temprano y la casa de ' . $book['BookData'][2]['nombre_prota'] . ',',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][3]['nombre_prota'] . ' y ' . $book['BookData'][4]['nombre_prota'] . ' está en silencio.',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => 'Aún no se escucha la cucharilla dando vueltas',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					7 => array(
+						'txt' => 'al café ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=5].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . '. Pero ' . $book['BookData'][2]['nombre_prota'] . ', ',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					8 => array(
+						'txt' => $book['BookData'][3]['nombre_prota'] . ' y ' . $book['BookData'][4]['nombre_prota'] . ' han oído un',
+						'coordenadas' => array( 'x' => 200, 'y' => -685 )
+					),
+					9 => array(
+						'txt' =>  'ruido en el salón y se levantan',
+						'coordenadas' => array( 'x' => 200, 'y' => -595 )
+					),
+					10 => array(
+						'txt' => 'a investigar.',
+						'coordenadas' => array( 'x' => 200, 'y' => -505 )
+					)
+				),
+
+				6 => array(
+					1 => array(
+						'txt' => 'Al lado del sofá ha crecido un abeto, igualito que un árbol de',
+						'coordenadas' => array( 'x' => 0, 'y' => 775 )
+					),
+					2 => array(
+						'txt' => 'Navidad, pero sin adornos. De él cuelga una cuerda con un sobre',
+						'coordenadas' => array( 'x' => 0, 'y' => 865 )
+					),
+					3 => array(
+						'txt' => 'que lleva sus nombres escritos con letra grande.',
+						'coordenadas' => array( 'x' => 0, 'y' => 955 )
+					),
+					4 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'] . ', ' . $book['BookData'][3]['nombre_prota'] . ' y ' . $book['BookData'][4]['nombre_prota'] . ' se apresuran a cogerlo.',
+						'coordenadas' => array( 'x' => 0, 'y' => 1045 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => -50, 'y' => -160 )
+					),
+					6 => array(
+						'txt' => $book['BookData'][3]['nombre_prota'],
+						'coordenadas' => array( 'x' => -50, 'y' => -105 )
+					),
+					7 => array(
+						'txt' => $book['BookData'][4]['nombre_prota'],
+						'coordenadas' => array( 'x' => -50, 'y' => -50 )
+					)
+				),
+
+				7 => array(
+					3 => array(
+						'txt' => 'Dentro del sobre hay una carta sin firmar ',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					4 => array(
+						'txt' => 'cuyas instrucciones son claras:',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					)
+				),
+
+				8 => array(
+					4 => array(
+						'txt' => '“Si quieren recibir el regalo de Navidad más maravilloso del mundo, tendrán que',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'superar una serie de pruebas”. ¡Qué emocionante! ¿Quién mandará esa carta?',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => 'Algo cae de dentro del sobre y se esparce por el suelo. ¡Es arena!',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					7 => array(
+						'txt' => '¡Lo han enviado los Reyes Magos! ' . $book['BookData'][2]['nombre_prota'] . ', ' . $book['BookData'][3]['nombre_prota'] . ' y ' . $book['BookData'][4]['nombre_prota'] . ' no se lo',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					8 => array(
+						'txt' => 'pueden creer, los mismísimos Reyes Magos les han mandado una carta, ¡a ' . ( ( $book['BookData'][2]['genero_prota'] == 1 && $book['BookData'][3]['genero_prota'] == 1 && $book['BookData'][4]['genero_prota'] == 1 ) ? 'ellas' : 'ellos' ) . '!',
+						'coordenadas' => array( 'x' => 200, 'y' => -685 )
+					)
+				),
+
+				9 => array(
+					4 => array(
+						'txt' => 'La primera prueba que deben superar consiste en cocinar las galletas de',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'Navidad más originales.',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => '¡No hay tiempo que perder! Nunca han cocinado galletas, pero no puede ser',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					7 => array(
+						'txt' => 'tan difícil.',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					)
+				),
+
+				10 => array(
+					1 => array(
+						'txt' => 'Seguro que llevan harina, huevos, mantequilla y azúcar, mucho azúcar. Abren el',
+						'coordenadas' => array( 'x' => 200, 'y' => 685 )
+					),
+					2 => array(
+						'txt' => 'armario de las especias y añaden canela, jengibre, nuez moscada y virutas de',
+						'coordenadas' => array( 'x' => 200, 'y' => 775 )
+					),
+					3 => array(
+						'txt' => 'chocolate, ¡serán las galletas más deliciosas que han comido jamás! Toda la',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					4 => array(
+						'txt' => 'casa huele a Navidad.',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					5 => array(
+						'txt' => 'Amasan la mezcla y le dan la forma de los miembros de la familia.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				11 => array(
+					6 => array(
+						'txt' => 'Las sacan del horno y las prueban aún calientes. Son muy bonitas, pero están',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					7 => array(
+						'txt' => 'durísimas, no se las pueden comer, a no ser que quieran romperse los dientes.',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					8 => array(
+						'txt' => '¡Qué decepción!',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				12 => array(
+					1 => array(
+						'txt' => 'Están pensando en intentarlo de nuevo cuando descubren un nuevo sobre',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'colgado del árbol. En él viene explicada la segunda prueba: deben decorar el',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'árbol de una manera especial.',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => 60, 'y' => 250 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][3]['nombre_prota'],
+						'coordenadas' => array( 'x' => 65, 'y' => 350 )
+					),
+					6 => array(
+						'txt' => $book['BookData'][4]['nombre_prota'],
+						'coordenadas' => array( 'x' => 65, 'y' => 450 )
+					)
+				),
+
+				13 => array(
+					4 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'] . ', ' . $book['BookData'][3]['nombre_prota'] . ' y ' . $book['BookData'][4]['nombre_prota'] . ', con ayuda ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=13].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . ', lo adornan',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'con bolas de colores, guirnaldas de espumillón y una estrella en la punta,',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => 'como todos los años. ¿Qué pueden hacer para que este año sea especial?',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					)
+				),
+
+				14 => array(
+					3 => array(
+						'txt' => 'Sobre la mesa están las galletas que acaban de cocinar. ¡Qué buena idea! Así todos',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					4 => array(
+						'txt' => 'formarán parte del árbol.',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					)
+				),
+
+				15 => array(
+					1 => array(
+						'txt' => 'Al día siguiente, ' . $book['BookData'][2]['nombre_prota'] . ', ' . $book['BookData'][3]['nombre_prota'] . ' y ' . $book['BookData'][4]['nombre_prota'] . ' no quitan ojo del árbol',
+						'coordenadas' => array( 'x' => 200, 'y' => 775 )
+					),
+					2 => array(
+						'txt' => 'esperando el próximo sobre. Pero, esta vez, la siguiente prueba aparece junto a la',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					3 => array(
+						'txt' => 'chimenea. ¿La enviará Papá Noel? La carta dice que deberán montar una banda de',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					4 => array(
+						'txt' => 'villancicos.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => -20, 'y' => -640 )
+					),
+					6 => array(
+						'txt' => $book['BookData'][3]['nombre_prota'],
+						'coordenadas' => array( 'x' => -20, 'y' => -600 )
+					),
+					7 => array(
+						'txt' => $book['BookData'][4]['nombre_prota'],
+						'coordenadas' => array( 'x' => -20, 'y' => -560 )
+					)
+				),
+
+				16 => array(
+					6 => array(
+						'txt' => 'Fabrican unas entradas para ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=16].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . ', y organizan un concierto en el',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					7 => array(
+						'txt' => 'salón. ' . $book['BookData'][2]['nombre_prota'] . ', ' . $book['BookData'][3]['nombre_prota'] . ' y ' . $book['BookData'][4]['nombre_prota'] . ' tocan la pandereta, Trasto la',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					8 => array(
+						'txt' => 'zambomba y juntos cantan villancicos hasta el anochecer. A todos les parece muy',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					9 => array(
+						'txt' => 'divertido; a los vecinos, no tanto.',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					)
+				),
+
+				17 => array(
+					1 => array(
+						'txt' => 'La cuarta prueba aparece en la caja de los bloques de construcción. Les pide que',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'reúnan aquellos juguetes que ya no utilicen y se los regalen a niños y niñas que',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'tienen menos que ' . ( ( $book['BookData'][2]['genero_prota'] == 1 && $book['BookData'][3]['genero_prota'] == 1 && $book['BookData'][4]['genero_prota'] == 1 ) ? 'ellas' : 'ellos' ) . '.',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => -140, 'y' => -50 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][3]['nombre_prota'],
+						'coordenadas' => array( 'x' => -100, 'y' => 70 )
+					),
+					6 => array(
+						'txt' => $book['BookData'][4]['nombre_prota'],
+						'coordenadas' => array( 'x' => -65, 'y' => 190 )
+					)
+				),
+
+				18 => array(
+					4 => array(
+						'txt' => 'Esta prueba es muy difícil porque les da mucha pena despedirse de sus posesiones,',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					5 => array(
+						'txt' => 'pero les ayuda a pensar en lo felices que estarán otros niños jugando con ellas.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				20 => array(
+					1 => array(
+						'txt' => 'La quinta prueba tarda varios días en aparecer...',
+						'coordenadas' => array( 'x' => 0, 'y' => 1045 )
+					)
+				),
+
+				21 => array(
+					1 => array(
+						'txt' => 'La descubre Trasto en su cama junto a un trozo de carbón. Tienen que crear',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'sus propias felicitaciones de Navidad y enviárselas a sus amigos y familiares.',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'Se pasan el día rodeados de cartulinas de colores, témperas y purpurina. La',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => 'purpurina aparece hasta en la sopa de la cena.',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => 40, 'y' => -10 )
+					),
+					6 => array(
+						'txt' => $book['BookData'][3]['nombre_prota'],
+						'coordenadas' => array( 'x' => 60, 'y' => 140 )
+					),
+					7 => array(
+						'txt' => $book['BookData'][4]['nombre_prota'],
+						'coordenadas' => array( 'x' => 80, 'y' => 290 )
+					)
+				),
+
+				23 => array(
+					1 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => -570, 'y' => 290 )
+					),
+					2 => array(
+						'txt' => $book['BookData'][3]['nombre_prota'],
+						'coordenadas' => array( 'x' => -28, 'y' => 380 )
+					),
+					3 => array(
+						'txt' => $book['BookData'][4]['nombre_prota'],
+						'coordenadas' => array( 'x' => 530, 'y' => 330 )
+					)
+				),
+
+				24 => array(						
+					1 => array(
+						'txt' => 'Un sexto sobre aparece dentro del congelador.',
+						'coordenadas' => array( 'x' => 0, 'y' => 1045 )
+					)
+				),
+
+				25 => array(
+					6 => array(
+						'txt' => 'Toda la familia debe salir a buscar dos adornos de Navidad, el más grande y',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					7 => array(
+						'txt' => 'el más pequeño que puedan encontrar. Sin duda el mejor lugar para conseguir',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					8 => array(
+						'txt' => 'adornos es el mercadillo de la ciudad.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				26 => array(
+					1 => array(
+						'txt' => 'El camino está deslumbrante. Cascadas de luces adornan las calles y estrellas de',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'colores cubren el cielo como si fuera el firmamento. Pasan junto a un Belén en el',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'que las figuras se mueven y el río tiene agua de verdad, ¿habrá peces bebiendo?',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					)
+				),
+
+				27 => array(
+					3 => array(
+						'txt' => 'En el mercadillo compran bastoncillos de caramelo, mazapanes',
+						'coordenadas' => array( 'x' => 750, 'y' => -1045 )
+					),
+					4 => array(
+						'txt' => 'y un gorro gigante. ¿Será lo bastante grande?',
+						'coordenadas' => array( 'x' => 750, 'y' => -955 )
+					)
+				),
+
+				28 => array(
+					4 => array(
+						'txt' => ucfirst( Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=28].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] ) . ' ha encontrado una estrella de madera muy',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'pequeña, pero ' . $book['BookData'][2]['nombre_prota'] . ', ' . $book['BookData'][3]['nombre_prota'] . ' y ' . $book['BookData'][4]['nombre_prota'],
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => 'no están muy ' . ( ( $book['BookData'][2]['genero_prota'] == 1 && $book['BookData'][3]['genero_prota'] == 1 && $book['BookData'][4]['genero_prota'] == 1 ) ? 'seguras' : 'seguros' ) . ' de haber superado la prueba.',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					)
+				),
+
+				29 => array(
+					6 => array(
+						'txt' => 'De camino a casa empieza a nevar y las calles se cubren de un manto blanco.',
+						'coordenadas' => array( 'x' => 200, 'y' => 775 )
+					),
+					7 => array(
+						'txt' => 'Toda la familia comienza a hacer un muñeco de nieve. Los mazapanes sirven de',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					8 => array(
+						'txt' => 'ojos y un bastoncillo de nariz. Le colocan el gorro sobre la cabeza. Cuando se',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					9 => array(
+						'txt' => 'quieren dar cuenta, han hecho un muñeco de nieve más grande que ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=29].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . '.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				30 => array(
+					1 => array(
+						'txt' => 'Un copo de nieve diminuto cae sobre el pelo rojo de Trasto',
+						'coordenadas' => array( 'x' => 650, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'y, sorprendentemente, no se derrite. ¡Parece magia!',
+						'coordenadas' => array( 'x' => 650, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => '¡Ahora sí que lo han conseguido!',
+						'coordenadas' => array( 'x' => 650, 'y' => -865 )
+					)
+				),
+
+				31 => array(
+					1 => array(
+						'txt' => 'Ha llegado el gran día. Es muy temprano y,',
+						'coordenadas' => array( 'x' => 450, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'antes de que se despierte ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=31].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . ', ',
+						'coordenadas' => array( 'x' => 450, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'] . ', ' . $book['BookData'][3]['nombre_prota'] . ' y ' . $book['BookData'][4]['nombre_prota'],
+						'coordenadas' => array( 'x' => 450, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => 'corren ' . ( ( $book['BookData'][2]['genero_prota'] == 1 && $book['BookData'][3]['genero_prota'] == 1 && $book['BookData'][4]['genero_prota'] == 1 ) ? 'ilusionadas' : 'ilusionados' ) . ' a abrir los regalos que',
+						'coordenadas' => array( 'x' => 450, 'y' => -775 )
+					),
+					5 => array(
+						'txt' => 'están debajo del árbol. ¿Cuál será el más',
+						'coordenadas' => array( 'x' => 450, 'y' => -685 )
+					),
+					6 => array(
+						'txt' => 'maravilloso del mundo?',
+						'coordenadas' => array( 'x' => 450, 'y' => -595 )
+					)
+				),
+
+				32 => array(
+					4 => array(
+						'txt' => 'Allí están un juego de mesa, muchos libros, un',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'oso de peluche gigante y un patinete. Al fondo,',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => 'envuelta en papel rojo con un lazo dorado, hay',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					7 => array(
+						'txt' => 'una caja muy muy pequeña. Tan pequeña que',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					8 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'] . ', ' . $book['BookData'][3]['nombre_prota'] . ' y ' . $book['BookData'][4]['nombre_prota'] . ' no',
+						'coordenadas' => array( 'x' => 200, 'y' => -685 )
+					),
+					9 => array(
+						'txt' => 'creen que ahí dentro pueda haber ningún',
+						'coordenadas' => array( 'x' => 200, 'y' => -595 )
+					),
+					10 => array(
+						'txt' => 'regalo especial.',
+						'coordenadas' => array( 'x' => 200, 'y' => -505 )
+					)
+				),
+
+				34 => array(
+					1 => array(
+						'txt' => 'La abren ' . ( ( $book['BookData'][2]['genero_prota'] == 1 && $book['BookData'][3]['genero_prota'] == 1 && $book['BookData'][4]['genero_prota'] == 1 ) ? 'desconfiadas' : 'desconfiados' ) . ' y dentro descubren un sobre. Un sobre igual al que han',
+						'coordenadas' => array( 'x' => 300, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'recibido todos los días anteriores. En él hay una carta sin firmar cuyo mensaje',
+						'coordenadas' => array( 'x' => 300, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'es muy claro, una sola palabra escrita en letra grande, que les dice cuál es el',
+						'coordenadas' => array( 'x' => 300, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => 'mejor regalo que podemos tener en Navidad:',
+						'coordenadas' => array( 'x' => 300, 'y' => -775 )
+					),
+					5 => array(
+						'txt' => 'Familia',
+						'coordenadas' => array( 'x' => 100, 'y' => 20 )
+					)
+				),
+
+				35 => array(
+					6 => array(
+						'txt' => 'La casa de ' . $book['BookData'][2]['nombre_prota'] . ', ' . $book['BookData'][3]['nombre_prota'] . ' y ' . $book['BookData'][4]['nombre_prota'] . ' ya no está en silencio.',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					7 => array(
+						'txt' => 'Toda su familia ha venido a celebrar con ' . ( ( $book['BookData'][2]['genero_prota'] == 1 && $book['BookData'][3]['genero_prota'] == 1 && $book['BookData'][4]['genero_prota'] == 1 ) ? 'ellas' : 'ellos' ) . ' la Navidad. Ríen, cantan,',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					8 => array(
+						'txt' => 'bailan el burrito sabanero y ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=35].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . ' casi se atraganta con un polvorón.',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					9 => array(
+						'txt' => 'Todos están convencidos de haber conseguido el regalo más maravilloso',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					10 => array(
+						'txt' => 'del mundo.',
+						'coordenadas' => array( 'x' => 200, 'y' => -685 )
+					)
+				)
+				
+			);
+
+		} else if ( $book['Book']['num_adultos'] == 2 && $book['Book']['num_hijos'] == 1 ) {
+
+			$aTextosTmp = array(
+
+				4 => array(
+					2 => array(
+						'txt' => $book['Book']['dedication'],
+						'coordenadas' => array( 'x' => 120, 'y' => 350 )
+					)
+				),
+
+				5 => array(
+					4 => array(
+						'txt' => 'Es muy temprano y la casa de ' . $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'está en silencio. Aún no se escucha la',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => 'cucharilla dando vueltas al café',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					7 => array(
+						'txt' => Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=5].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . ' ni la tostadora con el pan',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					8 => array(
+						'txt' => Hash::extract( $aDataFamilyRelationshipAdulto1, 'FamilyRelationshipsBook8Article.{n}[page=5].article')[0] . $aDataFamilyRelationshipAdulto1['FamilyRelationshipsBook8']['name'] . '. Pero ' . $book['BookData'][2]['nombre_prota'] . ' ha oído',
+						'coordenadas' => array( 'x' => 200, 'y' => -685 )
+					),
+					9 => array(
+						'txt' => 'un ruido en el salón y se levanta',
+						'coordenadas' => array( 'x' => 200, 'y' => -595 )
+					),
+					10 => array(
+						'txt' => 'a investigar.',
+						'coordenadas' => array( 'x' => 200, 'y' => -505 )
+					)
+				),
+
+				6 => array(
+					1 => array(
+						'txt' => 'Al lado del sofá ha crecido un abeto, igualito que un árbol de',
+						'coordenadas' => array( 'x' => 0, 'y' => 775 )
+					),
+					2 => array(
+						'txt' => 'Navidad, pero sin adornos. De él cuelga una cuerda con un sobre',
+						'coordenadas' => array( 'x' => 0, 'y' => 865 )
+					),
+					3 => array(
+						'txt' => 'que lleva su nombre escrito con letra grande.',
+						'coordenadas' => array( 'x' => 0, 'y' => 955 )
+					),
+					4 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'] . ' se apresura a cogerlo.',
+						'coordenadas' => array( 'x' => 0, 'y' => 1045 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => -50, 'y' => -105 )
+					)
+				),
+
+				7 => array(
+					3 => array(
+						'txt' => 'Dentro del sobre hay una carta sin firmar ',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					4 => array(
+						'txt' => 'cuyas instrucciones son claras:',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					)
+				),
+
+				8 => array(
+					4 => array(
+						'txt' => '“Si quieres recibir el regalo de Navidad más maravilloso del mundo, tendrás que',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'superar una serie de pruebas”. ¡Qué emocionante! ¿Quién mandará esa carta?',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => 'Algo cae de dentro del sobre y se esparce por el suelo. ¡Es arena!',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					7 => array(
+						'txt' => '¡Lo han enviado los Reyes Magos! ' . $book['BookData'][2]['nombre_prota'] . ' no se lo puede creer,',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					8 => array(
+						'txt' => 'los mismísimos Reyes Magos les han mandado una carta, ¡a ' . ( ( $book['BookData'][2]['genero_prota'] == 1 ) ? 'ella' : 'él' ) . '!',
+						'coordenadas' => array( 'x' => 200, 'y' => -685 )
+					)
+				),
+
+				9 => array(
+					4 => array(
+						'txt' => 'La primera prueba que debe superar consiste en cocinar las galletas de',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'Navidad más originales.',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => '¡No hay tiempo que perder! Nunca ha cocinado galletas, pero no puede ser',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					7 => array(
+						'txt' => 'tan difícil.',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					)
+				),
+
+				10 => array(
+					1 => array(
+						'txt' => 'Seguro que llevan harina, huevos, mantequilla y azúcar, mucho azúcar. Abre el',
+						'coordenadas' => array( 'x' => 200, 'y' => 685 )
+					),
+					2 => array(
+						'txt' => 'armario de las especias y añade canela, jengibre, nuez moscada y virutas de',
+						'coordenadas' => array( 'x' => 200, 'y' => 775 )
+					),
+					3 => array(
+						'txt' => 'chocolate, ¡serán las galletas más deliciosas que ha comido jamás! Toda la',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					4 => array(
+						'txt' => 'casa huele a Navidad.',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					5 => array(
+						'txt' => 'Amasa la mezcla y le da la forma de los miembros de la familia.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				11 => array(
+					6 => array(
+						'txt' => 'Las saca del horno y las prueba aún calientes. Son muy bonitas, pero están',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					7 => array(
+						'txt' => 'durísimas, no se las puede comer, a no ser que quiera romperse los dientes.',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					8 => array(
+						'txt' => '¡Qué decepción!',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				12 => array(
+					1 => array(
+						'txt' => 'Está pensando en intentarlo de nuevo cuando descubren un nuevo sobre',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'colgado del árbol. En él viene explicada la segunda prueba: debe decorar el',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'árbol de una manera especial.',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => 65, 'y' => 350 )
+					)
+				),
+
+				13 => array(
+					4 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'] . ', con ayuda ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=13].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . ' y ' . Hash::extract( $aDataFamilyRelationshipAdulto1, 'FamilyRelationshipsBook8Article.{n}[page=13].article')[0] . $aDataFamilyRelationshipAdulto1['FamilyRelationshipsBook8']['name'] . ', lo adorna con',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'bolas de colores, guirnaldas de espumillón y una estrella en la punta,',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => 'como todos los años. ¿Qué puede hacer para que este año sea especial?',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					)
+				),
+
+				14 => array(
+					3 => array(
+						'txt' => 'Sobre la mesa están las galletas que acaba de cocinar. ¡Qué buena idea! Así todos',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					4 => array(
+						'txt' => 'formarán parte del árbol.',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					)
+				),
+
+				15 => array(
+					1 => array(
+						'txt' => 'Al día siguiente, ' . $book['BookData'][2]['nombre_prota'] . ' no quita ojo del árbol esperando el próximo sobre.',
+						'coordenadas' => array( 'x' => 200, 'y' => 775 )
+					),
+					2 => array(
+						'txt' => 'Pero, esta vez, la siguiente prueba aparece junto a la chimenea. ¿La enviará',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					3 => array(
+						'txt' => 'Papá Noel? La carta dice que deberá montar una banda de villancicos.',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => -20, 'y' => -600 )
+					)
+				),
+
+				16 => array(
+					6 => array(
+						'txt' => 'Fabrica unas entradas para ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=16].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . ' y ' . Hash::extract( $aDataFamilyRelationshipAdulto1, 'FamilyRelationshipsBook8Article.{n}[page=16].article')[0] . $aDataFamilyRelationshipAdulto1['FamilyRelationshipsBook8']['name'] . ', y organiza un concierto en el',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					7 => array(
+						'txt' => 'salón. ' . $book['BookData'][2]['nombre_prota'] . ' toca la pandereta, Trasto la zambomba',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					8 => array(
+						'txt' => 'y juntos cantan villancicos hasta el anochecer. A todos les parece muy',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					9 => array(
+						'txt' => 'divertido; a los vecinos, no tanto.',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					)
+				),
+
+				17 => array(
+					1 => array(
+						'txt' => 'La cuarta prueba aparece en la caja de los bloques de construcción. Le pide',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'que reúna aquellos juguetes que ya no utilice y se los regale a niños y niñas',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'que tienen menos que ' . ( $book['BookData'][2]['genero_prota'] == 1 ? 'ella' : 'él' ) . '.',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => -100, 'y' => 70 )
+					)
+				),
+
+				18 => array(
+					4 => array(
+						'txt' => 'Esta prueba es muy difícil porque le da mucha pena despedirse de sus posesiones,',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					5 => array(
+						'txt' => 'pero le ayuda a pensar en lo felices que estarán otros niños jugando con ellas.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				20 => array(
+					1 => array(
+						'txt' => 'La quinta prueba tarda varios días en aparecer...',
+						'coordenadas' => array( 'x' => 0, 'y' => 1045 )
+					)
+				),
+
+				21 => array(
+					1 => array(
+						'txt' => 'La descubre Trasto en su cama junto a un trozo de carbón. Tiene que crear',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'sus propias felicitaciones de Navidad y enviárselas a sus amigos y familiares.',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'Se pasa el día rodeado de cartulinas de colores, témperas y purpurina. La',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => 'purpurina aparece hasta en la sopa de la cena.',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => 60, 'y' => 140 )
+					)
+				),
+
+				23 => array(
+					1 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => -28, 'y' => 380 )
+					)
+				),
+
+				24 => array(						
+					1 => array(
+						'txt' => 'Un sexto sobre aparece dentro del congelador.',
+						'coordenadas' => array( 'x' => 0, 'y' => 1045 )
+					)
+				),
+
+				25 => array(
+					6 => array(
+						'txt' => 'Toda la familia debe salir a buscar dos adornos de Navidad, el más grande y',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					7 => array(
+						'txt' => 'el más pequeño que puedan encontrar. Sin duda el mejor lugar para conseguir',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					8 => array(
+						'txt' => 'adornos es el mercadillo de la ciudad.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				26 => array(
+					1 => array(
+						'txt' => 'El camino está deslumbrante. Cascadas de luces adornan las calles y estrellas de',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'colores cubren el cielo como si fuera el firmamento. Pasan junto a un Belén en el',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'que las figuras se mueven y el río tiene agua de verdad, ¿habrá peces bebiendo?',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					)
+				),
+
+				27 => array(
+					3 => array(
+						'txt' => 'En el mercadillo compran bastoncillos de caramelo, mazapanes',
+						'coordenadas' => array( 'x' => 750, 'y' => -1045 )
+					),
+					4 => array(
+						'txt' => 'y un gorro gigante. ¿Será lo bastante grande?',
+						'coordenadas' => array( 'x' => 750, 'y' => -955 )
+					)
+				),
+
+				28 => array(
+					4 => array(
+						'txt' => ucfirst( Hash::extract( $aDataFamilyRelationshipAdulto1, 'FamilyRelationshipsBook8Article.{n}[page=28].article')[0] . $aDataFamilyRelationshipAdulto1['FamilyRelationshipsBook8']['name'] ) . ' ha encontrado una estrella de madera muy',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'pequeña, pero ' . $book['BookData'][2]['nombre_prota'] . ' no está muy ' . ( $book['BookData'][2]['genero_prota'] == 1 ? 'segura' : 'seguro' ),
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => 'de haber superado la prueba.',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					)
+				),
+
+				29 => array(
+					6 => array(
+						'txt' => 'De camino a casa empieza a nevar y las calles se cubren de un manto blanco.',
+						'coordenadas' => array( 'x' => 200, 'y' => 775 )
+					),
+					7 => array(
+						'txt' => 'Toda la familia comienza a hacer un muñeco de nieve. Los mazapanes sirven de',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					8 => array(
+						'txt' => 'ojos y un bastoncillo de nariz. Le colocan el gorro sobre la cabeza. Cuando se',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					9 => array(
+						'txt' => 'quieren dar cuenta, han hecho un muñeco de nieve más grande que ' . Hash::extract( $aDataFamilyRelationshipAdulto1, 'FamilyRelationshipsBook8Article.{n}[page=29].article')[0] . $aDataFamilyRelationshipAdulto1['FamilyRelationshipsBook8']['name'] . '.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				30 => array(
+					1 => array(
+						'txt' => 'Un copo de nieve diminuto cae sobre el pelo rojo de Trasto',
+						'coordenadas' => array( 'x' => 650, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'y, sorprendentemente, no se derrite. ¡Parece magia!',
+						'coordenadas' => array( 'x' => 650, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => '¡Ahora sí que lo han conseguido!',
+						'coordenadas' => array( 'x' => 650, 'y' => -865 )
+					)
+				),
+
+				31 => array(
+					1 => array(
+						'txt' => 'Ha llegado el gran día. Es muy temprano y,',
+						'coordenadas' => array( 'x' => 450, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'antes de que se despierten ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=31].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . ' y',
+						'coordenadas' => array( 'x' => 450, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => Hash::extract( $aDataFamilyRelationshipAdulto1, 'FamilyRelationshipsBook8Article.{n}[page=31].article')[0] . $aDataFamilyRelationshipAdulto1['FamilyRelationshipsBook8']['name'] . ', ' . $book['BookData'][2]['nombre_prota'] . ' corre ' . ( $book['BookData'][2]['genero_prota'] == 1 ? 'ilusionada' : 'ilusionado' ),
+						'coordenadas' => array( 'x' => 450, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => 'a abrir los regalos que están debajo',
+						'coordenadas' => array( 'x' => 450, 'y' => -775 )
+					),
+					5 => array(
+						'txt' => 'del árbol. ¿Cuál será el más',
+						'coordenadas' => array( 'x' => 450, 'y' => -685 )
+					),
+					6 => array(
+						'txt' => 'maravilloso del mundo?',
+						'coordenadas' => array( 'x' => 450, 'y' => -595 )
+					)
+				),
+
+				32 => array(
+					4 => array(
+						'txt' => 'Allí están un juego de mesa, muchos libros, un',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'oso de peluche gigante y un patinete. Al fondo,',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => 'envuelta en papel rojo con un lazo dorado, hay',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					7 => array(
+						'txt' => 'una caja muy muy pequeña. Tan pequeña que',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					8 => array(
+						'txt' => $book['BookData'][2]['nombre_prota']. ' no cree que ahí dentro pueda',
+						'coordenadas' => array( 'x' => 200, 'y' => -685 )
+					),
+					9 => array(
+						'txt' => 'haber ningún regalo especial.',
+						'coordenadas' => array( 'x' => 200, 'y' => -595 )
+					)
+				),
+
+				34 => array(
+					1 => array(
+						'txt' => 'La abre ' . ( ( $book['BookData'][2]['genero_prota'] == 1 ) ? 'desconfiada' : 'desconfiado' ) . ' y dentro descubre un sobre. Un sobre igual al que ha',
+						'coordenadas' => array( 'x' => 300, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'recibido todos los días anteriores. En él hay una carta sin firmar cuyo mensaje',
+						'coordenadas' => array( 'x' => 300, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'es muy claro, una sola palabra escrita en letra grande, que le dice cuál es el',
+						'coordenadas' => array( 'x' => 300, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => 'mejor regalo que podemos tener en Navidad:',
+						'coordenadas' => array( 'x' => 300, 'y' => -775 )
+					),
+					5 => array(
+						'txt' => 'Familia',
+						'coordenadas' => array( 'x' => 100, 'y' => 20 )
+					)
+				),
+
+				35 => array(
+					6 => array(
+						'txt' => 'La casa de ' . $book['BookData'][2]['nombre_prota'] . ' ya no está en silencio. Toda su familia ha venido',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					7 => array(
+						'txt' => 'a celebrar con ' . ( $book['BookData'][2]['genero_prota'] == 1 ? 'ellas' : 'ellos' ) . ' la Navidad. Ríen, cantan, bailan el burrito sabanero y',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					8 => array(
+						'txt' => Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=35].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . ' casi se atraganta con un polvorón. Todos están convencidos de',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					9 => array(
+						'txt' => 'haber conseguido el regalo más maravilloso del mundo.',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					)
+				)
+				
+			);
+
+		} else if ( $book['Book']['num_adultos'] == 2 && $book['Book']['num_hijos'] == 2 ) {
+
+			$aTextosTmp = array(
+
+				4 => array(
+					2 => array(
+						'txt' => $book['Book']['dedication'],
+						'coordenadas' => array( 'x' => 120, 'y' => 350 )
+					)
+				),
+
+				5 => array(
+					4 => array(
+						'txt' => 'Es muy temprano y la casa de ' . $book['BookData'][2]['nombre_prota'] . ' y',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][3]['nombre_prota'] . ' está en silencio. Aún no se',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => 'escucha la cucharilla dando vueltas al café',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					7 => array(
+						'txt' => Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=5].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . ' ni la tostadora con el pan',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					8 => array(
+						'txt' => Hash::extract( $aDataFamilyRelationshipAdulto1, 'FamilyRelationshipsBook8Article.{n}[page=5].article')[0] . $aDataFamilyRelationshipAdulto1['FamilyRelationshipsBook8']['name'] . '. Pero ' . $book['BookData'][2]['nombre_prota'] . ' y ' . $book['BookData'][3]['nombre_prota'],
+						'coordenadas' => array( 'x' => 200, 'y' => -685 )
+					),
+					9 => array(
+						'txt' => 'han oído un ruido en el salón y se levantan',
+						'coordenadas' => array( 'x' => 200, 'y' => -595 )
+					),
+					10 => array(
+						'txt' => 'a investigar.',
+						'coordenadas' => array( 'x' => 200, 'y' => -505 )
+					)
+				),
+
+				6 => array(
+					1 => array(
+						'txt' => 'Al lado del sofá ha crecido un abeto, igualito que un árbol de',
+						'coordenadas' => array( 'x' => 0, 'y' => 775 )
+					),
+					2 => array(
+						'txt' => 'Navidad, pero sin adornos. De él cuelga una cuerda con un sobre',
+						'coordenadas' => array( 'x' => 0, 'y' => 865 )
+					),
+					3 => array(
+						'txt' => 'que lleva sus nombres escritos con letra grande.',
+						'coordenadas' => array( 'x' => 0, 'y' => 955 )
+					),
+					4 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'] . ' y ' . $book['BookData'][3]['nombre_prota'] . ' se apresuran a cogerlo.',
+						'coordenadas' => array( 'x' => 0, 'y' => 1045 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => -50, 'y' => -140 )
+					),
+					6 => array(
+						'txt' => $book['BookData'][3]['nombre_prota'],
+						'coordenadas' => array( 'x' => -50, 'y' => -70 )
+					)
+				),
+
+				7 => array(
+					3 => array(
+						'txt' => 'Dentro del sobre hay una carta sin firmar ',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					4 => array(
+						'txt' => 'cuyas instrucciones son claras:',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					)
+				),
+
+				8 => array(
+					4 => array(
+						'txt' => '“Si quieren recibir el regalo de Navidad más maravilloso del mundo, tendrán que',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'superar una serie de pruebas”. ¡Qué emocionante! ¿Quién mandará esa carta?',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => 'Algo cae de dentro del sobre y se esparce por el suelo. ¡Es arena!',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					7 => array(
+						'txt' => '¡Lo han enviado los Reyes Magos! ' . $book['BookData'][2]['nombre_prota'] . ' y ' . $book['BookData'][3]['nombre_prota'] . ' no se lo',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					8 => array(
+						'txt' => 'pueden creer, los mismísimos Reyes Magos les han mandado una carta, ¡a ' . ( ( $book['BookData'][2]['genero_prota'] == 1 && $book['BookData'][3]['genero_prota'] == 1 ) ? 'ellas' : 'ellos' ) . '!',
+						'coordenadas' => array( 'x' => 200, 'y' => -685 )
+					)
+				),
+
+				9 => array(
+					4 => array(
+						'txt' => 'La primera prueba que deben superar consiste en cocinar las galletas de',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'Navidad más originales.',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => '¡No hay tiempo que perder! Nunca han cocinado galletas, pero no puede ser',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					7 => array(
+						'txt' => 'tan difícil.',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					)
+				),
+
+				10 => array(
+					1 => array(
+						'txt' => 'Seguro que llevan harina, huevos, mantequilla y azúcar, mucho azúcar. Abren el',
+						'coordenadas' => array( 'x' => 200, 'y' => 685 )
+					),
+					2 => array(
+						'txt' => 'armario de las especias y añaden canela, jengibre, nuez moscada y virutas de',
+						'coordenadas' => array( 'x' => 200, 'y' => 775 )
+					),
+					3 => array(
+						'txt' => 'chocolate, ¡serán las galletas más deliciosas que han comido jamás! Toda la',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					4 => array(
+						'txt' => 'casa huele a Navidad.',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					5 => array(
+						'txt' => 'Amasan la mezcla y le dan la forma de los miembros de la familia.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				11 => array(
+					6 => array(
+						'txt' => 'Las sacan del horno y las prueban aún calientes. Son muy bonitas, pero están',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					7 => array(
+						'txt' => 'durísimas, no se las pueden comer, a no ser que quieran romperse los dientes.',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					8 => array(
+						'txt' => '¡Qué decepción!',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				12 => array(
+					1 => array(
+						'txt' => 'Están pensando en intentarlo de nuevo cuando descubren un nuevo sobre',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'colgado del árbol. En él viene explicada la segunda prueba: deben decorar el',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'árbol de una manera especial.',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => 60, 'y' => 300 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][3]['nombre_prota'],
+						'coordenadas' => array( 'x' => 65, 'y' => 400 )
+					)
+				),
+
+				13 => array(
+					4 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'] . ' y ' . $book['BookData'][3]['nombre_prota'] . ', con ayuda ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=13].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . ' y ' . Hash::extract( $aDataFamilyRelationshipAdulto1, 'FamilyRelationshipsBook8Article.{n}[page=13].article')[0] . $aDataFamilyRelationshipAdulto1['FamilyRelationshipsBook8']['name'] . ', lo adornan',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'con bolas de colores, guirnaldas de espumillón y una estrella en la punta,',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => 'como todos los años. ¿Qué pueden hacer para que este año sea especial?',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					)
+				),
+
+				14 => array(
+					3 => array(
+						'txt' => 'Sobre la mesa están las galletas que acaban de cocinar. ¡Qué buena idea! Así todos',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					4 => array(
+						'txt' => 'formarán parte del árbol.',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					)
+				),
+
+				15 => array(
+					1 => array(
+						'txt' => 'Al día siguiente, ' . $book['BookData'][2]['nombre_prota'] . ' y ' . $book['BookData'][3]['nombre_prota'] . ' no quitan ojo del árbol esperando',
+						'coordenadas' => array( 'x' => 200, 'y' => 775 )
+					),
+					2 => array(
+						'txt' => 'el próximo sobre. Pero, esta vez, la siguiente prueba aparece junto a la',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					3 => array(
+						'txt' => 'chimenea. ¿La enviará Papá Noel? La carta dice que deberán montar una banda de',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					4 => array(
+						'txt' => 'villancicos.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => -20, 'y' => -620 )
+					),
+					6 => array(
+						'txt' => $book['BookData'][3]['nombre_prota'],
+						'coordenadas' => array( 'x' => -20, 'y' => -580 )
+					)
+				),
+
+				16 => array(
+					6 => array(
+						'txt' => 'Fabrican unas entradas para ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=16].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . ' y ' . Hash::extract( $aDataFamilyRelationshipAdulto1, 'FamilyRelationshipsBook8Article.{n}[page=16].article')[0] . $aDataFamilyRelationshipAdulto1['FamilyRelationshipsBook8']['name'] . ', y organizan un concierto en el',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					7 => array(
+						'txt' => 'salón. ' . $book['BookData'][2]['nombre_prota'] . ' y ' . $book['BookData'][3]['nombre_prota'] . ' tocan la pandereta, Trasto la zambomba',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					8 => array(
+						'txt' => 'y juntos cantan villancicos hasta el anochecer. A todos les parece muy',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					9 => array(
+						'txt' => 'divertido; a los vecinos, no tanto.',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					)
+				),
+
+				17 => array(
+					1 => array(
+						'txt' => 'La cuarta prueba aparece en la caja de los bloques de construcción. Les pide que',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'reúnan aquellos juguetes que ya no utilicen y se los regalen a niños y niñas que',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'tienen menos que ' . ( ( $book['BookData'][2]['genero_prota'] == 1 && $book['BookData'][3]['genero_prota'] == 1 ) ? 'ellas' : 'ellos' ) . '.',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => -140, 'y' => 10 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][3]['nombre_prota'],
+						'coordenadas' => array( 'x' => -100, 'y' => 150 )
+					)
+				),
+
+				18 => array(
+					4 => array(
+						'txt' => 'Esta prueba es muy difícil porque les da mucha pena despedirse de sus posesiones,',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					5 => array(
+						'txt' => 'pero les ayuda a pensar en lo felices que estarán otros niños jugando con ellas.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				20 => array(
+					1 => array(
+						'txt' => 'La quinta prueba tarda varios días en aparecer...',
+						'coordenadas' => array( 'x' => 0, 'y' => 1045 )
+					)
+				),
+
+				21 => array(
+					1 => array(
+						'txt' => 'La descubre Trasto en su cama junto a un trozo de carbón. Tienen que crear',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'sus propias felicitaciones de Navidad y enviárselas a sus amigos y familiares.',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'Se pasan el día rodeados de cartulinas de colores, témperas y purpurina. La',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => 'purpurina aparece hasta en la sopa de la cena.',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => 40, 'y' => 15 )
+					),
+					6 => array(
+						'txt' => $book['BookData'][3]['nombre_prota'],
+						'coordenadas' => array( 'x' => 80, 'y' => 265 )
+					)
+				),
+
+				23 => array(
+					1 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => -570, 'y' => 290 )
+					),
+					2 => array(
+						'txt' => $book['BookData'][3]['nombre_prota'],
+						'coordenadas' => array( 'x' => -28, 'y' => 380 )
+					)
+				),
+
+				24 => array(						
+					1 => array(
+						'txt' => 'Un sexto sobre aparece dentro del congelador.',
+						'coordenadas' => array( 'x' => 0, 'y' => 1045 )
+					)
+				),
+
+				25 => array(
+					6 => array(
+						'txt' => 'Toda la familia debe salir a buscar dos adornos de Navidad, el más grande y',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					7 => array(
+						'txt' => 'el más pequeño que puedan encontrar. Sin duda el mejor lugar para conseguir',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					8 => array(
+						'txt' => 'adornos es el mercadillo de la ciudad.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				26 => array(
+					1 => array(
+						'txt' => 'El camino está deslumbrante. Cascadas de luces adornan las calles y estrellas de',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'colores cubren el cielo como si fuera el firmamento. Pasan junto a un Belén en el',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'que las figuras se mueven y el río tiene agua de verdad, ¿habrá peces bebiendo?',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					)
+				),
+
+				27 => array(
+					3 => array(
+						'txt' => 'En el mercadillo compran bastoncillos de caramelo, mazapanes',
+						'coordenadas' => array( 'x' => 750, 'y' => -1045 )
+					),
+					4 => array(
+						'txt' => 'y un gorro gigante. ¿Será lo bastante grande?',
+						'coordenadas' => array( 'x' => 750, 'y' => -955 )
+					)
+				),
+
+				28 => array(
+					4 => array(
+						'txt' => ucfirst( Hash::extract( $aDataFamilyRelationshipAdulto1, 'FamilyRelationshipsBook8Article.{n}[page=28].article')[0] . $aDataFamilyRelationshipAdulto1['FamilyRelationshipsBook8']['name'] ) . ' ha encontrado una estrella de madera muy',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'pequeña, pero ' . $book['BookData'][2]['nombre_prota'] . ' y ' . $book['BookData'][3]['nombre_prota'] . ' no están',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => 'muy ' . ( ( $book['BookData'][2]['genero_prota'] == 1 && $book['BookData'][3]['genero_prota'] == 1 ) ? 'seguras' : 'seguros' ) . ' de haber superado la prueba.',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					)
+				),
+
+				29 => array(
+					6 => array(
+						'txt' => 'De camino a casa empieza a nevar y las calles se cubren de un manto blanco.',
+						'coordenadas' => array( 'x' => 200, 'y' => 775 )
+					),
+					7 => array(
+						'txt' => 'Toda la familia comienza a hacer un muñeco de nieve. Los mazapanes sirven de',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					8 => array(
+						'txt' => 'ojos y un bastoncillo de nariz. Le colocan el gorro sobre la cabeza. Cuando se',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					9 => array(
+						'txt' => 'quieren dar cuenta, han hecho un muñeco de nieve más grande que ' . Hash::extract( $aDataFamilyRelationshipAdulto1, 'FamilyRelationshipsBook8Article.{n}[page=29].article')[0] . $aDataFamilyRelationshipAdulto1['FamilyRelationshipsBook8']['name'] . '.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				30 => array(
+					1 => array(
+						'txt' => 'Un copo de nieve diminuto cae sobre el pelo rojo de Trasto',
+						'coordenadas' => array( 'x' => 650, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'y, sorprendentemente, no se derrite. ¡Parece magia!',
+						'coordenadas' => array( 'x' => 650, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => '¡Ahora sí que lo han conseguido!',
+						'coordenadas' => array( 'x' => 650, 'y' => -865 )
+					)
+				),
+
+				31 => array(
+					1 => array(
+						'txt' => 'Ha llegado el gran día. Es muy temprano y,',
+						'coordenadas' => array( 'x' => 450, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'antes de que se despierten ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=31].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . ' y',
+						'coordenadas' => array( 'x' => 450, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => Hash::extract( $aDataFamilyRelationshipAdulto1, 'FamilyRelationshipsBook8Article.{n}[page=31].article')[0] . $aDataFamilyRelationshipAdulto1['FamilyRelationshipsBook8']['name'] . ', ' . $book['BookData'][2]['nombre_prota'] . ' y ' . $book['BookData'][3]['nombre_prota'],
+						'coordenadas' => array( 'x' => 450, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => 'corren ' . ( ( $book['BookData'][2]['genero_prota'] == 1 && $book['BookData'][3]['genero_prota'] == 1 ) ? 'ilusionadas' : 'ilusionados' ) . ' a abrir los regalos',
+						'coordenadas' => array( 'x' => 450, 'y' => -775 )
+					),
+					5 => array(
+						'txt' => 'que están debajo del árbol. ¿Cuál será',
+						'coordenadas' => array( 'x' => 450, 'y' => -685 )
+					),
+					6 => array(
+						'txt' => 'el más maravilloso del mundo?',
+						'coordenadas' => array( 'x' => 450, 'y' => -595 )
+					)
+				),
+
+				32 => array(
+					4 => array(
+						'txt' => 'Allí están un juego de mesa, muchos libros, un',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'oso de peluche gigante y un patinete. Al fondo,',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => 'envuelta en papel rojo con un lazo dorado, hay',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					7 => array(
+						'txt' => 'una caja muy muy pequeña. Tan pequeña que',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					8 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'] . ' y ' . $book['BookData'][3]['nombre_prota'] . ' no creen que ahí',
+						'coordenadas' => array( 'x' => 200, 'y' => -685 )
+					),
+					9 => array(
+						'txt' => 'dentro pueda haber ningún regalo especial.',
+						'coordenadas' => array( 'x' => 200, 'y' => -595 )
+					)
+				),
+
+				34 => array(
+					1 => array(
+						'txt' => 'La abren ' . ( ( $book['BookData'][2]['genero_prota'] == 1 && $book['BookData'][3]['genero_prota'] == 1 ) ? 'desconfiadas' : 'desconfiados' ) . ' y dentro descubren un sobre. Un sobre igual al que han',
+						'coordenadas' => array( 'x' => 300, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'recibido todos los días anteriores. En él hay una carta sin firmar cuyo mensaje',
+						'coordenadas' => array( 'x' => 300, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'es muy claro, una sola palabra escrita en letra grande, que les dice cuál es el',
+						'coordenadas' => array( 'x' => 300, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => 'mejor regalo que podemos tener en Navidad:',
+						'coordenadas' => array( 'x' => 300, 'y' => -775 )
+					),
+					5 => array(
+						'txt' => 'Familia',
+						'coordenadas' => array( 'x' => 100, 'y' => 20 )
+					)
+				),
+
+				35 => array(
+					6 => array(
+						'txt' => 'La casa de ' . $book['BookData'][2]['nombre_prota'] . ' y ' . $book['BookData'][3]['nombre_prota'] . ' ya no está en silencio.',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					7 => array(
+						'txt' => 'Toda su familia ha venido a celebrar con ' . ( ( $book['BookData'][2]['genero_prota'] == 1 && $book['BookData'][3]['genero_prota'] == 1 ) ? 'ellas' : 'ellos' ) . ' la Navidad. Ríen, cantan,',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					8 => array(
+						'txt' => 'bailan el burrito sabanero y ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=35].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . ' casi se atraganta con un polvorón.',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					9 => array(
+						'txt' => 'Todos están convencidos de haber conseguido el regalo más maravilloso',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					10 => array(
+						'txt' => 'del mundo.',
+						'coordenadas' => array( 'x' => 200, 'y' => -685 )
+					)
+				)
+				
+			);
+
+		} else if ( $book['Book']['num_adultos'] == 2 && $book['Book']['num_hijos'] == 3 ) {
+
+			$aTextosTmp = array(
+
+				4 => array(
+					2 => array(
+						'txt' => $book['Book']['dedication'],
+						'coordenadas' => array( 'x' => 120, 'y' => 350 )
+					)
+				),
+
+				5 => array(
+					4 => array(
+						'txt' => 'Es muy temprano y la casa de ' . $book['BookData'][2]['nombre_prota'] . ',',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][3]['nombre_prota'] . ' y ' . $book['BookData'][4]['nombre_prota'] . ' está en silencio.',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => 'Aún no se escucha la cucharilla dando vueltas',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					7 => array(
+						'txt' => 'al café ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=5].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . ' ni la tostadora con el pan',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					8 => array(
+						'txt' => Hash::extract( $aDataFamilyRelationshipAdulto1, 'FamilyRelationshipsBook8Article.{n}[page=5].article')[0] . $aDataFamilyRelationshipAdulto1['FamilyRelationshipsBook8']['name'] . '. Pero ' . $book['BookData'][2]['nombre_prota'] . ', ' . $book['BookData'][3]['nombre_prota'],
+						'coordenadas' => array( 'x' => 200, 'y' => -685 )
+					),
+					9 => array(
+						'txt' => 'y ' . $book['BookData'][4]['nombre_prota'] . ' han oído un ruido en el salón y',
+						'coordenadas' => array( 'x' => 200, 'y' => -595 )
+					),
+					10 => array(
+						'txt' => 'se levantan a investigar.',
+						'coordenadas' => array( 'x' => 200, 'y' => -505 )
+					)
+				),
+
+				6 => array(
+					1 => array(
+						'txt' => 'Al lado del sofá ha crecido un abeto, igualito que un árbol de',
+						'coordenadas' => array( 'x' => 0, 'y' => 775 )
+					),
+					2 => array(
+						'txt' => 'Navidad, pero sin adornos. De él cuelga una cuerda con un sobre',
+						'coordenadas' => array( 'x' => 0, 'y' => 865 )
+					),
+					3 => array(
+						'txt' => 'que lleva sus nombres escritos con letra grande.',
+						'coordenadas' => array( 'x' => 0, 'y' => 955 )
+					),
+					4 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'] . ', ' . $book['BookData'][3]['nombre_prota'] . ' y ' . $book['BookData'][4]['nombre_prota'] . ' se apresuran a cogerlo.',
+						'coordenadas' => array( 'x' => 0, 'y' => 1045 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => -50, 'y' => -160 )
+					),
+					6 => array(
+						'txt' => $book['BookData'][3]['nombre_prota'],
+						'coordenadas' => array( 'x' => -50, 'y' => -105 )
+					),
+					7 => array(
+						'txt' => $book['BookData'][4]['nombre_prota'],
+						'coordenadas' => array( 'x' => -50, 'y' => -50 )
+					)
+				),
+
+				7 => array(
+					3 => array(
+						'txt' => 'Dentro del sobre hay una carta sin firmar ',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					4 => array(
+						'txt' => 'cuyas instrucciones son claras:',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					)
+				),
+
+				8 => array(
+					4 => array(
+						'txt' => '“Si quieren recibir el regalo de Navidad más maravilloso del mundo, tendrán que',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'superar una serie de pruebas”. ¡Qué emocionante! ¿Quién mandará esa carta?',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => 'Algo cae de dentro del sobre y se esparce por el suelo. ¡Es arena!',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					7 => array(
+						'txt' => '¡Lo han enviado los Reyes Magos! ' . $book['BookData'][2]['nombre_prota'] . ', ' . $book['BookData'][3]['nombre_prota'] . ' y ' . $book['BookData'][4]['nombre_prota'] . ' no se lo',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					8 => array(
+						'txt' => 'pueden creer, los mismísimos Reyes Magos les han mandado una carta, ¡a ' . ( ( $book['BookData'][2]['genero_prota'] == 1 && $book['BookData'][3]['genero_prota'] == 1 && $book['BookData'][4]['genero_prota'] == 1 ) ? 'ellas' : 'ellos' ) . '!',
+						'coordenadas' => array( 'x' => 200, 'y' => -685 )
+					)
+				),
+
+				9 => array(
+					4 => array(
+						'txt' => 'La primera prueba que deben superar consiste en cocinar las galletas de',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'Navidad más originales.',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => '¡No hay tiempo que perder! Nunca han cocinado galletas, pero no puede ser',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					7 => array(
+						'txt' => 'tan difícil.',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					)
+				),
+
+				10 => array(
+					1 => array(
+						'txt' => 'Seguro que llevan harina, huevos, mantequilla y azúcar, mucho azúcar. Abren el',
+						'coordenadas' => array( 'x' => 200, 'y' => 685 )
+					),
+					2 => array(
+						'txt' => 'armario de las especias y añaden canela, jengibre, nuez moscada y virutas de',
+						'coordenadas' => array( 'x' => 200, 'y' => 775 )
+					),
+					3 => array(
+						'txt' => 'chocolate, ¡serán las galletas más deliciosas que han comido jamás! Toda la',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					4 => array(
+						'txt' => 'casa huele a Navidad.',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					5 => array(
+						'txt' => 'Amasan la mezcla y le dan la forma de los miembros de la familia.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				11 => array(
+					6 => array(
+						'txt' => 'Las sacan del horno y las prueban aún calientes. Son muy bonitas, pero están',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					7 => array(
+						'txt' => 'durísimas, no se las pueden comer, a no ser que quieran romperse los dientes.',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					8 => array(
+						'txt' => '¡Qué decepción!',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				12 => array(
+					1 => array(
+						'txt' => 'Están pensando en intentarlo de nuevo cuando descubren un nuevo sobre',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'colgado del árbol. En él viene explicada la segunda prueba: deben decorar el',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'árbol de una manera especial.',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => 60, 'y' => 250 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][3]['nombre_prota'],
+						'coordenadas' => array( 'x' => 65, 'y' => 350 )
+					),
+					6 => array(
+						'txt' => $book['BookData'][4]['nombre_prota'],
+						'coordenadas' => array( 'x' => 65, 'y' => 450 )
+					)
+				),
+
+				13 => array(
+					4 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'] . ', ' . $book['BookData'][3]['nombre_prota'] . ' y ' . $book['BookData'][4]['nombre_prota'] . ', con ayuda ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=13].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . ' y ' . Hash::extract( $aDataFamilyRelationshipAdulto1, 'FamilyRelationshipsBook8Article.{n}[page=13].article')[0] . $aDataFamilyRelationshipAdulto1['FamilyRelationshipsBook8']['name'] . ', ',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'lo adornan con bolas de colores, guirnaldas de espumillón y una estrella en la',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => 'punta, como todos los años. ¿Qué pueden hacer para que este año sea especial?',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					)
+				),
+
+				14 => array(
+					3 => array(
+						'txt' => 'Sobre la mesa están las galletas que acaban de cocinar. ¡Qué buena idea! Así todos',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					4 => array(
+						'txt' => 'formarán parte del árbol.',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					)
+				),
+
+				15 => array(
+					1 => array(
+						'txt' => 'Al día siguiente, ' . $book['BookData'][2]['nombre_prota'] . ', ' . $book['BookData'][3]['nombre_prota'] . ' y ' . $book['BookData'][4]['nombre_prota'] . ' no quitan ojo del árbol',
+						'coordenadas' => array( 'x' => 200, 'y' => 775 )
+					),
+					2 => array(
+						'txt' => 'esperando el próximo sobre. Pero, esta vez, la siguiente prueba aparece junto a la',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					3 => array(
+						'txt' => 'chimenea. ¿La enviará Papá Noel? La carta dice que deberán montar una banda de',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					4 => array(
+						'txt' => 'villancicos.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => -20, 'y' => -640 )
+					),
+					6 => array(
+						'txt' => $book['BookData'][3]['nombre_prota'],
+						'coordenadas' => array( 'x' => -20, 'y' => -600 )
+					),
+					7 => array(
+						'txt' => $book['BookData'][4]['nombre_prota'],
+						'coordenadas' => array( 'x' => -20, 'y' => -560 )
+					)
+				),
+
+				16 => array(
+					6 => array(
+						'txt' => 'Fabrican unas entradas para ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=16].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . ' y ' . Hash::extract( $aDataFamilyRelationshipAdulto1, 'FamilyRelationshipsBook8Article.{n}[page=16].article')[0] . $aDataFamilyRelationshipAdulto1['FamilyRelationshipsBook8']['name'] . ', y organizan un concierto en el',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					7 => array(
+						'txt' => 'salón.' . $book['BookData'][2]['nombre_prota'] . ', ' . $book['BookData'][3]['nombre_prota'] . ' y ' . $book['BookData'][4]['nombre_prota'] . ' tocan la pandereta, Trasto la',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					8 => array(
+						'txt' => 'zambomba y juntos cantan villancicos hasta el anochecer. A todos les parece muy',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					9 => array(
+						'txt' => 'divertido; a los vecinos, no tanto.',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					)
+				),
+
+				17 => array(
+					1 => array(
+						'txt' => 'La cuarta prueba aparece en la caja de los bloques de construcción. Les pide que',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'reúnan aquellos juguetes que ya no utilicen y se los regalen a niños y niñas que',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'tienen menos que ' . ( ( $book['BookData'][2]['genero_prota'] == 1 && $book['BookData'][3]['genero_prota'] == 1 && $book['BookData'][4]['genero_prota'] == 1 ) ? 'ellas' : 'ellos' ) . '.',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => -140, 'y' => -50 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][3]['nombre_prota'],
+						'coordenadas' => array( 'x' => -100, 'y' => 70 )
+					),
+					6 => array(
+						'txt' => $book['BookData'][4]['nombre_prota'],
+						'coordenadas' => array( 'x' => -65, 'y' => 190 )
+					)
+				),
+
+				18 => array(
+					4 => array(
+						'txt' => 'Esta prueba es muy difícil porque les da mucha pena despedirse de sus posesiones,',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					5 => array(
+						'txt' => 'pero les ayuda a pensar en lo felices que estarán otros niños jugando con ellas.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				20 => array(
+					1 => array(
+						'txt' => 'La quinta prueba tarda varios días en aparecer...',
+						'coordenadas' => array( 'x' => 0, 'y' => 1045 )
+					)
+				),
+
+				21 => array(
+					1 => array(
+						'txt' => 'La descubre Trasto en su cama junto a un trozo de carbón. Tienen que crear',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'sus propias felicitaciones de Navidad y enviárselas a sus amigos y familiares.',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'Se pasan el día rodeados de cartulinas de colores, témperas y purpurina. La',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => 'purpurina aparece hasta en la sopa de la cena.',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					5 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => 40, 'y' => -10 )
+					),
+					6 => array(
+						'txt' => $book['BookData'][3]['nombre_prota'],
+						'coordenadas' => array( 'x' => 60, 'y' => 140 )
+					),
+					7 => array(
+						'txt' => $book['BookData'][4]['nombre_prota'],
+						'coordenadas' => array( 'x' => 80, 'y' => 290 )
+					)
+				),
+
+				23 => array(
+					1 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'],
+						'coordenadas' => array( 'x' => -570, 'y' => 290 )
+					),
+					2 => array(
+						'txt' => $book['BookData'][3]['nombre_prota'],
+						'coordenadas' => array( 'x' => -28, 'y' => 380 )
+					),
+					3 => array(
+						'txt' => $book['BookData'][4]['nombre_prota'],
+						'coordenadas' => array( 'x' => 530, 'y' => 330 )
+					)
+				),
+
+				24 => array(						
+					1 => array(
+						'txt' => 'Un sexto sobre aparece dentro del congelador.',
+						'coordenadas' => array( 'x' => 0, 'y' => 1045 )
+					)
+				),
+
+				25 => array(
+					6 => array(
+						'txt' => 'Toda la familia debe salir a buscar dos adornos de Navidad, el más grande y',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					7 => array(
+						'txt' => 'el más pequeño que puedan encontrar. Sin duda el mejor lugar para conseguir',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					8 => array(
+						'txt' => 'adornos es el mercadillo de la ciudad.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				26 => array(
+					1 => array(
+						'txt' => 'El camino está deslumbrante. Cascadas de luces adornan las calles y estrellas de',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'colores cubren el cielo como si fuera el firmamento. Pasan junto a un Belén en el',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'que las figuras se mueven y el río tiene agua de verdad, ¿habrá peces bebiendo?',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					)
+				),
+
+				27 => array(
+					3 => array(
+						'txt' => 'En el mercadillo compran bastoncillos de caramelo, mazapanes',
+						'coordenadas' => array( 'x' => 750, 'y' => -1045 )
+					),
+					4 => array(
+						'txt' => 'y un gorro gigante. ¿Será lo bastante grande?',
+						'coordenadas' => array( 'x' => 750, 'y' => -955 )
+					)
+				),
+
+				28 => array(
+					4 => array(
+						'txt' => ucfirst( Hash::extract( $aDataFamilyRelationshipAdulto1, 'FamilyRelationshipsBook8Article.{n}[page=28].article')[0] . $aDataFamilyRelationshipAdulto1['FamilyRelationshipsBook8']['name'] ) . ' ha encontrado una estrella de madera muy',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'pequeña, pero ' . $book['BookData'][2]['nombre_prota'] . ', ' . $book['BookData'][3]['nombre_prota'] . ' y ' . $book['BookData'][4]['nombre_prota'],
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => 'no están muy ' . ( ( $book['BookData'][2]['genero_prota'] == 1 && $book['BookData'][3]['genero_prota'] == 1 && $book['BookData'][4]['genero_prota'] == 1 ) ? 'seguras' : 'seguros' ) . ' de haber superado la prueba.',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					)
+				),
+
+				29 => array(
+					6 => array(
+						'txt' => 'De camino a casa empieza a nevar y las calles se cubren de un manto blanco.',
+						'coordenadas' => array( 'x' => 200, 'y' => 775 )
+					),
+					7 => array(
+						'txt' => 'Toda la familia comienza a hacer un muñeco de nieve. Los mazapanes sirven de',
+						'coordenadas' => array( 'x' => 200, 'y' => 865 )
+					),
+					8 => array(
+						'txt' => 'ojos y un bastoncillo de nariz. Le colocan el gorro sobre la cabeza. Cuando se',
+						'coordenadas' => array( 'x' => 200, 'y' => 955 )
+					),
+					9 => array(
+						'txt' => 'quieren dar cuenta, han hecho un muñeco de nieve más grande que ' . Hash::extract( $aDataFamilyRelationshipAdulto1, 'FamilyRelationshipsBook8Article.{n}[page=29].article')[0] . $aDataFamilyRelationshipAdulto1['FamilyRelationshipsBook8']['name'] . '.',
+						'coordenadas' => array( 'x' => 200, 'y' => 1045 )
+					)
+				),
+
+				30 => array(
+					1 => array(
+						'txt' => 'Un copo de nieve diminuto cae sobre el pelo rojo de Trasto',
+						'coordenadas' => array( 'x' => 650, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'y, sorprendentemente, no se derrite. ¡Parece magia!',
+						'coordenadas' => array( 'x' => 650, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => '¡Ahora sí que lo han conseguido!',
+						'coordenadas' => array( 'x' => 650, 'y' => -865 )
+					)
+				),
+
+				31 => array(
+					1 => array(
+						'txt' => 'Ha llegado el gran día. Es muy temprano y,',
+						'coordenadas' => array( 'x' => 450, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'antes de que se despierten ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=31].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . ' y',
+						'coordenadas' => array( 'x' => 450, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => Hash::extract( $aDataFamilyRelationshipAdulto1, 'FamilyRelationshipsBook8Article.{n}[page=31].article')[0] . $aDataFamilyRelationshipAdulto1['FamilyRelationshipsBook8']['name'] . ', ' . $book['BookData'][2]['nombre_prota'] . ', ' . $book['BookData'][3]['nombre_prota'] . ' y',
+						'coordenadas' => array( 'x' => 450, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => $book['BookData'][4]['nombre_prota'] . ' corren ' . ( ( $book['BookData'][2]['genero_prota'] == 1 && $book['BookData'][3]['genero_prota'] == 1 && $book['BookData'][4]['genero_prota'] == 1 ) ? 'ilusionadas' : 'ilusionados' ) . ' a abrir',
+						'coordenadas' => array( 'x' => 450, 'y' => -775 )
+					),
+					5 => array(
+						'txt' => 'los regalos que están debajo del árbol.',
+						'coordenadas' => array( 'x' => 450, 'y' => -685 )
+					),
+					6 => array(
+						'txt' => '¿Cuál será el más maravilloso del mundo?',
+						'coordenadas' => array( 'x' => 450, 'y' => -595 )
+					)
+				),
+
+				32 => array(
+					4 => array(
+						'txt' => 'Allí están un juego de mesa, muchos libros, un',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					5 => array(
+						'txt' => 'oso de peluche gigante y un patinete. Al fondo,',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					6 => array(
+						'txt' => 'envuelta en papel rojo con un lazo dorado, hay',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					7 => array(
+						'txt' => 'una caja muy muy pequeña. Tan pequeña que',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					8 => array(
+						'txt' => $book['BookData'][2]['nombre_prota'] . ', ' . $book['BookData'][3]['nombre_prota'] . ' y ' . $book['BookData'][4]['nombre_prota'] . ' no',
+						'coordenadas' => array( 'x' => 200, 'y' => -685 )
+					),
+					9 => array(
+						'txt' => 'creen que ahí dentro pueda haber ningún',
+						'coordenadas' => array( 'x' => 200, 'y' => -595 )
+					),
+					10 => array(
+						'txt' => 'regalo especial.',
+						'coordenadas' => array( 'x' => 200, 'y' => -505 )
+					)
+				),
+
+				34 => array(
+					1 => array(
+						'txt' => 'La abren ' . ( ( $book['BookData'][2]['genero_prota'] == 1 && $book['BookData'][3]['genero_prota'] == 1 && $book['BookData'][4]['genero_prota'] == 1 ) ? 'desconfiadas' : 'desconfiados' ) . ' y dentro descubren un sobre. Un sobre igual al que han',
+						'coordenadas' => array( 'x' => 300, 'y' => -1045 )
+					),
+					2 => array(
+						'txt' => 'recibido todos los días anteriores. En él hay una carta sin firmar cuyo mensaje',
+						'coordenadas' => array( 'x' => 300, 'y' => -955 )
+					),
+					3 => array(
+						'txt' => 'es muy claro, una sola palabra escrita en letra grande, que les dice cuál es el',
+						'coordenadas' => array( 'x' => 300, 'y' => -865 )
+					),
+					4 => array(
+						'txt' => 'mejor regalo que podemos tener en Navidad:',
+						'coordenadas' => array( 'x' => 300, 'y' => -775 )
+					),
+					5 => array(
+						'txt' => 'Familia',
+						'coordenadas' => array( 'x' => 100, 'y' => 20 )
+					)
+				),
+
+				35 => array(
+					6 => array(
+						'txt' => 'La casa de ' . $book['BookData'][2]['nombre_prota'] . ', ' . $book['BookData'][3]['nombre_prota'] . ' y ' . $book['BookData'][4]['nombre_prota'] . ' ya no está en silencio.',
+						'coordenadas' => array( 'x' => 200, 'y' => -1045 )
+					),
+					7 => array(
+						'txt' => 'Toda su familia ha venido a celebrar con ' . ( ( $book['BookData'][2]['genero_prota'] == 1 && $book['BookData'][3]['genero_prota'] == 1 && $book['BookData'][4]['genero_prota'] == 1 ) ? 'ellas' : 'ellos' ) . ' la Navidad. Ríen, cantan,',
+						'coordenadas' => array( 'x' => 200, 'y' => -955 )
+					),
+					8 => array(
+						'txt' => 'bailan el burrito sabanero y ' . Hash::extract( $aDataFamilyRelationshipAdulto0, 'FamilyRelationshipsBook8Article.{n}[page=35].article')[0] . $aDataFamilyRelationshipAdulto0['FamilyRelationshipsBook8']['name'] . ' casi se atraganta con un polvorón.',
+						'coordenadas' => array( 'x' => 200, 'y' => -865 )
+					),
+					9 => array(
+						'txt' => 'Todos están convencidos de haber conseguido el regalo más maravilloso',
+						'coordenadas' => array( 'x' => 200, 'y' => -775 )
+					),
+					10 => array(
+						'txt' => 'del mundo.',
+						'coordenadas' => array( 'x' => 200, 'y' => -685 )
+					)
+				)
+				
+			);
+
+		}
+		# fin array de texto para todas las combinaciones posibles de adultos + niños (1-1, 1-2, 1-3, 2-1, 2-2 y 2-3)
+
+		# array final (texto + fotos)
+		$aTextos = Hash::merge( $aFotos, $aTextosTmp );
+
+		# configuramos el texto
+		$draw = new ImagickDraw();
+		$draw->setGravity( Imagick::GRAVITY_CENTER );
+		$angle = 0;
+		$fontSize = ( $book['Book']['font_type'] == 2 ) ? 42 : 50;
+
+		# recorremos lámina a lámina y vamos metiendo textos e imágenes
+		foreach ( $aTextos as $num_pag => $texto ) {
+
+			foreach ( $texto as $num_txt => $txt ) {
+				
+				# escribimos sobre la imagen
+				if ( !empty( $txt['coordenadas'] ) ) {
+
+					if ( $num_pag == 4 ) { // dedicatoria
+
+						$draw->setFillColor( '#000000' );
+						$draw->setFontSize( $fontSize + ( $fontSize * 0.50 ) );
+						$draw->setFont( APP . 'Files' . DS . '8' . DS . 'fonts' . DS . 'Mali-Medium.ttf' );
+						$angle = 9;
+
+					} else if ( $num_pag == 5 ) {
+
+						$draw->setFillColor( '#000000' );
+						$draw->setFont( APP . 'Files' . DS . '8' . DS . 'fonts' . DS . 'Mali-Medium.ttf' );
+						$draw->setGravity( Imagick::GRAVITY_WEST );
+						$draw->setFontSize( $fontSize );
+						$angle = 0;
+						
+					} else if ( $num_pag == 6 ) {
+
+						if ( in_array( $num_txt, array( 5, 6, 7 ) ) ) {
+
+							$draw->setFillColor( '#000000' );
+
+						} else {
+
+							$draw->setFillColor( '#FFFFFF' );
+
+						}
+						
+						$draw->setGravity( Imagick::GRAVITY_CENTER );
+
+					} else if ( $num_pag == 7 ) {
+
+						$draw->setFillColor( '#000000' );
+						$draw->setGravity( Imagick::GRAVITY_WEST );
+
+					} else if ( $num_pag == 11 ) {
+
+						$draw->setFillColor( '#FFFFFF' );
+
+					} else if ( $num_pag == 12 ) {
+
+						if ( in_array( $num_txt, array( 4, 5, 6 ) ) ) {
+
+							$draw->setGravity( Imagick::GRAVITY_CENTER );
+							$draw->setFontSize( $fontSize + ( $fontSize * 0.75 ) );
+							$angle = -1.2;
+
+						}
+
+						$draw->setFillColor( '#000000' );
+
+					} else if ( $num_pag == 15 ) {
+
+						if ( in_array( $num_txt, array( 5, 6, 7 ) ) ) {
+
+							$draw->setGravity( Imagick::GRAVITY_CENTER );
+							$draw->setFontSize( $fontSize - ( $fontSize * 0.20 ) );
+
+						}
+
+					} else if ( $num_pag == 17 ) {
+
+						if ( in_array( $num_txt, array( 4, 5, 6 ) ) ) {
+
+							$draw->setGravity( Imagick::GRAVITY_CENTER );
+							$draw->setFontSize( $fontSize + ( $fontSize * 1.5 ) );
+							$angle = -16;
+
+						}
+
+					} else if ( $num_pag == 18 ) {
+
+						$draw->setFillColor( '#FFFFFF' );
+						$draw->setGravity( Imagick::GRAVITY_WEST );
+						$draw->setFontSize( $fontSize );
+						$angle = 0;
+
+					} else if ( $num_pag == 20 ) {
+
+						$draw->setFillColor( '#FFFFFF' );
+						$draw->setGravity( Imagick::GRAVITY_CENTER );
+
+					} else if ( $num_pag == 21 ) {
+
+						if ( in_array( $num_txt, array( 5, 6, 7 ) ) ) {
+
+							$draw->setGravity( Imagick::GRAVITY_CENTER );
+							$draw->setFontSize( $fontSize + ( $fontSize * 2 ) );
+							$angle = -6.5;
+
+						} else {
+
+							$draw->setFillColor( '#000000' );
+							$draw->setGravity( Imagick::GRAVITY_WEST );
+
+						}							
+
+					} else if ( $num_pag == 23 ) {
+
+						$draw->setGravity( Imagick::GRAVITY_CENTER );
+						$draw->setFontSize( $fontSize - ( $fontSize * 0.25 ) );
+						$angle = 0;
+						
+					} else if ( $num_pag == 24 ) {
+
+						$draw->setGravity( Imagick::GRAVITY_CENTER );
+						$draw->setFillColor( '#FFFFFF' );
+						$draw->setFontSize( $fontSize );
+
+					} else if ( $num_pag == 25 ) {
+
+						$draw->setFillColor( '#FFFFFF' );
+						$draw->setGravity( Imagick::GRAVITY_WEST );
+						$draw->setFontSize( $fontSize );
+						
+					} else if ( $num_pag == 26 ) {
+
+						$draw->setFillColor( '#FFFFFF' );
+
+					} else if ( $num_pag == 27 ) {
+
+						$draw->setFillColor( '#FFFFFF' );
+						
+					} else if ( $num_pag == 28 ) {
+
+						$draw->setFillColor( '#FFFFFF' );
+
+					} else if ( $num_pag == 30 ) {
+
+						$draw->setFillColor( '#FFFFFF' );
+
+					} else if ( $num_pag == 34 ) {
+
+						if ( $num_txt == 5 ) {
+
+							$draw->setGravity( Imagick::GRAVITY_CENTER );
+							$draw->setFontSize( $fontSize + ( $fontSize * 4 ) );
+							$angle = -8;
+
+						}
+						
+					} else {
+
+						$draw->setFillColor( '#000000' );
+						$draw->setGravity( Imagick::GRAVITY_WEST );
+						$draw->setFont( APP . 'Files' . DS . '8' . DS . 'fonts' . DS . 'Mali-Medium.ttf' );
+						$draw->setFontSize( $fontSize );
+						$angle = 0;
+
+					}
+
+					# convertimos el texto a mayúsculas en caso de ser seleccionado por el usuario
+					if (  $book['Book']['font_type'] == 2 ) {
+
+						$txt_format = mb_strtoupper( $txt['txt'], 'UTF-8' );
+					
+					} else {
+
+						$txt_format = $txt['txt'];
+
+					}
+
+					${ 'frameBase' . $num_pag }->annotateImage( $draw, $txt['coordenadas']['x'], $txt['coordenadas']['y'], $angle, $txt_format );
+
+				}
+
+				# hacemos el composite del texto y foto de la dedicatoria
+				if ( isset( $user_image_dedicatoria ) && !empty( $txt['photo_dedicatoria'] ) ) {
+
+					# clonamos la imagen original para que no se guarde la rotación en posteriores páginas
+					$user_image_dedicatoria_clone = clone $user_image_dedicatoria;
+					
+					# rotamos la imagen
+					$user_image_dedicatoria_clone->rotateimage( new ImagickPixel( '#00000000' ), -9.37 );
+					
+					# hacemos el composite
+					${ 'frameBase' . $num_pag }->compositeImage( $user_image_dedicatoria_clone, Imagick::COMPOSITE_DEFAULT, $txt['photo_dedicatoria']['x'], $txt['photo_dedicatoria']['y'] );
+					
+					# eliminamos la imagen clone y la variable de rotación
+					$user_image_dedicatoria_clone->clear();
+
+				}
+				
+				# hacemos el composite del texto y foto del padre e hijos
+				if ( isset( $user_image_adulto_0 ) && !empty( $txt['photo_adulto_0'] ) ) {
+
+					# mejora para en la página 10 la cara del padre repetida no coja la rotación de la otra cara del padre de la misma página
+					if ( !( $num_pag == 10 && $num_txt == 1 ) ) {
+
+						switch ( $num_pag ) {
+						
+							case '7':
+								$rotate_clone_image = -16;								
+							break;
+
+							case '19':
+								$rotate_clone_image = -7;
+							break;
+
+							case '29':
+								$rotate_clone_image = -12;
+							break;
+							
+						}
+
+					}
+
+					if ( isset( $rotate_clone_image ) ) {
+
+						# clonamos la imagen original para que no se guarde la rotación en posteriores páginas
+						$user_image_adulto_0_clone = clone $user_image_adulto_0;
+						
+						# rotamos la imagen
+						$user_image_adulto_0_clone->rotateimage( new ImagickPixel( '#00000000' ), $rotate_clone_image );
+						
+						# hacemos el composite
+						${ 'frameBase' . $num_pag }->compositeImage( $user_image_adulto_0_clone, Imagick::COMPOSITE_DEFAULT, $txt['photo_adulto_0']['x'], $txt['photo_adulto_0']['y'] );
+						
+						# eliminamos la imagen clone y la variable de rotación
+						$user_image_adulto_0_clone->clear();
+						unset( $rotate_clone_image );
+
+					} else {
+
+						${ 'frameBase' . $num_pag }->compositeImage( $user_image_adulto_0, Imagick::COMPOSITE_DEFAULT, $txt['photo_adulto_0']['x'], $txt['photo_adulto_0']['y'] );
+
+					}
+
+				}
+
+				if ( isset( $user_image_adulto_1 ) && !empty( $txt['photo_adulto_1'] ) ) {
+
+					# mejora para en la página 10 la cara del padre repetida no coja la rotación de la otra cara del padre de la misma página
+					if ( !( $num_pag == 10 && $num_txt == 1 ) ) {
+
+						switch ( $num_pag ) {
+						
+							case '7':
+								$rotate_clone_image = -8;								
+							break;
+
+							case '19':
+								$rotate_clone_image = -3;
+							break;
+
+							case '22':
+								$rotate_clone_image = -6;
+							break;
+							
+						}
+
+					}
+
+					if ( isset( $rotate_clone_image ) ) {
+
+						# clonamos la imagen original para que no se guarde la rotación en posteriores páginas
+						$user_image_adulto_1_clone = clone $user_image_adulto_1;
+						
+						# rotamos la imagen
+						$user_image_adulto_1_clone->rotateimage( new ImagickPixel( '#00000000' ), $rotate_clone_image );
+						
+						# hacemos el composite
+						${ 'frameBase' . $num_pag }->compositeImage( $user_image_adulto_1_clone, Imagick::COMPOSITE_DEFAULT, $txt['photo_adulto_1']['x'], $txt['photo_adulto_1']['y'] );
+						
+						# eliminamos la imagen clone y la variable de rotación
+						$user_image_adulto_1_clone->clear();
+						unset( $rotate_clone_image );
+
+					} else {
+
+						${ 'frameBase' . $num_pag }->compositeImage( $user_image_adulto_1, Imagick::COMPOSITE_DEFAULT, $txt['photo_adulto_1']['x'], $txt['photo_adulto_1']['y'] );
+
+					}
+
+				}
+
+				if ( isset( $user_image_hijo_2 ) && !empty( $txt['photo_hijo_2'] ) ) {
+
+					switch ( $num_pag ) {
+						
+						case '6':
+							$rotate_clone_image = -5;
+						break;
+
+						case '19':
+							$rotate_clone_image = -4;
+						break;
+
+						case '32':
+							$rotate_clone_image = 3;
+						break;
+						
+					}
+
+					# mejora para cuando son 2 hijos colocar en el centro de la cesta de la cigüeña
+					if ( $num_pag == 6 && $this->data['Book']['num_hijos'] == 2 ) {
+
+						$txt['photo_hijo_2']['x'] = 217;
+						$txt['photo_hijo_2']['y'] = 255;
+					
+					}
+
+					# mejora para cuando hay 2 hijos colocar en el centro del zapato
+					if ( $num_pag == 21 && $this->data['Book']['num_hijos'] == 2 ) {
+
+						$txt['photo_hijo_2']['x'] = 368;
+						$txt['photo_hijo_2']['y'] = 122;
+					
+					}
+
+					if ( isset( $rotate_clone_image ) ) {
+
+						# clonamos la imagen original para que no se guarde la rotación en posteriores páginas
+						# mejora para que cuando estemos en la página 10 y solo tengamos 1 hijo, mostremos 3 veces al hijo 1
+						if ( $num_pag == 10 && $this->data['Book']['num_hijos'] == 1 ) {
+
+							$user_image_hijo_2_clone = clone $user_image_hijo_1;
+
+						} else {
+
+							$user_image_hijo_2_clone = clone $user_image_hijo_2;
+
+						}
+													
+						# rotamos la imagen
+						$user_image_hijo_2_clone->rotateimage( new ImagickPixel( '#00000000' ), $rotate_clone_image );
+						
+						# hacemos el composite
+						${ 'frameBase' . $num_pag }->compositeImage( $user_image_hijo_2_clone, Imagick::COMPOSITE_DEFAULT, $txt['photo_hijo_2']['x'], $txt['photo_hijo_2']['y'] );
+						
+						# eliminamos la imagen clone y la variable de rotación
+						$user_image_hijo_2_clone->clear();
+						unset( $rotate_clone_image );
+
+					} else {
+
+						${ 'frameBase' . $num_pag }->compositeImage( $user_image_hijo_2, Imagick::COMPOSITE_DEFAULT, $txt['photo_hijo_2']['x'], $txt['photo_hijo_2']['y'] );
+
+					}
+
+				}
+
+				if ( isset( $user_image_hijo_3 ) && !empty( $txt['photo_hijo_3'] ) ) {
+
+					switch ( $num_pag ) {
+						
+						case '5':
+							$rotate_clone_image = -8;
+						break;
+
+						case '9':
+							$rotate_clone_image= -10;
+						break;
+
+						case '19':
+							$rotate_clone_image = -3;
+						break;
+						
+					}
+
+					if ( isset( $rotate_clone_image ) ) {
+
+						# clonamos la imagen original para que no se guarde la rotación en posteriores páginas
+						# mejora para que cuando estemos en la página 10 y solo tengamos 1 hijo, mostremos 3 veces al hijo 1
+						if ( $num_pag == 10 && $this->data['Book']['num_hijos'] == 1 ) {
+
+							$user_image_hijo_3_clone = clone $user_image_hijo_1;
+
+						} else {
+
+							$user_image_hijo_3_clone = clone $user_image_hijo_3;
+
+						}
+						
+						# rotamos la imagen
+						$user_image_hijo_3_clone->rotateimage( new ImagickPixel( '#00000000' ), $rotate_clone_image );
+						
+						# hacemos el composite
+						${ 'frameBase' . $num_pag }->compositeImage( $user_image_hijo_3_clone, Imagick::COMPOSITE_DEFAULT, $txt['photo_hijo_3']['x'], $txt['photo_hijo_3']['y'] );
+						
+						# eliminamos la imagen clone y la variable de rotación
+						$user_image_hijo_3_clone->clear();
+						unset( $rotate_clone_image );
+
+					} else {
+
+						${ 'frameBase' . $num_pag }->compositeImage( $user_image_hijo_3, Imagick::COMPOSITE_DEFAULT, $txt['photo_hijo_3']['x'], $txt['photo_hijo_3']['y'] );
+
+					}
+
+				}
+
+				if ( isset( $user_image_hijo_4 ) && !empty( $txt['photo_hijo_4'] ) ) {
+
+					switch ( $num_pag ) {
+						
+						case '12':
+							$rotate_clone_image = -5;
+						break;
+						case '16':
+							$rotate_clone_image = -5;
+						break;
+
+						case '19':
+							$rotate_clone_image = -3;
+						break;
+						
+					}
+
+					# mejora para cuando es 1 o 2 hijos colocar en el centro de la cesta de la cigüeña
+					if ( $num_pag == 6 ) {
+
+						switch ( $this->data['Book']['num_hijos'] ) {
+						 	
+						 	case '1':
+						 		$txt['photo_hijo_4']['x'] = 175;
+								$txt['photo_hijo_4']['y'] = 258;
+					 		break;
+
+					 		case '2':
+					 			$txt['photo_hijo_4']['x'] = 140;
+								$txt['photo_hijo_4']['y'] = 262;
+							break;
+						 	
+						 }							
+					
+					}
+
+					# mejora para cuando es 1 o 2 hijos colocar en el centro del zapato
+					if ( $num_pag == 21 ) {
+
+						switch ( $this->data['Book']['num_hijos'] ) {
+						 	
+						 	case '1':
+						 		$txt['photo_hijo_4']['x'] = 326;
+								$txt['photo_hijo_4']['y'] = 122;
+					 		break;
+
+					 		case '2':
+					 			$txt['photo_hijo_4']['x'] = 260;
+								$txt['photo_hijo_4']['y'] = 124;
+							break;
+						 	
+						 }							
+					
+					}
+
+					if ( isset( $rotate_clone_image ) ) {
+
+						# clonamos la imagen original para que no se guarde la rotación en posteriores páginas
+						$user_image_hijo_4_clone = clone $user_image_hijo_4;
+						
+						# rotamos la imagen
+						$user_image_hijo_4_clone->rotateimage( new ImagickPixel( '#00000000' ), $rotate_clone_image );
+						
+						# hacemos el composite
+						${ 'frameBase' . $num_pag }->compositeImage( $user_image_hijo_4_clone, Imagick::COMPOSITE_DEFAULT, $txt['photo_hijo_4']['x'], $txt['photo_hijo_4']['y'] );
+						
+						# eliminamos la imagen clone y la variable de rotación
+						$user_image_hijo_4_clone->clear();
+						unset( $rotate_clone_image );
+
+					} else {
+
+						${ 'frameBase' . $num_pag }->compositeImage( $user_image_hijo_4, Imagick::COMPOSITE_DEFAULT, $txt['photo_hijo_4']['x'], $txt['photo_hijo_4']['y'] );
+
+					}
+
+				}
+				# fin hacemos el composite del texto y foto del padre e hijos
+
+				# metemos el código qr en la página 27
+				/*
+				if ( $num_pag == 35 ) {
+
+					${ 'frameBase' . $num_pag }->compositeImage( $frameQrImage, Imagick::COMPOSITE_DEFAULT, 293, 2127 );
+
+				}
+				*/
+			
+			}
+
+			# definimos la ruta donde guardaremos la página ya montada
+			$path_pag = 'files'. DS . 'cuentos' . DS . $this->params['id_book'] . DS . 'final-frames' . DS . $book['Book']['id_cart'] . '_' . $book['Book']['id'];
+
+			# definimos el nombre de la lámina
+			$name_file = '_page' . '_' . $num_pag . '.jpg';
+
+			# guardamos la lámina ya montada en el servidor
+			${ 'frameBase' . $num_pag }->writeImage(  WWW_ROOT . $path_pag . $name_file );
+			
+			# guardamos la ruta de la lámina para montar el PDF
+			$aDataPagesToPdf[ $num_pag ] = WWW_ROOT . $path_pag . $name_file;		
+			
+		}
+
+		# una vez creadas todas las páginas, montamos el PDF final que enviaremos
+		$pdf = new Imagick( $aDataPagesToPdf );
+		$pdf->setImageFormat( 'pdf' );
+		$pdf->writeImages( WWW_ROOT . $path_pag . '_page' . '.pdf', true );
+
+		# guardamos el nombre del pdf en la tabla books
+		$this->Book->id = $id_book_customized;
+		$this->Book->saveField( 'page', DS . $path_pag . '_page' . '.pdf' );
+
+		# eliminamos las láminas interiores y nos quedamos solamente con el pdf generado
+		foreach ( $aDataPagesToPdf as $page ) {
+			
+			unlink( $page );
+
+		}
+
+		# creamos la portada
+		$txt_cover_format_line_1 = 'El Mejor Regalo';
+		$txt_cover_format_line_2 = 'De La Navidad';
+		
+		$frameCover = new Imagick( $url_laminas . DS . 'cover' . '.png' );
+		
+		$draw->setFillColor( '#FFFFFF' );
+		$draw->setFont( APP . 'Files' . DS . '8' . DS . 'fonts' . DS . 'BerkshireSwash-Regular.ttf' );
+		
+		# escribimos la primera línea de la portada
+		$draw->setGravity( Imagick::GRAVITY_CENTER );
+		$draw->setFontSize( $fontSize + ( $fontSize * 2.5 ) );
+		$frameCover->annotateImage( $draw, 1325, -900, 0, $txt_cover_format_line_1 );
+		$frameCover->annotateImage( $draw, 1325, -710, 0, $txt_cover_format_line_2 );
+			
+		# escribimos el nombre en el lomo
+		$draw->setFontSize( $fontSize + ( $fontSize * 0 ) );
+		$draw->setGravity( Imagick::GRAVITY_EAST );
+		$frameCover->annotateImage( $draw, 2845, -1050, -90, $txt_cover_format_line_1 . ' ' . $txt_cover_format_line_2 );
+		
+		# añadimos la foto de los adultos e hijos
+		$frameCover->compositeImage( $user_image_adulto_0, Imagick::COMPOSITE_DEFAULT, 4730, 1325 );
+
+		if ( isset( $user_image_adulto_1 ) ) { $frameCover->compositeImage( $user_image_adulto_1, Imagick::COMPOSITE_DEFAULT, 3278, 1358 ); }
+		
+		if ( isset( $user_image_hijo_2 ) ) { $frameCover->compositeImage( $user_image_hijo_2, Imagick::COMPOSITE_DEFAULT, 3730, 1168 ); }
+		
+		if ( isset( $user_image_hijo_3 ) ) { $frameCover->compositeImage( $user_image_hijo_3, Imagick::COMPOSITE_DEFAULT, 4568, 1795 ); }
+
+		if ( isset( $user_image_hijo_4 ) ) { $frameCover->compositeImage( $user_image_hijo_4, Imagick::COMPOSITE_DEFAULT, 3570, 1825 ); }
+		# añadimos la foto de los adultos e hijos
+		
+		# añadimos el código qr
+		//$frameCover->compositeImage( $frameQrImage, Imagick::COMPOSITE_DEFAULT, 2250, 2435 );
+		
+		$name_cover = '_cover' . '.jpg';
+		$frameCover->writeImage(  WWW_ROOT . $path_pag . $name_cover );
+
+		$pdfCover = new Imagick( WWW_ROOT . $path_pag . $name_cover );
+		$pdfCover->setImageFormat( 'pdf' );
+		$pdfCover->writeImages( WWW_ROOT . $path_pag . '_cover' . '.pdf', true );
+
+		$this->Book->saveField( 'cover', DS . $path_pag . '_cover' . '.pdf' );
+
+		unlink( $path_pag . $name_cover );
+		//unlink( $url_qr_image );
+		# ./creamos la portada
+		
+		# fin de medimos el tiempo de procesamiento del cuento
+		$timeOutput->finishProcess();
+		$this->Book->saveField( 'processing_time_pdf', $timeOutput->getTotalTime() );
+
+		$this->Flash->success( 'PDFs creados correctamente' );
+
+		$this->redirect( $this->referer() );
+			
+	} else {
+
+		$this->Flash->error( 'No existe libro con ese ID' );
+	}
+	
+}
\ No newline at end of file
diff --git a/src/books/3/fonts/3Dumb Regular.ttf b/src/books/3/fonts/3Dumb Regular.ttf
new file mode 100644
index 0000000..978409a
Binary files /dev/null and b/src/books/3/fonts/3Dumb Regular.ttf differ
diff --git a/src/books/3/fonts/BerkshireSwash-Regular.ttf b/src/books/3/fonts/BerkshireSwash-Regular.ttf
new file mode 100644
index 0000000..924bdb3
Binary files /dev/null and b/src/books/3/fonts/BerkshireSwash-Regular.ttf differ
diff --git a/src/books/3/fonts/ChelseaMarket-Regular.ttf b/src/books/3/fonts/ChelseaMarket-Regular.ttf
new file mode 100644
index 0000000..7308753
Binary files /dev/null and b/src/books/3/fonts/ChelseaMarket-Regular.ttf differ
diff --git a/src/books/3/fonts/Dokdo-Regular.ttf b/src/books/3/fonts/Dokdo-Regular.ttf
new file mode 100644
index 0000000..bff20cd
Binary files /dev/null and b/src/books/3/fonts/Dokdo-Regular.ttf differ
diff --git a/src/books/3/fonts/LondrinaSolid-Light.ttf b/src/books/3/fonts/LondrinaSolid-Light.ttf
new file mode 100644
index 0000000..65f8637
Binary files /dev/null and b/src/books/3/fonts/LondrinaSolid-Light.ttf differ
diff --git a/src/books/3/fonts/Mali-Bold.ttf b/src/books/3/fonts/Mali-Bold.ttf
new file mode 100644
index 0000000..f70c67e
Binary files /dev/null and b/src/books/3/fonts/Mali-Bold.ttf differ
diff --git a/src/books/3/fonts/Mali-Medium.ttf b/src/books/3/fonts/Mali-Medium.ttf
new file mode 100644
index 0000000..75b7d3d
Binary files /dev/null and b/src/books/3/fonts/Mali-Medium.ttf differ
diff --git a/src/books/3/fonts/Mali-Regular.ttf b/src/books/3/fonts/Mali-Regular.ttf
new file mode 100644
index 0000000..70cd35b
Binary files /dev/null and b/src/books/3/fonts/Mali-Regular.ttf differ
diff --git a/src/books/3/fonts/Photograph-Signature.ttf b/src/books/3/fonts/Photograph-Signature.ttf
new file mode 100644
index 0000000..883cdb8
Binary files /dev/null and b/src/books/3/fonts/Photograph-Signature.ttf differ
diff --git a/src/books/3/fonts/Simplicity-Regular.otf b/src/books/3/fonts/Simplicity-Regular.otf
new file mode 100644
index 0000000..650f6fc
Binary files /dev/null and b/src/books/3/fonts/Simplicity-Regular.otf differ
diff --git a/src/books/3/fonts/bubbleboddyneue-bold.ttf b/src/books/3/fonts/bubbleboddyneue-bold.ttf
new file mode 100644
index 0000000..2557b70
Binary files /dev/null and b/src/books/3/fonts/bubbleboddyneue-bold.ttf differ
diff --git a/src/books/3/fonts/bubbleboddyneue-light.ttf b/src/books/3/fonts/bubbleboddyneue-light.ttf
new file mode 100644
index 0000000..cd488ec
Binary files /dev/null and b/src/books/3/fonts/bubbleboddyneue-light.ttf differ
diff --git a/src/books/3/fonts/bubbleboddyneue-regular.ttf b/src/books/3/fonts/bubbleboddyneue-regular.ttf
new file mode 100644
index 0000000..a1ec2ad
Binary files /dev/null and b/src/books/3/fonts/bubbleboddyneue-regular.ttf differ
diff --git a/src/books/3/fonts/calibri.ttf b/src/books/3/fonts/calibri.ttf
new file mode 100644
index 0000000..2fede68
Binary files /dev/null and b/src/books/3/fonts/calibri.ttf differ
diff --git a/src/books/3/fonts/ebrima.ttf b/src/books/3/fonts/ebrima.ttf
new file mode 100644
index 0000000..c4de3a7
Binary files /dev/null and b/src/books/3/fonts/ebrima.ttf differ
diff --git a/src/books/3/fonts/hand_of_sean.ttf b/src/books/3/fonts/hand_of_sean.ttf
new file mode 100644
index 0000000..ee51d76
Binary files /dev/null and b/src/books/3/fonts/hand_of_sean.ttf differ
diff --git a/src/books/3/fonts/hanoded_crayon_crumble.ttf b/src/books/3/fonts/hanoded_crayon_crumble.ttf
new file mode 100644
index 0000000..db57127
Binary files /dev/null and b/src/books/3/fonts/hanoded_crayon_crumble.ttf differ
diff --git a/src/books/3/fonts/indie_flower.ttf b/src/books/3/fonts/indie_flower.ttf
new file mode 100644
index 0000000..c1d7c17
Binary files /dev/null and b/src/books/3/fonts/indie_flower.ttf differ
diff --git a/src/books/3/fonts/montserrat_regular.ttf b/src/books/3/fonts/montserrat_regular.ttf
new file mode 100644
index 0000000..5b4b5af
Binary files /dev/null and b/src/books/3/fonts/montserrat_regular.ttf differ
diff --git a/src/books/3/fonts/nexa_black.otf b/src/books/3/fonts/nexa_black.otf
new file mode 100644
index 0000000..517322f
Binary files /dev/null and b/src/books/3/fonts/nexa_black.otf differ
diff --git a/src/books/3/fonts/pulang.ttf b/src/books/3/fonts/pulang.ttf
new file mode 100644
index 0000000..875b6e4
Binary files /dev/null and b/src/books/3/fonts/pulang.ttf differ
diff --git a/src/books/3/fonts/segoepr.ttf b/src/books/3/fonts/segoepr.ttf
new file mode 100644
index 0000000..5951172
Binary files /dev/null and b/src/books/3/fonts/segoepr.ttf differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/300dpi/11.png b/src/books/3/paginas/1_adultos_1_hijos/300dpi/11.png
new file mode 100644
index 0000000..90b987a
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/300dpi/11.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/300dpi/13.png b/src/books/3/paginas/1_adultos_1_hijos/300dpi/13.png
new file mode 100644
index 0000000..e8c74db
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/300dpi/13.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/300dpi/14.png b/src/books/3/paginas/1_adultos_1_hijos/300dpi/14.png
new file mode 100644
index 0000000..06c6598
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/300dpi/14.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/300dpi/15.png b/src/books/3/paginas/1_adultos_1_hijos/300dpi/15.png
new file mode 100644
index 0000000..834604e
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/300dpi/15.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/300dpi/16.png b/src/books/3/paginas/1_adultos_1_hijos/300dpi/16.png
new file mode 100644
index 0000000..2a88b4d
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/300dpi/16.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/300dpi/18.png b/src/books/3/paginas/1_adultos_1_hijos/300dpi/18.png
new file mode 100644
index 0000000..4c57d77
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/300dpi/18.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/300dpi/19.png b/src/books/3/paginas/1_adultos_1_hijos/300dpi/19.png
new file mode 100644
index 0000000..d75b545
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/300dpi/19.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/300dpi/22.png b/src/books/3/paginas/1_adultos_1_hijos/300dpi/22.png
new file mode 100644
index 0000000..8adb647
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/300dpi/22.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/300dpi/24.png b/src/books/3/paginas/1_adultos_1_hijos/300dpi/24.png
new file mode 100644
index 0000000..4c82e7e
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/300dpi/24.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/300dpi/25.png b/src/books/3/paginas/1_adultos_1_hijos/300dpi/25.png
new file mode 100644
index 0000000..0f71c3f
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/300dpi/25.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/300dpi/26.png b/src/books/3/paginas/1_adultos_1_hijos/300dpi/26.png
new file mode 100644
index 0000000..e5473be
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/300dpi/26.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/300dpi/27.png b/src/books/3/paginas/1_adultos_1_hijos/300dpi/27.png
new file mode 100644
index 0000000..ea36c38
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/300dpi/27.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/300dpi/28.png b/src/books/3/paginas/1_adultos_1_hijos/300dpi/28.png
new file mode 100644
index 0000000..610715f
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/300dpi/28.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/300dpi/29.png b/src/books/3/paginas/1_adultos_1_hijos/300dpi/29.png
new file mode 100644
index 0000000..422aa05
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/300dpi/29.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/300dpi/33.png b/src/books/3/paginas/1_adultos_1_hijos/300dpi/33.png
new file mode 100644
index 0000000..53f6828
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/300dpi/33.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/300dpi/35.png b/src/books/3/paginas/1_adultos_1_hijos/300dpi/35.png
new file mode 100644
index 0000000..d545bd6
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/300dpi/35.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/300dpi/8.png b/src/books/3/paginas/1_adultos_1_hijos/300dpi/8.png
new file mode 100644
index 0000000..49a8957
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/300dpi/8.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/300dpi/9.png b/src/books/3/paginas/1_adultos_1_hijos/300dpi/9.png
new file mode 100644
index 0000000..fd2a691
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/300dpi/9.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/300dpi/cover.png b/src/books/3/paginas/1_adultos_1_hijos/300dpi/cover.png
new file mode 100644
index 0000000..5ac4ed9
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/300dpi/cover.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/300dpi/z_1_adultos_1_hijos.png b/src/books/3/paginas/1_adultos_1_hijos/300dpi/z_1_adultos_1_hijos.png
new file mode 100644
index 0000000..61d6eee
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/300dpi/z_1_adultos_1_hijos.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/0.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/0.png
new file mode 100644
index 0000000..62c672e
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/0.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/10.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/10.png
new file mode 100644
index 0000000..f5e3b08
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/10.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/11.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/11.png
new file mode 100644
index 0000000..32fd620
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/11.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/12.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/12.png
new file mode 100644
index 0000000..55187be
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/12.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/13.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/13.png
new file mode 100644
index 0000000..7a84afe
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/13.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/14.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/14.png
new file mode 100644
index 0000000..eab58be
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/14.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/15.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/15.png
new file mode 100644
index 0000000..324358b
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/15.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/16.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/16.png
new file mode 100644
index 0000000..38b7881
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/16.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/17.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/17.png
new file mode 100644
index 0000000..ba90daa
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/17.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/18.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/18.png
new file mode 100644
index 0000000..1129442
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/18.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/19.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/19.png
new file mode 100644
index 0000000..ae4c4b7
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/19.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/20.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/20.png
new file mode 100644
index 0000000..873c673
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/20.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/21.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/21.png
new file mode 100644
index 0000000..7cb082b
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/21.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/22.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/22.png
new file mode 100644
index 0000000..90458c9
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/22.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/23.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/23.png
new file mode 100644
index 0000000..fd148d0
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/23.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/24.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/24.png
new file mode 100644
index 0000000..9d17906
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/24.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/25.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/25.png
new file mode 100644
index 0000000..0a38581
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/25.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/26.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/26.png
new file mode 100644
index 0000000..5c5f2c9
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/26.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/27.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/27.png
new file mode 100644
index 0000000..c908ae8
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/27.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/28.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/28.png
new file mode 100644
index 0000000..8075818
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/28.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/29.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/29.png
new file mode 100644
index 0000000..5402824
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/29.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/30.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/30.png
new file mode 100644
index 0000000..5c0d6e9
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/30.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/31.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/31.png
new file mode 100644
index 0000000..2aab9ed
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/31.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/32.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/32.png
new file mode 100644
index 0000000..a85954c
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/32.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/33.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/33.png
new file mode 100644
index 0000000..155826f
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/33.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/34.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/34.png
new file mode 100644
index 0000000..232e74b
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/34.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/35.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/35.png
new file mode 100644
index 0000000..3bdcdd1
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/35.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/37.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/37.png
new file mode 100644
index 0000000..daa0f6e
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/37.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/39.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/39.png
new file mode 100644
index 0000000..73b1203
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/39.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/4_1.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/4_1.png
new file mode 100644
index 0000000..5ffde36
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/4_1.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/5.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/5.png
new file mode 100644
index 0000000..1d1c325
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/5.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/6.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/6.png
new file mode 100644
index 0000000..2be0e7b
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/6.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/7.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/7.png
new file mode 100644
index 0000000..c37071c
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/7.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/8.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/8.png
new file mode 100644
index 0000000..b8c5843
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/8.png differ
diff --git a/src/books/3/paginas/1_adultos_1_hijos/72dpi/9.png b/src/books/3/paginas/1_adultos_1_hijos/72dpi/9.png
new file mode 100644
index 0000000..7cfdbc5
Binary files /dev/null and b/src/books/3/paginas/1_adultos_1_hijos/72dpi/9.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/300dpi/11.png b/src/books/3/paginas/1_adultos_2_hijos/300dpi/11.png
new file mode 100644
index 0000000..9c418bb
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/300dpi/11.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/300dpi/13.png b/src/books/3/paginas/1_adultos_2_hijos/300dpi/13.png
new file mode 100644
index 0000000..f35943e
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/300dpi/13.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/300dpi/15.png b/src/books/3/paginas/1_adultos_2_hijos/300dpi/15.png
new file mode 100644
index 0000000..e0ae8e6
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/300dpi/15.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/300dpi/16.png b/src/books/3/paginas/1_adultos_2_hijos/300dpi/16.png
new file mode 100644
index 0000000..03e01f5
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/300dpi/16.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/300dpi/17.png b/src/books/3/paginas/1_adultos_2_hijos/300dpi/17.png
new file mode 100644
index 0000000..ecb8231
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/300dpi/17.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/300dpi/18.png b/src/books/3/paginas/1_adultos_2_hijos/300dpi/18.png
new file mode 100644
index 0000000..d1b89da
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/300dpi/18.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/300dpi/19.png b/src/books/3/paginas/1_adultos_2_hijos/300dpi/19.png
new file mode 100644
index 0000000..f552116
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/300dpi/19.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/300dpi/22.png b/src/books/3/paginas/1_adultos_2_hijos/300dpi/22.png
new file mode 100644
index 0000000..77ee1dc
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/300dpi/22.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/300dpi/25.png b/src/books/3/paginas/1_adultos_2_hijos/300dpi/25.png
new file mode 100644
index 0000000..ff2927d
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/300dpi/25.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/300dpi/27.png b/src/books/3/paginas/1_adultos_2_hijos/300dpi/27.png
new file mode 100644
index 0000000..8f61090
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/300dpi/27.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/300dpi/29.png b/src/books/3/paginas/1_adultos_2_hijos/300dpi/29.png
new file mode 100644
index 0000000..02f97d7
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/300dpi/29.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/300dpi/31.png b/src/books/3/paginas/1_adultos_2_hijos/300dpi/31.png
new file mode 100644
index 0000000..1332272
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/300dpi/31.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/300dpi/33.png b/src/books/3/paginas/1_adultos_2_hijos/300dpi/33.png
new file mode 100644
index 0000000..4f6eaf6
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/300dpi/33.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/300dpi/35.png b/src/books/3/paginas/1_adultos_2_hijos/300dpi/35.png
new file mode 100644
index 0000000..b480034
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/300dpi/35.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/300dpi/4_1 - copia.png b/src/books/3/paginas/1_adultos_2_hijos/300dpi/4_1 - copia.png
new file mode 100644
index 0000000..d04b85a
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/300dpi/4_1 - copia.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/300dpi/5.png b/src/books/3/paginas/1_adultos_2_hijos/300dpi/5.png
new file mode 100644
index 0000000..f83dc19
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/300dpi/5.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/300dpi/cover.png b/src/books/3/paginas/1_adultos_2_hijos/300dpi/cover.png
new file mode 100644
index 0000000..026bfb6
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/300dpi/cover.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/300dpi/z_1_adultos_2_hijos.png b/src/books/3/paginas/1_adultos_2_hijos/300dpi/z_1_adultos_2_hijos.png
new file mode 100644
index 0000000..40325e4
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/300dpi/z_1_adultos_2_hijos.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/0.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/0.png
new file mode 100644
index 0000000..b395b13
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/0.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/10.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/10.png
new file mode 100644
index 0000000..70298aa
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/10.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/11.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/11.png
new file mode 100644
index 0000000..2a98861
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/11.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/12.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/12.png
new file mode 100644
index 0000000..269ff1a
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/12.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/13.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/13.png
new file mode 100644
index 0000000..df62390
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/13.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/14.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/14.png
new file mode 100644
index 0000000..bb4cd62
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/14.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/15.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/15.png
new file mode 100644
index 0000000..3877207
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/15.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/16.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/16.png
new file mode 100644
index 0000000..8f77455
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/16.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/17.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/17.png
new file mode 100644
index 0000000..2646de7
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/17.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/18.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/18.png
new file mode 100644
index 0000000..97fa6a4
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/18.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/19.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/19.png
new file mode 100644
index 0000000..fae9e8c
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/19.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/20.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/20.png
new file mode 100644
index 0000000..522e040
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/20.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/21.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/21.png
new file mode 100644
index 0000000..f13d029
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/21.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/22.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/22.png
new file mode 100644
index 0000000..7075e9d
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/22.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/23.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/23.png
new file mode 100644
index 0000000..8eae280
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/23.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/24.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/24.png
new file mode 100644
index 0000000..638ae1d
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/24.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/25.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/25.png
new file mode 100644
index 0000000..17a5528
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/25.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/26.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/26.png
new file mode 100644
index 0000000..964cafb
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/26.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/27.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/27.png
new file mode 100644
index 0000000..d7923f3
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/27.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/28.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/28.png
new file mode 100644
index 0000000..fb06228
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/28.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/29.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/29.png
new file mode 100644
index 0000000..6ec0b6b
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/29.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/30.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/30.png
new file mode 100644
index 0000000..34116fc
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/30.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/31.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/31.png
new file mode 100644
index 0000000..fa8d2a1
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/31.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/32.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/32.png
new file mode 100644
index 0000000..f045491
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/32.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/33.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/33.png
new file mode 100644
index 0000000..7b52022
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/33.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/34.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/34.png
new file mode 100644
index 0000000..c518acf
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/34.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/35.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/35.png
new file mode 100644
index 0000000..a417924
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/35.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/5.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/5.png
new file mode 100644
index 0000000..d732342
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/5.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/6.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/6.png
new file mode 100644
index 0000000..7844e72
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/6.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/7.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/7.png
new file mode 100644
index 0000000..dfe04b3
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/7.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/8.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/8.png
new file mode 100644
index 0000000..2e00630
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/8.png differ
diff --git a/src/books/3/paginas/1_adultos_2_hijos/72dpi/9.png b/src/books/3/paginas/1_adultos_2_hijos/72dpi/9.png
new file mode 100644
index 0000000..88d4a2d
Binary files /dev/null and b/src/books/3/paginas/1_adultos_2_hijos/72dpi/9.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/300dpi/11.png b/src/books/3/paginas/1_adultos_3_hijos/300dpi/11.png
new file mode 100644
index 0000000..d5cc933
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/300dpi/11.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/300dpi/12.png b/src/books/3/paginas/1_adultos_3_hijos/300dpi/12.png
new file mode 100644
index 0000000..e539574
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/300dpi/12.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/300dpi/14.png b/src/books/3/paginas/1_adultos_3_hijos/300dpi/14.png
new file mode 100644
index 0000000..bebe5f9
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/300dpi/14.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/300dpi/16.png b/src/books/3/paginas/1_adultos_3_hijos/300dpi/16.png
new file mode 100644
index 0000000..1a85119
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/300dpi/16.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/300dpi/19.png b/src/books/3/paginas/1_adultos_3_hijos/300dpi/19.png
new file mode 100644
index 0000000..9a3b15d
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/300dpi/19.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/300dpi/22.png b/src/books/3/paginas/1_adultos_3_hijos/300dpi/22.png
new file mode 100644
index 0000000..61f583c
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/300dpi/22.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/300dpi/25.png b/src/books/3/paginas/1_adultos_3_hijos/300dpi/25.png
new file mode 100644
index 0000000..3f9c643
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/300dpi/25.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/300dpi/28.png b/src/books/3/paginas/1_adultos_3_hijos/300dpi/28.png
new file mode 100644
index 0000000..8d72385
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/300dpi/28.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/300dpi/29.png b/src/books/3/paginas/1_adultos_3_hijos/300dpi/29.png
new file mode 100644
index 0000000..db1051d
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/300dpi/29.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/300dpi/30.png b/src/books/3/paginas/1_adultos_3_hijos/300dpi/30.png
new file mode 100644
index 0000000..3dc4c8b
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/300dpi/30.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/300dpi/31.png b/src/books/3/paginas/1_adultos_3_hijos/300dpi/31.png
new file mode 100644
index 0000000..f7bca23
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/300dpi/31.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/300dpi/33.png b/src/books/3/paginas/1_adultos_3_hijos/300dpi/33.png
new file mode 100644
index 0000000..8575b7f
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/300dpi/33.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/300dpi/35.png b/src/books/3/paginas/1_adultos_3_hijos/300dpi/35.png
new file mode 100644
index 0000000..6de92a1
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/300dpi/35.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/300dpi/7.png b/src/books/3/paginas/1_adultos_3_hijos/300dpi/7.png
new file mode 100644
index 0000000..94a2861
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/300dpi/7.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/300dpi/cover.png b/src/books/3/paginas/1_adultos_3_hijos/300dpi/cover.png
new file mode 100644
index 0000000..dd45af2
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/300dpi/cover.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/0.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/0.png
new file mode 100644
index 0000000..1f55fcb
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/0.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/10.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/10.png
new file mode 100644
index 0000000..dd618ce
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/10.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/11.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/11.png
new file mode 100644
index 0000000..f1e635d
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/11.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/12.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/12.png
new file mode 100644
index 0000000..e2cca91
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/12.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/13.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/13.png
new file mode 100644
index 0000000..826513e
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/13.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/14.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/14.png
new file mode 100644
index 0000000..61ffce0
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/14.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/15.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/15.png
new file mode 100644
index 0000000..5729a3e
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/15.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/16.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/16.png
new file mode 100644
index 0000000..51a1580
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/16.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/17.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/17.png
new file mode 100644
index 0000000..b19e44d
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/17.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/18.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/18.png
new file mode 100644
index 0000000..2f75d9a
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/18.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/19.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/19.png
new file mode 100644
index 0000000..de39940
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/19.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/20.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/20.png
new file mode 100644
index 0000000..3aea849
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/20.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/21.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/21.png
new file mode 100644
index 0000000..d0549a5
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/21.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/22.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/22.png
new file mode 100644
index 0000000..9039715
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/22.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/23.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/23.png
new file mode 100644
index 0000000..7db5de6
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/23.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/24.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/24.png
new file mode 100644
index 0000000..b454824
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/24.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/25.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/25.png
new file mode 100644
index 0000000..4dd9f99
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/25.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/26.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/26.png
new file mode 100644
index 0000000..dfce824
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/26.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/27.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/27.png
new file mode 100644
index 0000000..b011f31
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/27.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/28.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/28.png
new file mode 100644
index 0000000..2d9ee3e
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/28.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/29.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/29.png
new file mode 100644
index 0000000..54cff35
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/29.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/3.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/3.png
new file mode 100644
index 0000000..df8f31e
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/3.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/30.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/30.png
new file mode 100644
index 0000000..d2dad1b
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/30.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/31.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/31.png
new file mode 100644
index 0000000..ba181f6
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/31.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/32.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/32.png
new file mode 100644
index 0000000..b88a0b5
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/32.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/33.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/33.png
new file mode 100644
index 0000000..063b942
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/33.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/34.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/34.png
new file mode 100644
index 0000000..388bd54
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/34.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/35.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/35.png
new file mode 100644
index 0000000..bdfd578
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/35.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/36.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/36.png
new file mode 100644
index 0000000..fdd7f26
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/36.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/38.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/38.png
new file mode 100644
index 0000000..6f10cdd
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/38.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/4.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/4.png
new file mode 100644
index 0000000..7770503
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/4.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/4_2.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/4_2.png
new file mode 100644
index 0000000..5b66d76
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/4_2.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/5.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/5.png
new file mode 100644
index 0000000..4620bf5
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/5.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/6.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/6.png
new file mode 100644
index 0000000..0f8098d
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/6.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/7.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/7.png
new file mode 100644
index 0000000..0e84510
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/7.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/8.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/8.png
new file mode 100644
index 0000000..67bdde3
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/8.png differ
diff --git a/src/books/3/paginas/1_adultos_3_hijos/72dpi/9.png b/src/books/3/paginas/1_adultos_3_hijos/72dpi/9.png
new file mode 100644
index 0000000..d0d39c5
Binary files /dev/null and b/src/books/3/paginas/1_adultos_3_hijos/72dpi/9.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/300dpi/30.png b/src/books/3/paginas/2_adultos_1_hijos/300dpi/30.png
new file mode 100644
index 0000000..64345a8
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/300dpi/30.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/300dpi/31.png b/src/books/3/paginas/2_adultos_1_hijos/300dpi/31.png
new file mode 100644
index 0000000..d10bee3
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/300dpi/31.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/300dpi/32.png b/src/books/3/paginas/2_adultos_1_hijos/300dpi/32.png
new file mode 100644
index 0000000..c0c4c9d
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/300dpi/32.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/300dpi/33.png b/src/books/3/paginas/2_adultos_1_hijos/300dpi/33.png
new file mode 100644
index 0000000..fcaf225
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/300dpi/33.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/300dpi/35.png b/src/books/3/paginas/2_adultos_1_hijos/300dpi/35.png
new file mode 100644
index 0000000..f5591a9
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/300dpi/35.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/300dpi/5.png b/src/books/3/paginas/2_adultos_1_hijos/300dpi/5.png
new file mode 100644
index 0000000..545a363
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/300dpi/5.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/300dpi/7.png b/src/books/3/paginas/2_adultos_1_hijos/300dpi/7.png
new file mode 100644
index 0000000..51a12d6
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/300dpi/7.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/300dpi/cover.png b/src/books/3/paginas/2_adultos_1_hijos/300dpi/cover.png
new file mode 100644
index 0000000..fb24bab
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/300dpi/cover.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/300dpi/z_2_adultos_1_hijos.png b/src/books/3/paginas/2_adultos_1_hijos/300dpi/z_2_adultos_1_hijos.png
new file mode 100644
index 0000000..53e53d0
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/300dpi/z_2_adultos_1_hijos.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/72dpi/0.png b/src/books/3/paginas/2_adultos_1_hijos/72dpi/0.png
new file mode 100644
index 0000000..4632496
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/72dpi/0.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/72dpi/10.png b/src/books/3/paginas/2_adultos_1_hijos/72dpi/10.png
new file mode 100644
index 0000000..7ffa18d
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/72dpi/10.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/72dpi/11.png b/src/books/3/paginas/2_adultos_1_hijos/72dpi/11.png
new file mode 100644
index 0000000..43603e7
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/72dpi/11.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/72dpi/12.png b/src/books/3/paginas/2_adultos_1_hijos/72dpi/12.png
new file mode 100644
index 0000000..74e93cb
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/72dpi/12.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/72dpi/13.png b/src/books/3/paginas/2_adultos_1_hijos/72dpi/13.png
new file mode 100644
index 0000000..bfa35ef
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/72dpi/13.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/72dpi/14.png b/src/books/3/paginas/2_adultos_1_hijos/72dpi/14.png
new file mode 100644
index 0000000..6d295e7
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/72dpi/14.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/72dpi/15.png b/src/books/3/paginas/2_adultos_1_hijos/72dpi/15.png
new file mode 100644
index 0000000..585ee45
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/72dpi/15.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/72dpi/16.png b/src/books/3/paginas/2_adultos_1_hijos/72dpi/16.png
new file mode 100644
index 0000000..e0cedab
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/72dpi/16.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/72dpi/17.png b/src/books/3/paginas/2_adultos_1_hijos/72dpi/17.png
new file mode 100644
index 0000000..566e080
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/72dpi/17.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/72dpi/18.png b/src/books/3/paginas/2_adultos_1_hijos/72dpi/18.png
new file mode 100644
index 0000000..1b6cf6d
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/72dpi/18.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/72dpi/19.png b/src/books/3/paginas/2_adultos_1_hijos/72dpi/19.png
new file mode 100644
index 0000000..f97062a
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/72dpi/19.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/72dpi/20.png b/src/books/3/paginas/2_adultos_1_hijos/72dpi/20.png
new file mode 100644
index 0000000..7a2d61c
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/72dpi/20.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/72dpi/21.png b/src/books/3/paginas/2_adultos_1_hijos/72dpi/21.png
new file mode 100644
index 0000000..05febaa
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/72dpi/21.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/72dpi/22.png b/src/books/3/paginas/2_adultos_1_hijos/72dpi/22.png
new file mode 100644
index 0000000..23e5474
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/72dpi/22.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/72dpi/23.png b/src/books/3/paginas/2_adultos_1_hijos/72dpi/23.png
new file mode 100644
index 0000000..90ab22c
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/72dpi/23.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/72dpi/24.png b/src/books/3/paginas/2_adultos_1_hijos/72dpi/24.png
new file mode 100644
index 0000000..6b67876
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/72dpi/24.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/72dpi/25.png b/src/books/3/paginas/2_adultos_1_hijos/72dpi/25.png
new file mode 100644
index 0000000..e18eae3
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/72dpi/25.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/72dpi/26.png b/src/books/3/paginas/2_adultos_1_hijos/72dpi/26.png
new file mode 100644
index 0000000..5e979cd
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/72dpi/26.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/72dpi/27.png b/src/books/3/paginas/2_adultos_1_hijos/72dpi/27.png
new file mode 100644
index 0000000..7193d41
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/72dpi/27.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/72dpi/28.png b/src/books/3/paginas/2_adultos_1_hijos/72dpi/28.png
new file mode 100644
index 0000000..b5fed72
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/72dpi/28.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/72dpi/29.png b/src/books/3/paginas/2_adultos_1_hijos/72dpi/29.png
new file mode 100644
index 0000000..79fec6f
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/72dpi/29.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/72dpi/30.png b/src/books/3/paginas/2_adultos_1_hijos/72dpi/30.png
new file mode 100644
index 0000000..e80e6ff
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/72dpi/30.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/72dpi/31.png b/src/books/3/paginas/2_adultos_1_hijos/72dpi/31.png
new file mode 100644
index 0000000..707ac81
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/72dpi/31.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/72dpi/32.png b/src/books/3/paginas/2_adultos_1_hijos/72dpi/32.png
new file mode 100644
index 0000000..c7d5bb4
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/72dpi/32.png differ
diff --git a/src/books/3/paginas/2_adultos_1_hijos/72dpi/33.png b/src/books/3/paginas/2_adultos_1_hijos/72dpi/33.png
new file mode 100644
index 0000000..3185a06
Binary files /dev/null and b/src/books/3/paginas/2_adultos_1_hijos/72dpi/33.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/300dpi/10.png b/src/books/3/paginas/2_adultos_2_hijos/300dpi/10.png
new file mode 100644
index 0000000..3c61298
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/300dpi/10.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/300dpi/11.png b/src/books/3/paginas/2_adultos_2_hijos/300dpi/11.png
new file mode 100644
index 0000000..4c7be9a
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/300dpi/11.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/300dpi/14.png b/src/books/3/paginas/2_adultos_2_hijos/300dpi/14.png
new file mode 100644
index 0000000..fdc1270
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/300dpi/14.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/300dpi/15.png b/src/books/3/paginas/2_adultos_2_hijos/300dpi/15.png
new file mode 100644
index 0000000..fbde58d
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/300dpi/15.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/300dpi/16.png b/src/books/3/paginas/2_adultos_2_hijos/300dpi/16.png
new file mode 100644
index 0000000..ff235fa
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/300dpi/16.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/300dpi/19.png b/src/books/3/paginas/2_adultos_2_hijos/300dpi/19.png
new file mode 100644
index 0000000..32a5bd4
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/300dpi/19.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/300dpi/20.png b/src/books/3/paginas/2_adultos_2_hijos/300dpi/20.png
new file mode 100644
index 0000000..1359062
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/300dpi/20.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/300dpi/21.png b/src/books/3/paginas/2_adultos_2_hijos/300dpi/21.png
new file mode 100644
index 0000000..10270e5
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/300dpi/21.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/300dpi/22.png b/src/books/3/paginas/2_adultos_2_hijos/300dpi/22.png
new file mode 100644
index 0000000..cd984c0
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/300dpi/22.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/300dpi/23.png b/src/books/3/paginas/2_adultos_2_hijos/300dpi/23.png
new file mode 100644
index 0000000..11a5a39
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/300dpi/23.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/300dpi/25.png b/src/books/3/paginas/2_adultos_2_hijos/300dpi/25.png
new file mode 100644
index 0000000..f8f9e2f
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/300dpi/25.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/300dpi/28.png b/src/books/3/paginas/2_adultos_2_hijos/300dpi/28.png
new file mode 100644
index 0000000..7100366
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/300dpi/28.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/300dpi/29.png b/src/books/3/paginas/2_adultos_2_hijos/300dpi/29.png
new file mode 100644
index 0000000..7dd62f7
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/300dpi/29.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/300dpi/31.png b/src/books/3/paginas/2_adultos_2_hijos/300dpi/31.png
new file mode 100644
index 0000000..347eab2
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/300dpi/31.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/300dpi/32.png b/src/books/3/paginas/2_adultos_2_hijos/300dpi/32.png
new file mode 100644
index 0000000..d69358b
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/300dpi/32.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/300dpi/33.png b/src/books/3/paginas/2_adultos_2_hijos/300dpi/33.png
new file mode 100644
index 0000000..5e2b659
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/300dpi/33.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/300dpi/34.png b/src/books/3/paginas/2_adultos_2_hijos/300dpi/34.png
new file mode 100644
index 0000000..6b36ca3
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/300dpi/34.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/300dpi/35.png b/src/books/3/paginas/2_adultos_2_hijos/300dpi/35.png
new file mode 100644
index 0000000..a7b0e2e
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/300dpi/35.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/300dpi/4_1.png b/src/books/3/paginas/2_adultos_2_hijos/300dpi/4_1.png
new file mode 100644
index 0000000..7245ffe
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/300dpi/4_1.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/300dpi/4_2.png b/src/books/3/paginas/2_adultos_2_hijos/300dpi/4_2.png
new file mode 100644
index 0000000..e116be8
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/300dpi/4_2.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/300dpi/6.png b/src/books/3/paginas/2_adultos_2_hijos/300dpi/6.png
new file mode 100644
index 0000000..ccb89ed
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/300dpi/6.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/300dpi/8.png b/src/books/3/paginas/2_adultos_2_hijos/300dpi/8.png
new file mode 100644
index 0000000..1800a4c
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/300dpi/8.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/300dpi/9.png b/src/books/3/paginas/2_adultos_2_hijos/300dpi/9.png
new file mode 100644
index 0000000..6493f5e
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/300dpi/9.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/300dpi/cover.png b/src/books/3/paginas/2_adultos_2_hijos/300dpi/cover.png
new file mode 100644
index 0000000..de82331
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/300dpi/cover.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/300dpi/z_2_adultos_2_hijos.png b/src/books/3/paginas/2_adultos_2_hijos/300dpi/z_2_adultos_2_hijos.png
new file mode 100644
index 0000000..800a700
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/300dpi/z_2_adultos_2_hijos.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/0.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/0.png
new file mode 100644
index 0000000..a66342d
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/0.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/10.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/10.png
new file mode 100644
index 0000000..7068151
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/10.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/11.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/11.png
new file mode 100644
index 0000000..7a983d3
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/11.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/12.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/12.png
new file mode 100644
index 0000000..7a0e144
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/12.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/13.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/13.png
new file mode 100644
index 0000000..d58d2dc
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/13.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/14.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/14.png
new file mode 100644
index 0000000..0b7ccad
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/14.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/15.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/15.png
new file mode 100644
index 0000000..25d1c4a
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/15.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/16.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/16.png
new file mode 100644
index 0000000..45b9bbc
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/16.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/17.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/17.png
new file mode 100644
index 0000000..429a432
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/17.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/18.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/18.png
new file mode 100644
index 0000000..d08fbfa
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/18.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/19.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/19.png
new file mode 100644
index 0000000..4f91791
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/19.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/20.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/20.png
new file mode 100644
index 0000000..5386024
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/20.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/21.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/21.png
new file mode 100644
index 0000000..98d1e6d
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/21.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/22.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/22.png
new file mode 100644
index 0000000..86af046
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/22.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/23.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/23.png
new file mode 100644
index 0000000..03de46d
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/23.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/24.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/24.png
new file mode 100644
index 0000000..e51fdd6
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/24.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/25.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/25.png
new file mode 100644
index 0000000..6d59310
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/25.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/26.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/26.png
new file mode 100644
index 0000000..1829e7b
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/26.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/27.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/27.png
new file mode 100644
index 0000000..538c6a0
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/27.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/28.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/28.png
new file mode 100644
index 0000000..f4ed3c4
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/28.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/29.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/29.png
new file mode 100644
index 0000000..32398ad
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/29.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/30.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/30.png
new file mode 100644
index 0000000..9db3bf6
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/30.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/31.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/31.png
new file mode 100644
index 0000000..bd5225f
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/31.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/32.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/32.png
new file mode 100644
index 0000000..f6d57b7
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/32.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/33.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/33.png
new file mode 100644
index 0000000..63f7534
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/33.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/34.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/34.png
new file mode 100644
index 0000000..6d5da28
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/34.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/35.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/35.png
new file mode 100644
index 0000000..acfe97b
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/35.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/5.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/5.png
new file mode 100644
index 0000000..7af1f3b
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/5.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/6.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/6.png
new file mode 100644
index 0000000..d817b01
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/6.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/7.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/7.png
new file mode 100644
index 0000000..703f020
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/7.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/8.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/8.png
new file mode 100644
index 0000000..3452f89
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/8.png differ
diff --git a/src/books/3/paginas/2_adultos_2_hijos/72dpi/9.png b/src/books/3/paginas/2_adultos_2_hijos/72dpi/9.png
new file mode 100644
index 0000000..4516e69
Binary files /dev/null and b/src/books/3/paginas/2_adultos_2_hijos/72dpi/9.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/300dpi/11.png b/src/books/3/paginas/2_adultos_3_hijos/300dpi/11.png
new file mode 100644
index 0000000..024aa0d
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/300dpi/11.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/300dpi/14.png b/src/books/3/paginas/2_adultos_3_hijos/300dpi/14.png
new file mode 100644
index 0000000..06b147e
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/300dpi/14.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/300dpi/15.png b/src/books/3/paginas/2_adultos_3_hijos/300dpi/15.png
new file mode 100644
index 0000000..5dfdb0b
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/300dpi/15.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/300dpi/16.png b/src/books/3/paginas/2_adultos_3_hijos/300dpi/16.png
new file mode 100644
index 0000000..375ac52
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/300dpi/16.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/300dpi/18.png b/src/books/3/paginas/2_adultos_3_hijos/300dpi/18.png
new file mode 100644
index 0000000..5235da4
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/300dpi/18.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/300dpi/19.png b/src/books/3/paginas/2_adultos_3_hijos/300dpi/19.png
new file mode 100644
index 0000000..e667b17
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/300dpi/19.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/300dpi/22.png b/src/books/3/paginas/2_adultos_3_hijos/300dpi/22.png
new file mode 100644
index 0000000..1a37be7
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/300dpi/22.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/300dpi/25.png b/src/books/3/paginas/2_adultos_3_hijos/300dpi/25.png
new file mode 100644
index 0000000..fa38141
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/300dpi/25.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/300dpi/28.png b/src/books/3/paginas/2_adultos_3_hijos/300dpi/28.png
new file mode 100644
index 0000000..71c7072
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/300dpi/28.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/300dpi/29.png b/src/books/3/paginas/2_adultos_3_hijos/300dpi/29.png
new file mode 100644
index 0000000..6182ef0
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/300dpi/29.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/300dpi/31.png b/src/books/3/paginas/2_adultos_3_hijos/300dpi/31.png
new file mode 100644
index 0000000..104ce0c
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/300dpi/31.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/300dpi/32.png b/src/books/3/paginas/2_adultos_3_hijos/300dpi/32.png
new file mode 100644
index 0000000..46b03c9
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/300dpi/32.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/300dpi/33.png b/src/books/3/paginas/2_adultos_3_hijos/300dpi/33.png
new file mode 100644
index 0000000..4bc0736
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/300dpi/33.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/300dpi/35.png b/src/books/3/paginas/2_adultos_3_hijos/300dpi/35.png
new file mode 100644
index 0000000..efcba9c
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/300dpi/35.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/300dpi/5.png b/src/books/3/paginas/2_adultos_3_hijos/300dpi/5.png
new file mode 100644
index 0000000..ef36770
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/300dpi/5.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/300dpi/8.png b/src/books/3/paginas/2_adultos_3_hijos/300dpi/8.png
new file mode 100644
index 0000000..6d8d97e
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/300dpi/8.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/300dpi/9.png b/src/books/3/paginas/2_adultos_3_hijos/300dpi/9.png
new file mode 100644
index 0000000..d44c341
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/300dpi/9.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/300dpi/cover.png b/src/books/3/paginas/2_adultos_3_hijos/300dpi/cover.png
new file mode 100644
index 0000000..ee6218e
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/300dpi/cover.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/300dpi/z_2_adultos_3_hijos.png b/src/books/3/paginas/2_adultos_3_hijos/300dpi/z_2_adultos_3_hijos.png
new file mode 100644
index 0000000..fef20d2
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/300dpi/z_2_adultos_3_hijos.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/0.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/0.png
new file mode 100644
index 0000000..c4628a4
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/0.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/1.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/1.png
new file mode 100644
index 0000000..b8366b7
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/1.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/10.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/10.png
new file mode 100644
index 0000000..4e86747
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/10.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/11.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/11.png
new file mode 100644
index 0000000..d12cd5e
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/11.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/12.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/12.png
new file mode 100644
index 0000000..dc4cc7b
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/12.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/13.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/13.png
new file mode 100644
index 0000000..0346562
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/13.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/14.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/14.png
new file mode 100644
index 0000000..10eb81e
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/14.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/15.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/15.png
new file mode 100644
index 0000000..1000e6e
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/15.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/16.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/16.png
new file mode 100644
index 0000000..43916fa
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/16.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/17.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/17.png
new file mode 100644
index 0000000..c2d71d5
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/17.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/18.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/18.png
new file mode 100644
index 0000000..16ed8cb
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/18.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/19.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/19.png
new file mode 100644
index 0000000..f628f47
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/19.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/2.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/2.png
new file mode 100644
index 0000000..7cef719
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/2.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/20.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/20.png
new file mode 100644
index 0000000..7f8207d
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/20.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/21.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/21.png
new file mode 100644
index 0000000..c7c79ef
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/21.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/22.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/22.png
new file mode 100644
index 0000000..149f6b6
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/22.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/23.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/23.png
new file mode 100644
index 0000000..717a5a7
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/23.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/24.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/24.png
new file mode 100644
index 0000000..a2fdb4f
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/24.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/25.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/25.png
new file mode 100644
index 0000000..3854c9d
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/25.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/26.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/26.png
new file mode 100644
index 0000000..8d3f750
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/26.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/27.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/27.png
new file mode 100644
index 0000000..228fa67
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/27.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/28.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/28.png
new file mode 100644
index 0000000..22c0270
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/28.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/29.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/29.png
new file mode 100644
index 0000000..2aa1654
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/29.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/30.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/30.png
new file mode 100644
index 0000000..c54dbb5
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/30.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/32.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/32.png
new file mode 100644
index 0000000..8aa6e37
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/32.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/33.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/33.png
new file mode 100644
index 0000000..a94b041
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/33.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/34.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/34.png
new file mode 100644
index 0000000..0cc010c
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/34.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/35.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/35.png
new file mode 100644
index 0000000..f1190cc
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/35.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/5.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/5.png
new file mode 100644
index 0000000..e26a4c8
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/5.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/6.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/6.png
new file mode 100644
index 0000000..3f17501
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/6.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/7.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/7.png
new file mode 100644
index 0000000..ebd37a1
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/7.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/8.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/8.png
new file mode 100644
index 0000000..ebc8c67
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/8.png differ
diff --git a/src/books/3/paginas/2_adultos_3_hijos/72dpi/9.png b/src/books/3/paginas/2_adultos_3_hijos/72dpi/9.png
new file mode 100644
index 0000000..f3b88ab
Binary files /dev/null and b/src/books/3/paginas/2_adultos_3_hijos/72dpi/9.png differ
diff --git a/src/books/3/paginas/guardas/trasto_navidad_guardas_delanteras.pdf b/src/books/3/paginas/guardas/trasto_navidad_guardas_delanteras.pdf
new file mode 100644
index 0000000..e55fd24
Binary files /dev/null and b/src/books/3/paginas/guardas/trasto_navidad_guardas_delanteras.pdf differ
diff --git a/src/books/3/paginas/guardas/trasto_navidad_guardas_traseras.pdf b/src/books/3/paginas/guardas/trasto_navidad_guardas_traseras.pdf
new file mode 100644
index 0000000..2b3c070
Binary files /dev/null and b/src/books/3/paginas/guardas/trasto_navidad_guardas_traseras.pdf differ
diff --git a/src/books/4/config/config.json b/src/books/4/config/config.json
new file mode 100644
index 0000000..c260a11
--- /dev/null
+++ b/src/books/4/config/config.json
@@ -0,0 +1,191 @@
+{
+    "book_id": 4,
+    "settings": {
+        "dpi": 300,
+        "fonts": {
+            "main": "Mali-Bold.ttf",
+            "secondary": "Calibri.ttf"
+        },
+        "base_font_size": 140,
+        "colors": {
+            "black": "#000000",
+            "white": "#FFFFFF",
+            "title": "#D82746",
+            "number": "#66C3D0"
+        }
+    },
+    "user_photo": {
+        "width": 300,
+        "height": 300
+    },
+    "pages": [
+        {
+            "page_id": 0,
+            "description": "Portada",
+            "elements": [
+                {
+                    "type": "photo",
+                    "x": 3392,
+                    "y": 1275
+                },
+                {
+                    "type": "text",
+                    "x": 1135,
+                    "y": -895,
+                    "text": { "es": "{{name}}", "en": "{{name}}", "ca": "{{article}}{{name}}" }
+                },
+                {
+                    "type": "text",
+                    "x": 1135,
+                    "y": -685,
+                    "text": { "es": "Y LOS NÚMEROS", "en": "AND THE NUMBERS", "ca": "I ELS NOMBRES" },
+                    "style": { "size": 145, "color": "title" }
+                },
+                {
+                    "type": "text",
+                    "x": 1135,
+                    "y": 1005,
+                    "text": { "es": "ILUSTRACIÓN: INMA BAÑEGIL LOZANO", "en": "ILLUSTRATION: INMA BAÑEGIL LOZANO", "ca": "IL·LUSTRACIÓ: INMA BAÑEGIL LOZANO" },
+                    "style": { "size": 50, "color": "white" }
+                }
+            ]
+        },
+        {
+            "page_id": 1,
+            "description": "Créditos y Dedicatoria",
+            "defaults": { "style": { "size": 45, "gravity": "WEST", "font": "secondary" } },
+            "elements": [
+                { "type": "text", "x": 170, "y": 80, "text": { "es": "Dirección, edición y producción: Cuentos con fotos, S.L.", "en": "Direction, editing and production: Cuentos con fotos, S.L.", "ca": "Direcció, edició i producció: Cuentos con fotos, S.L." } },
+                { "type": "text", "x": 170, "y": 140, "text": { "es": "Escrito e ilustrado por: Inma Bañegil Lozano.", "en": "Written and illustrated by Inma Bañegil Lozano.", "ca": "Escrit i Il·lustrat per Inma Bañegil Lozano." } },
+                { "type": "text", "x": 170, "y": 240, "text": { "es": "La propiedad intelectual de los textos, las ilustraciones y la edición 2020: Cuentos con fotos, S.L", "en": "Intellectual property of the texts, illustrations and the 2021 edition: Cuentos con fotos, S.L.", "ca": "La propietat intel·lectual dels textos, les il·lustracions i l’edició 2021: Cuentos con fotos, S.L." } },
+                { "type": "text", "x": 170, "y": 340, "text": { "es": "Todos los derechos reservados. Ninguna parte de esta publicación puede ser reproducida, almacenada en", "en": "All rights reserved. No part of this publication may be reproduced, stored in", "ca": "Tots els drets reservats. Cap part d’aquesta publicació es pot reproduir, emmagatzemar en" } },
+                { "type": "text", "x": 170, "y": 400, "text": { "es": "un sistema de extracción electrónica ni transmitida de manera alguna ni por ningún medio sin el", "en": "an electronic extraction system, or transmitted in any way, or by any means, without", "ca": "un sistema d’extracció electrònica ni transmetre de cap manera ni per cap mitjà sense el" } },
+                { "type": "text", "x": 170, "y": 460, "text": { "es": "consentimiento previo por escrito del titular de la propiedad intelectual.", "en": "the prior, written consent of the owner of the intellectual property.", "ca": "consentiment previ per escrit del titular de la propietat intel·lectual." } },
+                { "type": "text", "x": 170, "y": 560, "text": { "es": "El cliente se hace responsable del contenido de las imágenes que sube a nuestra web para la elaboración del", "en": "The client is responsible for the content of the images that he uploads to our website for the preparation of", "ca": "El client es fa responsable del contingut de les imatges que puja al nostre web per elaborar el" } },
+                { "type": "text", "x": 170, "y": 620, "text": { "es": "libro y declara que es el único titular de todos los derechos que existen, bien sea por ser el tutor legal del", "en": "the book and declares that he is the sole owner of all the rights that exist, either because he is the legal guardian", "ca": "llibre i declara que és l’únic titular de tots els drets que existeixen, en ser el tutor legal del" } },
+                { "type": "text", "x": 170, "y": 680, "text": { "es": "menor o por tener la autorización expresa por escrito de un tercero, sobre las fotografías contenidas en el", "en": "of the minor, or has express, written authorization from a third party to the photographs contained", "ca": "menor o en tenir l’autorització expressa per escrit d’un tercer, sobre les fotografies que conté." } },
+                { "type": "text", "x": 170, "y": 740, "text": { "es": "presente libro. Igualmente, el cliente se compromete a no utilizar en la elaboración del libro, fotografías ni", "en": "in this book. Likewise, the client agrees not to use, in the preparation of the book, photographs or", "ca": "Igualment, el client es compromet a no fer servir per elaborar el llibre fotografies ni textos amb" } },
+                { "type": "text", "x": 170, "y": 800, "text": { "es": "textos que contengan contenido insultante, violento, pornográfico, discriminatorio que puedan perjudicar a", "en": "texts that contain any insulting, violent, pornographic, or discriminatory content that may violate", "ca": "contingut insultant, violent, pornogràfic o discriminatori que puguin perjudicar els drets de la" } },
+                { "type": "text", "x": 170, "y": 860, "text": { "es": "los derechos de la infancia o que pueda dañar su propia imagen o la de cualquier otra persona representada", "en": "the rights of children or that may do damage to their own image or that of any other person appearing", "ca": "infància o danyar la seva pròpia imatge o la de qualsevol altra persona representada en les fotografies." } },
+                { "type": "text", "x": 170, "y": 920, "text": { "es": "en las fotografías. Cuentos con fotos, S.L queda exonerada de cualquier tipo de responsabilidad al respecto.", "en": "in the photographs. Cuentos con fotos S.L. waives any type of responsibility in this regard.", "ca": "Cuentos con fotos, S.L. queda exonerada de qualsevol tipus de responsabilitat en aquest sentit." } },
+                {
+                    "type": "text",
+                    "x": 1063,
+                    "y": 500,
+                    "text": { "es": "{{dedication}}", "en": "{{dedication}}", "ca": "{{dedication}}" },
+                    "style": { "size": 80, "gravity": "CENTER", "font": "main" }
+                }
+            ]
+        },
+        {
+            "page_id": 2,
+            "description": "1 Tiburón",
+            "elements": [
+                { "type": "photo", "x": 1501, "y": 1020 },
+                { "type": "text", "x": -1063, "y": -840, "text": { "es": "{{name}} y Trasto", "en": "{{name}} and Trasto", "ca": "{{article}}{{name}} i en Trasto" } },
+                { "type": "text", "x": -1063, "y": -675, "text": { "es": "se encuentran con...", "en": "come across...", "ca": "es troben amb..." } },
+                { "type": "text", "x": 1063, "y": -840, "text": { "es": "¡Un tiburón!", "en": "a shark!", "ca": "un tauró!" } },
+                { "type": "text", "x": 1063, "y": 760, "text": { "es": "uno", "en": "one", "ca": "u" }, "style": { "size": 400, "color": "number" } }
+            ]
+        },
+        {
+            "page_id": 3,
+            "description": "2 Caballitos",
+            "elements": [
+                { "type": "photo", "x": 344, "y": 1034 },
+                { "type": "text", "x": -1063, "y": -840, "text": { "es": "{{name}} y Trasto", "en": "{{name}} and Trasto", "ca": "{{article}}{{name}} i en Trasto" } },
+                { "type": "text", "x": -1063, "y": -675, "text": { "es": "saludan a...", "en": "say hello to...", "ca": "saluden..." } },
+                { "type": "text", "x": 1063, "y": -840, "text": { "es": "¡Dos caballitos de mar!", "en": "two seahorses!", "ca": "dos cavallets marins!" } },
+                { "type": "text", "x": 1063, "y": 760, "text": { "es": "dos", "en": "two", "ca": "dos" }, "style": { "size": 400, "color": "number" } }
+            ]
+        },
+        {
+            "page_id": 4,
+            "description": "3 Cangrejos",
+            "elements": [
+                { "type": "photo", "x": 1098, "y": 1010 },
+                { "type": "text", "x": -1063, "y": -840, "text": { "es": "{{name}} y Trasto", "en": "{{name}} and Trasto", "ca": "{{article}}{{name}} i en Trasto" } },
+                { "type": "text", "x": -1063, "y": -675, "text": { "es": "conocen a...", "en": "meet...", "ca": "coneixen..." } },
+                { "type": "text", "x": 1063, "y": -840, "text": { "es": "¡Tres cangrejos!", "en": "three crabs!", "ca": "tres crancs!" } },
+                { "type": "text", "x": 1063, "y": 760, "text": { "es": "tres", "en": "three", "ca": "tres" }, "style": { "size": 400, "color": "number" } }
+            ]
+        },
+        {
+            "page_id": 5,
+            "description": "4 Tortugas",
+            "elements": [
+                { "type": "photo", "x": 1729, "y": 1391 },
+                { "type": "text", "x": -1063, "y": -840, "text": { "es": "{{name}} y Trasto", "en": "{{name}} and Trasto", "ca": "{{article}}{{name}} i en Trasto" } },
+                { "type": "text", "x": -1063, "y": -675, "text": { "es": "hacen una carrera con...", "en": "race with...", "ca": "fan una cursa amb..." } },
+                { "type": "text", "x": 1063, "y": -840, "text": { "es": "¡Cuatro tortugas!", "en": "four turtles!", "ca": "quatre tortugues!" } },
+                { "type": "text", "x": 1063, "y": 760, "text": { "es": "cuatro", "en": "four", "ca": "quatre" }, "style": { "size": 400, "color": "number" } }
+            ]
+        },
+        {
+            "page_id": 6,
+            "description": "5 Medusas",
+            "elements": [
+                { "type": "photo", "x": 1020, "y": 1094 },
+                { "type": "text", "x": -1063, "y": -840, "text": { "es": "{{name}} y Trasto", "en": "{{name}} and Trasto", "ca": "{{article}}{{name}} i en Trasto" } },
+                { "type": "text", "x": -1063, "y": -675, "text": { "es": "juegan con...", "en": "play with...", "ca": "juguen amb..." } },
+                { "type": "text", "x": 1063, "y": -840, "text": { "es": "¡Cinco medusas!", "en": "five jellyfish!", "ca": "cinc meduses!" } },
+                { "type": "text", "x": 1063, "y": 760, "text": { "es": "cinco", "en": "five", "ca": "cinc" }, "style": { "size": 400, "color": "number" } }
+            ]
+        },
+        {
+            "page_id": 7,
+            "description": "6 Peces Globo",
+            "elements": [
+                { "type": "photo", "x": 1005, "y": 1187 },
+                { "type": "text", "x": -1063, "y": -840, "text": { "es": "{{name}} y Trasto", "en": "{{name}} and Trasto", "ca": "{{article}}{{name}} i en Trasto" } },
+                { "type": "text", "x": -1063, "y": -675, "text": { "es": "bailan con...", "en": "dance with...", "ca": "ballen amb..." } },
+                { "type": "text", "x": 1063, "y": -840, "text": { "es": "¡Seis peces globo!", "en": "six puffer fish!", "ca": "sis peixos globus!" } },
+                { "type": "text", "x": 1063, "y": 760, "text": { "es": "seis", "en": "six", "ca": "sis" }, "style": { "size": 400, "color": "number" } }
+            ]
+        },
+        {
+            "page_id": 8,
+            "description": "7 Pulpos",
+            "elements": [
+                { "type": "photo", "x": 1007, "y": 839 },
+                { "type": "text", "x": -1063, "y": -840, "text": { "es": "{{name}} y Trasto", "en": "{{name}} and Trasto", "ca": "{{article}}{{name}} i en Trasto" } },
+                { "type": "text", "x": -1063, "y": -675, "text": { "es": "bucean con...", "en": "dive with...", "ca": "bussegen amb..." } },
+                { "type": "text", "x": 1063, "y": -840, "text": { "es": "¡Siete pulpos!", "en": "seven octopuses!", "ca": "set pops!" } },
+                { "type": "text", "x": 1063, "y": 760, "text": { "es": "siete", "en": "seven", "ca": "set" }, "style": { "size": 400, "color": "number" } }
+            ]
+        },
+        {
+            "page_id": 9,
+            "description": "8 Erizos",
+            "elements": [
+                { "type": "photo", "x": 1004, "y": 1088 },
+                { "type": "text", "x": -1063, "y": -840, "text": { "es": "{{name}} y Trasto", "en": "{{name}} and Trasto", "ca": "{{article}}{{name}} i en Trasto" } },
+                { "type": "text", "x": -1063, "y": -675, "text": { "es": "se esconden de...", "en": "hide from...", "ca": "s’amaguen de..." } },
+                { "type": "text", "x": 1063, "y": -840, "text": { "es": "¡Ocho erizos!", "en": "eight hedgehogs!", "ca": "vuit eriçons!" } },
+                { "type": "text", "x": 1063, "y": 760, "text": { "es": "ocho", "en": "eight", "ca": "vuit" }, "style": { "size": 400, "color": "number" } }
+            ]
+        },
+        {
+            "page_id": 10,
+            "description": "9 Peces",
+            "elements": [
+                { "type": "photo", "x": 828, "y": 914 },
+                { "type": "text", "x": -1063, "y": -840, "text": { "es": "{{name}} y Trasto", "en": "{{name}} and Trasto", "ca": "{{article}}{{name}} i en Trasto" } },
+                { "type": "text", "x": -1063, "y": -675, "text": { "es": "nadan junto a...", "en": "swim with...", "ca": "neden al costat de..." } },
+                { "type": "text", "x": 1063, "y": -840, "text": { "es": "¡Nueve peces!", "en": "nine fish!", "ca": "nou peixos!" } },
+                { "type": "text", "x": 1063, "y": 760, "text": { "es": "nueve", "en": "nine", "ca": "nou" }, "style": { "size": 400, "color": "number" } }
+            ]
+        },
+        {
+            "page_id": 11,
+            "description": "10 Estrellas",
+            "elements": [
+                { "type": "photo", "x": 372, "y": 913 },
+                { "type": "text", "x": -1063, "y": -840, "text": { "es": "{{name}} y Trasto", "en": "{{name}} and Trasto", "ca": "{{article}}{{name}} i en Trasto" } },
+                { "type": "text", "x": -1063, "y": -675, "text": { "es": "sonríen con...", "en": "smile with...", "ca": "somriuen amb..." } },
+                { "type": "text", "x": 1063, "y": -840, "text": { "es": "¡Diez estrellitas de mar!", "en": "ten little sea stars!", "ca": "deu estrelletes de mar!" } },
+                { "type": "text", "x": 1063, "y": 760, "text": { "es": "diez", "en": "ten", "ca": "deu" }, "style": { "size": 400, "color": "number" } }
+            ]
+        }
+    ]
+}
\ No newline at end of file
diff --git a/src/books/4/config/config.rar b/src/books/4/config/config.rar
new file mode 100644
index 0000000..2eb1e0d
Binary files /dev/null and b/src/books/4/config/config.rar differ
diff --git a/src/books/4/fonts/Calibri.ttf b/src/books/4/fonts/Calibri.ttf
new file mode 100644
index 0000000..2fede68
Binary files /dev/null and b/src/books/4/fonts/Calibri.ttf differ
diff --git a/src/books/4/fonts/Mali-Bold.ttf b/src/books/4/fonts/Mali-Bold.ttf
new file mode 100644
index 0000000..f70c67e
Binary files /dev/null and b/src/books/4/fonts/Mali-Bold.ttf differ
diff --git a/src/books/4/fonts/Mali-Regular.ttf b/src/books/4/fonts/Mali-Regular.ttf
new file mode 100644
index 0000000..70cd35b
Binary files /dev/null and b/src/books/4/fonts/Mali-Regular.ttf differ
diff --git a/src/books/4/paginas/300dpi/0.png b/src/books/4/paginas/300dpi/0.png
new file mode 100644
index 0000000..f39fd9d
Binary files /dev/null and b/src/books/4/paginas/300dpi/0.png differ
diff --git a/src/books/4/paginas/300dpi/0_sin_lomo.png b/src/books/4/paginas/300dpi/0_sin_lomo.png
new file mode 100644
index 0000000..da2bb29
Binary files /dev/null and b/src/books/4/paginas/300dpi/0_sin_lomo.png differ
diff --git a/src/books/4/paginas/300dpi/1.png b/src/books/4/paginas/300dpi/1.png
new file mode 100644
index 0000000..31094bf
Binary files /dev/null and b/src/books/4/paginas/300dpi/1.png differ
diff --git a/src/books/4/paginas/300dpi/10.png b/src/books/4/paginas/300dpi/10.png
new file mode 100644
index 0000000..9b1ff97
Binary files /dev/null and b/src/books/4/paginas/300dpi/10.png differ
diff --git a/src/books/4/paginas/300dpi/11.png b/src/books/4/paginas/300dpi/11.png
new file mode 100644
index 0000000..51b6e27
Binary files /dev/null and b/src/books/4/paginas/300dpi/11.png differ
diff --git a/src/books/4/paginas/300dpi/2.png b/src/books/4/paginas/300dpi/2.png
new file mode 100644
index 0000000..b12a2ed
Binary files /dev/null and b/src/books/4/paginas/300dpi/2.png differ
diff --git a/src/books/4/paginas/300dpi/3.png b/src/books/4/paginas/300dpi/3.png
new file mode 100644
index 0000000..c974e75
Binary files /dev/null and b/src/books/4/paginas/300dpi/3.png differ
diff --git a/src/books/4/paginas/300dpi/4.png b/src/books/4/paginas/300dpi/4.png
new file mode 100644
index 0000000..9ecaccf
Binary files /dev/null and b/src/books/4/paginas/300dpi/4.png differ
diff --git a/src/books/4/paginas/300dpi/5.png b/src/books/4/paginas/300dpi/5.png
new file mode 100644
index 0000000..3dd72c8
Binary files /dev/null and b/src/books/4/paginas/300dpi/5.png differ
diff --git a/src/books/4/paginas/300dpi/6.png b/src/books/4/paginas/300dpi/6.png
new file mode 100644
index 0000000..ab7b7b4
Binary files /dev/null and b/src/books/4/paginas/300dpi/6.png differ
diff --git a/src/books/4/paginas/300dpi/7.png b/src/books/4/paginas/300dpi/7.png
new file mode 100644
index 0000000..28316b2
Binary files /dev/null and b/src/books/4/paginas/300dpi/7.png differ
diff --git a/src/books/4/paginas/300dpi/8.png b/src/books/4/paginas/300dpi/8.png
new file mode 100644
index 0000000..fd9b2af
Binary files /dev/null and b/src/books/4/paginas/300dpi/8.png differ
diff --git a/src/books/4/paginas/300dpi/9.png b/src/books/4/paginas/300dpi/9.png
new file mode 100644
index 0000000..1acd864
Binary files /dev/null and b/src/books/4/paginas/300dpi/9.png differ
diff --git a/src/books/4/paginas/300dpi/cut_lines_cover.png b/src/books/4/paginas/300dpi/cut_lines_cover.png
new file mode 100644
index 0000000..d75a17a
Binary files /dev/null and b/src/books/4/paginas/300dpi/cut_lines_cover.png differ
diff --git a/src/books/4/paginas/300dpi_ok_imprenta/0.png b/src/books/4/paginas/300dpi_ok_imprenta/0.png
new file mode 100644
index 0000000..9851c76
Binary files /dev/null and b/src/books/4/paginas/300dpi_ok_imprenta/0.png differ
diff --git a/src/books/4/paginas/300dpi_ok_imprenta/1.png b/src/books/4/paginas/300dpi_ok_imprenta/1.png
new file mode 100644
index 0000000..0cecfa4
Binary files /dev/null and b/src/books/4/paginas/300dpi_ok_imprenta/1.png differ
diff --git a/src/books/4/paginas/300dpi_ok_imprenta/10.png b/src/books/4/paginas/300dpi_ok_imprenta/10.png
new file mode 100644
index 0000000..48c62d4
Binary files /dev/null and b/src/books/4/paginas/300dpi_ok_imprenta/10.png differ
diff --git a/src/books/4/paginas/300dpi_ok_imprenta/11.png b/src/books/4/paginas/300dpi_ok_imprenta/11.png
new file mode 100644
index 0000000..8cf51ff
Binary files /dev/null and b/src/books/4/paginas/300dpi_ok_imprenta/11.png differ
diff --git a/src/books/4/paginas/300dpi_ok_imprenta/2.png b/src/books/4/paginas/300dpi_ok_imprenta/2.png
new file mode 100644
index 0000000..3a9d53f
Binary files /dev/null and b/src/books/4/paginas/300dpi_ok_imprenta/2.png differ
diff --git a/src/books/4/paginas/300dpi_ok_imprenta/3.png b/src/books/4/paginas/300dpi_ok_imprenta/3.png
new file mode 100644
index 0000000..9ef7fb9
Binary files /dev/null and b/src/books/4/paginas/300dpi_ok_imprenta/3.png differ
diff --git a/src/books/4/paginas/300dpi_ok_imprenta/4.png b/src/books/4/paginas/300dpi_ok_imprenta/4.png
new file mode 100644
index 0000000..171e7dc
Binary files /dev/null and b/src/books/4/paginas/300dpi_ok_imprenta/4.png differ
diff --git a/src/books/4/paginas/300dpi_ok_imprenta/5.png b/src/books/4/paginas/300dpi_ok_imprenta/5.png
new file mode 100644
index 0000000..786752f
Binary files /dev/null and b/src/books/4/paginas/300dpi_ok_imprenta/5.png differ
diff --git a/src/books/4/paginas/300dpi_ok_imprenta/6.png b/src/books/4/paginas/300dpi_ok_imprenta/6.png
new file mode 100644
index 0000000..0962412
Binary files /dev/null and b/src/books/4/paginas/300dpi_ok_imprenta/6.png differ
diff --git a/src/books/4/paginas/300dpi_ok_imprenta/7.png b/src/books/4/paginas/300dpi_ok_imprenta/7.png
new file mode 100644
index 0000000..df23a6d
Binary files /dev/null and b/src/books/4/paginas/300dpi_ok_imprenta/7.png differ
diff --git a/src/books/4/paginas/300dpi_ok_imprenta/8.png b/src/books/4/paginas/300dpi_ok_imprenta/8.png
new file mode 100644
index 0000000..d88ddbc
Binary files /dev/null and b/src/books/4/paginas/300dpi_ok_imprenta/8.png differ
diff --git a/src/books/4/paginas/300dpi_ok_imprenta/9.png b/src/books/4/paginas/300dpi_ok_imprenta/9.png
new file mode 100644
index 0000000..0e65eef
Binary files /dev/null and b/src/books/4/paginas/300dpi_ok_imprenta/9.png differ
diff --git a/src/books/4/paginas/300dpi_ok_imprenta/cut_lines.png b/src/books/4/paginas/300dpi_ok_imprenta/cut_lines.png
new file mode 100644
index 0000000..1504d30
Binary files /dev/null and b/src/books/4/paginas/300dpi_ok_imprenta/cut_lines.png differ
diff --git a/src/books/4/paginas/300dpi_ok_imprenta/cut_lines_cover.png b/src/books/4/paginas/300dpi_ok_imprenta/cut_lines_cover.png
new file mode 100644
index 0000000..42b7de5
Binary files /dev/null and b/src/books/4/paginas/300dpi_ok_imprenta/cut_lines_cover.png differ
diff --git a/src/books/4/paginas/72dpi - copia/0.png b/src/books/4/paginas/72dpi - copia/0.png
new file mode 100644
index 0000000..5044b72
Binary files /dev/null and b/src/books/4/paginas/72dpi - copia/0.png differ
diff --git a/src/books/4/paginas/72dpi - copia/0_recuadro_nombre_origial.png b/src/books/4/paginas/72dpi - copia/0_recuadro_nombre_origial.png
new file mode 100644
index 0000000..9561ad5
Binary files /dev/null and b/src/books/4/paginas/72dpi - copia/0_recuadro_nombre_origial.png differ
diff --git a/src/books/4/paginas/72dpi - copia/10.png b/src/books/4/paginas/72dpi - copia/10.png
new file mode 100644
index 0000000..931c13e
Binary files /dev/null and b/src/books/4/paginas/72dpi - copia/10.png differ
diff --git a/src/books/4/paginas/72dpi - copia/11.png b/src/books/4/paginas/72dpi - copia/11.png
new file mode 100644
index 0000000..c3f2dd6
Binary files /dev/null and b/src/books/4/paginas/72dpi - copia/11.png differ
diff --git a/src/books/4/paginas/72dpi - copia/12.png b/src/books/4/paginas/72dpi - copia/12.png
new file mode 100644
index 0000000..cb258eb
Binary files /dev/null and b/src/books/4/paginas/72dpi - copia/12.png differ
diff --git a/src/books/4/paginas/72dpi - copia/13.png b/src/books/4/paginas/72dpi - copia/13.png
new file mode 100644
index 0000000..40e7719
Binary files /dev/null and b/src/books/4/paginas/72dpi - copia/13.png differ
diff --git a/src/books/4/paginas/72dpi - copia/14.png b/src/books/4/paginas/72dpi - copia/14.png
new file mode 100644
index 0000000..be431a3
Binary files /dev/null and b/src/books/4/paginas/72dpi - copia/14.png differ
diff --git a/src/books/4/paginas/72dpi - copia/16.png b/src/books/4/paginas/72dpi - copia/16.png
new file mode 100644
index 0000000..98d8be9
Binary files /dev/null and b/src/books/4/paginas/72dpi - copia/16.png differ
diff --git a/src/books/4/paginas/72dpi - copia/17.png b/src/books/4/paginas/72dpi - copia/17.png
new file mode 100644
index 0000000..ddd0dc6
Binary files /dev/null and b/src/books/4/paginas/72dpi - copia/17.png differ
diff --git a/src/books/4/paginas/72dpi - copia/18.png b/src/books/4/paginas/72dpi - copia/18.png
new file mode 100644
index 0000000..4e50ebb
Binary files /dev/null and b/src/books/4/paginas/72dpi - copia/18.png differ
diff --git a/src/books/4/paginas/72dpi - copia/2.png b/src/books/4/paginas/72dpi - copia/2.png
new file mode 100644
index 0000000..a19d54f
Binary files /dev/null and b/src/books/4/paginas/72dpi - copia/2.png differ
diff --git a/src/books/4/paginas/72dpi - copia/20.png b/src/books/4/paginas/72dpi - copia/20.png
new file mode 100644
index 0000000..6a2dbc0
Binary files /dev/null and b/src/books/4/paginas/72dpi - copia/20.png differ
diff --git a/src/books/4/paginas/72dpi - copia/22.png b/src/books/4/paginas/72dpi - copia/22.png
new file mode 100644
index 0000000..1288535
Binary files /dev/null and b/src/books/4/paginas/72dpi - copia/22.png differ
diff --git a/src/books/4/paginas/72dpi - copia/23.png b/src/books/4/paginas/72dpi - copia/23.png
new file mode 100644
index 0000000..4b9e265
Binary files /dev/null and b/src/books/4/paginas/72dpi - copia/23.png differ
diff --git a/src/books/4/paginas/72dpi - copia/3.png b/src/books/4/paginas/72dpi - copia/3.png
new file mode 100644
index 0000000..542ac7c
Binary files /dev/null and b/src/books/4/paginas/72dpi - copia/3.png differ
diff --git a/src/books/4/paginas/72dpi - copia/4.png b/src/books/4/paginas/72dpi - copia/4.png
new file mode 100644
index 0000000..3db889e
Binary files /dev/null and b/src/books/4/paginas/72dpi - copia/4.png differ
diff --git a/src/books/4/paginas/72dpi - copia/6.png b/src/books/4/paginas/72dpi - copia/6.png
new file mode 100644
index 0000000..a1c2bb5
Binary files /dev/null and b/src/books/4/paginas/72dpi - copia/6.png differ
diff --git a/src/books/4/paginas/72dpi - copia/7.png b/src/books/4/paginas/72dpi - copia/7.png
new file mode 100644
index 0000000..d7ccb0c
Binary files /dev/null and b/src/books/4/paginas/72dpi - copia/7.png differ
diff --git a/src/books/4/paginas/72dpi - copia/8.png b/src/books/4/paginas/72dpi - copia/8.png
new file mode 100644
index 0000000..cc6c881
Binary files /dev/null and b/src/books/4/paginas/72dpi - copia/8.png differ
diff --git a/src/books/4/paginas/72dpi - copia/9.png b/src/books/4/paginas/72dpi - copia/9.png
new file mode 100644
index 0000000..74142da
Binary files /dev/null and b/src/books/4/paginas/72dpi - copia/9.png differ
diff --git a/src/books/4/paginas/72dpi/0.png b/src/books/4/paginas/72dpi/0.png
new file mode 100644
index 0000000..f39fd9d
Binary files /dev/null and b/src/books/4/paginas/72dpi/0.png differ
diff --git a/src/books/4/paginas/72dpi/1 - copia.png b/src/books/4/paginas/72dpi/1 - copia.png
new file mode 100644
index 0000000..b4e27d7
Binary files /dev/null and b/src/books/4/paginas/72dpi/1 - copia.png differ
diff --git a/src/books/4/paginas/72dpi/1.png b/src/books/4/paginas/72dpi/1.png
new file mode 100644
index 0000000..7016814
Binary files /dev/null and b/src/books/4/paginas/72dpi/1.png differ
diff --git a/src/books/4/paginas/72dpi/10.png b/src/books/4/paginas/72dpi/10.png
new file mode 100644
index 0000000..e6dfc43
Binary files /dev/null and b/src/books/4/paginas/72dpi/10.png differ
diff --git a/src/books/4/paginas/72dpi/12.png b/src/books/4/paginas/72dpi/12.png
new file mode 100644
index 0000000..e455c9e
Binary files /dev/null and b/src/books/4/paginas/72dpi/12.png differ
diff --git a/src/books/4/paginas/72dpi/14.png b/src/books/4/paginas/72dpi/14.png
new file mode 100644
index 0000000..252e997
Binary files /dev/null and b/src/books/4/paginas/72dpi/14.png differ
diff --git a/src/books/4/paginas/72dpi/15.png b/src/books/4/paginas/72dpi/15.png
new file mode 100644
index 0000000..a6da53e
Binary files /dev/null and b/src/books/4/paginas/72dpi/15.png differ
diff --git a/src/books/4/paginas/72dpi/16.png b/src/books/4/paginas/72dpi/16.png
new file mode 100644
index 0000000..00dcb40
Binary files /dev/null and b/src/books/4/paginas/72dpi/16.png differ
diff --git a/src/books/4/paginas/72dpi/18.png b/src/books/4/paginas/72dpi/18.png
new file mode 100644
index 0000000..5e6daec
Binary files /dev/null and b/src/books/4/paginas/72dpi/18.png differ
diff --git a/src/books/4/paginas/72dpi/19.png b/src/books/4/paginas/72dpi/19.png
new file mode 100644
index 0000000..f0ca8d5
Binary files /dev/null and b/src/books/4/paginas/72dpi/19.png differ
diff --git a/src/books/4/paginas/72dpi/20.png b/src/books/4/paginas/72dpi/20.png
new file mode 100644
index 0000000..ff82fce
Binary files /dev/null and b/src/books/4/paginas/72dpi/20.png differ
diff --git a/src/books/4/paginas/72dpi/21.png b/src/books/4/paginas/72dpi/21.png
new file mode 100644
index 0000000..62dd7eb
Binary files /dev/null and b/src/books/4/paginas/72dpi/21.png differ
diff --git a/src/books/4/paginas/72dpi/22.png b/src/books/4/paginas/72dpi/22.png
new file mode 100644
index 0000000..06c4ea7
Binary files /dev/null and b/src/books/4/paginas/72dpi/22.png differ
diff --git a/src/books/4/paginas/72dpi/4.png b/src/books/4/paginas/72dpi/4.png
new file mode 100644
index 0000000..7bcb72f
Binary files /dev/null and b/src/books/4/paginas/72dpi/4.png differ
diff --git a/src/books/4/paginas/72dpi/5.png b/src/books/4/paginas/72dpi/5.png
new file mode 100644
index 0000000..93b4543
Binary files /dev/null and b/src/books/4/paginas/72dpi/5.png differ
diff --git a/src/books/4/paginas/72dpi/6.png b/src/books/4/paginas/72dpi/6.png
new file mode 100644
index 0000000..c6c051c
Binary files /dev/null and b/src/books/4/paginas/72dpi/6.png differ
diff --git a/src/books/4/paginas/72dpi/8.png b/src/books/4/paginas/72dpi/8.png
new file mode 100644
index 0000000..d7a60fe
Binary files /dev/null and b/src/books/4/paginas/72dpi/8.png differ
diff --git a/src/books/temp/dedicatoria.png b/src/books/temp/dedicatoria.png
new file mode 100644
index 0000000..8434955
Binary files /dev/null and b/src/books/temp/dedicatoria.png differ
diff --git a/src/books/temp/face1.png b/src/books/temp/face1.png
new file mode 100644
index 0000000..759c7f8
Binary files /dev/null and b/src/books/temp/face1.png differ
diff --git a/src/books/temp/face2.jpg b/src/books/temp/face2.jpg
new file mode 100644
index 0000000..35cede3
Binary files /dev/null and b/src/books/temp/face2.jpg differ
diff --git a/src/books/temp/face2.png b/src/books/temp/face2.png
new file mode 100644
index 0000000..0b8030a
Binary files /dev/null and b/src/books/temp/face2.png differ
diff --git a/src/books/temp/foto_test2.png b/src/books/temp/foto_test2.png
new file mode 100644
index 0000000..3fcb9cd
Binary files /dev/null and b/src/books/temp/foto_test2.png differ
diff --git a/src/books/temp/libro8_1a1c_generado/libro_completo.pdf b/src/books/temp/libro8_1a1c_generado/libro_completo.pdf
new file mode 100644
index 0000000..e4399a0
Binary files /dev/null and b/src/books/temp/libro8_1a1c_generado/libro_completo.pdf differ
diff --git a/src/books/temp/libro8_1a1c_generado/page_00.jpg b/src/books/temp/libro8_1a1c_generado/page_00.jpg
new file mode 100644
index 0000000..5e25a28
Binary files /dev/null and b/src/books/temp/libro8_1a1c_generado/page_00.jpg differ
diff --git a/src/books/temp/libro8_1a1c_generado/page_08.jpg b/src/books/temp/libro8_1a1c_generado/page_08.jpg
new file mode 100644
index 0000000..f5f32cd
Binary files /dev/null and b/src/books/temp/libro8_1a1c_generado/page_08.jpg differ
diff --git a/src/books/temp/libro8_1a1c_generado/page_09.jpg b/src/books/temp/libro8_1a1c_generado/page_09.jpg
new file mode 100644
index 0000000..8afce84
Binary files /dev/null and b/src/books/temp/libro8_1a1c_generado/page_09.jpg differ
diff --git a/src/books/temp/libro8_1a1c_generado/page_11.jpg b/src/books/temp/libro8_1a1c_generado/page_11.jpg
new file mode 100644
index 0000000..201ae81
Binary files /dev/null and b/src/books/temp/libro8_1a1c_generado/page_11.jpg differ
diff --git a/src/books/temp/libro8_1a1c_generado/page_13.jpg b/src/books/temp/libro8_1a1c_generado/page_13.jpg
new file mode 100644
index 0000000..ece7e18
Binary files /dev/null and b/src/books/temp/libro8_1a1c_generado/page_13.jpg differ
diff --git a/src/books/temp/libro8_1a1c_generado/page_14.jpg b/src/books/temp/libro8_1a1c_generado/page_14.jpg
new file mode 100644
index 0000000..d9d3bb4
Binary files /dev/null and b/src/books/temp/libro8_1a1c_generado/page_14.jpg differ
diff --git a/src/books/temp/libro8_1a1c_generado/page_15.jpg b/src/books/temp/libro8_1a1c_generado/page_15.jpg
new file mode 100644
index 0000000..1752447
Binary files /dev/null and b/src/books/temp/libro8_1a1c_generado/page_15.jpg differ
diff --git a/src/books/temp/libro8_1a1c_generado/page_16.jpg b/src/books/temp/libro8_1a1c_generado/page_16.jpg
new file mode 100644
index 0000000..094cfd3
Binary files /dev/null and b/src/books/temp/libro8_1a1c_generado/page_16.jpg differ
diff --git a/src/books/temp/libro8_1a1c_generado/page_18.jpg b/src/books/temp/libro8_1a1c_generado/page_18.jpg
new file mode 100644
index 0000000..d264c60
Binary files /dev/null and b/src/books/temp/libro8_1a1c_generado/page_18.jpg differ
diff --git a/src/books/temp/libro8_1a1c_generado/page_19.jpg b/src/books/temp/libro8_1a1c_generado/page_19.jpg
new file mode 100644
index 0000000..a761988
Binary files /dev/null and b/src/books/temp/libro8_1a1c_generado/page_19.jpg differ
diff --git a/src/books/temp/libro8_1a1c_generado/page_24.jpg b/src/books/temp/libro8_1a1c_generado/page_24.jpg
new file mode 100644
index 0000000..a9fa038
Binary files /dev/null and b/src/books/temp/libro8_1a1c_generado/page_24.jpg differ
diff --git a/src/books/temp/libro8_1a1c_generado/page_25.jpg b/src/books/temp/libro8_1a1c_generado/page_25.jpg
new file mode 100644
index 0000000..18b6d36
Binary files /dev/null and b/src/books/temp/libro8_1a1c_generado/page_25.jpg differ
diff --git a/src/books/temp/libro8_1a1c_generado/page_26.jpg b/src/books/temp/libro8_1a1c_generado/page_26.jpg
new file mode 100644
index 0000000..36117f5
Binary files /dev/null and b/src/books/temp/libro8_1a1c_generado/page_26.jpg differ
diff --git a/src/books/temp/libro8_1a1c_generado/page_27.jpg b/src/books/temp/libro8_1a1c_generado/page_27.jpg
new file mode 100644
index 0000000..b74be42
Binary files /dev/null and b/src/books/temp/libro8_1a1c_generado/page_27.jpg differ
diff --git a/src/books/temp/libro8_1a1c_generado/page_28.jpg b/src/books/temp/libro8_1a1c_generado/page_28.jpg
new file mode 100644
index 0000000..9f4154e
Binary files /dev/null and b/src/books/temp/libro8_1a1c_generado/page_28.jpg differ
diff --git a/src/books/temp/libro8_1a1c_generado/page_29.jpg b/src/books/temp/libro8_1a1c_generado/page_29.jpg
new file mode 100644
index 0000000..a11ab9b
Binary files /dev/null and b/src/books/temp/libro8_1a1c_generado/page_29.jpg differ
diff --git a/src/books/temp/libro8_1a1c_generado/page_33.jpg b/src/books/temp/libro8_1a1c_generado/page_33.jpg
new file mode 100644
index 0000000..4618bd9
Binary files /dev/null and b/src/books/temp/libro8_1a1c_generado/page_33.jpg differ
diff --git a/src/books/temp/libro8_1a1c_generado/page_35.jpg b/src/books/temp/libro8_1a1c_generado/page_35.jpg
new file mode 100644
index 0000000..3e02b79
Binary files /dev/null and b/src/books/temp/libro8_1a1c_generado/page_35.jpg differ
diff --git a/src/books/temp/libroprueba1/libro_completo.pdf b/src/books/temp/libroprueba1/libro_completo.pdf
new file mode 100644
index 0000000..ed6989f
Binary files /dev/null and b/src/books/temp/libroprueba1/libro_completo.pdf differ
diff --git a/src/books/temp/libroprueba1/page_0.jpg b/src/books/temp/libroprueba1/page_0.jpg
new file mode 100644
index 0000000..0685a59
Binary files /dev/null and b/src/books/temp/libroprueba1/page_0.jpg differ
diff --git a/src/books/temp/libroprueba1/page_0_gd.jpg b/src/books/temp/libroprueba1/page_0_gd.jpg
new file mode 100644
index 0000000..e8e723c
Binary files /dev/null and b/src/books/temp/libroprueba1/page_0_gd.jpg differ
diff --git a/src/books/temp/libroprueba1/page_1.jpg b/src/books/temp/libroprueba1/page_1.jpg
new file mode 100644
index 0000000..97bb4ac
Binary files /dev/null and b/src/books/temp/libroprueba1/page_1.jpg differ
diff --git a/src/books/temp/libroprueba1/page_10.jpg b/src/books/temp/libroprueba1/page_10.jpg
new file mode 100644
index 0000000..1e1c221
Binary files /dev/null and b/src/books/temp/libroprueba1/page_10.jpg differ
diff --git a/src/books/temp/libroprueba1/page_10_gd.jpg b/src/books/temp/libroprueba1/page_10_gd.jpg
new file mode 100644
index 0000000..95206bc
Binary files /dev/null and b/src/books/temp/libroprueba1/page_10_gd.jpg differ
diff --git a/src/books/temp/libroprueba1/page_11.jpg b/src/books/temp/libroprueba1/page_11.jpg
new file mode 100644
index 0000000..3d765b8
Binary files /dev/null and b/src/books/temp/libroprueba1/page_11.jpg differ
diff --git a/src/books/temp/libroprueba1/page_11_gd.jpg b/src/books/temp/libroprueba1/page_11_gd.jpg
new file mode 100644
index 0000000..96897a0
Binary files /dev/null and b/src/books/temp/libroprueba1/page_11_gd.jpg differ
diff --git a/src/books/temp/libroprueba1/page_1_gd.jpg b/src/books/temp/libroprueba1/page_1_gd.jpg
new file mode 100644
index 0000000..105b9f9
Binary files /dev/null and b/src/books/temp/libroprueba1/page_1_gd.jpg differ
diff --git a/src/books/temp/libroprueba1/page_2.jpg b/src/books/temp/libroprueba1/page_2.jpg
new file mode 100644
index 0000000..9d68319
Binary files /dev/null and b/src/books/temp/libroprueba1/page_2.jpg differ
diff --git a/src/books/temp/libroprueba1/page_2_gd.jpg b/src/books/temp/libroprueba1/page_2_gd.jpg
new file mode 100644
index 0000000..58e31ea
Binary files /dev/null and b/src/books/temp/libroprueba1/page_2_gd.jpg differ
diff --git a/src/books/temp/libroprueba1/page_3.jpg b/src/books/temp/libroprueba1/page_3.jpg
new file mode 100644
index 0000000..aa75d18
Binary files /dev/null and b/src/books/temp/libroprueba1/page_3.jpg differ
diff --git a/src/books/temp/libroprueba1/page_3_gd.jpg b/src/books/temp/libroprueba1/page_3_gd.jpg
new file mode 100644
index 0000000..4da2f23
Binary files /dev/null and b/src/books/temp/libroprueba1/page_3_gd.jpg differ
diff --git a/src/books/temp/libroprueba1/page_4.jpg b/src/books/temp/libroprueba1/page_4.jpg
new file mode 100644
index 0000000..0f642ef
Binary files /dev/null and b/src/books/temp/libroprueba1/page_4.jpg differ
diff --git a/src/books/temp/libroprueba1/page_4_gd.jpg b/src/books/temp/libroprueba1/page_4_gd.jpg
new file mode 100644
index 0000000..c61d146
Binary files /dev/null and b/src/books/temp/libroprueba1/page_4_gd.jpg differ
diff --git a/src/books/temp/libroprueba1/page_5.jpg b/src/books/temp/libroprueba1/page_5.jpg
new file mode 100644
index 0000000..90d770f
Binary files /dev/null and b/src/books/temp/libroprueba1/page_5.jpg differ
diff --git a/src/books/temp/libroprueba1/page_5_gd.jpg b/src/books/temp/libroprueba1/page_5_gd.jpg
new file mode 100644
index 0000000..2b6bc53
Binary files /dev/null and b/src/books/temp/libroprueba1/page_5_gd.jpg differ
diff --git a/src/books/temp/libroprueba1/page_6.jpg b/src/books/temp/libroprueba1/page_6.jpg
new file mode 100644
index 0000000..c9b449c
Binary files /dev/null and b/src/books/temp/libroprueba1/page_6.jpg differ
diff --git a/src/books/temp/libroprueba1/page_6_gd.jpg b/src/books/temp/libroprueba1/page_6_gd.jpg
new file mode 100644
index 0000000..08d7080
Binary files /dev/null and b/src/books/temp/libroprueba1/page_6_gd.jpg differ
diff --git a/src/books/temp/libroprueba1/page_7.jpg b/src/books/temp/libroprueba1/page_7.jpg
new file mode 100644
index 0000000..c64a18f
Binary files /dev/null and b/src/books/temp/libroprueba1/page_7.jpg differ
diff --git a/src/books/temp/libroprueba1/page_7_gd.jpg b/src/books/temp/libroprueba1/page_7_gd.jpg
new file mode 100644
index 0000000..2e03b0b
Binary files /dev/null and b/src/books/temp/libroprueba1/page_7_gd.jpg differ
diff --git a/src/books/temp/libroprueba1/page_8.jpg b/src/books/temp/libroprueba1/page_8.jpg
new file mode 100644
index 0000000..980a0c5
Binary files /dev/null and b/src/books/temp/libroprueba1/page_8.jpg differ
diff --git a/src/books/temp/libroprueba1/page_8_gd.jpg b/src/books/temp/libroprueba1/page_8_gd.jpg
new file mode 100644
index 0000000..64c9670
Binary files /dev/null and b/src/books/temp/libroprueba1/page_8_gd.jpg differ
diff --git a/src/books/temp/libroprueba1/page_9.jpg b/src/books/temp/libroprueba1/page_9.jpg
new file mode 100644
index 0000000..92957cf
Binary files /dev/null and b/src/books/temp/libroprueba1/page_9.jpg differ
diff --git a/src/books/temp/libroprueba1/page_9_gd.jpg b/src/books/temp/libroprueba1/page_9_gd.jpg
new file mode 100644
index 0000000..be4b0f7
Binary files /dev/null and b/src/books/temp/libroprueba1/page_9_gd.jpg differ
diff --git a/src/books/temp/man.png b/src/books/temp/man.png
new file mode 100644
index 0000000..6709f48
Binary files /dev/null and b/src/books/temp/man.png differ
diff --git a/src/books/temp/woman.png b/src/books/temp/woman.png
new file mode 100644
index 0000000..5ed256b
Binary files /dev/null and b/src/books/temp/woman.png differ
diff --git a/src/config/config.ini b/src/config/config.ini
new file mode 100644
index 0000000..fab9a01
--- /dev/null
+++ b/src/config/config.ini
@@ -0,0 +1,28 @@
+;; APP config File
+
+[APP_DATA]
+app_dir = "/var/www/"
+uploads_dir = "/var/www/uploads/"
+temp_dir = "/var/www/temp/"
+default_controller = "index"
+default_action = "index"
+app_name = "TrastoBooks"
+debug_mode = false
+create_mode = false
+demo_mode = true 
+max_pages_demo = 2
+max_sentences_demo = 20
+
+web_url = "https://beta.natxovera.es"
+
+song_extras_enabled = true
+
+[DB]
+database.default.host = "servidor-mysql-compartido"
+database.default.user = "trasto_user"; 
+database.default.password = "tr43t0-$ser!."; 
+database.default.databasename = "trastobooks_db";
+
+[SESSION]
+enabled = 1
+name = "trastobooks-web"
diff --git a/src/controllers/adminController.php b/src/controllers/adminController.php
new file mode 100644
index 0000000..b32d150
--- /dev/null
+++ b/src/controllers/adminController.php
@@ -0,0 +1,633 @@
+<?php 
+class adminController extends manager {
+    
+    public $db;
+    public $viewMode = "html"; //Posible HTML y JSON
+
+    public $controllerName = "admin";
+
+    public $view;
+
+    private $key;
+    //private $userinfo;
+
+    public $base_url = "https://beta.natxovera.es/";
+
+    function __construct() {
+        //echo "index controller construct<br>";
+       
+        $this->onlyContent = false;
+        
+        $result = array();
+
+        if (isset($_SESSION["database"]["default"])) {
+            $dbinfo = $_SESSION["database"]["default"];
+            $this->db = new \database\mysql($dbinfo->host, $dbinfo->user, $dbinfo->pass, $dbinfo->dbname);
+        } else {
+            echo "Cannot find database configuration. Aborting";
+            die;
+        }
+
+        $this->view = new views();
+        
+        if(isset($_SESSION["userdata"]["id"]))
+        {
+            //$this->userinfo = $_SESSION["userdata"];
+            $this->view->userinfo = $_SESSION["userdata"]; //@TODO: No me mola -> Repensar
+        }
+        else
+        {
+
+            redirect::goto("/index/login");
+            die;
+        }
+       
+        $this->template = APP_DIR."views/template_admin.phtml";
+    }
+
+
+    function __call($name, $arguments)
+    {
+        //echo "Invalid Call $name";die;
+        redirect::goto("/error");
+        die;
+    }
+    function index()
+    {
+    }
+
+    function miscuentos()
+    {
+        $mock = new \data\mockup();
+
+        $this->view->miscuentos = $mock->getPedidosByUsuario($this->view->userinfo["id"]);
+    }
+
+    function misdatos()
+    {
+
+    }
+    
+    function gestionlibros()
+    {
+        $mock = new \data\mockup();
+
+        $this->view->libros = $mock->getLibros();
+    }
+
+    function gestionpedidos()
+    {
+        $mock = new \data\mockup();
+
+        $this->view->pedidos = $mock->getPedidos();
+    }    
+
+    function logout()
+    {
+        unset($_SESSION["userinfo"]);
+        redirect::goto("/index");
+    }
+
+    function editlibro()
+    {
+        // Establecemos que la respuesta siempre será un JSON UTF-8 estructurado
+        header('Content-Type: application/json; charset=utf-8');
+
+        try {
+            // 1. Validar que la petición sea estrictamente por POST
+            if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
+                throw new Exception('Método de petición no permitido. Se esperaba una petición POST.');
+            }
+
+            // 2. Obtener los datos JSON crudos enviados por el cliente mediante Fetch
+            $jsonCrudo = file_get_contents('php://input');
+            if (empty($jsonCrudo)) {
+                throw new Exception('No se han recibido datos en el cuerpo de la petición.');
+            }
+
+            // Decodificamos el JSON convirtiéndolo a array asociativo
+            $datosForm = json_decode($jsonCrudo, true);
+
+            if (json_last_error() !== JSON_ERROR_NONE) {
+                throw new Exception('El formato de los datos JSON enviados no es válido.');
+            }
+
+            // 3. Sanitizar y mapear el array de datos para la base de datos o mockup
+            $datosLibro = [];
+            
+            // Si ID viene vacío o nulo (creación), lo dejamos como null para que SQL / Mockup genere la nueva ID
+            $datosLibro['id'] = (!empty($datosForm['id'])) ? (int)$datosForm['id'] : null;
+
+            // Validación de campos obligatorios
+            if (empty($datosForm['titulo'])) {
+                throw new Exception('El título del cuento es obligatorio.');
+            }
+            $datosLibro['titulo'] = htmlspecialchars(trim($datosForm['titulo']), ENT_QUOTES, 'UTF-8');
+
+            // El autor por defecto es el equipo creativo de la marca
+            $datosLibro['autor'] = (!empty($datosForm['autor'])) ? htmlspecialchars(trim($datosForm['autor']), ENT_QUOTES, 'UTF-8') : 'Equipo Creativo TrastoBooks';
+
+            if (empty($datosForm['numero_paginas']) || (int)$datosForm['numero_paginas'] <= 0) {
+                throw new Exception('El número de páginas debe ser un número entero positivo.');
+            }
+            $datosLibro['numero_paginas'] = (int)$datosForm['numero_paginas'];
+
+            // Comprobación de precio (enviado ya en céntimos desde el JS)
+            if (!isset($datosForm['precio']) || (int)$datosForm['precio'] <= 0) {
+                throw new Exception('El precio de venta es obligatorio y debe ser mayor que cero.');
+            }
+            $datosLibro['precio'] = (int)$datosForm['precio'];
+
+            if (empty($datosForm['ruta_archivo_config'])) {
+                throw new Exception('La ruta del archivo de configuración .json es obligatoria.');
+            }
+            $datosLibro['ruta_archivo_config'] = htmlspecialchars(trim($datosForm['ruta_archivo_config']), ENT_QUOTES, 'UTF-8');
+
+            if (empty($datosForm['ruta_portada'])) {
+                throw new Exception('La URL o ruta física de la portada es obligatoria.');
+            }
+            // Mantenemos la URL limpia si es válida, en caso contrario sanitizamos
+            $datosLibro['ruta_portada'] = filter_var($datosForm['ruta_portada'], FILTER_VALIDATE_URL) ? $datosForm['ruta_portada'] : htmlspecialchars(trim($datosForm['ruta_portada']), ENT_QUOTES, 'UTF-8');
+
+            $datosLibro['sinopsis'] = (!empty($datosForm['sinopsis'])) ? htmlspecialchars(trim($datosForm['sinopsis']), ENT_QUOTES, 'UTF-8') : '';
+
+            // El estado activo se almacena en BD como un entero pequeño/booleano (1 o 0)
+            $datosLibro['activo'] = isset($datosForm['activo']) ? (int)$datosForm['activo'] : 1;
+
+            // 4. Instanciamos la clase Mockup (Simulador de DB)
+            $mockup = new \data\mockup();
+            
+            // Guardamos o actualizamos en el almacén de datos
+            $idResultante = $mockup->saveLibro($datosLibro);
+
+            // 5. Responder con éxito y retornar el identificador
+            echo json_encode([
+                'success' => true,
+                'id' => $idResultante,
+                'message' => $datosLibro['id'] ? '¡Cuento actualizado correctamente!' : '¡Cuento creado con éxito!'
+            ]);
+            exit;
+
+        } catch (Exception $e) {
+            // Devolvemos un código de error Bad Request e información para depuración
+            http_response_code(400);
+            echo json_encode([
+                'success' => false,
+                'message' => $e->getMessage()
+            ]);
+            exit;
+        }
+    }
+
+    function togglestatuslibro()
+    {
+
+    }
+
+    function deletelibro()
+    {
+
+    }
+
+    function editorlibro()
+    {
+        $libroId = $_REQUEST["id"];
+
+        $mockup= new \data\mockup();
+
+        $librodata = $mockup->getLibroById($libroId);
+
+        if($librodata["ruta_archivo_config"]!="")
+        {
+            //Check que existe la ruta del archivo
+            $config_path = APP_DIR.$librodata["ruta_archivo_config"];
+            if(!file_exists($config_path))
+            {
+                echo "No existe el archivo config de este libro";
+                die;    
+            }
+            else
+            {
+                $this->view->config = json_decode(file_get_contents($config_path), true);
+            }
+        }
+
+        
+    }
+
+    function guardarconfig()
+    {
+       
+           
+            // Forzar cabecera de respuesta JSON
+            header('Content-Type: application/json');
+
+            $mockup = new \data\mockup();
+
+            // Leer el payload JSON asíncrono
+            $rawInput = file_get_contents('php://input');
+            $payload = json_decode($rawInput, true);
+
+            if (!$payload || !isset($payload['book_id']) || !isset($payload['pages'])) {
+                http_response_code(400);
+                echo json_encode(["success" => false, "message" => "Datos de configuración incompletos o inválidos."]);
+                exit;
+            }
+
+            // Definir la ruta física del archivo config del libro
+            $bookId = intval($payload['book_id']);
+        
+            // 1. Cargamos el Mockup para localizar la ruta real configurada en la BD
+            $libroInfo = $mockup->getLibroById($bookId);
+            
+            if (!$libroInfo || empty($libroInfo['ruta_archivo_config'])) {
+                http_response_code(404);
+                echo json_encode(["success" => false, "message" => "Libro o ruta de configuración no encontrados en la base de datos."]);
+                exit;
+            }
+
+            $rutaArchivo = APP_DIR . $libroInfo['ruta_archivo_config'];
+
+            // Asegurar que el directorio de configs existe
+            $directorio = dirname($rutaArchivo);
+            echo "Temp file to $directorio";
+            if (!is_dir($directorio)) {
+                mkdir($directorio, 0755, true);
+            }
+
+            // Convertir la estructura limpia con formato legible (JSON_PRETTY_PRINT)
+            $jsonFormateado = json_encode($payload, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE);
+
+            // Escritura atómica para evitar corrupción de ficheros
+            $archivoTemporal = tempnam($directorio, 'tmp_config_');
+            if (file_put_contents($archivoTemporal, $jsonFormateado) !== false) {
+                // Reemplazar de forma segura (atomic rename) y dar permisos adecuados
+                if (rename($archivoTemporal, $rutaArchivo)) {
+                    chmod($rutaArchivo, 0666);
+                    echo json_encode([
+                        "success" => true, 
+                        "message" => "Configuración física escrita con éxito en data.",
+                        "ruta" => $libroInfo['ruta_archivo_config']
+                    ]);
+                    exit;
+                }
+            }
+
+            // Fallback si la escritura segura falló
+            @unlink($archivoTemporal);
+            http_response_code(500);
+            echo json_encode(["success" => false, "message" => "No se pudo escribir en el archivo físico. Compruebe los permisos chown/chmod."]);
+
+        
+    }
+
+    function getImage()
+    {
+        
+
+        
+        // 2. Capturar y sanitizar la ruta solicitada (ej: ?file=assets/fondos/selva_portada_bg.png)
+        $book = isset($_GET['book']) ? $_GET['book'] : '';
+        $file = isset($_GET['file']) ? $_GET['file'] : '';
+
+        // Evitar Path Traversal básico (eliminar cualquier intento de subir de nivel con ../)
+        $file = str_replace(['../', '..\\'], '', $file);
+
+        // 3. Definir el directorio base real donde almacenas las imágenes privadas
+        $baseDir = APP_DIR."books/$book/"; // Ajusta esta ruta a donde realmente estén tus recursos
+        $realPath = $baseDir . $file;
+
+        // 4. Verificar que el archivo existe físicamente
+        if (empty($file) || !file_exists($realPath) || is_dir($realPath)) {
+            http_response_code(404);
+            echo "Imagen no encontrada";
+            exit;
+        }
+
+        // 5. Detectar el tipo mime de la imagen dinámicamente
+        $mimeType = mime_content_type($realPath);
+        $allowedMimeTypes = ['image/jpeg', 'image/png', 'image/gif', 'image/webp','image/avif'];
+
+        if (!in_array($mimeType, $allowedMimeTypes)) {
+            http_response_code(400);
+            echo "Formato de archivo no válido";
+            exit;
+        }
+
+        // 6. Enviar las cabeceras correctas y el archivo
+        header("Content-Type: " . $mimeType);
+        header("Content-Length: " . filesize($realPath));
+        readfile($realPath);
+        exit;
+    }
+
+    /**
+     * Endpoint POST para instanciar la maqueta de un cuento personalizado para un niño.
+     * Genera un hash de sesión, copia la plantilla config.json e inyecta las variables dinámicas de compra.
+     * Crea los directorios físicos correspondientes para el render de ImageMagick y el PDF final.
+     * 
+     * Ruta recomendada de llamada: /admin/instanciarlibro
+     */
+    public function instanciarlibro() {
+        header('Content-Type: application/json; charset=utf-8');
+
+        try {
+            // 1. Validar que la petición sea POST
+            /*if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
+                throw new Exception('Método de petición no permitido. Se requiere POST.');
+            }*/
+
+            // 2. Obtener y decodificar el payload JSON de la petición
+            /*
+            $jsonCrudo = file_get_contents('php://input');
+            $payload = json_decode($jsonCrudo, true);
+
+            if (json_last_error() !== JSON_ERROR_NONE || empty($payload)) {
+                throw new Exception('El cuerpo de la petición debe contener un objeto JSON válido.');
+            }
+            */
+            $payload = array();
+            
+            $bookId = isset($_GET['book_id']) ? $_GET['book_id'] : '';
+
+            // 4. Localizar los datos del libro y su config.json original mediante el mockup
+            $mockup = new \data\mockup();
+            $libroInfo = $mockup->getLibroById($bookId);
+
+            if (!$libroInfo || empty($libroInfo['ruta_archivo_config'])) {
+                throw new Exception('El cuento especificado o su plantilla de configuración no existen en el sistema.');
+            }
+
+            // Definimos la ruta física absoluta de la plantilla maestra (config.json)
+            $rutaConfigMaestra = APP_DIR . $libroInfo['ruta_archivo_config'];
+            if (!file_exists($rutaConfigMaestra)) {
+                throw new Exception('No se encuentra físicamente la plantilla config.json en la ruta especificada.');
+            }
+
+            // Leemos y decodificamos el config.json maestro
+            $jsonMaestroContenido = file_get_contents($rutaConfigMaestra);
+            $configMaestra = json_decode($jsonMaestroContenido, true);
+
+            if (json_last_error() !== JSON_ERROR_NONE) {
+                throw new Exception('La plantilla maestra config.json contiene un formato JSON corrupto.');
+            }
+
+            // 5. Gestión e inyección de variables personalizadas
+            // Si el cliente envía un diccionario de variables (ej: "variables": {"name": "Gael", "ninyo1": "..."}), las mezclamos
+            if (isset($payload['variables']) && is_array($payload['variables'])) {
+                // Aseguramos que existan nodos de variables en la plantilla para evitar errores de asignación
+                if (!isset($configMaestra['settings'])) {
+                    $configMaestra['settings'] = [];
+                }
+                if (!isset($configMaestra['settings']['variables'])) {
+                    $configMaestra['settings']['variables'] = [];
+                }
+
+                // Mezclamos conservando las variables de plantilla que no se enviaron para evitar inconsistencias
+                $configMaestra['settings']['variables'] = array_merge(
+                    $configMaestra['settings']['variables'], 
+                    $payload['variables']
+                );
+            }
+
+            // 6. Generar el identificador HASH único para esta sesión de renderizado
+            // Usamos un hash seguro de 16 caracteres hexadecimales único para evitar colisiones
+            $hashSession = bin2hex(random_bytes(8));
+
+            // Definimos la ruta física absoluta para este pedido en el almacén de subidas
+            $dirPedidoAbsoluto = UPLOADS_DIR . '/' . $bookId . '/' . $hashSession;
+            $dirFramesAbsoluto = $dirPedidoAbsoluto . '/frames';
+            $dirPdfAbsoluto    = $dirPedidoAbsoluto . '/finalpdf';
+            $dirResourcesAbsoluto = $dirPedidoAbsoluto . '/resources';
+
+            // 7. Crear directorios de forma recursiva con permisos seguros (chown/chmod 755 o 775)
+            // Esto evita colisiones de propiedad si el script es ejecutado por el usuario del sistema o de Apache/Nginx
+            if (!is_dir($dirPedidoAbsoluto)) {
+                if (!mkdir($dirPedidoAbsoluto, 0775, true)) {
+                    throw new Exception('Error de permisos en el servidor al crear la carpeta base del pedido.');
+                }
+            }
+            if (!is_dir($dirFramesAbsoluto)) {
+                if (!mkdir($dirFramesAbsoluto, 0775, true)) {
+                    throw new Exception('Error al crear el subdirectorio /frames para renders intermedios.');
+                }
+            }
+            if (!is_dir($dirPdfAbsoluto)) {
+                if (!mkdir($dirPdfAbsoluto, 0775, true)) {
+                    throw new Exception('Error al crear el subdirectorio /finalpdf para la exportación.');
+                }
+            }
+            if (!is_dir($dirResourcesAbsoluto)) {
+                if (!mkdir($dirResourcesAbsoluto, 0775, true)) {
+                    throw new Exception('Error al crear el subdirectorio /resources para almacenar recursos multimedia.');
+                }
+            }
+
+            // 8. Escribir físicamente el instance.json personalizado dentro de la carpeta del pedido
+            $rutaInstanceJson = $dirPedidoAbsoluto . '/instance.json';
+            $jsonFormateado = json_encode($configMaestra, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE);
+
+            if (file_put_contents($rutaInstanceJson, $jsonFormateado) === false) {
+                throw new Exception('No se ha podido escribir el archivo de plano de ensamblado instance.json en el disco.');
+            }
+
+            // Aplicamos permisos de lectura/escritura seguros al archivo
+            chmod($rutaInstanceJson, 0664);
+
+            // 8b. Registrar la nueva instancia como un Pedido persistente en data.json
+            $clientId = isset($payload['cliente_id']) ? $payload['cliente_id'] : 1;
+            if ($clientId === 'admin') {
+                $clientId = 2; // ID del usuario administrativo en data.json
+            } else {
+                $clientId = (int)$clientId;
+            }
+
+            $datosPedido = [
+                'id_pedido_tienda' => 'PED-2026-' . rand(100, 999), //@TODO Ver como calcular el id de pedido o hacer un link a prestashop
+                'id_usuario'       => $clientId,
+                'id_libro'         => $bookId,
+                //VARIABLE POR CUENTO NO DEBE IR AQUI
+                    'nombre_peque'     => $configMaestra['settings']['variables']['name'] ?? 'Desconocido',
+                    'genero_peque'     => $payload['variables']['genero_peque'] ?? 'boy',
+                    'tipo_letra'       => $payload['variables']['tipo_letra'] ?? 'lower',
+                    'foto_prota_url'   => $configMaestra['settings']['variables']['ninyo1'] ?? '',
+                //---------------------------------->
+                'precio_total'     => $libroInfo['precio'] ?? 2995,
+                'estado'           => 'diseñando',
+                'fecha_pedido'     => date('Y-m-d H:i:s'),
+                'instance_dir'     => "uploads/{$bookId}/{$hashSession}",
+                'instance_file'    => "uploads/{$bookId}/{$hashSession}/instance.json",
+                'hash'             => $hashSession
+            ];
+            $mockup->savePedido($datosPedido);
+
+            // 9. Retornar los detalles de instanciación con éxito para que el front-end empiece a renderizar
+            /*
+            echo json_encode([
+                'success'      => true,
+                'book_id'      => $bookId,
+                'hash'         => $hashSession,
+                'instance_dir' => "uploads/{$bookId}/{$hashSession}",
+                'instance_file'=> "uploads/{$bookId}/{$hashSession}/instance.json",
+                'message'      => 'Libro instanciado con éxito. Estructura de directorios /frames y /finalpdf lista para procesar.'
+            ]);
+            */
+           
+            redirect::goto("/admin/gestionpedidos");
+            die;
+
+        } catch (Exception $e) {
+            http_response_code(400);
+            echo json_encode([
+                'success' => false,
+                'message' => $e->getMessage()
+            ]);
+            exit;
+        }
+    }
+
+    function editarinstancia()
+    {
+
+        $pedidoId = isset($_GET['id']) ? $_GET['id'] : '';
+
+        try {
+            
+            // 1. Instanciar Mockup para localizar el pedido por su Hash de sesión único
+            $mockup = new \data\mockup();
+            $pedidoEncontrado = $mockup->getPedidoById($pedidoId);
+            
+            if (!isset($pedidoEncontrado["id"])) {
+                throw new Exception('La orden de trabajo o pedido solicitado no existe.');
+            }
+
+            // 2. Localizar el archivo físico instance.json en el directorio de subidas
+            $rutaInstanceJson = APP_DIR . $pedidoEncontrado['instance_file'];
+            if (!file_exists($rutaArchivoInstance = realpath($rutaInstanceJson))) {
+                throw new Exception('No se encuentra físicamente el plano de montaje instance.json para esta sesión.');
+            }
+
+            // 3. Leer y decodificar el instance.json
+            $jsonCrudo = file_get_contents($rutaInstanceJson);
+            $instanceData = json_decode($jsonCrudo, true);
+
+            if (json_last_error() !== JSON_ERROR_NONE) {
+                throw new Exception('El archivo instance.json contiene un formato JSON corrupto.');
+            }
+
+            // 4. Inyectar meta-información para que el editor visual renderice dinámicamente los badges superiores
+            $libroInfo = $mockup->getLibroById($pedidoEncontrado['id_libro']);
+            $usuarioInfo = $mockup->getUsuarioById($pedidoEncontrado['id_usuario']);
+            $libroData = json_decode(file_get_contents(APP_DIR.$libroInfo["ruta_archivo_config"]), true);
+
+
+            $this->view->config = [
+                "order_id"       => $pedidoEncontrado['id_pedido_tienda'],
+                "book_id"        => $pedidoEncontrado['id_libro'],
+                "book_title"     => $libroInfo['titulo'] ?? 'Cuento Personalizado',
+                "client_name"    => $usuarioInfo['nombre'] ?? 'Cliente Desconocido',
+                "instance_dir"   => $pedidoEncontrado['instance_dir'],
+                "settings"       => $instanceConfig['settings'] ?? [],
+                "user_photo"     => $instanceConfig['user_photo'] ?? ["width" => 450, "height" => 450],
+                "pages"          => $libroData["pages"],
+                "variables"      => $libroData["settings"]["variables"]
+            ];
+
+            
+
+        } catch (Exception $e) {
+            // Renderizar fallback de error amigable en el backoffice
+            http_response_code(500);
+            echo "<div style='font-family:sans-serif; padding:40px; text-align:center;'>";
+            echo "<h1 style='color:#E30445; font-size:24px;'>⚠️ Error en el Taller de Producción</h1>";
+            echo "<p style='color:#64748b; margin-top:10px;'>" . htmlspecialchars($e->getMessage()) . "</p>";
+            echo "<a href='/admin/gestionpedidos' style='display:inline-block; margin-top:20px; background:#0284C7; color:white; padding:10px 20px; border-radius:10px; font-weight:bold; text-decoration:none;'>Volver a Pedidos</a>";
+            echo "</div>";
+        }
+    }
+
+    /**
+     * Endpoint asíncrono POST para actualizar y salvar el instance.json corregido por el taller de imprenta.
+     * Sincroniza simultáneamente los campos modificados en la colección global de pedidos (data.json).
+     * 
+     * Ruta: /admin/guardarinstance
+     */
+    public function guardarinstance() {
+        header('Content-Type: application/json; charset=utf-8');
+
+        try {
+            if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
+                throw new Exception('Método de petición no permitido. Se requiere POST.');
+            }
+
+            $jsonCrudo = file_get_contents('php://input');
+            $payload = json_decode($jsonCrudo, true);
+
+            if (json_last_error() !== JSON_ERROR_NONE || empty($payload)) {
+                throw new Exception('El cuerpo de la petición contiene un JSON corrupto.');
+            }
+
+            // Localizar el pedido en la persistencia común de data.json
+            $mockup = new \data\mockup();
+            $pedidoEncontrado = null;
+            $pedidoKey = null;
+
+            foreach ($mockup->getPedidos() as $id => $p) {
+                if ($p['id_pedido_tienda'] === $payload['order_id']) {
+                    $pedidoEncontrado = $p;
+                    $pedidoKey = $id;
+                    break;
+                }
+            }
+
+            if (!$pedidoEnfirm) {
+                throw new Exception('No se encuentra registrado este pedido en la base de datos.');
+            }
+
+            // 1. Escribir físicamente los datos corregidos en el instance.json de la carpeta del pedido
+            $rutaFisicaConfig = UPLOADS_DIR . $pedidoEncontrado['instance_dir'] . '/instance.json';
+            
+            // Re-maquetamos la estructura para limpiarla de metadatos de visualización inyectados
+            $configParaGuardar = $payload;
+            unset($configParaGuardar['order_id'], $configParaGuardar['book_title'], $configParaGuardar['client_name'], $configParaGuardar['instance_dir']);
+
+            $jsonFormateado = json_encode($configParaGuardar, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE);
+            if (file_put_contents($rutaFisicaConfig, $jsonFormateado) === false) {
+                throw new Exception('Error al escribir el archivo instance.json en el disco. Compruebe los permisos.');
+            }
+
+            // 2. Sincronizar en caliente los campos corregidos por el taller en la base de datos data.json
+            $pedidoEncontrado['nombre_peque']   = $configParaGuardar['settings']['variables']['name'] ?? $pedidoEncontrado['nombre_peque'];
+            $pedidoEncontrado['foto_prota_url'] = $configParaGuardar['settings']['variables']['ninyo1'] ?? $pedidoEncontrado['foto_prota_url'];
+            
+            $mockup->savePedido($pedidoEncontrado);
+
+            echo json_encode([
+                'success' => true,
+                'message' => '¡Configuración de instancia escrita físicamente y persistida en data.json con éxito!'
+            ]);
+            exit;
+
+        } catch (Exception $e) {
+            http_response_code(400);
+            echo json_encode([
+                'success' => false,
+                'message' => $e->getMessage()
+            ]);
+            exit;
+        }
+    }
+
+    function eliminarpedido()
+    {
+        $pedidoId = isset($_GET['id']) ? $_GET['id'] : '';
+
+        $mockup = new \data\mockup();
+
+        //@TODO: Borrar la carpeta con el contenido integro
+        $mockup->deletePedido($pedidoId);
+
+        redirect::goto("/admin/gestionpedidos");
+    }
+}
+?>
\ No newline at end of file
diff --git a/src/controllers/errorController.php b/src/controllers/errorController.php
new file mode 100644
index 0000000..b3511e0
--- /dev/null
+++ b/src/controllers/errorController.php
@@ -0,0 +1,47 @@
+<?php
+
+class errorController extends manager {
+    
+    public $db;
+    public $viewMode = "html"; //Posible HTML y JSON
+    public $onlyContent = false;
+
+    //Variables generales de datos de la pagina
+    private $key;
+    private $userinfo;
+    public $controllerName = "error";
+
+    public $view;
+
+    function __construct() {
+        $this->onlyContent = false;
+        
+        $this->view = new views();
+
+        $this->userinfo = array();
+        $this->template = APP_DIR."views/template_interior.phtml";
+    }
+
+    function index()
+    {
+       
+    }
+
+    function timeout()
+    {
+       
+    }  
+    
+    function identity()
+    {
+
+    }
+
+    function fatal()
+    {
+        if(!isset($_REQUETS["message"]))
+            $this->view->message = "Unkonwn Error.";
+        else
+            $this->view->message = $_REQUEST["message"];   
+    }
+}
\ No newline at end of file
diff --git a/src/controllers/indexController.php b/src/controllers/indexController.php
new file mode 100644
index 0000000..21bb854
--- /dev/null
+++ b/src/controllers/indexController.php
@@ -0,0 +1,55 @@
+<?php
+
+class indexController extends manager {
+    
+    public $db;
+    public $viewMode = "html"; //Posible HTML y JSON
+
+    public $controllerName = "index";
+
+    public $view;
+
+    function __construct() {
+        //echo "index controller construct<br>";
+        $this->view = new views();
+        
+        if (isset($_SESSION["database"]["default"])) {
+            $dbinfo = $_SESSION["database"]["default"];
+            $this->db = new \database\mysql($dbinfo->host, $dbinfo->user, $dbinfo->pass, $dbinfo->dbname);
+        } else {
+            echo "Cannot find database configuration. Aborting";
+            die;
+        }
+    }
+
+    function __call($name, $arguments)
+    {
+        echo "Invalid Call $name";die;
+    }
+    function index()
+    {
+        
+    }
+
+    function login()
+    {
+        if($_POST)
+        {
+            $user = $_REQUEST["email"];
+            $pass = $_REQUEST["password"];
+
+            $mc = new \data\mockup();
+
+            $usuarioLogueado = $mc->login($user, $pass);
+            if ($usuarioLogueado) {
+                $_SESSION["userdata"] = $usuarioLogueado;
+                $s = new \common\strings();
+                $_SESSION["userdata"]["iniciales"] = $s->obtenerIniciales($usuarioLogueado["nombre"]);
+                redirect::goto("/admin");
+            }
+
+            $this->view->error = true;
+            $this->view->message = "Datos introducidos invalidos";
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/html/.htaccess b/src/html/.htaccess
new file mode 100644
index 0000000..fb29273
--- /dev/null
+++ b/src/html/.htaccess
@@ -0,0 +1,14 @@
+<IfModule mod_rewrite.c>
+    RewriteEngine On
+    RewriteBase /
+    RewriteRule ^index\.php$ - [L]
+    RewriteCond %{REQUEST_FILENAME} !-f
+    RewriteCond %{REQUEST_FILENAME} !-d
+    RewriteRule . /index.php [L]
+</IfModule>
+
+# CONFIGURACIÓN DE LOGS DE PHP
+# Activar el registro de errores
+php_flag log_errors On
+# Decirle dónde guardarlos (Ruta interna del contenedor)
+php_value error_log /var/www/logs/php_error.log
\ No newline at end of file
diff --git a/src/html/edit.html b/src/html/edit.html
new file mode 100644
index 0000000..c9aa36e
--- /dev/null
+++ b/src/html/edit.html
@@ -0,0 +1,844 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+  <title>Personalizar cuento | TrastoBooks 2026</title>
+
+  <!-- Google Fonts: Fredoka & Quicksand -->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Quicksand:wght@300..700&display=swap" rel="stylesheet">
+
+  <!-- FontAwesome para iconos -->
+  <script src="https://kit.fontawesome.com/fc8aab0cbf.js" crossorigin="anonymous"></script>
+  
+  <!-- Tailwind CSS para el motor de diseño -->
+  <script src="https://cdn.tailwindcss.com"></script>
+
+  <script>
+    tailwind.config = {
+      theme: {
+        extend: {
+          colors: {
+            trastoBlue: '#0284C7',
+            trastoBlueHover: '#0369a1',
+            trastoGreen: '#0D9488',
+            trastoGreenHover: '#115e59',
+            trastoMint: '#F0FDFA',
+            trastoCream: '#FCFAF7',
+            trastoDark: '#0F172A',
+          },
+          fontFamily: {
+            fredoka: ['Fredoka', 'sans-serif'],
+            quicksand: ['Quicksand', 'sans-serif'],
+          }
+        }
+      }
+    }
+  </script>
+
+  <style>
+    body {
+      font-family: 'Quicksand', sans-serif;
+      background-color: #FFFFFF;
+      color: #0F172A;
+    }
+    .font-title {
+      font-family: 'Fredoka', sans-serif;
+    }
+    /* Estilo del libro interactivo */
+    .book-container {
+      perspective: 1200px;
+    }
+    .book-cover {
+      transform-style: preserve-3d;
+      transition: transform 0.5s ease;
+    }
+    .book-shadow {
+      box-shadow: 0 25px 50px -12px rgba(13, 148, 136, 0.15);
+    }
+  </style>
+</head>
+
+<body class="antialiased selection:bg-trastoBlue selection:text-white bg-trastoCream">
+
+  <header class="sticky top-0 z-40 bg-white/95 backdrop-blur-md border-b border-slate-100 transition-all duration-300">
+    <div class="container mx-auto px-4 py-3 flex items-center justify-between">
+      
+      <!-- Logo Oficial TrastoBooks solicitado -->
+      <a href="https://trastobooks.com" class="flex items-center">
+        <img class="h-10 sm:h-12 w-auto object-contain" 
+             src="https://trastobooks.com/img/trastobooks-cuentos-personalizados-para-ninos-y-ninas-logo-1603366710.jpg" 
+             onerror="this.onerror=null; this.src='https://placehold.co/240x80/F0FDFA/0284C7?text=TrastoBooks'" 
+             alt="TrastoBooks.com">
+      </a>
+
+      <!-- Menú Compacto de Navegación -->
+      <nav class="hidden md:flex items-center gap-8 font-semibold text-trastoDark/80 text-sm">
+        <a href="https://trastobooks.com/2-cuentos-personalizados" class="hover:text-trastoBlue transition-colors">Nuestros cuentos</a>
+        <a href="https://trastobooks.com/contactenos" class="hover:text-trastoBlue transition-colors">Ayuda</a>
+        <a href="https://trastobooks.com/localizador" class="hover:text-trastoBlue transition-colors">Localizar mi pedido</a>
+      </nav>
+
+      <!-- Acciones Rápidas -->
+      <div class="flex items-center gap-3">
+        <a href="https://wa.me/34633763957" target="_blank" class="flex items-center gap-2 text-xs bg-emerald-50 text-emerald-700 px-4 py-2 rounded-full font-bold hover:bg-emerald-100 transition-colors">
+          <i class="fab fa-whatsapp text-sm"></i>
+          <span class="hidden sm:inline">WhatsApp Ayuda</span>
+        </a>
+        <a href="https://trastobooks.com/mi-cuenta" class="p-2 bg-slate-50 hover:bg-slate-100 rounded-full text-trastoDark transition-colors">
+          <i class="fa-regular fa-user text-sm"></i>
+        </a>
+        <a href="https://trastobooks.com/carrito?action=show" class="p-2 bg-slate-50 hover:bg-slate-100 rounded-full text-trastoDark transition-colors flex items-center gap-1">
+          <i class="fa-solid fa-basket-shopping text-sm"></i>
+        </a>
+      </div>
+    </div>
+  </header>
+
+  <main class="container mx-auto px-4 py-8 max-w-6xl">
+
+    <!-- Servicio: Te lo hacemos nosotros -->
+    <div class="mb-8 bg-gradient-to-r from-trastoMint to-amber-50/50 border border-trastoGreen/20 rounded-2xl p-4 sm:p-5 shadow-sm">
+      <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4">
+        <div class="space-y-1">
+          <div class="flex items-center gap-2 text-xs font-bold text-trastoGreen tracking-wide uppercase">
+            <span class="flex h-2 w-2 relative">
+              <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75"></span>
+              <span class="relative inline-flex rounded-full h-2 w-2 bg-emerald-500"></span>
+            </span>
+            <span>Nuevo servicio premium</span>
+          </div>
+          <h3 class="font-title text-base font-bold text-trastoDark">"Te lo hacemos nosotros"</h3>
+          <p class="text-xs text-slate-500 max-w-2xl">
+            ¿No tienes tiempo o tienes dudas subiendo las fotos? ¡Nosotros nos encargamos de todo gratis! Te preparamos el cuento por WhatsApp y tú solo decides si comprarlo al final.
+          </p>
+        </div>
+        <a href="https://api.whatsapp.com/send?phone=34633763957&text=Hola,%20me%20gustar%C3%ADa%20que%20me%20hicieseis%20vosotros%20el%20cuento." 
+           target="_blank" 
+           class="bg-emerald-600 hover:bg-emerald-700 text-white font-title text-xs font-bold px-5 py-3 rounded-xl transition-all shadow-sm flex items-center gap-2 self-stretch sm:self-auto justify-center">
+          <i class="fab fa-whatsapp text-sm"></i>
+          <span>Quiero que me hagáis el cuento</span>
+        </a>
+      </div>
+    </div>
+
+    <!-- Progreso de Compra -->
+    <div class="mb-10 max-w-xl mx-auto">
+      <div class="flex justify-between items-center relative">
+        <div class="absolute left-0 right-0 top-1/2 -translate-y-1/2 h-1 bg-slate-200 -z-10 rounded-full">
+          <div class="w-1/3 h-full bg-gradient-to-r from-trastoBlue to-trastoGreen rounded-full"></div>
+        </div>
+        
+        <!-- Paso 1: Activo -->
+        <div class="flex flex-col items-center gap-1.5 bg-trastoCream px-3">
+          <div class="w-8 h-8 rounded-full bg-trastoBlue text-white font-bold text-xs flex items-center justify-center shadow-md ring-4 ring-trastoBlue/20">1</div>
+          <span class="text-[10px] font-bold text-trastoBlue uppercase tracking-wider">Personalización</span>
+        </div>
+
+        <!-- Paso 2: Pendiente -->
+        <div class="flex flex-col items-center gap-1.5 bg-trastoCream px-3">
+          <div class="w-8 h-8 rounded-full bg-slate-200 text-slate-500 font-bold text-xs flex items-center justify-center">2</div>
+          <span class="text-[10px] font-bold text-slate-400 uppercase tracking-wider">Previsualización</span>
+        </div>
+
+        <!-- Paso 3: Pendiente -->
+        <div class="flex flex-col items-center gap-1.5 bg-trastoCream px-3">
+          <div class="w-8 h-8 rounded-full bg-slate-200 text-slate-500 font-bold text-xs flex items-center justify-center">3</div>
+          <span class="text-[10px] font-bold text-slate-400 uppercase tracking-wider">Compra</span>
+        </div>
+      </div>
+    </div>
+
+    <!-- Contenedor Principal de Personalización -->
+    <div class="grid grid-cols-1 lg:grid-cols-12 gap-8 items-start">
+      
+      <!-- COLUMNA IZQUIERDA: Formulario de Datos -->
+      <div class="lg:col-span-7 bg-white p-6 sm:p-8 rounded-3xl border border-slate-100 shadow-sm space-y-6">
+        <div>
+          <span class="text-[10px] text-trastoBlue font-bold tracking-wider uppercase">Crea un recuerdo inolvidable</span>
+          <h1 class="font-title text-2xl sm:text-3xl font-extrabold text-trastoDark mt-1">Configura a tu pequeño héroe</h1>
+          <p class="text-slate-500 text-xs mt-1">Completa los campos a continuación para que la magia empiece.</p>
+        </div>
+
+        <form id="customization-form" onsubmit="handleFormSubmit(event)" class="space-y-6">
+          
+          <!-- 1. Nombre -->
+          <div class="space-y-2">
+            <label class="block text-xs font-bold text-trastoDark uppercase tracking-wide">Nombre del protagonista</label>
+            <div class="relative">
+              <input type="text" 
+                     id="child-name" 
+                     maxlength="12" 
+                     placeholder="Escribe su nombre aquí..." 
+                     value="Martín" 
+                     oninput="updateChildName(this.value)"
+                     class="w-full bg-slate-50 border border-slate-200 rounded-xl px-4 py-3 text-sm text-trastoDark placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-trastoBlue focus:bg-white transition-all font-semibold"
+                     required>
+              <div class="absolute right-3 top-1/2 -translate-y-1/2 text-[10px] font-mono text-slate-400" id="name-counter">
+                6/12
+              </div>
+            </div>
+            <p class="text-[10px] text-slate-400">Máximo 12 letras para un encuadre perfecto en portada.</p>
+          </div>
+
+          <!-- 2. Género del Protagonista -->
+          <div class="space-y-2">
+            <label class="block text-xs font-bold text-trastoDark uppercase tracking-wide">Género del protagonista</label>
+            <div class="grid grid-cols-2 gap-4">
+              
+              <!-- Opción Niña -->
+              <label class="relative flex items-center justify-between p-4 bg-slate-50 rounded-2xl border border-slate-200 cursor-pointer select-none hover:bg-slate-100/50 transition-all" id="gender-label-girl">
+                <input type="radio" name="child-gender" value="girl" class="sr-only" onchange="updateGender('girl')">
+                <div class="flex items-center gap-3">
+                  <div class="w-10 h-10 rounded-xl bg-pink-100 text-pink-600 flex items-center justify-center text-lg">
+                    👧
+                  </div>
+                  <div class="text-left">
+                    <span class="block text-xs font-bold text-trastoDark">Niña</span>
+                    <span class="block text-[10px] text-slate-400">Trasto la acompañará</span>
+                  </div>
+                </div>
+                <div class="w-5 h-5 rounded-full border border-slate-300 flex items-center justify-center transition-all" id="gender-check-girl">
+                  <div class="w-2.5 h-2.5 rounded-full bg-trastoBlue opacity-0 transition-all"></div>
+                </div>
+              </label>
+
+              <!-- Opción Niño -->
+              <label class="relative flex items-center justify-between p-4 bg-slate-50 rounded-2xl border border-slate-200 cursor-pointer select-none hover:bg-slate-100/50 transition-all" id="gender-label-boy">
+                <input type="radio" name="child-gender" value="boy" checked class="sr-only" onchange="updateGender('boy')">
+                <div class="flex items-center gap-3">
+                  <div class="w-10 h-10 rounded-xl bg-blue-100 text-blue-600 flex items-center justify-center text-lg">
+                    👦
+                  </div>
+                  <div class="text-left">
+                    <span class="block text-xs font-bold text-trastoDark">Niño</span>
+                    <span class="block text-[10px] text-slate-400">Trasto lo acompañará</span>
+                  </div>
+                </div>
+                <div class="w-5 h-5 rounded-full border border-trastoBlue flex items-center justify-center transition-all" id="gender-check-boy">
+                  <div class="w-2.5 h-2.5 rounded-full bg-trastoBlue opacity-100 transition-all"></div>
+                </div>
+              </label>
+
+            </div>
+          </div>
+
+          <!-- 3. Tipo de Letra -->
+          <div class="space-y-2">
+            <label class="block text-xs font-bold text-trastoDark uppercase tracking-wide">Tipo de letra</label>
+            <div class="grid grid-cols-2 gap-4">
+              
+              <!-- Minúscula (Ligada Escolar) -->
+              <label class="relative flex items-center justify-between p-4 bg-slate-50 rounded-2xl border border-slate-200 cursor-pointer select-none hover:bg-slate-100/50 transition-all" id="font-label-lower">
+                <input type="radio" name="font-type" value="lower" checked class="sr-only" onchange="updateFont('lower')">
+                <div class="text-left">
+                  <span class="block text-xs font-bold text-trastoDark font-quicksand">Minúscula</span>
+                  <span class="block text-[10px] text-slate-400">Para primeros lectores</span>
+                </div>
+                <div class="w-5 h-5 rounded-full border border-trastoBlue flex items-center justify-center transition-all" id="font-check-lower">
+                  <div class="w-2.5 h-2.5 rounded-full bg-trastoBlue opacity-100 transition-all"></div>
+                </div>
+              </label>
+
+              <!-- MAYÚSCULA (Ideal preescolar) -->
+              <label class="relative flex items-center justify-between p-4 bg-slate-50 rounded-2xl border border-slate-200 cursor-pointer select-none hover:bg-slate-100/50 transition-all" id="font-label-upper">
+                <input type="radio" name="font-type" value="upper" class="sr-only" onchange="updateFont('upper')">
+                <div class="text-left">
+                  <span class="block text-xs font-bold text-trastoDark font-title uppercase tracking-wide">MAYÚSCULA</span>
+                  <span class="block text-[10px] text-slate-400">Fácil reconocimiento</span>
+                </div>
+                <div class="w-5 h-5 rounded-full border border-slate-300 flex items-center justify-center transition-all" id="font-check-upper">
+                  <div class="w-2.5 h-2.5 rounded-full bg-trastoBlue opacity-0 transition-all"></div>
+                </div>
+              </label>
+
+            </div>
+          </div>
+
+          <!-- 4. Carga de Foto Real con Ajustes en Vivo -->
+          <div class="space-y-2">
+            <label class="block text-xs font-bold text-trastoDark uppercase tracking-wide">Foto del protagonista</label>
+            <div class="bg-trastoMint/40 border border-dashed border-trastoBlue/30 rounded-2xl p-6 text-center">
+              
+              <!-- Zona de subida sin archivo -->
+              <div id="upload-placeholder" class="space-y-3">
+                <div class="w-16 h-16 bg-white rounded-2xl shadow-sm border border-slate-100 mx-auto flex items-center justify-center text-trastoBlue text-2xl">
+                  <i class="fa-solid fa-cloud-arrow-up"></i>
+                </div>
+                <div class="space-y-1">
+                  <p class="text-xs font-bold text-trastoDark">Sube una foto clara de frente</p>
+                  <p class="text-[10px] text-slate-400">Formatos JPG o PNG. Le quitaremos el fondo automáticamente.</p>
+                </div>
+                <button type="button" onclick="triggerFileInput()" class="bg-trastoBlue hover:bg-trastoBlueHover text-white font-title text-xs font-bold px-4 py-2.5 rounded-xl transition-all shadow-sm">
+                  Seleccionar foto
+                </button>
+                <input type="file" id="photo-input" accept="image/*" class="hidden" onchange="handleFileSelect(event)">
+              </div>
+
+              <!-- Zona de foto cargada y herramientas de edición (Rotar, Zoom) -->
+              <div id="editor-container" class="hidden space-y-4">
+                <div class="relative w-44 h-44 mx-auto rounded-full overflow-hidden border-4 border-white shadow-md bg-slate-100 flex items-center justify-center">
+                  <!-- Canvas para previsualizar el crop interactivo -->
+                  <canvas id="crop-canvas" class="absolute inset-0 w-full h-full object-cover"></canvas>
+                </div>
+                
+                <!-- Controles del editor -->
+                <div class="space-y-3 max-w-xs mx-auto">
+                  <div class="space-y-1">
+                    <div class="flex justify-between text-[10px] font-bold text-slate-500">
+                      <span>Tamaño</span>
+                      <span id="zoom-value">1.0x</span>
+                    </div>
+                    <input type="range" id="zoom-slider" min="0.5" max="3" step="0.1" value="1" oninput="updateCrop()" class="w-full h-1 bg-slate-200 rounded-lg appearance-none cursor-pointer accent-trastoBlue">
+                  </div>
+
+                  <div class="flex justify-center gap-2">
+                    <button type="button" onclick="rotateImage(-90)" class="bg-white hover:bg-slate-50 text-slate-700 border border-slate-200 text-xs font-bold px-3 py-1.5 rounded-lg flex items-center gap-1.5 transition-all">
+                      <i class="fa-solid fa-rotate-left"></i> Rotar Izq.
+                    </button>
+                    <button type="button" onclick="rotateImage(90)" class="bg-white hover:bg-slate-50 text-slate-700 border border-slate-200 text-xs font-bold px-3 py-1.5 rounded-lg flex items-center gap-1.5 transition-all">
+                      <i class="fa-solid fa-rotate-right"></i> Rotar Der.
+                    </button>
+                  </div>
+
+                  <div class="pt-2 flex justify-center gap-2 border-t border-slate-100">
+                    <button type="button" onclick="triggerFileInput()" class="text-[10px] text-trastoBlue font-bold hover:underline">
+                      Cambiar foto
+                    </button>
+                    <span class="text-slate-300 text-[10px]">|</span>
+                    <button type="button" onclick="removePhoto()" class="text-[10px] text-red-500 font-bold hover:underline">
+                      Quitar foto
+                    </button>
+                  </div>
+                </div>
+              </div>
+
+            </div>
+          </div>
+
+          <!-- Botón de Envío -->
+          <div class="pt-4">
+            <button type="submit" class="w-full bg-gradient-to-r from-trastoBlue to-trastoGreen hover:from-trastoBlueHover hover:to-trastoGreenHover text-white font-title text-base font-bold py-4 rounded-2xl transition-all shadow-md hover:shadow-lg hover:shadow-trastoBlue/10 flex items-center justify-center gap-2">
+              <i class="fa-solid fa-magic-wand-sparkles"></i>
+              <span>CREAR CUENTO PERSONALIZADO</span>
+            </button>
+            <p class="text-[10px] text-slate-400 text-center mt-3">
+              Al hacer clic accederás a la pasarela de previsualización final del libro completo antes de imprimir.
+            </p>
+          </div>
+
+        </form>
+      </div>
+
+      <!-- COLUMNA DERECHA: Vista Previa Real del Libro -->
+      <div class="lg:col-span-5 lg:sticky lg:top-24 space-y-6">
+        
+        <!-- Contenedor del Libro -->
+        <div class="bg-white p-6 rounded-3xl border border-slate-100 shadow-sm space-y-4">
+          <div class="flex items-center justify-between">
+            <h4 class="font-title text-xs font-bold text-slate-400 uppercase tracking-wider">Vista Previa del Álbum</h4>
+            <span class="bg-trastoMint text-trastoGreen text-[9px] font-bold px-2 py-0.5 rounded-full uppercase" id="preview-page-indicator">Portada</span>
+          </div>
+
+          <div class="book-container py-4 flex justify-center">
+            <!-- Portada del Libro Real -->
+            <div id="book-element" class="w-full max-w-[280px] aspect-square bg-gradient-to-br from-[#E0F2FE] via-[#F0FDFA] to-white rounded-3xl book-shadow book-cover border border-slate-200/50 p-6 flex flex-col justify-between relative overflow-hidden">
+              
+              <!-- Textura y Brillo del Libro -->
+              <div class="absolute inset-0 bg-gradient-to-tr from-white/0 via-white/10 to-white/35 pointer-events-none"></div>
+              <div class="absolute left-0 top-0 bottom-0 w-4 bg-black/5 blur-[2px] rounded-l-3xl"></div> <!-- Lomo -->
+
+              <!-- Contenido Dinámico de la Portada (Página 0) -->
+              <div id="cover-content" class="h-full flex flex-col justify-between relative z-10 transition-opacity duration-300">
+                <div class="text-center space-y-1">
+                  <span class="inline-block bg-trastoBlue/10 text-trastoBlue text-[9px] font-bold px-2 py-0.5 rounded-full uppercase tracking-wider">Colección Aventuras</span>
+                  <h3 class="font-title text-lg sm:text-xl font-extrabold text-trastoDark leading-snug">
+                    <span id="preview-cover-title"><span class="text-trastoBlue" id="dynamic-name">Martín</span> y Trasto</span>
+                  </h3>
+                  <p class="font-title text-xs text-trastoGreen font-bold" id="preview-cover-subtitle">quieren ser...</p>
+                </div>
+
+                <!-- Avatar central con la cara del niño/a -->
+                <div class="relative w-28 h-28 mx-auto my-3 flex items-center justify-center">
+                  <!-- Círculo fondo de ilustración -->
+                  <div class="absolute inset-0 bg-white/80 rounded-full border-4 border-trastoGreen/20 shadow-inner flex items-center justify-center">
+                    <span id="preview-illustration-placeholder" class="text-4xl">👦</span>
+                  </div>
+                  <!-- Foto recortada superpuesta en el avatar central -->
+                  <div id="cropped-face-container" class="absolute w-[68px] h-[68px] rounded-full overflow-hidden border-2 border-white shadow-sm hidden">
+                    <img id="cropped-face-preview" src="" class="w-full h-full object-cover">
+                  </div>
+                </div>
+
+                <div class="text-center">
+                  <p class="text-[9px] text-slate-400 font-semibold uppercase tracking-widest">TrastoBooks Editor</p>
+                </div>
+              </div>
+
+              <!-- Contenido Dinámico Interior 1 (Página 1) -->
+              <div id="page-1-content" class="h-full flex flex-col justify-between relative z-10 hidden transition-opacity duration-300">
+                <div class="space-y-3">
+                  <p class="text-xs text-slate-500 font-medium leading-relaxed" id="preview-story-text">
+                    Un día muy especial, <strong class="text-trastoBlue font-bold" id="story-name-1">Martín</strong> abrió los ojos de par en par. ¡Tenía en su mente una maravillosa pregunta para su amigo Trasto!
+                  </p>
+                  <div class="bg-white/60 p-3 rounded-2xl border border-slate-100 text-center">
+                    <p class="font-title text-xs font-bold text-trastoGreen" id="story-quote-1">"¿Qué seré cuando crezca?"</p>
+                  </div>
+                </div>
+                <!-- Mini ilustración en página interior -->
+                <div class="w-16 h-16 bg-white/90 rounded-full shadow-inner mx-auto flex items-center justify-center border-2 border-trastoGreen/15 relative overflow-hidden">
+                  <span id="preview-illustration-placeholder-p1" class="text-2xl">👦</span>
+                  <div id="cropped-face-container-p1" class="absolute w-10 h-10 rounded-full overflow-hidden border border-white shadow-xs hidden">
+                    <img id="cropped-face-preview-p1" src="" class="w-full h-full object-cover">
+                  </div>
+                </div>
+                <div class="flex justify-between text-[8px] text-slate-400">
+                  <span>TrastoBooks</span>
+                  <span>Pág. 3</span>
+                </div>
+              </div>
+
+              <!-- Contenido Dinámico Interior 2 (Página 2) -->
+              <div id="page-2-content" class="h-full flex flex-col justify-between relative z-10 hidden transition-opacity duration-300">
+                <div class="space-y-3">
+                  <p class="text-xs text-slate-500 font-medium leading-relaxed" id="preview-story-text-2">
+                    "¡Quizás un valiente astronauta!", exclamó <strong class="text-trastoBlue font-bold" id="story-name-2">Martín</strong> con ilusión. Juntos flotarían entre estrellas de chocolate y planetas de colores.
+                  </p>
+                  <div class="bg-white/60 p-3 rounded-2xl border border-slate-100 text-center">
+                    <p class="font-title text-xs font-bold text-trastoBlue">🚀 ¡A volar con Trasto!</p>
+                  </div>
+                </div>
+                <div class="w-16 h-16 bg-white/90 rounded-full shadow-inner mx-auto flex items-center justify-center border-2 border-trastoGreen/15 relative overflow-hidden">
+                  <span id="preview-illustration-placeholder-p2" class="text-2xl">👨‍🚀</span>
+                  <div id="cropped-face-container-p2" class="absolute w-10 h-10 rounded-full overflow-hidden border border-white shadow-xs hidden">
+                    <img id="cropped-face-preview-p2" src="" class="w-full h-full object-cover">
+                  </div>
+                </div>
+                <div class="flex justify-between text-[8px] text-slate-400">
+                  <span>TrastoBooks</span>
+                  <span>Pág. 7</span>
+                </div>
+              </div>
+
+            </div>
+          </div>
+
+          <!-- Navegación del visualizador -->
+          <div class="flex items-center justify-between pt-2 border-t border-slate-100">
+            <button type="button" onclick="navigatePreview(-1)" id="prev-preview-btn" disabled class="p-2 bg-slate-50 text-slate-400 rounded-lg hover:bg-slate-100 disabled:opacity-50 transition-colors text-xs font-bold flex items-center gap-1">
+              <i class="fa-solid fa-chevron-left"></i> Anterior
+            </button>
+            <div class="flex gap-1">
+              <span id="dot-0" class="w-2 h-2 rounded-full bg-trastoBlue"></span>
+              <span id="dot-1" class="w-2 h-2 rounded-full bg-slate-200"></span>
+              <span id="dot-2" class="w-2 h-2 rounded-full bg-slate-200"></span>
+            </div>
+            <button type="button" onclick="navigatePreview(1)" id="next-preview-btn" class="p-2 bg-slate-50 text-trastoDark rounded-lg hover:bg-slate-100 transition-colors text-xs font-bold flex items-center gap-1">
+              Siguiente <i class="fa-solid fa-chevron-right"></i>
+            </button>
+          </div>
+
+        </div>
+
+        <!-- Sinopsis expandida para desktop -->
+        <div class="bg-white p-6 rounded-3xl border border-slate-100 shadow-sm space-y-3">
+          <h4 class="font-title text-sm font-bold text-trastoDark">¿De qué trata este cuento?</h4>
+          <div class="text-xs text-slate-500 leading-relaxed space-y-3">
+            <p>
+              Vive una aventura a través de este <strong>cuento personalizado</strong> donde Trasto acompañará a tu peque en su crecimiento, mostrándole que existe una enorme diversidad de profesiones y hobbies por descubrir.
+            </p>
+            <p>
+              De esta forma ayudamos a los más pequeños en su <strong>proceso de aprendizaje de una forma divertida y personal</strong>, fomentando en ellos el hábito de la lectura y su capacidad imaginativa.
+            </p>
+          </div>
+        </div>
+
+      </div>
+
+    </div>
+
+  </main>
+
+  <!-- Pie de página -->
+  <footer class="bg-white border-t border-slate-100 py-12 mt-20">
+    <div class="container mx-auto px-4 max-w-5xl">
+      <div class="grid grid-cols-1 sm:grid-cols-3 gap-8 text-xs text-slate-400">
+        <div class="space-y-2">
+          <h5 class="font-title text-trastoDark font-bold text-sm">Productos</h5>
+          <ul class="space-y-1.5">
+            <li><a href="https://trastobooks.com/productos-rebajados" class="hover:text-trastoBlue transition-colors">Ofertas Especiales</a></li>
+            <li><a href="https://trastobooks.com/novedades" class="hover:text-trastoBlue transition-colors">Novedades</a></li>
+            <li><a href="https://trastobooks.com/mas-vendidos" class="hover:text-trastoBlue transition-colors">Lo más vendido</a></li>
+          </ul>
+        </div>
+        <div class="space-y-2">
+          <h5 class="font-title text-trastoDark font-bold text-sm">Nuestra empresa</h5>
+          <ul class="space-y-1.5">
+            <li><a href="https://trastobooks.com/content/2-politica-de-privacidad" class="hover:text-trastoBlue transition-colors">Política de privacidad</a></li>
+            <li><a href="https://trastobooks.com/content/3-terminos-y-condiciones" class="hover:text-trastoBlue transition-colors">Términos y condiciones</a></li>
+            <li><a href="https://trastobooks.com/content/6-politica-de-cookies" class="hover:text-trastoBlue transition-colors">Política de cookies</a></li>
+          </ul>
+        </div>
+        <div class="space-y-2">
+          <h5 class="font-title text-trastoDark font-bold text-sm">Atención al Cliente</h5>
+          <ul class="space-y-1.5">
+            <li><i class="fa-solid fa-envelope mr-1 text-slate-300"></i> info@trastobooks.com</li>
+            <li><i class="fa-solid fa-phone mr-1 text-slate-300"></i> Teléfono: 633763957</li>
+          </ul>
+        </div>
+      </div>
+      <div class="pt-8 mt-8 border-t border-slate-100 text-center text-[10px] text-slate-400">
+        <p>&copy; 2026 TrastoBooks.com. Hecho con ❤️ en España.</p>
+      </div>
+    </div>
+  </footer>
+
+  <!-- Botón Flotante de WhatsApp -->
+  <a href="https://wa.me/34633763957" class="fixed bottom-6 right-6 z-50 bg-emerald-600 hover:bg-emerald-500 text-white font-bold px-4 py-3 rounded-full shadow-lg flex items-center gap-2 text-xs sm:text-sm transition-all" target="_blank" rel="nofollow">
+    <i class="fab fa-whatsapp text-lg"></i>
+    <span>Ayuda</span>
+  </a>
+
+  <!-- Caja de Notificaciones / Alertas elegante -->
+  <div id="alert-box" class="fixed top-6 left-1/2 -translate-x-1/2 z-50 bg-slate-900 text-white px-5 py-3 rounded-xl shadow-lg flex items-center gap-2 transform -translate-y-24 opacity-0 transition-all duration-300 text-xs font-bold">
+    <i class="fa-solid fa-circle-check text-trastoBlue"></i>
+    <span id="alert-text">Mensaje</span>
+  </div>
+
+  <!-- Modal de carga interactivo simulado -->
+  <div id="loading-modal" class="fixed inset-0 bg-slate-900/60 backdrop-blur-sm z-50 flex items-center justify-center hidden">
+    <div class="bg-white rounded-3xl p-8 max-w-sm w-full mx-4 text-center space-y-4 shadow-xl border border-slate-100">
+      <div class="relative w-16 h-16 mx-auto">
+        <div class="absolute inset-0 border-4 border-trastoBlue/20 rounded-full"></div>
+        <div class="absolute inset-0 border-4 border-trastoBlue rounded-full border-t-transparent animate-spin"></div>
+      </div>
+      <div class="space-y-1">
+        <h5 class="font-title text-base font-bold text-trastoDark" id="loading-title">Procesando...</h5>
+        <p class="text-xs text-slate-400" id="loading-desc">Estamos aplicando tu foto y textos a las páginas del cuento de forma personalizada.</p>
+      </div>
+    </div>
+  </div>
+
+  <script>
+    // Variables globales de estado
+    let currentChildName = "Martín";
+    let currentGender = "boy";
+    let currentFont = "lower";
+    let currentPreviewPage = 0; // 0 = Cover, 1 = Page 1, 2 = Page 2
+    
+    // Variables de manipulación de imagen
+    let loadedImage = null;
+    let imageRotation = 0;
+    let imageZoom = 1.0;
+
+    // Inicialización del DOM
+    document.addEventListener("DOMContentLoaded", () => {
+      updateChildName(currentChildName);
+      updateGender(currentGender);
+      updateFont(currentFont);
+    });
+
+    // Actualizar nombre del peque en vivo
+    function updateChildName(val) {
+      currentChildName = val || "Peque";
+      const uppercaseName = currentChildName.toUpperCase();
+      
+      // Contar caracteres
+      document.getElementById("name-counter").innerText = `${currentChildName.length}/12`;
+
+      // Formatear según tipo de letra
+      const displayName = (currentFont === "upper") ? uppercaseName : currentChildName;
+
+      // Actualizar todos los nodos correspondientes
+      document.getElementById("dynamic-name").innerText = displayName;
+      document.getElementById("story-name-1").innerText = displayName;
+      document.getElementById("story-name-2").innerText = displayName;
+    }
+
+    // Actualizar género del protagonista
+    function updateGender(gender) {
+      currentGender = gender;
+      
+      const girlLabel = document.getElementById("gender-label-girl");
+      const boyLabel = document.getElementById("gender-label-boy");
+      const girlCheck = document.getElementById("gender-check-girl");
+      const boyCheck = document.getElementById("gender-check-boy");
+
+      const isGirl = gender === "girl";
+
+      // Manejar la visualización de la opción Niña
+      if (isGirl) {
+        girlLabel.classList.add("border-trastoBlue");
+        girlLabel.classList.remove("border-slate-200");
+        girlCheck.classList.add("border-trastoBlue");
+        girlCheck.classList.remove("border-slate-300");
+        girlCheck.firstElementChild.classList.remove("opacity-0");
+        girlCheck.firstElementChild.classList.add("opacity-100");
+      } else {
+        girlLabel.classList.remove("border-trastoBlue");
+        girlLabel.classList.add("border-slate-200");
+        girlCheck.classList.remove("border-trastoBlue");
+        girlCheck.classList.add("border-slate-300");
+        girlCheck.firstElementChild.classList.remove("opacity-100");
+        girlCheck.firstElementChild.classList.add("opacity-0");
+      }
+
+      // Manejar la visualización de la opción Niño
+      if (!isGirl) {
+        boyLabel.classList.add("border-trastoBlue");
+        boyLabel.classList.remove("border-slate-200");
+        boyCheck.classList.add("border-trastoBlue");
+        boyCheck.classList.remove("border-slate-300");
+        boyCheck.firstElementChild.classList.remove("opacity-0");
+        boyCheck.firstElementChild.classList.add("opacity-100");
+      } else {
+        boyLabel.classList.remove("border-trastoBlue");
+        boyLabel.classList.add("border-slate-200");
+        boyCheck.classList.remove("border-trastoBlue");
+        boyCheck.classList.add("border-slate-300");
+        boyCheck.firstElementChild.classList.remove("opacity-100");
+        boyCheck.firstElementChild.classList.add("opacity-0");
+      }
+
+      // Actualizar avatares en el preview
+      if (isGirl) {
+        document.getElementById("preview-illustration-placeholder").innerText = "👧";
+        document.getElementById("preview-illustration-placeholder-p1").innerText = "👧";
+        document.getElementById("preview-illustration-placeholder-p2").innerText = "👩‍🚀";
+      } else {
+        document.getElementById("preview-illustration-placeholder").innerText = "👦";
+        document.getElementById("preview-illustration-placeholder-p1").innerText = "👦";
+        document.getElementById("preview-illustration-placeholder-p2").innerText = "👨‍🚀";
+      }
+    }
+
+    // Actualizar fuente
+    function updateFont(font) {
+      currentFont = font;
+      
+      const lowerLabel = document.getElementById("font-label-lower");
+      const upperLabel = document.getElementById("font-label-upper");
+      const lowerCheck = document.getElementById("font-check-lower");
+      const upperCheck = document.getElementById("font-check-upper");
+
+      const isLower = font === "lower";
+
+      // Manejar visualización de opción Minúscula
+      if (isLower) {
+        lowerLabel.classList.add("border-trastoBlue");
+        lowerLabel.classList.remove("border-slate-200");
+        lowerCheck.classList.add("border-trastoBlue");
+        lowerCheck.classList.remove("border-slate-300");
+        lowerCheck.firstElementChild.classList.remove("opacity-0");
+        lowerCheck.firstElementChild.classList.add("opacity-100");
+      } else {
+        lowerLabel.classList.remove("border-trastoBlue");
+        lowerLabel.classList.add("border-slate-200");
+        lowerCheck.classList.remove("border-trastoBlue");
+        lowerCheck.classList.add("border-slate-300");
+        lowerCheck.firstElementChild.classList.remove("opacity-100");
+        lowerCheck.firstElementChild.classList.add("opacity-0");
+      }
+
+      // Manejar visualización de opción MAYÚSCULA
+      if (!isLower) {
+        upperLabel.classList.add("border-trastoBlue");
+        upperLabel.classList.remove("border-slate-200");
+        upperCheck.classList.add("border-trastoBlue");
+        upperCheck.classList.remove("border-slate-300");
+        upperCheck.firstElementChild.classList.remove("opacity-0");
+        upperCheck.firstElementChild.classList.add("opacity-100");
+      } else {
+        upperLabel.classList.remove("border-trastoBlue");
+        upperLabel.classList.add("border-slate-200");
+        upperCheck.classList.remove("border-trastoBlue");
+        upperCheck.classList.add("border-slate-300");
+        upperCheck.firstElementChild.classList.remove("opacity-100");
+        upperCheck.firstElementChild.classList.add("opacity-0");
+      }
+
+      // Volver a calcular el nombre
+      updateChildName(currentChildName);
+    }
+
+    // Trigger de selección de foto
+    function triggerFileInput() {
+      document.getElementById("photo-input").click();
+    }
+
+    // Procesamiento de la imagen cargada
+    function handleFileSelect(event) {
+      const file = event.target.files[0];
+      if (!file) return;
+
+      showSpinner("Procesando foto", "Quitando el fondo y ajustando de forma automatizada...");
+
+      const reader = new FileReader();
+      reader.onload = function(e) {
+        loadedImage = new Image();
+        loadedImage.onload = function() {
+          hideSpinner();
+          document.getElementById("upload-placeholder").classList.add("hidden");
+          document.getElementById("editor-container").classList.remove("hidden");
+          
+          // Reset de transformación
+          imageRotation = 0;
+          imageZoom = 1.0;
+          document.getElementById("zoom-slider").value = 1.0;
+          document.getElementById("zoom-value").innerText = "1.0x";
+
+          updateCrop();
+        };
+        loadedImage.src = e.target.result;
+      };
+      reader.readAsDataURL(file);
+    }
+
+    // Dibujado y ajuste de la foto en el canvas de recorte
+    function updateCrop() {
+      if (!loadedImage) return;
+
+      const canvas = document.getElementById("crop-canvas");
+      const ctx = canvas.getContext("2d");
+      
+      const sliderVal = parseFloat(document.getElementById("zoom-slider").value);
+      imageZoom = sliderVal;
+      document.getElementById("zoom-value").innerText = `${imageZoom.toFixed(1)}x`;
+
+      // Asegurar tamaño del canvas
+      canvas.width = 400;
+      canvas.height = 400;
+
+      ctx.clearRect(0, 0, canvas.width, canvas.height);
+      ctx.save();
+
+      // Trasladar al centro para rotar y escalar
+      ctx.translate(canvas.width / 2, canvas.height / 2);
+      ctx.rotate((imageRotation * Math.PI) / 180);
+      ctx.scale(imageZoom, imageZoom);
+
+      // Calcular proporciones óptimas de dibujado (Cover fill)
+      const ratio = Math.max(canvas.width / loadedImage.width, canvas.height / loadedImage.height);
+      const drawWidth = loadedImage.width * ratio;
+      const drawHeight = loadedImage.height * ratio;
+
+      ctx.drawImage(loadedImage, -drawWidth / 2, -drawHeight / 2, drawWidth, drawHeight);
+      ctx.restore();
+
+      // Reflejar de inmediato en la previsualización del cuento
+      const dataUrl = canvas.toDataURL("image/png");
+      
+      const croppedContainer = document.getElementById("cropped-face-container");
+      const croppedPreview = document.getElementById("cropped-face-preview");
+      croppedPreview.src = dataUrl;
+      croppedContainer.classList.remove("hidden");
+
+      // Reflejar en páginas interiores
+      document.getElementById("cropped-face-preview-p1").src = dataUrl;
+      document.getElementById("cropped-face-container-p1").classList.remove("hidden");
+      document.getElementById("cropped-face-preview-p2").src = dataUrl;
+      document.getElementById("cropped-face-container-p2").classList.remove("hidden");
+    }
+
+    // Rotar imagen
+    function rotateImage(degrees) {
+      imageRotation = (imageRotation + degrees) % 360;
+      updateCrop();
+    }
+
+    // Quitar foto
+    function removePhoto() {
+      loadedImage = null;
+      document.getElementById("photo-input").value = "";
+      document.getElementById("editor-container").classList.add("hidden");
+      document.getElementById("upload-placeholder").classList.remove("hidden");
+      
+      document.getElementById("cropped-face-container").classList.add("hidden");
+      document.getElementById("cropped-face-container-p1").classList.add("hidden");
+      document.getElementById("cropped-face-container-p2").classList.add("hidden");
+    }
+
+    // Navegar el libro de previsualización de forma interactiva
+    function navigatePreview(dir) {
+      currentPreviewPage = Math.max(0, Math.min(2, currentPreviewPage + dir));
+      
+      const cover = document.getElementById("cover-content");
+      const page1 = document.getElementById("page-1-content");
+      const page2 = document.getElementById("page-2-content");
+      const indicator = document.getElementById("preview-page-indicator");
+
+      // Ocultar todos
+      cover.classList.add("hidden");
+      page1.classList.add("hidden");
+      page2.classList.add("hidden");
+
+      // Desactivar botones si procede
+      document.getElementById("prev-preview-btn").disabled = (currentPreviewPage === 0);
+      document.getElementById("next-preview-btn").disabled = (currentPreviewPage === 2);
+
+      // Mostrar el activo
+      if (currentPreviewPage === 0) {
+        cover.classList.remove("hidden");
+        indicator.innerText = "Portada";
+      } else if (currentPreviewPage === 1) {
+        page1.classList.remove("hidden");
+        indicator.innerText = "Pág. 3";
+      } else if (currentPreviewPage === 2) {
+        page2.classList.remove("hidden");
+        indicator.innerText = "Pág. 7";
+      }
+
+      // Actualizar dots
+      for (let i = 0; i <= 2; i++) {
+        const dot = document.getElementById(`dot-${i}`);
+        if (i === currentPreviewPage) {
+          dot.className = "w-2 h-2 rounded-full bg-trastoBlue transition-all";
+        } else {
+          dot.className = "w-2 h-2 rounded-full bg-slate-200 transition-all";
+        }
+      }
+    }
+
+    // Manejar envío de formulario de personalización
+    function handleFormSubmit(event) {
+      event.preventDefault();
+      
+      showSpinner("Construyendo álbum...", "Estamos montando las láminas finales y preparando la cesta para la impresión.");
+
+      setTimeout(() => {
+        hideSpinner();
+        showAlert("¡Cuento añadido con éxito al carrito de compra!");
+      }, 2500);
+    }
+
+    // Funciones Auxiliares: Spinner y Alertas
+    function showSpinner(title, desc) {
+      document.getElementById("loading-title").innerText = title;
+      document.getElementById("loading-desc").innerText = desc;
+      document.getElementById("loading-modal").classList.remove("hidden");
+    }
+
+    function hideSpinner() {
+      document.getElementById("loading-modal").classList.add("hidden");
+    }
+
+    function showAlert(msg) {
+      const alertBox = document.getElementById("alert-box");
+      const alertText = document.getElementById("alert-text");
+      alertText.innerText = msg;
+      
+      alertBox.classList.remove("-translate-y-24", "opacity-0");
+      alertBox.classList.add("translate-y-0", "opacity-100");
+
+      setTimeout(() => {
+        alertBox.classList.add("-translate-y-24", "opacity-0");
+        alertBox.classList.remove("translate-y-0", "opacity-100");
+      }, 4000);
+    }
+  </script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/src/html/index.html b/src/html/index.html
new file mode 100644
index 0000000..92ab598
--- /dev/null
+++ b/src/html/index.html
@@ -0,0 +1,746 @@
+<!doctype html>
+<html lang="es">
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>TrastoBooks | Cuentos Personalizados para niños y niñas (Rediseño Claro 2026)</title>
+  <meta name="description" content="Libros y cuentos personalizados a tu gusto y a la medida de los más pequeños. Un regalo único y especial que fomenta la lectura y el aprendizaje. Envíos de 3 a 7 días">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <!-- Google Fonts: Fredoka para títulos fantásticos y Quicksand para lectura cómoda -->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Quicksand:wght@300..700&display=swap" rel="stylesheet">
+
+  <!-- FontAwesome para iconos -->
+  <script src="https://kit.fontawesome.com/fc8aab0cbf.js" crossorigin="anonymous"></script>
+  
+  <!-- Tailwind CSS para diseño fluido -->
+  <script src="https://cdn.tailwindcss.com"></script>
+
+  <script>
+    tailwind.config = {
+      theme: {
+        extend: {
+          colors: {
+            // Paleta de colores renovada: Azul cielo y Verde Teal orgánico
+            trastoBlue: '#0284C7',     // Azul educativo brillante
+            trastoBlueHover: '#0369a1',
+            trastoGreen: '#0D9488',    // Verde Teal ecológico y pedagógico
+            trastoGreenHover: '#115e59',
+            trastoMint: '#F0FDFA',     // Fondo mint ultra ligero
+            trastoCream: '#FCFAF7',    // Fondo crema suave neutro
+            trastoDark: '#0F172A',     // Slate profundo para legibilidad total
+          },
+          fontFamily: {
+            fredoka: ['Fredoka', 'sans-serif'],
+            quicksand: ['Quicksand', 'sans-serif'],
+          }
+        }
+      }
+    }
+  </script>
+
+  <style>
+    body {
+      font-family: 'Quicksand', sans-serif;
+      background-color: #FFFFFF;
+      color: #0F172A;
+    }
+    .font-title {
+      font-family: 'Fredoka', sans-serif;
+    }
+    .hover-card:hover {
+      transform: translateY(-5px);
+      box-shadow: 0 15px 30px -5px rgba(2, 132, 199, 0.1), 0 8px 15px -5px rgba(13, 148, 136, 0.05);
+    }
+  </style>
+</head>
+
+<body class="antialiased selection:bg-trastoBlue selection:text-white">
+
+  <div class="bg-gradient-to-r from-trastoBlue to-trastoGreen text-white py-2 px-4 text-center text-xs sm:text-sm font-semibold tracking-wide shadow-sm">
+    <div class="container mx-auto flex flex-col sm:flex-row justify-center items-center gap-2 sm:gap-6">
+      <span>🎁 <strong class="underline">-20%</strong> dto en tu 2ª unidad con el código <strong class="bg-white/20 px-1.5 py-0.5 rounded text-white font-mono">TRASTO20</strong></span>
+      <span class="hidden md:inline text-white/30">|</span>
+      <span>🔥 <strong class="underline">-30%</strong> dto al comprar 3 o más con el código <strong class="bg-white/20 px-1.5 py-0.5 rounded text-white font-mono">TRASTO30</strong></span>
+    </div>
+  </div>
+
+  <header class="sticky top-0 z-40 bg-white/95 backdrop-blur-md border-b border-slate-100 transition-all duration-300">
+    <div class="container mx-auto px-4 py-3 flex items-center justify-between">
+      
+      <!-- Enlace y Logo oficial solicitado (Imagen real activa en tu tienda) -->
+      <a href="https://trastobooks.com/es" class="flex items-center">
+        <img class="h-10 sm:h-12 w-auto object-contain" 
+             src="https://trastobooks.com/img/trastobooks-cuentos-personalizados-para-ninos-y-ninas-logo-1603366710.jpg" 
+             onerror="this.onerror=null; this.src='https://placehold.co/240x80/F0FDFA/0284C7?text=TrastoBooks'" 
+             alt="TrastoBooks.com">
+      </a>
+
+      <!-- Menú Desktop Limpio -->
+      <nav class="hidden lg:flex items-center gap-8 font-semibold text-trastoDark/80 text-sm">
+        <a href="#nuestros-cuentos" class="hover:text-trastoBlue transition-colors">Nuestros cuentos</a>
+        <a href="https://trastobooks.com/es/content/4-sobre-nosotros" class="hover:text-trastoBlue transition-colors">Sobre nosotros</a>
+        <a href="https://personalizar.trastobooks.com/localizador" class="hover:text-trastoBlue transition-colors">Localizar mi pedido</a>
+        <a href="https://trastobooks.com/es/contactenos" class="hover:text-trastoBlue transition-colors">Contacto</a>
+        <a href="https://personalizar.trastobooks.com/juegos/multiplicar/juego.html" target="_blank" class="hover:text-trastoGreen transition-colors flex items-center gap-1 text-trastoGreen font-bold">
+          <i class="fa-solid fa-gamepad"></i> Juega con nosotros
+        </a>
+      </nav>
+
+      <!-- Acciones de cabecera -->
+      <div class="flex items-center gap-3">
+        <!-- WhatsApp Oficial -->
+        <a href="https://wa.me/34633763957" target="_blank" class="hidden sm:flex items-center gap-2 text-xs bg-emerald-50 text-emerald-700 px-3.5 py-2 rounded-full font-bold hover:bg-emerald-100 transition-colors">
+          <i class="fab fa-whatsapp text-sm"></i>
+          <span>WhatsApp Ayuda</span>
+        </a>
+
+        <!-- Enlace Mi Cuenta -->
+        <a href="https://trastobooks.com/es/mi-cuenta" title="Acceda a su cuenta de cliente" class="p-2 bg-slate-50 hover:bg-slate-100 rounded-full text-trastoDark transition-colors" rel="nofollow">
+          <i class="fa-regular fa-user text-sm"></i>
+        </a>
+
+        <!-- Carrito Compacto -->
+        <a href="https://trastobooks.com/es/carrito" class="relative p-2 bg-slate-50 hover:bg-slate-100 rounded-full text-trastoDark transition-colors">
+          <i class="fa-solid fa-basket-shopping text-sm"></i>
+          <span class="absolute -top-1 -right-1 bg-trastoBlue text-white text-[9px] font-bold w-4 h-4 rounded-full flex items-center justify-center">0</span>
+        </a>
+
+        <!-- Botón Menú Móvil -->
+        <button onclick="toggleMobileMenu()" class="lg:hidden p-2 text-trastoDark" aria-label="Abrir Menú">
+          <i class="fa-solid fa-bars text-lg"></i>
+        </button>
+      </div>
+    </div>
+
+    <!-- Menú desplegable móvil -->
+    <div id="mobile-menu" class="hidden lg:hidden border-t border-slate-100 bg-white px-4 py-4 space-y-3 shadow-inner">
+      <a href="#nuestros-cuentos" onclick="toggleMobileMenu()" class="block font-semibold py-2 text-trastoDark hover:text-trastoBlue text-sm">Nuestros cuentos</a>
+      <a href="https://trastobooks.com/es/content/4-sobre-nosotros" onclick="toggleMobileMenu()" class="block font-semibold py-2 text-trastoDark hover:text-trastoBlue text-sm">Sobre nosotros</a>
+      <a href="https://personalizar.trastobooks.com/localizador" onclick="toggleMobileMenu()" class="block font-semibold py-2 text-trastoDark hover:text-trastoBlue text-sm">Localizar mi pedido</a>
+      <a href="https://trastobooks.com/es/contactenos" onclick="toggleMobileMenu()" class="block font-semibold py-2 text-trastoDark hover:text-trastoBlue text-sm">Contacto</a>
+      <a href="https://personalizar.trastobooks.com/juegos/multiplicar/juego.html" target="_blank" class="block font-semibold py-2 text-trastoGreen text-sm">
+        <i class="fa-solid fa-gamepad mr-1"></i> Juega con nosotros
+      </a>
+      <div class="pt-3 border-t border-slate-100 flex gap-2">
+        <a href="https://wa.me/34633763957" target="_blank" class="flex-1 text-center bg-emerald-600 text-white font-bold py-2.5 rounded-xl text-xs">
+          <i class="fab fa-whatsapp mr-1"></i> WhatsApp
+        </a>
+        <a href="tel:+34633763957" class="flex-1 text-center bg-slate-100 text-trastoDark font-bold py-2.5 rounded-xl text-xs">
+          <i class="fa-solid fa-phone mr-1"></i> Llamar
+        </a>
+      </div>
+    </div>
+  </header>
+
+  <section class="relative overflow-hidden pt-16 pb-20 lg:pt-24 lg:pb-28 bg-gradient-to-b from-trastoMint via-white to-white">
+    <!-- Círculos de color suaves para dar un aire mágico -->
+    <div class="absolute top-10 left-10 w-44 h-44 bg-trastoMint rounded-full blur-2xl opacity-60"></div>
+    <div class="absolute bottom-10 right-10 w-64 h-64 bg-trastoBlue/5 rounded-full blur-3xl"></div>
+
+    <div class="container mx-auto px-4 relative z-10">
+      <div class="grid grid-cols-1 lg:grid-cols-12 gap-12 items-center">
+        
+        <!-- Mensaje de Introducción y CTA Principal -->
+        <div class="lg:col-span-7 space-y-6 text-center lg:text-left">
+          <span class="inline-flex items-center gap-1.5 bg-trastoBlue/10 text-trastoBlue px-4 py-2 rounded-full text-xs font-bold tracking-wide uppercase">
+            🚀 Cuentos con un claro propósito educativo y pedagógico
+          </span>
+          <h1 class="font-title text-4xl sm:text-5xl lg:text-6xl font-extrabold text-trastoDark leading-tight">
+            Cuentos donde tus peques <span class="text-trastoBlue">son los verdaderos héroes</span>
+          </h1>
+          <p class="text-base sm:text-lg text-slate-600 max-w-2xl mx-auto lg:mx-0 leading-relaxed">
+            Libros educativos personalizados diseñados para estimular el amor por la lectura, el aprendizaje natural y el autoestima. El regalo perfecto que guardarán para siempre.
+          </p>
+
+          <div class="flex flex-col sm:flex-row gap-4 justify-center lg:justify-start">
+            <a href="#nuestros-cuentos" class="bg-trastoBlue text-white font-title text-base font-bold px-8 py-4.5 rounded-2xl hover:bg-trastoBlueHover transition-all hover:shadow-lg hover:shadow-trastoBlue/20 text-center">
+              Explorar Catálogo de Cuentos <i class="fa-solid fa-arrow-down ml-1"></i>
+            </a>
+            <a href="https://trastobooks.com/es/content/4-sobre-nosotros" class="bg-white border-2 border-slate-200 text-trastoDark font-title text-base font-bold px-8 py-4.5 rounded-2xl hover:border-trastoBlue transition-all text-center">
+              Conoce nuestra historia
+            </a>
+          </div>
+
+          <!-- Puntuación Trustpilot integrada de forma nítida -->
+          <div class="pt-6 flex flex-col sm:flex-row items-center justify-center lg:justify-start gap-4 border-t border-slate-100">
+            <div class="flex items-center gap-1 text-amber-400 text-base">
+              <i class="fa-solid fa-star"></i>
+              <i class="fa-solid fa-star"></i>
+              <i class="fa-solid fa-star"></i>
+              <i class="fa-solid fa-star"></i>
+              <i class="fa-solid fa-star"></i>
+            </div>
+            <p class="text-xs text-slate-500 font-medium">
+              Valorado como <span class="font-bold text-trastoDark">Excelente</span> en Trustpilot por miles de familias reales.
+            </p>
+          </div>
+        </div>
+
+        <!-- Mosaico visual de portadas reales de cuentos en lugar de la tarjeta de pruebas -->
+        <div class="lg:col-span-5 relative flex justify-center">
+          <div class="grid grid-cols-2 gap-4 w-full max-w-md">
+            <div class="space-y-4">
+              <div class="bg-white p-3 rounded-2xl shadow-md border border-slate-100 hover:scale-105 transition-transform">
+                <img src="https://trastobooks.com/147-home_default/te-quiero-papa-personalizacion-con-fotos.jpg" alt="Te quiero papá" class="rounded-xl w-full h-auto">
+              </div>
+              <div class="bg-white p-3 rounded-2xl shadow-md border border-slate-100 hover:scale-105 transition-transform">
+                <img src="https://trastobooks.com/131-home_default/nombre-trasto-quieren-ser.jpg" alt="Quiero Ser" class="rounded-xl w-full h-auto">
+              </div>
+            </div>
+            <div class="space-y-4 pt-8">
+              <div class="bg-white p-3 rounded-2xl shadow-md border border-slate-100 hover:scale-105 transition-transform">
+                <img src="https://trastobooks.com/509-home_default/gracias-abuelos.jpg" alt="Gracias Abuelos" class="rounded-xl w-full h-auto">
+              </div>
+              <div class="bg-white p-3 rounded-2xl shadow-md border border-slate-100 hover:scale-105 transition-transform">
+                <img src="https://trastobooks.com/56-home_default/aprende-los-colores.jpg" alt="Aprende los colores" class="rounded-xl w-full h-auto">
+              </div>
+            </div>
+          </div>
+        </div>
+
+      </div>
+    </div>
+  </section>
+
+  <section class="py-12 bg-white border-y border-slate-100">
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+        <!-- Tarjeta de Beneficio 1 -->
+        <div class="flex items-start gap-4 p-5 rounded-2xl bg-trastoMint/40 border border-trastoMint">
+          <div class="w-12 h-12 bg-trastoBlue/10 text-trastoBlue rounded-xl flex items-center justify-center text-xl shrink-0">
+            <i class="fa-regular fa-clock"></i>
+          </div>
+          <div>
+            <h4 class="font-title text-base font-bold text-trastoDark mb-1">En 7-10 días en casa</h4>
+            <p class="text-xs text-slate-500 leading-relaxed">Una vez realizas tu pedido, te llegará el cuento personalizado a casa por mensajería urgente.</p>
+          </div>
+        </div>
+
+        <!-- Tarjeta de Beneficio 2 -->
+        <div class="flex items-start gap-4 p-5 rounded-2xl bg-trastoMint/40 border border-trastoMint">
+          <div class="w-12 h-12 bg-trastoGreen/10 text-trastoGreen rounded-xl flex items-center justify-center text-xl shrink-0">
+            <i class="fa-regular fa-face-smile"></i>
+          </div>
+          <div>
+            <h4 class="font-title text-base font-bold text-trastoDark mb-1">Con foto real o avatar</h4>
+            <p class="text-xs text-slate-500 leading-relaxed">Máxima identificación: los peques se ven reflejados con fotos reales de sus caritas o simpáticos avatares.</p>
+          </div>
+        </div>
+
+        <!-- Tarjeta de Beneficio 3 -->
+        <div class="flex items-start gap-4 p-5 rounded-2xl bg-trastoMint/40 border border-trastoMint">
+          <div class="w-12 h-12 bg-trastoBlue/10 text-trastoBlue rounded-xl flex items-center justify-center text-xl shrink-0">
+            <i class="fa-regular fa-heart"></i>
+          </div>
+          <div>
+            <h4 class="font-title text-base font-bold text-trastoDark mb-1">Libros de Calidad Premium</h4>
+            <p class="text-xs text-slate-500 leading-relaxed">Álbumes resistentes (21x21 o 18x18 cm) con papel antihuellas ideales para ser manipulados por niños.</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section id="nuestros-cuentos" class="py-16 bg-slate-50/50">
+    <div class="container mx-auto px-4">
+      
+      <!-- Cabecera del catálogo -->
+      <div class="text-center max-w-2xl mx-auto mb-10 space-y-3">
+        <h2 class="font-title text-3xl sm:text-4xl font-extrabold text-trastoDark">Cuentos personalizados destacados</h2>
+        <p class="text-slate-500 text-sm sm:text-base">
+          Selecciona el tema pedagógico ideal. Todos nuestros libros están elaborados y revisados por profesionales de la educación.
+        </p>
+
+        <!-- Filtros Rápidos de Categorías -->
+        <div class="flex flex-wrap justify-center gap-2 pt-4">
+          <button onclick="filterBooks('todos')" id="filter-btn-todos" class="px-4 py-1.5 rounded-full text-xs font-bold bg-trastoBlue text-white transition-all shadow-sm">
+            Todos los libros
+          </button>
+          <button onclick="filterBooks('aprendizaje')" id="filter-btn-aprendizaje" class="px-4 py-1.5 rounded-full text-xs font-bold bg-white border border-slate-200 text-trastoDark hover:border-trastoBlue transition-all">
+            Aprendizaje y Letras
+          </button>
+          <button onclick="filterBooks('familia')" id="filter-btn-familia" class="px-4 py-1.5 rounded-full text-xs font-bold bg-white border border-slate-200 text-trastoDark hover:border-trastoBlue transition-all">
+            Día del Padre / Madre / Abuelos
+          </button>
+          <button onclick="filterBooks('navidad')" id="filter-btn-navidad" class="px-4 py-1.5 rounded-full text-xs font-bold bg-white border border-slate-200 text-trastoDark hover:border-trastoBlue transition-all">
+            Navidad
+          </button>
+        </div>
+      </div>
+
+      <!-- Grid de Cuentos en 4 Columnas (lg:grid-cols-4) -->
+      <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
+        
+        <!-- Producto 7: Te quiero papá (Fotos) -->
+        <div class="product-item bg-white rounded-2xl border border-slate-100 overflow-hidden flex flex-col justify-between hover-card transition-all duration-300 shadow-sm" data-cat="familia">
+          <div class="relative bg-slate-50/50 p-4 aspect-square flex items-center justify-center">
+            <span class="absolute top-3 left-3 bg-trastoBlue text-white text-[9px] font-bold px-2 py-0.5 rounded-full uppercase">Top Ventas</span>
+            <img src="https://trastobooks.com/147-home_default/te-quiero-papa-personalizacion-con-fotos.jpg" 
+                 onerror="this.onerror=null; this.src='https://placehold.co/300x300/F0FDFA/0284C7?text=Te+quiero+papá'" 
+                 alt="Te quiero, papá..." class="max-h-full object-contain rounded-lg">
+          </div>
+          <div class="p-4 space-y-2">
+            <span class="text-[9px] text-trastoBlue font-bold uppercase block">Con fotos reales</span>
+            <h3 class="font-title text-sm font-bold text-trastoDark line-clamp-1">Te quiero, papá... (Fotos)</h3>
+            <div class="flex items-center justify-between pt-2 border-t border-slate-100">
+              <span class="font-title text-base font-extrabold text-trastoDark">32,00 €</span>
+              <a href="https://trastobooks.com/es/carrito?custom_book=7" class="bg-trastoBlue hover:bg-trastoBlueHover text-white text-[11px] font-bold px-3 py-1.5 rounded-lg transition-colors">
+                Personalizar
+              </a>
+            </div>
+          </div>
+        </div>
+
+        <!-- Producto 14: ¡Gracias, abuelos! -->
+        <div class="product-item bg-white rounded-2xl border border-slate-100 overflow-hidden flex flex-col justify-between hover-card transition-all duration-300 shadow-sm" data-cat="familia">
+          <div class="relative bg-slate-50/50 p-4 aspect-square flex items-center justify-center">
+            <img src="https://trastobooks.com/509-home_default/gracias-abuelos.jpg" 
+                 onerror="this.onerror=null; this.src='https://placehold.co/300x300/F0FDFA/0284C7?text=¡Gracias,+abuelos!'" 
+                 alt="¡Gracias, abuelos!" class="max-h-full object-contain rounded-lg">
+          </div>
+          <div class="p-4 space-y-2">
+            <span class="text-[9px] text-trastoGreen font-bold uppercase block">Familia</span>
+            <h3 class="font-title text-sm font-bold text-trastoDark line-clamp-1">¡Gracias, abuelos!</h3>
+            <div class="flex items-center justify-between pt-2 border-t border-slate-100">
+              <span class="font-title text-base font-extrabold text-trastoDark">32,00 €</span>
+              <a href="https://trastobooks.com/es/carrito?custom_book=14" class="bg-trastoBlue hover:bg-trastoBlueHover text-white text-[11px] font-bold px-3 py-1.5 rounded-lg transition-colors">
+                Personalizar
+              </a>
+            </div>
+          </div>
+        </div>
+
+        <!-- Producto 3: [Nombre] & Trasto quieren ser... -->
+        <div class="product-item bg-white rounded-2xl border border-slate-100 overflow-hidden flex flex-col justify-between hover-card transition-all duration-300 shadow-sm" data-cat="aprendizaje">
+          <div class="relative bg-slate-50/50 p-4 aspect-square flex items-center justify-center">
+            <img src="https://trastobooks.com/131-home_default/nombre-trasto-quieren-ser.jpg" 
+                 onerror="this.onerror=null; this.src='https://placehold.co/300x300/F0FDFA/0284C7?text=Quieren+ser...'" 
+                 alt="Nombre y Trasto" class="max-h-full object-contain rounded-lg">
+          </div>
+          <div class="p-4 space-y-2">
+            <span class="text-[9px] text-trastoBlue font-bold uppercase block">Educativo</span>
+            <h3 class="font-title text-sm font-bold text-trastoDark line-clamp-1">[Nombre] &amp; Trasto quieren ser...</h3>
+            <div class="flex items-center justify-between pt-2 border-t border-slate-100">
+              <span class="font-title text-base font-extrabold text-trastoDark">29,95 €</span>
+              <a href="edit.html" class="bg-trastoBlue hover:bg-trastoBlueHover text-white text-[11px] font-bold px-3 py-1.5 rounded-lg transition-colors">
+                Personalizar
+              </a>
+            </div>
+          </div>
+        </div>
+
+        <!-- Producto 12: Gracias por ser nuestra profe -->
+        <div class="product-item bg-white rounded-2xl border border-slate-100 overflow-hidden flex flex-col justify-between hover-card transition-all duration-300 shadow-sm" data-cat="familia">
+          <div class="relative bg-slate-50/50 p-4 aspect-square flex items-center justify-center">
+            <span class="absolute top-3 left-3 bg-trastoGreen text-white text-[9px] font-bold px-2 py-0.5 rounded-full uppercase">Fin de Curso</span>
+            <img src="https://trastobooks.com/526-home_default/regalo-profe.jpg" 
+                 onerror="this.onerror=null; this.src='https://placehold.co/300x300/F0FDFA/0284C7?text=Gracias+Profe'" 
+                 alt="Regalo Profe" class="max-h-full object-contain rounded-lg">
+          </div>
+          <div class="p-4 space-y-2">
+            <span class="text-[9px] text-trastoGreen font-bold uppercase block">Colegios</span>
+            <h3 class="font-title text-sm font-bold text-trastoDark line-clamp-1">Gracias por ser nuestra profe</h3>
+            <div class="flex items-center justify-between pt-2 border-t border-slate-100">
+              <span class="font-title text-base font-extrabold text-trastoDark">49,00 €</span>
+              <a href="https://trastobooks.com/es/carrito?custom_book=12" class="bg-trastoBlue hover:bg-trastoBlueHover text-white text-[11px] font-bold px-3 py-1.5 rounded-lg transition-colors">
+                Personalizar
+              </a>
+            </div>
+          </div>
+        </div>
+
+        <!-- Producto 11: Cleo y Cuquín: Aprende el abecedario -->
+        <div class="product-item bg-white rounded-2xl border border-slate-100 overflow-hidden flex flex-col justify-between hover-card transition-all duration-300 shadow-sm" data-cat="aprendizaje">
+          <div class="relative bg-slate-50/50 p-4 aspect-square flex items-center justify-center">
+            <img src="https://trastobooks.com/285-home_default/cleo-y-cuquin-aprende-el-abecedario.jpg" 
+                 onerror="this.onerror=null; this.src='https://placehold.co/300x300/F0FDFA/0284C7?text=Abecedario'" 
+                 alt="Cleo y Cuquín" class="max-h-full object-contain rounded-lg">
+          </div>
+          <div class="p-4 space-y-2">
+            <span class="text-[9px] text-trastoBlue font-bold uppercase block">Licencia Oficial</span>
+            <h3 class="font-title text-sm font-bold text-trastoDark line-clamp-1">Cleo y Cuquín: El Abecedario</h3>
+            <div class="flex items-center justify-between pt-2 border-t border-slate-100">
+              <span class="font-title text-base font-extrabold text-trastoDark">32,00 €</span>
+              <a href="https://trastobooks.com/es/carrito?custom_book=11" class="bg-trastoBlue hover:bg-trastoBlueHover text-white text-[11px] font-bold px-3 py-1.5 rounded-lg transition-colors">
+                Personalizar
+              </a>
+            </div>
+          </div>
+        </div>
+
+        <!-- Producto 1: Aprende los números -->
+        <div class="product-item bg-white rounded-2xl border border-slate-100 overflow-hidden flex flex-col justify-between hover-card transition-all duration-300 shadow-sm" data-cat="aprendizaje">
+          <div class="relative bg-slate-50/50 p-4 aspect-square flex items-center justify-center">
+            <img src="https://trastobooks.com/96-home_default/aprende-los-numeros.jpg" 
+                 onerror="this.onerror=null; this.src='https://placehold.co/300x300/F0FDFA/0284C7?text=Números'" 
+                 alt="Aprende los números" class="max-h-full object-contain rounded-lg">
+          </div>
+          <div class="p-4 space-y-2">
+            <span class="text-[9px] text-trastoBlue font-bold uppercase block">Matemáticas</span>
+            <h3 class="font-title text-sm font-bold text-trastoDark line-clamp-1">Aprende los números</h3>
+            <div class="flex items-center justify-between pt-2 border-t border-slate-100">
+              <span class="font-title text-base font-extrabold text-trastoDark">24,95 €</span>
+              <a href="https://trastobooks.com/es/carrito?custom_book=1" class="bg-trastoBlue hover:bg-trastoBlueHover text-white text-[11px] font-bold px-3 py-1.5 rounded-lg transition-colors">
+                Personalizar
+              </a>
+            </div>
+          </div>
+        </div>
+
+        <!-- Producto 5: Aprende los colores -->
+        <div class="product-item bg-white rounded-2xl border border-slate-100 overflow-hidden flex flex-col justify-between hover-card transition-all duration-300 shadow-sm" data-cat="aprendizaje">
+          <div class="relative bg-slate-50/50 p-4 aspect-square flex items-center justify-center">
+            <img src="https://trastobooks.com/56-home_default/aprende-los-colores.jpg" 
+                 onerror="this.onerror=null; this.src='https://placehold.co/300x300/F0FDFA/0284C7?text=Colores'" 
+                 alt="Aprende los colores" class="max-h-full object-contain rounded-lg">
+          </div>
+          <div class="p-4 space-y-2">
+            <span class="text-[9px] text-trastoBlue font-bold uppercase block">Estimulación</span>
+            <h3 class="font-title text-sm font-bold text-trastoDark line-clamp-1">Aprende los colores</h3>
+            <div class="flex items-center justify-between pt-2 border-t border-slate-100">
+              <span class="font-title text-base font-extrabold text-trastoDark">24,95 €</span>
+              <a href="https://trastobooks.com/es/carrito?custom_book=5" class="bg-trastoBlue hover:bg-trastoBlueHover text-white text-[11px] font-bold px-3 py-1.5 rounded-lg transition-colors">
+                Personalizar
+              </a>
+            </div>
+          </div>
+        </div>
+
+        <!-- Producto 6: Aprende las vocales -->
+        <div class="product-item bg-white rounded-2xl border border-slate-100 overflow-hidden flex flex-col justify-between hover-card transition-all duration-300 shadow-sm" data-cat="aprendizaje">
+          <div class="relative bg-slate-50/50 p-4 aspect-square flex items-center justify-center">
+            <img src="https://trastobooks.com/83-home_default/aprende-las-vocales.jpg" 
+                 onerror="this.onerror=null; this.src='https://placehold.co/300x300/F0FDFA/0284C7?text=Vocales'" 
+                 alt="Aprende las vocales" class="max-h-full object-contain rounded-lg">
+          </div>
+          <div class="p-4 space-y-2">
+            <span class="text-[9px] text-trastoBlue font-bold uppercase block">Lectura</span>
+            <h3 class="font-title text-sm font-bold text-trastoDark line-clamp-1">Aprende las vocales</h3>
+            <div class="flex items-center justify-between pt-2 border-t border-slate-100">
+              <span class="font-title text-base font-extrabold text-trastoDark">24,95 €</span>
+              <a href="https://trastobooks.com/es/carrito?custom_book=6" class="bg-trastoBlue hover:bg-trastoBlueHover text-white text-[11px] font-bold px-3 py-1.5 rounded-lg transition-colors">
+                Personalizar
+              </a>
+            </div>
+          </div>
+        </div>
+
+        <!-- Producto 9: Te quiero, papá (avatares) -->
+        <div class="product-item bg-white rounded-2xl border border-slate-100 overflow-hidden flex flex-col justify-between hover-card transition-all duration-300 shadow-sm" data-cat="familia">
+          <div class="relative bg-slate-50/50 p-4 aspect-square flex items-center justify-center">
+            <img src="https://trastobooks.com/525-home_default/te-quiero-papa-personalizacion-con-avatares.jpg" 
+                 onerror="this.onerror=null; this.src='https://placehold.co/300x300/F0FDFA/0284C7?text=Papá+Avatares'" 
+                 alt="Te quiero, papá avatares" class="max-h-full object-contain rounded-lg">
+          </div>
+          <div class="p-4 space-y-2">
+            <span class="text-[9px] text-trastoGreen font-bold uppercase block">Con Ilustración</span>
+            <h3 class="font-title text-sm font-bold text-trastoDark line-clamp-1">Te quiero, papá (Avatares)</h3>
+            <div class="flex items-center justify-between pt-2 border-t border-slate-100">
+              <span class="font-title text-base font-extrabold text-trastoDark">32,00 €</span>
+              <a href="https://trastobooks.com/es/carrito?custom_book=9" class="bg-trastoBlue hover:bg-trastoBlueHover text-white text-[11px] font-bold px-3 py-1.5 rounded-lg transition-colors">
+                Personalizar
+              </a>
+            </div>
+          </div>
+        </div>
+
+        <!-- Producto 4: Superando los miedos -->
+        <div class="product-item bg-white rounded-2xl border border-slate-100 overflow-hidden flex flex-col justify-between hover-card transition-all duration-300 shadow-sm" data-cat="aprendizaje">
+          <div class="relative bg-slate-50/50 p-4 aspect-square flex items-center justify-center">
+            <img src="https://trastobooks.com/73-home_default/superando-los-miedos.jpg" 
+                 onerror="this.onerror=null; this.src='https://placehold.co/300x300/F0FDFA/0284C7?text=Miedos'" 
+                 alt="Superando los miedos" class="max-h-full object-contain rounded-lg">
+          </div>
+          <div class="p-4 space-y-2">
+            <span class="text-[9px] text-trastoBlue font-bold uppercase block">Psicología infantil</span>
+            <h3 class="font-title text-sm font-bold text-trastoDark line-clamp-1">Superando los miedos</h3>
+            <div class="flex items-center justify-between pt-2 border-t border-slate-100">
+              <span class="font-title text-base font-extrabold text-trastoDark">29,95 €</span>
+              <a href="https://trastobooks.com/es/carrito?custom_book=4" class="bg-trastoBlue hover:bg-trastoBlueHover text-white text-[11px] font-bold px-3 py-1.5 rounded-lg transition-colors">
+                Personalizar
+              </a>
+            </div>
+          </div>
+        </div>
+
+        <!-- Producto 2: En la barriga de mamá hay un bebé -->
+        <div class="product-item bg-white rounded-2xl border border-slate-100 overflow-hidden flex flex-col justify-between hover-card transition-all duration-300 shadow-sm" data-cat="familia">
+          <div class="relative bg-slate-50/50 p-4 aspect-square flex items-center justify-center">
+            <img src="https://trastobooks.com/118-home_default/en-la-barriga-de-mama-hay-un-bebe.jpg" 
+                 onerror="this.onerror=null; this.src='https://placehold.co/300x300/F0FDFA/0284C7?text=Mamá+Bebé'" 
+                 alt="Barriga de mamá" class="max-h-full object-contain rounded-lg">
+          </div>
+          <div class="p-4 space-y-2">
+            <span class="text-[9px] text-trastoGreen font-bold uppercase block">Hermanos</span>
+            <h3 class="font-title text-sm font-bold text-trastoDark line-clamp-1">En la barriga de mamá hay...</h3>
+            <div class="flex items-center justify-between pt-2 border-t border-slate-100">
+              <span class="font-title text-base font-extrabold text-trastoDark">29,95 €</span>
+              <a href="https://trastobooks.com/es/carrito?custom_book=2" class="bg-trastoBlue hover:bg-trastoBlueHover text-white text-[11px] font-bold px-3 py-1.5 rounded-lg transition-colors">
+                Personalizar
+              </a>
+            </div>
+          </div>
+        </div>
+
+        <!-- Producto 15: Cleo y Cuquín: Una Navidad especial -->
+        <div class="product-item bg-white rounded-2xl border border-slate-100 overflow-hidden flex flex-col justify-between hover-card transition-all duration-300 shadow-sm" data-cat="navidad">
+          <div class="relative bg-slate-50/50 p-4 aspect-square flex items-center justify-center">
+            <img src="https://trastobooks.com/445-home_default/cleo-y-cuquin-navidad.jpg" 
+                 onerror="this.onerror=null; this.src='https://placehold.co/300x300/F0FDFA/0284C7?text=Navidad+Cleo'" 
+                 alt="Cleo y Cuquín Navidad" class="max-h-full object-contain rounded-lg">
+          </div>
+          <div class="p-4 space-y-2">
+            <span class="text-[9px] text-trastoBlue font-bold uppercase block">Navidad</span>
+            <h3 class="font-title text-sm font-bold text-trastoDark line-clamp-1">Cleo y Cuquín: Navidad</h3>
+            <div class="flex items-center justify-between pt-2 border-t border-slate-100">
+              <span class="font-title text-base font-extrabold text-trastoDark">32,00 €</span>
+              <a href="https://trastobooks.com/es/carrito?custom_book=15" class="bg-trastoBlue hover:bg-trastoBlueHover text-white text-[11px] font-bold px-3 py-1.5 rounded-lg transition-colors">
+                Personalizar
+              </a>
+            </div>
+          </div>
+        </div>
+
+      </div>
+
+      <!-- Enlace oficial central para ver más productos -->
+      <div class="mt-12 text-center">
+        <a href="https://trastobooks.com/es/2-cuentos-personalizados" class="inline-flex items-center gap-2 bg-white border border-slate-200 hover:border-trastoBlue text-trastoDark hover:text-trastoBlue px-6 py-3 rounded-full text-xs font-bold transition-all shadow-sm">
+          <span>Ver todo el catálogo en la tienda oficial</span>
+          <i class="fa-solid fa-chevron-right text-[10px]"></i>
+        </a>
+      </div>
+
+    </div>
+  </section>
+
+  <section class="py-16 bg-white">
+    <div class="container mx-auto px-4 max-w-5xl">
+      <div class="grid grid-cols-1 lg:grid-cols-12 gap-12 items-center">
+        
+        <!-- Vídeo representativo estructurado y centrado -->
+        <div class="lg:col-span-5 relative">
+          <div class="absolute inset-0 bg-trastoMint rounded-3xl rotate-3 -z-10 opacity-70"></div>
+          <div class="bg-slate-50 p-3 rounded-3xl border border-slate-100 shadow-md overflow-hidden">
+            <div class="aspect-[4/3] bg-slate-900 rounded-2xl overflow-hidden relative">
+              <video class="w-full h-full object-cover" controls preload="metadata" poster="https://placehold.co/600x450/0F172A/FFF?text=Video+TrastoBooks">
+                <source src="/img/cms/Dayvo/video-trasto-abril.mp4" type="video/mp4">
+                Tu navegador no soporta reproducción de vídeo.
+              </video>
+            </div>
+          </div>
+        </div>
+
+        <!-- Contenido y Filosofía de TrastoBooks -->
+        <div class="lg:col-span-7 space-y-5">
+          <span class="text-trastoGreen font-bold text-xs uppercase tracking-widest block">Elaboración Artesanal y Pedagógica</span>
+          <h2 class="font-title text-2xl sm:text-3xl font-extrabold text-trastoDark">
+            ¡Últimas Novedades de Trasto!
+          </h2>
+          <div class="text-slate-600 text-sm leading-relaxed space-y-4">
+            <p>
+              Todos nuestros cuentos están <strong>diseñados y revisados por profesionales de la educación</strong>, buscando siempre nuevas ideas con las que ilusionar a los pequeños de la casa.
+            </p>
+            <p>
+              Nuestra elaboración es casi artesanal: combinamos tecnologías digitales para que puedas personalizar los nombres e imágenes de manera rápida, pero nuestro proceso de ilustración y desarrollo pedagógico es 100% humano y pensado con amor.
+            </p>
+            <p>
+              Son el regalo perfecto para fechas señaladas, cumpleaños, el día del padre o de la madre, y para construir recuerdos imborrables que perdurarán con el paso de los años.
+            </p>
+          </div>
+          <div class="pt-2">
+            <a href="https://wa.me/34633763957" target="_blank" class="inline-flex items-center gap-2 bg-emerald-600 hover:bg-emerald-700 text-white font-bold px-5 py-3 rounded-xl text-xs shadow-sm transition-colors">
+              <i class="fab fa-whatsapp text-base"></i>
+              <span>¿Tienes dudas? Te ayudamos al instante</span>
+            </a>
+          </div>
+        </div>
+
+      </div>
+    </div>
+  </section>
+
+  <footer class="bg-slate-900 text-slate-400 pt-16 pb-8 border-t border-slate-800">
+    <div class="container mx-auto px-4 space-y-12">
+      
+      <!-- Bloque de Newsletter Renovado e integrado -->
+      <div class="bg-gradient-to-r from-trastoBlue to-trastoGreen rounded-2xl p-6 sm:p-10 text-white flex flex-col lg:flex-row justify-between items-center gap-6 shadow-md">
+        <div class="space-y-1 text-center lg:text-left max-w-lg">
+          <h3 class="font-title text-xl sm:text-2xl font-extrabold">Únete a nuestra comunidad</h3>
+          <p class="text-white/80 text-xs sm:text-sm">Recibe ofertas exclusivas, novedades editoriales y consejos educativos de manera mensual.</p>
+        </div>
+        <div class="w-full lg:w-auto max-w-md">
+          <form onsubmit="handleNewsletterSubmit(event)" class="space-y-3">
+            <div class="flex flex-col sm:flex-row gap-2">
+              <input type="email" placeholder="Introduce tu correo electrónico" class="bg-white/10 border border-white/20 text-white placeholder-white/50 rounded-xl px-4 py-2.5 text-xs focus:outline-none focus:ring-2 focus:ring-white w-full sm:w-64" required>
+              <button type="submit" class="bg-white text-trastoBlue font-title font-bold px-5 py-2.5 rounded-xl hover:bg-slate-100 transition-colors text-xs whitespace-nowrap">
+                Suscribirme
+              </button>
+            </div>
+            <label class="flex items-start gap-2 cursor-pointer text-[10px] text-white/70 select-none">
+              <input type="checkbox" required class="mt-0.5 rounded border-white/20 text-trastoBlue focus:ring-0 bg-white/10">
+              <span>Acepto las condiciones de uso y la política de privacidad.</span>
+            </label>
+          </form>
+        </div>
+      </div>
+
+      <!-- Enlaces de Navegación del Pie de Página -->
+      <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8 text-xs">
+        
+        <!-- Info Principal -->
+        <div class="space-y-4">
+          <img class="h-10 w-auto object-contain brightness-0 invert opacity-90" 
+               src="https://trastobooks.com/img/trastobooks-cuentos-personalizados-para-ninos-y-ninas-logo-1603366710.jpg" 
+               onerror="this.onerror=null; this.src='https://placehold.co/240x80/000/FFF?text=TrastoBooks'" 
+               alt="TrastoBooks">
+          <p class="text-slate-500 leading-relaxed text-xs">
+            Creamos cuentos donde la magia y el aprendizaje se encuentran. Personaliza el cuento perfecto que recordarán para siempre.
+          </p>
+          <div class="flex gap-4 text-base text-slate-500">
+            <a href="https://www.facebook.com/trastobooks" target="_blank" class="hover:text-white transition-colors" aria-label="Facebook"><i class="fab fa-facebook"></i></a>
+            <a href="https://www.twitter.com/trastobooks" target="_blank" class="hover:text-white transition-colors" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
+            <a href="https://www.instagram.com/trastobooks/" target="_blank" class="hover:text-white transition-colors" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
+          </div>
+        </div>
+
+        <!-- Colecciones -->
+        <div class="space-y-3">
+          <h4 class="font-title text-white font-bold text-sm">Colecciones</h4>
+          <ul class="space-y-2 text-slate-400 text-xs">
+            <li><a href="#nuestros-cuentos" class="hover:text-white transition-colors">Ofertas Especiales</a></li>
+            <li><a href="#nuestros-cuentos" class="hover:text-white transition-colors">Cuentos Educativos</a></li>
+            <li><a href="#nuestros-cuentos" class="hover:text-white transition-colors">Día del Padre y Madre</a></li>
+            <li><a href="#nuestros-cuentos" class="hover:text-white transition-colors">Cuentos Navideños</a></li>
+          </ul>
+        </div>
+
+        <!-- Nuestra Empresa -->
+        <div class="space-y-3">
+          <h4 class="font-title text-white font-bold text-sm">Nuestra Empresa</h4>
+          <ul class="space-y-2 text-slate-400 text-xs">
+            <li><a href="https://trastobooks.com/es/content/2-politica-de-privacidad" class="hover:text-white transition-colors">Política de privacidad</a></li>
+            <li><a href="https://trastobooks.com/es/content/3-terminos-y-condiciones" class="hover:text-white transition-colors">Términos y condiciones</a></li>
+            <li><a href="https://trastobooks.com/es/content/6-politica-de-cookies" class="hover:text-white transition-colors">Política de cookies</a></li>
+            <li><a href="https://trastobooks.com/es/content/4-sobre-nosotros" class="hover:text-white transition-colors">Sobre nosotros</a></li>
+          </ul>
+        </div>
+
+        <!-- Soporte y Tienda -->
+        <div class="space-y-3">
+          <h4 class="font-title text-white font-bold text-sm">Atención al Cliente</h4>
+          <p class="text-xs text-slate-500 leading-relaxed">¿Dudas con el pedido? Llámanos o escríbenos directamente por WhatsApp de lunes a viernes.</p>
+          <div class="space-y-1.5 text-xs text-slate-300">
+            <p><i class="fa-solid fa-phone text-trastoBlue mr-1.5"></i> Teléfono: <span class="hover:underline cursor-pointer">633763957</span></p>
+            <p><i class="fa-solid fa-envelope text-trastoBlue mr-1.5"></i> Email: <a href="mailto:info@trastobooks.com" class="hover:underline text-white">info@trastobooks.com</a></p>
+          </div>
+        </div>
+
+      </div>
+
+      <!-- Derechos de autor -->
+      <div class="pt-8 border-t border-slate-800 flex flex-col sm:flex-row justify-between items-center gap-4 text-xs text-slate-600">
+        <p>&copy; 2026 TrastoBooks.com. Todos los derechos reservados.</p>
+        <p>Hecho con ❤️ en España.</p>
+      </div>
+    </div>
+  </footer>
+
+  <!-- Botón de WhatsApp flotante oficial -->
+  <a href="https://wa.me/34633763957" class="fixed bottom-6 right-6 z-50 bg-emerald-600 hover:bg-emerald-500 text-white font-bold px-4 py-3 rounded-full shadow-lg flex items-center gap-2 text-xs sm:text-sm transition-all" target="_blank" rel="nofollow">
+    <i class="fab fa-whatsapp text-lg"></i>
+    <span>Ayuda</span>
+  </a>
+
+  <!-- Banner Cookie Consent / GDPR minimalista -->
+  <div id="cookies-consent-banner" class="fixed bottom-6 left-6 z-50 bg-white border border-slate-100 p-5 rounded-2xl shadow-xl max-w-sm flex flex-col gap-3 transition-all duration-500 transform translate-y-0">
+    <div class="space-y-1">
+      <h5 class="font-title text-xs font-bold text-trastoDark flex items-center gap-1.5">
+        <i class="fa-solid fa-cookie-bite text-trastoBlue text-sm"></i> Consentimiento de Cookies
+      </h5>
+      <p class="text-[10px] text-slate-500 leading-relaxed">
+        Utilizamos cookies para garantizar la mejor experiencia en nuestra tienda online. ¿Aceptas estas cookies?
+      </p>
+    </div>
+    <div class="flex gap-2">
+      <button onclick="acceptCookies()" class="flex-1 bg-slate-900 hover:bg-slate-800 text-white font-bold text-[10px] py-2 rounded-lg transition-colors">Aceptar todas</button>
+      <button onclick="acceptCookies()" class="flex-1 bg-slate-50 hover:bg-slate-100 text-slate-600 font-bold text-[10px] py-2 rounded-lg transition-colors">Configurar</button>
+    </div>
+  </div>
+
+  <!-- Caja de Notificaciones / Alertas elegante -->
+  <div id="alert-box" class="fixed top-6 left-1/2 -translate-x-1/2 z-50 bg-slate-900 text-white px-5 py-3 rounded-xl shadow-lg flex items-center gap-2 transform -translate-y-24 opacity-0 transition-all duration-300 text-xs font-bold">
+    <i class="fa-solid fa-circle-check text-trastoBlue"></i>
+    <span id="alert-text">Mensaje</span>
+  </div>
+
+  <script>
+    function toggleMobileMenu() {
+      const menu = document.getElementById("mobile-menu");
+      menu.classList.toggle("hidden");
+    }
+
+    // Filtrar libros dinámicamente en el catálogo
+    function filterBooks(category) {
+      const items = document.querySelectorAll(".product-item");
+      const buttons = [
+        { id: "filter-btn-todos", cat: "todos" },
+        { id: "filter-btn-aprendizaje", cat: "aprendizaje" },
+        { id: "filter-btn-familia", cat: "familia" },
+        { id: "filter-btn-navidad", cat: "navidad" }
+      ];
+
+      buttons.forEach(btn => {
+        const el = document.getElementById(btn.id);
+        if (btn.cat === category) {
+          el.className = "px-4 py-1.5 rounded-full text-xs font-bold bg-trastoBlue text-white transition-all shadow-sm";
+        } else {
+          el.className = "px-4 py-1.5 rounded-full text-xs font-bold bg-white border border-slate-200 text-trastoDark hover:border-trastoBlue transition-all";
+        }
+      });
+
+      items.forEach(item => {
+        if (category === "todos" || item.getAttribute("data-cat") === category) {
+          item.classList.remove("hidden");
+        } else {
+          item.classList.add("hidden");
+        }
+      });
+    }
+
+    // Envío del formulario de newsletter simulado
+    function handleNewsletterSubmit(event) {
+      event.preventDefault();
+      showAlert("¡Gracias por registrarte! Te mantendremos al tanto de las ofertas.");
+      event.target.reset();
+    }
+
+    // Consentimiento de cookies simplificado
+    function acceptCookies() {
+      const banner = document.getElementById("cookies-consent-banner");
+      banner.classList.add("translate-y-48", "opacity-0");
+      setTimeout(() => banner.remove(), 1000);
+    }
+
+    // Sistema de notificaciones no intrusivo
+    function showAlert(msg) {
+      const alertBox = document.getElementById("alert-box");
+      const alertText = document.getElementById("alert-text");
+      alertText.innerText = msg;
+      
+      alertBox.classList.remove("-translate-y-24", "opacity-0");
+      alertBox.classList.add("translate-y-0", "opacity-100");
+
+      setTimeout(() => {
+        alertBox.classList.add("-translate-y-24", "opacity-0");
+        alertBox.classList.remove("translate-y-0", "opacity-100");
+      }, 4000);
+    }
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/html/index.php b/src/html/index.php
new file mode 100644
index 0000000..0bfbc90
--- /dev/null
+++ b/src/html/index.php
@@ -0,0 +1,33 @@
+<?php 
+error_reporting(-1); //remove later
+session_start();
+require_once '../lib/autoload.php';
+
+$path = getcwd()."/../config/config.ini";
+$array_ini = parse_ini_file($path, true);
+if(isset($array_ini["APP_DATA"]))
+{
+    foreach($array_ini["APP_DATA"] as $var=>$value)
+    {
+        define(strtoupper($var),$value);
+    }
+}
+/*
+
+if(error_log("API Access"))
+    echo "SI";
+else
+    echo "NO";
+*/
+try{
+    $b = new boot();
+} catch (Exception $e) {
+    echo 'Caught exception: ',  $e->getMessage(), "\n";
+}
+
+//session_destroy();die;
+
+
+//echo core\debug\debug::getLog(); die;
+
+?>
diff --git a/src/html/js/admin/editor.js b/src/html/js/admin/editor.js
new file mode 100644
index 0000000..13f564a
--- /dev/null
+++ b/src/html/js/admin/editor.js
@@ -0,0 +1,851 @@
+let activePageId;
+
+// Inicialización del editor en caliente protegiendo tiempos de renderizado de PHP
+window.onload = function() {
+    if (typeof bookConfig !== 'undefined' && bookConfig.pages && bookConfig.pages.length > 0) {
+        activePageId = bookConfig.pages[0].page_id;
+    } else {
+        // Fallback estructural por si el entorno del iframe carga sin config
+        bookConfig = {
+            "book_id": 99,
+            "settings": {
+                "dpi": 300,
+                "fonts": { "main": "Mali-Bold.ttf", "secondary": "Calibri.ttf" },
+                "base_font_size": 130,
+                "colors": { "black": "#1E293B", "white": "#FFFFFF", "title": "#0284C7", "accent": "#0D9488" },
+                "variables": { "name": "Martín", "ninyo1": "assets/fotos/ninyo.png", "papa": "assets/fotos/papa.png" }
+            },
+            "user_photo": { "width": 450, "height": 450 },
+            "pages": [
+                {
+                    "page_id": 0,
+                    "description": "Portada del Cuento",
+                    "background": "assets/fondos/selva_portada_bg.png",
+                    "elements": [
+                        { "type": "photo", "x": 830, "y": 830, "width": 450, "height": 450, "rotation": 0, "variable": "ninyo1" },
+                        { "type": "text", "x": 100, "y": 100, "width": 1800, "height": 300, "rotation": 0, "text": { "es": "La gran selva de {{name}}" }, "style": { "size": 150, "color": "title", "gravity": "CENTER" } }
+                    ]
+                }
+            ]
+        };
+        activePageId = bookConfig.pages[0].page_id;
+    }
+
+    // Inicializar secciones
+    initGlobalForm();
+    renderColors();
+    renderVariables();
+    renderPagesList();
+    loadActivePageElements();
+    renderCanvas();
+};
+
+// Conversión matemática: Píxeles de Imprenta a Centímetros físicos (origen top-left 0,0)
+function pxToCm(pxValue) {
+    const dpi = bookConfig.settings.dpi || 300;
+    const inches = pxValue / dpi;
+    const cm = inches * 2.54;
+    return parseFloat(cm.toFixed(2));
+}
+
+function cmToPx(cmValue) {
+    const dpi = bookConfig.settings.dpi || 300;
+    const inches = cmValue / 2.54;
+    return Math.round(inches * dpi);
+}
+
+// Mostrar Toast emergente
+function showToast(message, isError = false) {
+    const toast = document.getElementById('toast');
+    const iconContainer = document.getElementById('toastIconContainer');
+    const text = document.getElementById('toastMessage');
+    text.textContent = message;
+
+    if (isError) {
+        iconContainer.className = "w-6 h-6 rounded-full flex items-center justify-center text-xs bg-rose-500/10 text-rose-400 border border-rose-500/20";
+        iconContainer.innerHTML = '<i class="fa-solid fa-circle-exclamation"></i>';
+    } else {
+        iconContainer.className = "w-6 h-6 rounded-full flex items-center justify-center text-xs bg-emerald-500/10 text-emerald-400 border border-emerald-500/20";
+        iconContainer.innerHTML = '<i class="fa-solid fa-circle-check"></i>';
+    }
+
+    toast.classList.remove('opacity-0', 'translate-y-10');
+    toast.classList.add('opacity-100', 'translate-y-0');
+
+    setTimeout(() => {
+        toast.classList.add('opacity-0', 'translate-y-10');
+        toast.classList.remove('opacity-100', 'translate-y-0');
+    }, 3000);
+}
+
+// Inicializar Formulario global con ajustes
+function initGlobalForm() {
+    document.getElementById('global-book-id').value = bookConfig.book_id;
+    document.getElementById('global-dpi').value = bookConfig.settings.dpi;
+    document.getElementById('global-fontsize').value = bookConfig.settings.base_font_size;
+    document.getElementById('global-photowidth').value = bookConfig.user_photo.width;
+    document.getElementById('global-photoheight').value = bookConfig.user_photo.height;
+    document.getElementById('global-font-main').value = bookConfig.settings.fonts.main;
+    document.getElementById('global-font-sec').value = bookConfig.settings.fonts.secondary;
+}
+
+// Renderizar paleta de colores de imprenta
+function renderColors() {
+    const container = document.getElementById('colors-list');
+    if(!container) return;
+    container.innerHTML = '';
+    Object.entries(bookConfig.settings.colors).forEach(([key, val]) => {
+        const row = document.createElement('div');
+        row.className = "flex items-center gap-2";
+        row.innerHTML = `
+            <span class="w-16 font-bold text-slate-400 capitalize">${key}:</span>
+            <input type="color" value="${val}" class="w-8 h-8 rounded border-0 cursor-pointer p-0 bg-transparent" onchange="updateGlobalColor('${key}', this.value)">
+            <input type="text" value="${val}" class="w-full bg-slate-50 border border-slate-200 rounded px-2 py-1 uppercase text-mono text-[11px]" onchange="updateGlobalColor('${key}', this.value)">
+        `;
+        container.appendChild(row);
+    });
+}
+
+// Renderizar y editar variables como etiquetas fijas de solo entrada de valor (con alineación mejorada)
+function renderVariables() {
+    const container = document.getElementById('variables-list');
+    if (!container) return;
+    container.innerHTML = '';
+
+    if (!bookConfig.settings.variables) {
+        bookConfig.settings.variables = {};
+    }
+
+    Object.entries(bookConfig.settings.variables).forEach(([key, val]) => {
+        const col = document.createElement('div');
+        col.className = "flex items-end gap-1.5 bg-slate-50 p-2.5 rounded-xl border border-slate-100 hover:border-slate-200 transition-all";
+        col.innerHTML = `
+            <div class="flex-grow space-y-1">
+                <span class="block text-[11px] font-mono font-bold text-slate-500 uppercase tracking-wider">${key}</span>
+                <input type="text" value="${val}" placeholder="Ruta física o texto..." class="w-full bg-white border border-slate-200 rounded-md px-2 py-1 text-xs font-semibold focus:outline-none focus:ring-1 focus:ring-trastoBlue" onchange="updateVariableValue('${key}', this.value)">
+            </div>
+            <!-- Botonera de control alineada simétricamente con el input de texto -->
+            <div class="flex items-center gap-0.5 mb-0.5 shrink-0">
+                <button type="button" onclick="renderCanvas()" class="text-trastoBlue hover:text-trastoBlueHover p-1.5 transition-colors" title="Refrescar vista de lienzo (Fuerza recarga de imágenes)">
+                    <i class="fa-solid fa-arrows-rotate text-xs"></i>
+                </button>
+                <button type="button" onclick="deleteVariable('${key}')" class="text-rose-500 hover:text-rose-700 p-1.5 transition-colors" title="Eliminar variable">
+                    <i class="fa-regular fa-trash-can text-sm"></i>
+                </button>
+            </div>
+        `;
+        container.appendChild(col);
+    });
+}
+
+function updateVariableValue(key, val) {
+    bookConfig.settings.variables[key] = val;
+    renderCanvas();
+}
+
+function deleteVariable(key) {
+    delete bookConfig.settings.variables[key];
+    renderVariables();
+    loadActivePageElements(); // Refrescar los selectores de variables de fotos
+    renderCanvas();
+}
+
+function addNewVariable() {
+    if (!bookConfig.settings.variables) {
+        bookConfig.settings.variables = {};
+    }
+    const keyName = prompt("Escribe el nombre identificador para la variable:");
+    if (keyName && keyName.trim() !== '') {
+        const cleanKey = keyName.trim();
+        bookConfig.settings.variables[cleanKey] = "Valor";
+        renderVariables();
+        loadActivePageElements(); // Refrescar los selectores de variables de fotos
+        renderCanvas();
+    }
+}
+
+// Actualizar un valor global de configuración
+function updateGlobalSetting(key, val, section = null) {
+    if (section) {
+        bookConfig[section][key] = val;
+    } else {
+        bookConfig[key] = val;
+    }
+    renderCanvas();
+    loadActivePageElements();
+}
+
+function updateGlobalFont(key, val) {
+    bookConfig.settings.fonts[key] = val;
+}
+
+function updateGlobalColor(key, val) {
+    bookConfig.settings.colors[key] = val;
+    renderColors();
+    renderCanvas();
+}
+
+// Cargar y mostrar lista lateral de páginas
+function renderPagesList() {
+    const container = document.getElementById('pages-list');
+    if(!container) return;
+    container.innerHTML = '';
+    bookConfig.pages.forEach((p) => {
+        const btn = document.createElement('button');
+        btn.className = `w-full text-left px-3 py-2.5 rounded-xl text-xs font-bold flex items-center justify-between group transition-all ${p.page_id === activePageId ? 'bg-trastoBlue/10 text-trastoBlue font-extrabold shadow-xs' : 'text-slate-600 hover:bg-slate-50'}`;
+        btn.innerHTML = `
+            <div class="flex items-center gap-2" onclick="setActivePage(${p.page_id})">
+                <span class="font-mono bg-slate-200/60 group-hover:bg-slate-200 text-slate-600 w-5 h-5 rounded flex items-center justify-center text-[10px]">${p.page_id}</span>
+                <span>${p.description || 'Página sin nombre'}</span>
+            </div>
+            <button onclick="deletePage(${p.page_id})" class="text-slate-400 hover:text-trastoPink p-1 opacity-0 group-hover:opacity-100 transition-opacity">
+                <i class="fa-regular fa-trash-can"></i>
+            </button>
+        `;
+        container.appendChild(btn);
+    });
+}
+
+function setActivePage(id) {
+    activePageId = id;
+    const pageTitle = document.getElementById('active-page-title');
+    if(pageTitle) pageTitle.innerText = `#${id}`;
+    renderPagesList();
+    loadActivePageElements();
+    renderCanvas();
+}
+
+// Cargar los campos editables del sidebar de elementos
+function loadActivePageElements() {
+    const container = document.getElementById('elements-editor-container');
+    if(!container) return;
+    container.innerHTML = '';
+
+    const page = bookConfig.pages.find(p => p.page_id === activePageId);
+    if (!page) return;
+
+    // Cargar imagen de fondo a través de la pasarela PHP
+    const backgroundPath = page.background || '';
+    const canvasEl = document.getElementById('visual-canvas');
+    if (canvasEl) {
+        if (backgroundPath) {
+            const secureBackgroundUrl = `/admin/getImage?book=${bookConfig.book_id}&file=${encodeURIComponent(backgroundPath)}`;
+            canvasEl.style.backgroundImage = `url('${secureBackgroundUrl}')`;
+            canvasEl.style.backgroundSize = "cover";
+            canvasEl.style.backgroundPosition = "center";
+            canvasEl.style.backgroundRepeat = "no-repeat";
+        } else {
+            canvasEl.style.backgroundImage = 'none';
+            canvasEl.style.backgroundColor = '#ffffff';
+        }
+    }
+
+    // Título y fondo de página
+    const pageHeader = document.createElement('div');
+    pageHeader.className = "bg-slate-50 p-4 rounded-xl border border-slate-200/60 space-y-3";
+    pageHeader.innerHTML = `
+        <div>
+            <label class="block text-[10px] font-bold text-slate-400 uppercase tracking-wider">Título de esta página</label>
+            <input type="text" value="${page.description}" class="w-full bg-white border border-slate-200 rounded-lg px-3 py-1.5 text-xs font-semibold focus:outline-none" oninput="renamePage(${page.page_id}, this.value)">
+        </div>
+        <div>
+            <label class="block text-[10px] font-bold text-slate-400 uppercase tracking-wider">Ruta de fondo de página</label>
+            <input type="text" value="${page.background || ''}" placeholder="Ej: assets/fondos/pagina_bg.png" class="w-full bg-white border border-slate-200 rounded-lg px-3 py-1.5 text-xs font-mono focus:outline-none" onchange="updatePageBackground(this.value)">
+        </div>
+    `;
+    container.appendChild(pageHeader);
+
+    // Campos de cada elemento de la página activa
+    page.elements.forEach((el, index) => {
+        const card = document.createElement('div');
+        card.className = `p-4 rounded-xl border transition-all ${el.type === 'photo' ? 'border-emerald-100 bg-emerald-50/20' : 'border-sky-100 bg-sky-50/20'}`;
+        
+        const xCm = pxToCm(el.x);
+        const yCm = pxToCm(el.y);
+        
+        // Obtener o inicializar dimensiones de este elemento en píxeles
+        const defaultW = el.type === 'photo' ? bookConfig.user_photo.width : 600;
+        const defaultH = el.type === 'photo' ? bookConfig.user_photo.height : 200;
+        const elW = el.width || defaultW;
+        const elH = el.height || defaultH;
+        
+        // Guardar valores por defecto en el config para consistencia
+        if (!el.width) el.width = elW;
+        if (!el.height) el.height = elH;
+        if (el.rotation === undefined) el.rotation = 0;
+        if (el.variable === undefined) el.variable = "";
+
+        const wCm = pxToCm(elW);
+        const hCm = pxToCm(elH);
+
+        let innerHtml = `
+            <div class="flex items-center justify-between mb-3">
+                <span class="text-[10px] font-bold uppercase tracking-wider px-2 py-0.5 rounded-md ${el.type === 'photo' ? 'bg-emerald-100 text-emerald-800' : 'bg-sky-100 text-sky-800'}">
+                    <i class="${el.type === 'photo' ? 'fa-solid fa-image' : 'fa-solid fa-font'} mr-1"></i> ${el.type === 'photo' ? 'Zona Foto' : 'Zona Texto'}
+                </span>
+                <button onclick="removeElement(${index})" class="text-slate-400 hover:text-trastoPink transition-colors text-xs">
+                    <i class="fa-regular fa-trash-can"></i> Quitar
+                </button>
+            </div>
+
+            <!-- Posición (X, Y) -->
+            <div class="grid grid-cols-2 gap-3 mb-3 border-b border-slate-100/50 pb-3">
+                <div>
+                    <label class="block text-[10px] font-bold text-slate-400 mb-1">Posición X (cm)</label>
+                    <input type="number" step="0.1" min="0" max="18" value="${xCm}" data-el-idx="${index}" data-axis="x" class="w-full bg-white border border-slate-200 rounded-lg px-2.5 py-1.5 text-xs font-bold font-mono focus:outline-none" oninput="updateElementCm(${index}, 'x', parseFloat(this.value))">
+                    <span data-el-idx="${index}" data-axis="x-px" class="text-[9px] text-slate-400 font-mono mt-0.5 block">${el.x} px</span>
+                </div>
+                <div>
+                    <label class="block text-[10px] font-bold text-slate-400 mb-1">Posición Y (cm)</label>
+                    <input type="number" step="0.1" min="0" max="18" value="${yCm}" data-el-idx="${index}" data-axis="y" class="w-full bg-white border border-slate-200 rounded-lg px-2.5 py-1.5 text-xs font-bold font-mono focus:outline-none" oninput="updateElementCm(${index}, 'y', parseFloat(this.value))">
+                    <span data-el-idx="${index}" data-axis="y-px" class="text-[9px] text-slate-400 font-mono mt-0.5 block">${el.y} px</span>
+                </div>
+            </div>
+
+            <!-- Dimensiones fijas individuales (Width, Height) -->
+            <div class="grid grid-cols-2 gap-3 mb-3 pb-3 border-b border-slate-100/50">
+                <div>
+                    <label class="block text-[10px] font-bold text-slate-400 mb-1">Ancho (cm)</label>
+                    <input type="number" step="0.1" min="0.5" max="18" value="${wCm}" data-el-idx="${index}" data-axis="width" class="w-full bg-white border border-slate-200 rounded-lg px-2.5 py-1.5 text-xs font-bold font-mono focus:outline-none" oninput="updateElementSizeCm(${index}, 'width', parseFloat(this.value))">
+                    <span data-el-idx="${index}" data-axis="width-px" class="text-[9px] text-slate-400 font-mono mt-0.5 block">${el.width} px</span>
+                </div>
+                <div>
+                    <label class="block text-[10px] font-bold text-slate-400 mb-1">Alto (cm)</label>
+                    <input type="number" step="0.1" min="0.5" max="18" value="${hCm}" data-el-idx="${index}" data-axis="height" class="w-full bg-white border border-slate-200 rounded-lg px-2.5 py-1.5 text-xs font-bold font-mono focus:outline-none" oninput="updateElementSizeCm(${index}, 'height', parseFloat(this.value))">
+                    <span data-el-idx="${index}" data-axis="height-px" class="text-[9px] text-slate-400 font-mono mt-0.5 block">${el.height} px</span>
+                </div>
+            </div>
+
+            <!-- Propiedad de Rotación de Elemento con sincronización interactiva -->
+            <div class="mb-3 bg-slate-50/50 p-2.5 rounded-xl border border-slate-100">
+                <div class="flex justify-between items-center mb-1.5">
+                    <label class="block text-[10px] font-bold text-slate-500 uppercase tracking-wide">Rotación (Grados)</label>
+                    <span data-rot-val="${index}" class="text-[10px] font-mono text-trastoBlue font-bold">${el.rotation || 0}°</span>
+                </div>
+                <div class="flex items-center gap-2">
+                    <input type="range" data-rot-range="${index}" min="0" max="360" step="1" value="${el.rotation || 0}" class="w-full h-1 bg-slate-200 rounded-lg appearance-none cursor-pointer accent-trastoBlue" oninput="updateElementRotation(${index}, parseInt(this.value))">
+                    <input type="number" data-rot-input="${index}" min="0" max="360" value="${el.rotation || 0}" class="w-14 bg-white border border-slate-200 rounded-lg py-1 text-center text-xs font-bold font-mono focus:outline-none focus:ring-1 focus:ring-trastoBlue" oninput="updateElementRotation(${index}, parseInt(this.value))">
+                </div>
+            </div>
+        `;
+
+        if (el.type === 'photo') {
+            const vars = Object.keys(bookConfig.settings.variables || {});
+            innerHtml += `
+                <div class="mb-3 bg-slate-50/50 p-2.5 rounded-xl border border-slate-100">
+                    <label class="block text-[10px] font-bold text-slate-500 uppercase mb-1.5 tracking-wide">Variable de Foto Asociada</label>
+                    <select onchange="updateElementProp(${index}, 'variable', this.value)" class="w-full bg-white border border-slate-200 rounded-lg px-3 py-1.5 text-xs font-semibold focus:outline-none">
+                        <option value="">Ninguna</option>
+                        ${vars.map(v => `<option value="${v}" ${el.variable === v ? 'selected' : ''}>${v}</option>`).join('')}
+                    </select>
+                </div>
+            `;
+        }
+
+        if (el.type === 'text') {
+            innerHtml += `
+                <div class="space-y-2.5 pt-2 border-t border-slate-100">
+                    <div>
+                        <label class="block text-[10px] font-bold text-slate-400">Texto Español (ES)</label>
+                        <input type="text" value="${el.text.es || ''}" class="w-full bg-white border border-slate-200 rounded-lg px-2.5 py-1.5 text-xs font-medium focus:outline-none" oninput="updateElementText(${index}, 'es', this.value)">
+                    </div>
+                    <div class="grid grid-cols-2 gap-3">
+                        <div>
+                            <label class="block text-[10px] font-bold text-slate-400">Inglés (EN)</label>
+                            <input type="text" value="${el.text.en || ''}" class="w-full bg-white border border-slate-200 rounded-lg px-2.5 py-1.5 text-xs focus:outline-none" oninput="updateElementText(${index}, 'en', this.value)">
+                        </div>
+                        <div>
+                            <label class="block text-[10px] font-bold text-slate-400">Catalán (CA)</label>
+                            <input type="text" value="${el.text.ca || ''}" class="w-full bg-white border border-slate-200 rounded-lg px-2.5 py-1.5 text-xs focus:outline-none" oninput="updateElementText(${index}, 'ca', this.value)">
+                        </div>
+                    </div>
+
+                    <div class="pt-2 border-t border-slate-100 grid grid-cols-3 gap-2">
+                        <div>
+                            <label class="block text-[9px] font-bold text-slate-400 uppercase">Tamaño (px)</label>
+                            <input type="number" value="${el.style && el.style.size ? el.style.size : bookConfig.settings.base_font_size}" class="w-full bg-white border border-slate-200 rounded-lg px-2 py-1 text-xs focus:outline-none" onchange="updateElementStyle(${index}, 'size', parseInt(this.value))">
+                        </div>
+                        <div>
+                            <label class="block text-[9px] font-bold text-slate-400 uppercase">Color ID</label>
+                            <select class="w-full bg-white border border-slate-200 rounded-lg px-2 py-1 text-xs font-semibold capitalize focus:outline-none" onchange="updateElementStyle(${index}, 'color', this.value)">
+                                <option value="">Por defecto</option>
+                                ${Object.keys(bookConfig.settings.colors).map(c => `<option value="${c}" ${el.style && el.style.color === c ? 'selected' : ''}>${c}</option>`).join('')}
+                            </select>
+                        </div>
+                        <div>
+                            <label class="block text-[9px] font-bold text-slate-400 uppercase">Alineación</label>
+                            <select class="w-full bg-white border border-slate-200 rounded-lg px-2 py-1 text-xs font-semibold focus:outline-none" onchange="updateElementStyle(${index}, 'gravity', this.value)">
+                                <option value="CENTER" ${el.style && el.style.gravity === 'CENTER' ? 'selected' : ''}>Centro</option>
+                                <option value="WEST" ${el.style && el.style.gravity === 'WEST' ? 'selected' : ''}>Izquierda</option>
+                                <option value="EAST" ${el.style && el.style.gravity === 'EAST' ? 'selected' : ''}>Derecha</option>
+                            </select>
+                        </div>
+                    </div>
+                </div>
+            `;
+        }
+
+        card.innerHTML = innerHtml;
+        container.appendChild(card);
+    });
+}
+
+// Actualizar dimensiones físicas de un elemento (Width, Height)
+function updateElementSizeCm(idx, axis, cmVal) {
+    const page = bookConfig.pages.find(p => p.page_id === activePageId);
+    if (page && page.elements[idx]) {
+        if (isNaN(cmVal) || cmVal < 0.1) cmVal = 0.5;
+        if (cmVal > 18.0) cmVal = 18.0;
+
+        const pxVal = cmToPx(cmVal);
+        page.elements[idx][axis] = pxVal;
+
+        const labelEl = document.querySelector(`span[data-el-idx="${idx}"][data-axis="${axis}-px"]`);
+        if (labelEl) {
+            labelEl.innerText = `${pxVal} px`;
+        }
+
+        renderCanvas();
+    }
+}
+
+// Actualizar propiedad de rotación con sincronización bidireccional en caliente
+function updateElementRotation(idx, val) {
+    const page = bookConfig.pages.find(p => p.page_id === activePageId);
+    if (page && page.elements[idx]) {
+        if (isNaN(val)) val = 0;
+        // Normalizar grados entre 0 y 359 de manera segura
+        val = ((val % 360) + 360) % 360;
+
+        page.elements[idx].rotation = val;
+        
+        // Localizar y actualizar los elementos en el DOM de forma reactiva sin reconstruir el panel lateral
+        const rotValLabel = document.querySelector(`span[data-rot-val="${idx}"]`);
+        const rotRangeInput = document.querySelector(`input[data-rot-range="${idx}"]`);
+        const rotNumInput = document.querySelector(`input[data-rot-input="${idx}"]`);
+
+        if (rotValLabel) rotValLabel.innerText = `${val}°`;
+        if (rotRangeInput && parseInt(rotRangeInput.value) !== val) rotRangeInput.value = val;
+        if (rotNumInput && parseInt(rotNumInput.value) !== val) rotNumInput.value = val;
+        
+        renderCanvas();
+    }
+}
+
+// Actualizar imagen de fondo de página
+function updatePageBackground(val) {
+    const page = bookConfig.pages.find(p => p.page_id === activePageId);
+    if (page) {
+        page.background = val;
+        loadActivePageElements();
+        renderCanvas();
+    }
+}
+
+function renamePage(pageId, name) {
+    const page = bookConfig.pages.find(p => p.page_id === pageId);
+    if (page) {
+        page.description = name;
+        renderPagesList();
+    }
+}
+
+// Actualizar coordenadas en centímetros y pasarlas a px para el JSON
+function updateElementCm(idx, axis, cmVal) {
+    const page = bookConfig.pages.find(p => p.page_id === activePageId);
+    if (page && page.elements[idx]) {
+        if (isNaN(cmVal) || cmVal < 0) cmVal = 0;
+        if (cmVal > 18.0) cmVal = 18.0;
+
+        const pxVal = cmToPx(cmVal);
+        page.elements[idx][axis] = pxVal;
+        
+        const labelEl = document.querySelector(`span[data-el-idx="${idx}"][data-axis="${axis}-px"]`);
+        if (labelEl) {
+            labelEl.innerText = `${pxVal} px`;
+        }
+        
+        renderCanvas();
+    }
+}
+
+function renderCanvas() {
+    const container = document.getElementById('canvas-elements');
+    const canvasEl = document.getElementById('visual-canvas');
+    if(!container || !canvasEl) return;
+    container.innerHTML = '';
+
+    const page = bookConfig.pages.find(p => p.page_id === activePageId);
+    if (!page) return;
+
+    const nameValue = bookConfig.settings.variables?.name || 'Martín';
+    const langActive = document.getElementById('sim-lang')?.value || 'es';
+
+    // 18x18 cm mapeado a base píxeles (Origen 0,0 en esquina superior izquierda)
+    const dpi = bookConfig.settings.dpi || 300;
+    const totalPx = Math.round((18 / 2.54) * dpi);
+
+    // Actualizar etiqueta del lienzo dinámetramente
+    const resolutionLabel = document.getElementById('canvas-max-coordinates');
+    if (resolutionLabel) {
+        resolutionLabel.innerText = `Resolución Imprenta: ${totalPx} x ${totalPx} px (18x18 cm)`;
+    }
+
+    page.elements.forEach((el, index) => {
+        let posX = (el.x / totalPx) * 100;
+        let posY = (el.y / totalPx) * 100;
+
+        // Dimensiones relativas en porcentaje respecto al lienzo
+        const defaultW = el.type === 'photo' ? bookConfig.user_photo.width : 600;
+        const defaultH = el.type === 'photo' ? bookConfig.user_photo.height : 200;
+        const widthPx = el.width || defaultW;
+        const heightPx = el.height || defaultH;
+
+        let widthPct = (widthPx / totalPx) * 100;
+        let heightPct = (heightPx / totalPx) * 100;
+
+        // Control de fugas
+        if (posX < 0) posX = 0;
+        if (posX + widthPct > 100) posX = 100 - widthPct;
+        if (posY < 0) posY = 0;
+        if (posY + heightPct > 100) posY = 100 - heightPct;
+
+        const item = document.createElement('div');
+        // Drag-and-drop basado en top-left absoluto (con transformaciones CSS rotadas)
+        item.className = "absolute select-none cursor-move transition-all duration-75 z-10 hover:shadow-lg rounded-xl p-0.5 bg-transparent hover:ring-2 hover:ring-trastoBlue";
+        item.style.left = `${posX}%`;
+        item.style.top = `${posY}%`;
+        item.style.width = `${widthPct}%`;
+        item.style.height = `${heightPct}%`;
+        
+        // Aplicar la rotación del elemento respetando el render del navegador
+        const rotationAngle = el.rotation || 0;
+        item.style.transform = `rotate(${rotationAngle}deg)`;
+
+        if (el.type === 'photo') {
+            const photoBox = document.createElement('div');
+            // Usamos background-size: contain, background-repeat: no-repeat y background-position: center para respetar el tamaño
+            photoBox.className = "w-full h-full border-2 border-emerald-500 bg-emerald-100/70 rounded-xl shadow-lg flex flex-col items-center justify-center text-[10px] text-emerald-800 font-bold p-1 pointer-events-none overflow-hidden relative";
+            photoBox.style.backgroundRepeat = "no-repeat";
+            photoBox.style.backgroundPosition = "center";
+            photoBox.style.backgroundSize = "contain";
+            
+            const variableKey = el.variable;
+            const variableVal = (variableKey && bookConfig.settings.variables) ? bookConfig.settings.variables[variableKey] : null;
+
+            if (variableVal && variableVal.trim() !== '') {
+                // Solicitar la imagen dinámicamente si el input de la variable tiene algo configurado
+                const securePhotoUrl = `/admin/getImage?book=${bookConfig.book_id}&file=${encodeURIComponent(variableVal.trim())}`;
+                photoBox.style.backgroundImage = `url('${securePhotoUrl}')`;
+                photoBox.innerHTML = `
+                    <div class="bg-black/50 text-white text-[8px] px-1.5 py-0.5 rounded backdrop-blur-xs font-mono absolute bottom-1">${variableKey}</div>
+                `;
+            } else {
+                // Estado por defecto
+                photoBox.innerHTML = `
+                    <i class="fa-solid fa-camera text-xl mb-1.5 pointer-events-none"></i>
+                    <span>FOTO (${variableKey || 'Sin variable'})</span>
+                    <span class="text-[8px] opacity-75">${widthPx}x${heightPx} px</span>
+                `;
+            }
+            item.appendChild(photoBox);
+        } else {
+            let rawText = el.text[langActive] || el.text['es'] || '';
+            let procesado = rawText;
+
+            // Inyección dinámica inteligente usando el diccionario de variables del cuento
+            if (bookConfig.settings.variables) {
+                Object.entries(bookConfig.settings.variables).forEach(([vKey, vVal]) => {
+                    const regex = new RegExp(`{{\\s*${vKey}\\s*}}`, 'gi');
+                    procesado = procesado.replace(regex, vVal);
+                });
+            }
+            // Fallback para name de caja de texto
+            procesado = procesado.replace(/{{\s*name\s*}}/gi, nameValue);
+
+            const textBox = document.createElement('div');
+            // Quitamos "overflow-hidden" e inyectamos estilos para saltar de línea dinámicamente si no cabe (Word Wrapping)
+            // Se quita fondo blanco (bg-white/95), borde y sombra para que sea 100% transparente.
+            textBox.className = "w-full h-full px-3 py-2 bg-transparent flex flex-col pointer-events-none justify-center";
+            
+            let colorKey = el.style && el.style.color ? el.style.color : 'black';
+            let hexColor = bookConfig.settings.colors[colorKey] || '#1e293b';
+
+            textBox.style.color = hexColor;
+            textBox.style.fontFamily = el.style && el.style.font === 'secondary' ? 'Quicksand' : 'Fredoka';
+            
+            let scaledSize = el.style && el.style.size ? el.style.size / 6.5 : 14;
+            textBox.style.fontSize = `${Math.max(scaledSize, 11)}px`;
+
+            let alignment = "text-center";
+            if (el.style && el.style.gravity === 'WEST') alignment = "text-left";
+            if (el.style && el.style.gravity === 'EAST') alignment = "text-right";
+            textBox.className += ` ${alignment}`;
+
+            const xCm = pxToCm(el.x);
+            const yCm = pxToCm(el.y);
+
+            // Inyectamos clases de ruptura de línea (break-words, whitespace-normal) para el wrap automático
+            textBox.innerHTML = `
+                <span class="font-bold leading-tight block break-words whitespace-normal" style="word-break: break-word;">${procesado}</span>
+                <span class="text-[7px] text-slate-400 mt-1 font-mono coord-indicator block">x: ${xCm} cm, y: ${yCm} cm</span>
+            `;
+            item.appendChild(textBox);
+        }
+
+        // Acoplar gestor de arrastre físico (drag and drop)
+        setupDragAndDrop(item, el, index, canvasEl, totalPx);
+
+        container.appendChild(item);
+    });
+}
+
+function setupDragAndDrop(item, el, index, canvasEl, totalPx) {
+    item.addEventListener('mousedown', startDrag);
+    item.addEventListener('touchstart', startDrag, { passive: false });
+
+    function startDrag(e) {
+        e.preventDefault();
+        
+        item.classList.add('ring-2', 'ring-trastoPink', 'scale-[1.02]', 'z-20');
+        
+        const clientX = e.type === 'touchstart' ? e.touches[0].clientX : e.clientX;
+        const clientY = e.type === 'touchstart' ? e.touches[0].clientY : e.clientY;
+
+        const rect = canvasEl.getBoundingClientRect();
+        
+        const startX = clientX;
+        const startY = clientY;
+        const initialX = el.x;
+        const initialY = el.y;
+
+        function onDrag(moveEvent) {
+            const currentX = moveEvent.type === 'touchmove' ? moveEvent.touches[0].clientX : moveEvent.clientX;
+            const currentY = moveEvent.type === 'touchmove' ? moveEvent.touches[0].clientY : moveEvent.clientY;
+
+            const deltaX = currentX - startX;
+            const deltaY = currentY - startY;
+
+            const scale = totalPx / rect.width;
+
+            let newX = Math.round(initialX + deltaX * scale);
+            let newY = Math.round(initialY + deltaY * scale);
+
+            // Obtener el ancho y alto del elemento arrastrado
+            const defaultW = el.type === 'photo' ? bookConfig.user_photo.width : 600;
+            const defaultH = el.type === 'photo' ? bookConfig.user_photo.height : 200;
+            const widthPx = el.width || defaultW;
+            const heightPx = el.height || defaultH;
+
+            // Restringir el arrastre dentro de los márgenes reales (Top-Left 0,0 a Max - Tamaño)
+            newX = Math.max(0, Math.min(totalPx - widthPx, newX));
+            newY = Math.max(0, Math.min(totalPx - heightPx, newY));
+
+            el.x = newX;
+            el.y = newY;
+
+            const pctX = (newX / totalPx) * 100;
+            const pctY = (newY / totalPx) * 100;
+            item.style.left = `${pctX}%`;
+            item.style.top = `${pctY}%`;
+
+            const coordIndicator = item.querySelector('.coord-indicator');
+            if (coordIndicator) {
+                coordIndicator.innerText = `x: ${pxToCm(newX)} cm, y: ${pxToCm(newY)} cm`;
+            }
+
+            // Sincronizar inputs numéricos y leyendas en la columna derecha
+            const inputX = document.querySelector(`input[data-el-idx="${index}"][data-axis="x"]`);
+            const inputY = document.querySelector(`input[data-el-idx="${index}"][data-axis="y"]`);
+            const labelX = document.querySelector(`span[data-el-idx="${index}"][data-axis="x-px"]`);
+            const labelY = document.querySelector(`span[data-el-idx="${index}"][data-axis="y-px"]`);
+
+            if (inputX) inputX.value = pxToCm(newX);
+            if (inputY) inputY.value = pxToCm(newY);
+            if (labelX) labelX.innerText = `${newX} px`;
+            if (labelY) labelY.innerText = `${newY} px`;
+        }
+
+        // Finalizar el arrastre de un elemento
+        function endDrag() {
+            item.classList.remove('ring-2', 'ring-trastoPink', 'scale-[1.02]', 'z-20');
+            document.removeEventListener('mousemove', onDrag);
+            document.removeEventListener('mouseup', endDrag);
+            document.removeEventListener('touchmove', onDrag);
+            document.removeEventListener('touchend', endDrag);
+            renderCanvas();
+            loadActivePageElements(); // Forzar recarga de inputs por si el drag cambió de posición
+        }
+
+        document.addEventListener('mousemove', onDrag);
+        document.addEventListener('mouseup', endDrag);
+        document.addEventListener('touchmove', onDrag, { passive: false });
+        document.addEventListener('touchend', endDrag);
+    }
+}
+
+// Funcionalidades de Páginas
+function addNewPage() {
+    const newId = bookConfig.pages.length > 0 ? Math.max(...bookConfig.pages.map(p => p.page_id)) + 1 : 0;
+    const newPage = {
+        "page_id": newId,
+        "description": `Nueva Página ${newId}`,
+        "background": "",
+        "elements": []
+    };
+    bookConfig.pages.push(newPage);
+    setActivePage(newId);
+    showToast("Nueva página en blanco añadida");
+}
+
+// Eliminar página física
+function deletePage(id) {
+    if (bookConfig.pages.length <= 1) {
+        showToast("El libro debe contener al menos una página", true);
+        return;
+    }
+    bookConfig.pages = bookConfig.pages.filter(p => p.page_id !== id);
+    if (activePageId === id) {
+        activePageId = bookConfig.pages[0].page_id;
+    }
+    setActivePage(activePageId);
+    showToast("Página eliminada correctamente");
+}
+
+function addElement(type) {
+    const page = bookConfig.pages.find(p => p.page_id === activePageId);
+    if (!page) return;
+
+    const dpi = bookConfig.settings.dpi || 300;
+    const totalPx = Math.round((18 / 2.54) * dpi);
+    const centerPx = Math.round(totalPx / 2.5);
+
+    let newElement = {};
+    if (type === 'photo') {
+        newElement = {
+            "type": "photo",
+            "x": centerPx,
+            "y": centerPx,
+            "width": bookConfig.user_photo.width,
+            "height": bookConfig.user_photo.height,
+            "rotation": 0,
+            "variable": ""
+        };
+    } else {
+        newElement = {
+            "type": "text",
+            "x": centerPx,
+            "y": Math.round(centerPx / 2),
+            "width": 600,
+            "height": 200,
+            "rotation": 0,
+            "text": {
+                "es": "¡Nuevo texto para {{name}}!",
+                "en": "New text for {{name}}!",
+                "ca": "Nou text per {{name}}!"
+            },
+            "style": {
+                "size": 100,
+                "color": "title",
+                "gravity": "CENTER"
+            }
+        };
+    }
+
+    page.elements.push(newElement);
+    loadActivePageElements();
+    renderCanvas();
+    showToast("Elemento añadido correctamente");
+}
+
+function removeElement(idx) {
+    const page = bookConfig.pages.find(p => p.page_id === activePageId);
+    if (page) {
+        page.elements.splice(idx, 1);
+        loadActivePageElements();
+        renderCanvas();
+    }
+}
+
+function updateElementProp(idx, prop, val) {
+    const page = bookConfig.pages.find(p => p.page_id === activePageId);
+    if (page && page.elements[idx]) {
+        page.elements[idx][prop] = val;
+        renderCanvas();
+    }
+}
+
+function updateElementText(idx, lang, val) {
+    const page = bookConfig.pages.find(p => p.page_id === activePageId);
+    if (page && page.elements[idx] && page.elements[idx].text) {
+        page.elements[idx].text[lang] = val;
+        renderCanvas();
+    }
+}
+
+// Actualizar alineaciones o tamaños de estilo
+function updateElementStyle(idx, styleProp, val) {
+    const page = bookConfig.pages.find(p => p.page_id === activePageId);
+    if (page && page.elements[idx]) {
+        if (!page.elements[idx].style) {
+            page.elements[idx].style = {};
+        }
+        if (val === '') {
+            delete page.elements[idx].style[styleProp];
+        } else {
+            page.elements[idx].style[styleProp] = val;
+        }
+        renderCanvas();
+    }
+}
+
+// Exportar y persistir cambios
+function copyToClipboard() {
+    const text = JSON.stringify(bookConfig, null, 4);
+    const el = document.createElement('textarea');
+    el.value = text;
+    document.body.appendChild(el);
+    el.select();
+    document.execCommand('copy');
+    document.body.removeChild(el);
+    showToast("¡JSON copiado con éxito!");
+}
+
+function downloadJsonFile() {
+    const dataStr = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(bookConfig, null, 4));
+    const downloadAnchor = document.createElement('a');
+    downloadAnchor.setAttribute("href", dataStr);
+    downloadAnchor.setAttribute("download", `book_config_${bookConfig.book_id}.json`);
+    document.body.appendChild(downloadAnchor);
+    downloadAnchor.click();
+    downloadAnchor.remove();
+    showToast("Descarga de configuración iniciada");
+}
+
+function saveConfigToServer() {
+    showToast("Sincronizando cambios con el servidor...");
+    fetch('/admin/guardarconfig', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(bookConfig)
+    })
+    .then(response => {
+        if (!response.ok) throw new Error();
+        return response.json();
+    })
+    .then(data => {
+        if (data.success) {
+            showToast("¡Fichero escrito físicamente en el servidor!");
+        } else {
+            showToast(data.message, true);
+        }
+    })
+    .catch(error => {
+        console.warn("Llamada AJAX simulada.");
+        setTimeout(() => {
+            showToast("Guardado con éxito (Simulado)", false);
+        }, 600);
+    });
+}
\ No newline at end of file
diff --git a/src/lib/autoload.php b/src/lib/autoload.php
new file mode 100644
index 0000000..19dfddb
--- /dev/null
+++ b/src/lib/autoload.php
@@ -0,0 +1,29 @@
+<?php
+
+
+spl_autoload_register(function ($class_name) 
+{
+
+
+    $basepath = array();
+    $basepath[] = APP_DIR."lib/"; //System libs and vendor libs
+    $basepath[] = APP_DIR."controllers/"; //App controllers
+    $basepath[] = APP_DIR."lib/vendors/"; //System libs and vendor libs
+
+    $separator = "/";
+
+    foreach($basepath as $bp)
+    {
+        $classpath = $bp.str_replace('\\', $separator, $class_name) . '.php';
+        //echo "Looking $classpath <br>";
+        //see if the file exsists
+        if(file_exists($classpath))
+        {
+            //echo "Existe $classpath<br>";
+            require_once($classpath);
+            //only require the class once, so quit after to save effort (if you got more, then name them something else
+            return;
+        }           
+    }
+    //echo "Not found $class_name";die;
+});
\ No newline at end of file
diff --git a/src/lib/boot.php b/src/lib/boot.php
new file mode 100644
index 0000000..964c676
--- /dev/null
+++ b/src/lib/boot.php
@@ -0,0 +1,144 @@
+<?php
+//App Bootstrap
+
+class boot 
+{
+    
+    public $configFile = "/config/config.ini";
+
+    public $controller = "";
+    public $action = "";
+    public $isPublic = false;
+
+    public $debug;
+
+    function __construct() 
+    {
+     
+        $iniFile = getcwd()."/..".$this->configFile;
+        if(file_exists($iniFile))
+        {
+            $this->readConfig($iniFile); 
+        }   
+
+        $goTo = $this->processUrl();
+
+        // echo "--> ".$this->controller."<br>";
+        // echo "<pre>";
+        // print_r( get_declared_classes());
+        // echo "</pre>";
+        $cont = $this->controller."Controller";
+        if (class_exists($cont)) 
+        {
+            //echo "controller Exists<br>";
+            $controller = new $cont();
+            
+            if(strpos($this->action,"?")!==false)
+                $this->action = substr($this->action,0,strpos($this->action,"?"));
+
+            $functionName = $this->action; //substr($action,0,strpos($action,"(")); <-- PAra rutas complejas
+            
+            $params = array(); //Deprecated??
+            $controller->render($this->action, $this->isPublic, $params);
+            //echo \core\debug\debug::getLog(); die;
+        }
+        else
+        {
+            //echo "No controller exists Redirect";die;
+            redirect::goto("/error",301);
+        }
+            
+        
+    }
+
+    function readConfig($path)
+    {
+        $array_ini = parse_ini_file($path, true);
+        
+        if(isset($array_ini["SESSION"]))
+        {
+            if($array_ini["SESSION"]["enabled"]==0)
+            {
+                session_destroy();
+            }
+            else
+            {
+                if (session_status() === PHP_SESSION_NONE) 
+                {
+                    session_start();
+                }
+            }
+        }
+    
+        if(isset($array_ini["DB"]))
+        {
+            
+            foreach($array_ini["DB"] as $varname => $line)
+            {
+                $aux = explode(".",$varname);
+                $dbname = $aux[1];
+                if(!isset($_SESSION["database"][$dbname]))
+                {
+                    $dbinfo = new \stdClass();
+                    $dbinfo->host = $array_ini["DB"]["database.$dbname.host"];
+                    $dbinfo->user = $array_ini["DB"]["database.$dbname.user"];
+                    $dbinfo->pass = $array_ini["DB"]["database.$dbname.password"];
+                    $dbinfo->dbname = $array_ini["DB"]["database.$dbname.databasename"];
+    
+                    $_SESSION["database"][$dbname] = $dbinfo;
+
+                   
+                }
+                
+            }
+            
+            
+        }
+        
+    }
+
+    public function processUrl()
+    {
+        $url = $_SERVER["REQUEST_URI"];
+
+        if($url[0]=="/")
+        {
+            $url = substr($url,1);
+        }
+        $urlsplit = explode("/",$url);
+        
+        if(isset($urlsplit[0]))
+            $project = $urlsplit[0];
+        else
+            $project = DEFAULT_CONTROLLER; //DEFAULT_CONTROLLER
+        
+        if(isset($urlsplit[1]))
+            $action = $urlsplit[1];
+        else
+            $action = DEFAULT_ACTION; //DEFAULT_ACTION
+        
+        if($project=="")
+        {
+            $project = DEFAULT_CONTROLLER;
+        }
+        
+        if($action=="")
+        {
+            $action = DEFAULT_ACTION;
+        }
+        
+        $this->controller = $project;
+        $this->action = $action;
+
+        //echo ("Quiero ir a $project y hacer $action <br>");
+        if(strpos($action,"?")>0)
+            $actionNoParams = substr($action, 0,strpos($action,"?"));
+        else
+            $actionNoParams = $action;
+        $routeToCheck = "/".$project."/".$actionNoParams;
+
+        return $routeToCheck;
+    }
+
+    
+}
\ No newline at end of file
diff --git a/src/lib/common/strings.php b/src/lib/common/strings.php
new file mode 100644
index 0000000..3f262ee
--- /dev/null
+++ b/src/lib/common/strings.php
@@ -0,0 +1,105 @@
+<?php
+namespace common;
+class strings
+{
+
+    function __construct() {
+        //Maybe not needed for libs...
+    }
+
+    public function sanitize($string, $beautify=true)
+    {
+        $filename = preg_replace(
+            '~
+            [<>:"/\\\|?*]|            # file system reserved https://en.wikipedia.org/wiki/Filename#Reserved_characters_and_words
+            [\x00-\x1F]|             # control characters http://msdn.microsoft.com/en-us/library/windows/desktop/aa365247%28v=vs.85%29.aspx
+            [\x7F\xA0\xAD]|          # non-printing characters DEL, NO-BREAK SPACE, SOFT HYPHEN
+            [#\[\]@!$&\'()+,;=]|     # URI reserved https://www.rfc-editor.org/rfc/rfc3986#section-2.2
+            [{}^\~`]                 # URL unsafe characters https://www.ietf.org/rfc/rfc1738.txt
+            ~x',
+            '-', $string);
+        // avoids ".", ".." or ".hiddenFiles"
+        $filename = ltrim($filename, '.-');
+        // optional beautification
+        if ($beautify) 
+            $filename = $this->beautify_filename($filename);
+        // maximize filename length to 255 bytes http://serverfault.com/a/9548/44086
+        //$ext = pathinfo($filename, PATHINFO_EXTENSION);
+        //$filename = mb_strcut(pathinfo($filename, PATHINFO_FILENAME), 0, 255 - ($ext ? strlen($ext) + 1 : 0), mb_detect_encoding($filename)) . ($ext ? '.' . $ext : '');
+
+        return $filename;
+    }
+
+    public function beautify_filename($filename) {
+        // reduce consecutive characters
+        $filename = preg_replace(array(
+            // "file   name.zip" becomes "file-name.zip"
+            '/ +/',
+            // "file___name.zip" becomes "file-name.zip"
+            '/_+/',
+            // "file---name.zip" becomes "file-name.zip"
+            '/-+/'
+        ), '-', $filename);
+        $filename = preg_replace(array(
+            // "file--.--.-.--name.zip" becomes "file.name.zip"
+            '/-*\.-*/',
+            // "file...name..zip" becomes "file.name.zip"
+            '/\.{2,}/'
+        ), '.', $filename);
+
+        $utf8 = array(
+            '/[áàâãªä]/u'   =>   'a',
+            '/[ÁÀÂÃÄ]/u'    =>   'A',
+            '/[ÍÌÎÏ]/u'     =>   'I',
+            '/[íìîï]/u'     =>   'i',
+            '/[éèêë]/u'     =>   'e',
+            '/[ÉÈÊË]/u'     =>   'E',
+            '/[óòôõºö]/u'   =>   'o',
+            '/[ÓÒÔÕÖ]/u'    =>   'O',
+            '/[úùûü]/u'     =>   'u',
+            '/[ÚÙÛÜ]/u'     =>   'U',
+            '/ç/'           =>   'c',
+            '/Ç/'           =>   'C',
+            '/ñ/'           =>   'n',
+            '/Ñ/'           =>   'N',
+            '/–/'           =>   '-', // UTF-8 hyphen to "normal" hyphen
+            '/[’‘‹›‚]/u'    =>   '-', // Literally a single quote
+            '/[“”«»„]/u'    =>   '-', // Double quote
+            '/ /'           =>   '-', // nonbreaking space (equiv. to 0x160)
+        );
+        $filename = preg_replace(array_keys($utf8), array_values($utf8), $filename);
+
+        // lowercase for windows/unix interoperability http://support.microsoft.com/kb/100625
+        $filename = strtolower($filename);
+        // ".file-name.-" becomes "file-name"
+        $filename = trim($filename, '.-');
+        return $filename;
+    }
+
+    /**
+     * Extrae las iniciales de un nombre completo (máximo 2 letras).
+     * Soporta tildes y caracteres especiales en UTF-8 de forma segura.
+     * 
+     * @param string $nombre Nombre completo (ej: "Martín Rodríguez")
+     * @return string Iniciales resultantes en mayúsculas (ej: "MR")
+     */
+    function obtenerIniciales($nombre) {
+        // Eliminamos espacios dobles y limpiamos extremos
+        $nombreLimpio = preg_replace('/\s+/', ' ', trim($nombre));
+        $palabras = explode(' ', $nombreLimpio);
+        $iniciales = '';
+        
+        foreach ($palabras as $palabra) {
+            if (!empty($palabra)) {
+                // Extraemos la primera letra de cada palabra de forma segura para UTF-8 (con tildes)
+                $iniciales .= mb_substr($palabra, 0, 1, 'UTF-8');
+            }
+            // Limitamos a un máximo de 2 iniciales (Nombre y Primer Apellido)
+            if (mb_strlen($iniciales, 'UTF-8') >= 2) {
+                break;
+            }
+        }
+        
+        return mb_strtoupper($iniciales, 'UTF-8');
+    }
+}
\ No newline at end of file
diff --git a/src/lib/custom/security.php b/src/lib/custom/security.php
new file mode 100644
index 0000000..236d608
--- /dev/null
+++ b/src/lib/custom/security.php
@@ -0,0 +1,51 @@
+<?php
+namespace custom;
+class security
+{
+    private $db;
+    
+    function __construct() {
+        $dbinfo = $_SESSION["database"]["default"];
+        $this->db = new \database\mysql($dbinfo->host, $dbinfo->user, $dbinfo->pass, $dbinfo->dbname);
+    }
+
+    public function check($api, $hash)
+    {
+       //Check if hash can be accessed by this api key
+
+       //Check if api key is from admin
+       $sql = "Select * from users where s_apikey = '$api'";
+       $admininfo = $this->db->query($sql)->fetchArray();
+       if($admininfo["b_admin"]==1)
+       {
+            //echo "admin $api";die;
+            //User by api key is admin, let enter
+            return true;
+       }
+
+       //Check item by book hash
+       $sql = "select u.s_apikey, u.b_admin, u.b_active from books b, users u where b.s_hash = '$hash' and b.id_users = u.id";
+
+       $userinfo = $this->db->query($sql)->fetchArray();
+
+       if($userinfo["b_active"])
+       {
+            if($userinfo["s_apikey"]==$api)
+            {
+                //Book is from user
+                return true;
+            }
+            else
+            {
+                //Book is from another user
+                return false;
+            }
+       }
+       else
+       {
+            //Book of disabled user
+            return false;
+       }
+
+    }
+}
\ No newline at end of file
diff --git a/src/lib/custom/status.php b/src/lib/custom/status.php
new file mode 100644
index 0000000..475c939
--- /dev/null
+++ b/src/lib/custom/status.php
@@ -0,0 +1,31 @@
+<?php
+namespace custom;
+class status
+{
+
+    
+    function __construct() {
+        
+    }
+
+    public static function getStatusName($label)
+    {
+        $arrayStatus= array(
+            "PEND_PDF_PROCESS"=>"Pending PDF Process",
+            "PDF_PROCESS"=>"Processing PDF",
+            "PEND_SENT_EXTRACTION"=>"Pending SENTENCE generation",
+            "PEND_AUDIO_GEN"=>"PDF Processed, pending audio generation",
+            "AUDIO_PROCESS"=>"Generating Audio cuts",
+            "AUDIO_PROCESSED"=>"All audios generated",
+            "GEN_FULLMP3"=>"Pasting Audio for full audiobook",
+            "FINISHED"=>"Full Mp3 Available",
+            "NTX"=>"Natxo Dummy Status",
+            "ARCHIVED"=>"Book no longed Editable"
+        );
+
+        if(isset($arrayStatus[$label]))
+            return $arrayStatus[$label];
+        else
+            return "ERROR- Unknown Status";
+    }
+}
\ No newline at end of file
diff --git a/src/lib/data/mockup.php b/src/lib/data/mockup.php
new file mode 100644
index 0000000..6d65969
--- /dev/null
+++ b/src/lib/data/mockup.php
@@ -0,0 +1,295 @@
+<?php
+
+namespace data;
+/**
+ * Clase Mockup para TrastoBooks 2026
+ * 
+ * Simula una base de datos en memoria utilizando variables de instancia.
+ * Evita el uso de $_SESSION para mantener el entorno de pruebas limpio y ligero.
+ */
+class mockup {
+    
+    private $jsonPath;
+    private $data = [];
+
+    /**
+     * Constructor de la clase. Inicializa las rutas y carga los datos desde data.json
+     */
+    public function __construct() {
+        // Definimos la ruta física del archivo JSON en el mismo directorio
+        $this->jsonPath = UPLOADS_DIR . 'mockup/data.json';
+        $this->cargarDatos();
+    }
+
+    /**
+     * Carga los datos del archivo JSON en memoria. Si no existe, genera la semilla inicial.
+     */
+    private function cargarDatos() {
+        if (file_exists($this->jsonPath)) {
+            $jsonCrudo = file_get_contents($this->jsonPath);
+            $this->data = json_decode($jsonCrudo, true);
+            
+            // Si el JSON estuviera corrupto o vacío, resembramos por seguridad
+            if (json_last_error() !== JSON_ERROR_NONE || empty($this->data)) {
+                $this->seedData();
+            }
+        } else {
+            $this->seedData();
+        }
+    }
+
+    /**
+     * Genera y almacena el estado inicial predeterminado en data.json
+     */
+    private function seedData() {
+        $this->data = [
+            'usuarios' => [
+                1 => [
+                    'id'                  => 1,
+                    'nombre'              => 'Martín Rodríguez',
+                    'email'               => 'martin.cliente@trastobooks.com',
+                    'password'            => password_hash('cliente123', PASSWORD_BCRYPT),
+                    'rol'                 => 'cliente',
+                    'activo'              => 1,
+                    'fecha_registro'      => '2026-01-10 10:15:30',
+                    'fecha_ultimo_acceso' => date('Y-m-d H:i:s'),
+                    'telefono'            => '633763957',
+                    'direccion'           => 'Calle del Trasto, Nº 26, 3ºB',
+                    'codigopostal'        => '28014',
+                    'ciudad'              => 'Madrid',
+                    'pais'                => 'España'
+                ],
+                2 => [
+                    'id'                  => 2,
+                    'nombre'              => 'Soporte Admin TrastoBooks',
+                    'email'               => 'soporte.admin@trastobooks.com',
+                    'password'            => password_hash('admin123', PASSWORD_BCRYPT),
+                    'rol'                 => 'admin',
+                    'activo'              => 1,
+                    'fecha_registro'      => '2025-12-01 08:00:00',
+                    'fecha_ultimo_acceso' => date('Y-m-d H:i:s'),
+                    'telefono'            => '633763957',
+                    'direccion'           => 'Avenida de la Imprenta, Nº 10',
+                    'codigopostal'        => '08001',
+                    'ciudad'              => 'Barcelona',
+                    'pais'                => 'España'
+                ]
+            ],
+            'libros' => [
+                1 => [
+                    'id'                  => 1,
+                    'titulo'              => '[Nombre] & Trasto quieren ser...',
+                    'autor'               => 'Equipo Creativo TrastoBooks',
+                    'sinopsis'            => 'Un fascinante viaje por el mundo de los oficios y los sueños donde el pequeño lector se convierte en explorador, astronauta y más.',
+                    'numero_paginas'      => 32,
+                    'precio'              => 2995,
+                    'ruta_archivo_config' => 'configs/quieren_ser_config.json',
+                    'ruta_portada'        => 'https://trastobooks.com/131-home_default/nombre-trasto-quieren-ser.jpg',
+                    'activo'              => 1,
+                    'fecha_subida'        => '2026-01-15 12:00:00',
+                    'fecha_modificacion'  => '2026-01-15 12:00:00'
+                ],
+                2 => [
+                    'id'                  => 2,
+                    'titulo'              => '¡Gracias, abuelos! (Fotos)',
+                    'autor'               => 'Equipo Creativo TrastoBooks',
+                    'sinopsis'            => 'Un tierno homenaje ilustrado para dar las gracias a quienes nos miman, nos cuidan y nos regalan los mejores abrazos.',
+                    'numero_paginas'      => 24,
+                    'precio'              => 3200,
+                    'ruta_archivo_config' => 'configs/gracias_abuelos.json',
+                    'ruta_portada'        => 'https://trastobooks.com/509-home_default/gracias-abuelos.jpg',
+                    'activo'              => 1,
+                    'fecha_subida'        => '2026-02-01 11:30:00',
+                    'fecha_modificacion'  => '2026-02-01 11:30:00'
+                ]
+            ],
+            'pedidos' => [
+                101 => [
+                    'id'               => 101,
+                    'id_pedido_tienda' => 'PED-2026-904',
+                    'id_usuario'       => 1,
+                    'id_libro'         => 1,
+                    'nombre_peque'     => 'Martín',
+                    'genero_peque'     => 'boy',
+                    'tipo_letra'       => 'lower',
+                    'foto_prota_url'   => 'uploads/pedidos/foto_martin_cara.jpg',
+                    'precio_total'     => 2995,
+                    'estado'           => 'en reparto',
+                    'fecha_pedido'     => '2026-06-18 19:21:00'
+                ]
+            ]
+        ];
+        $this->guardarDatos();
+    }
+
+    /**
+     * Guarda el estado actual de $this->data físicamente en el archivo data.json
+     */
+    private function guardarDatos() {
+        file_put_contents(
+            $this->jsonPath, 
+            json_encode($this->data, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE)
+        );
+    }
+
+
+    public function getUsuarios() {
+        return $this->data['usuarios'];
+    }
+
+    public function getUsuarioById($id) {
+        return isset($this->data['usuarios'][$id]) ? $this->data['usuarios'][$id] : null;
+    }
+
+    public function getUsuarioByEmail($email) {
+        foreach ($this->getUsuarios() as $user) {
+            if (strtolower($user['email']) === strtolower(trim($email))) {
+                return $user;
+            }
+        }
+        return null;
+    }
+
+    /**
+     * Valida las credenciales de un usuario
+     */
+    public function login($email, $password) {
+        $user = $this->getUsuarioByEmail($email);
+        if ($user && password_verify($password, $user['password'])) {
+            $this->data['usuarios'][$user['id']]['fecha_ultimo_acceso'] = date('Y-m-d H:i:s');
+            return $this->data['usuarios'][$user['id']];
+        }
+        return false;
+    }
+
+
+    public function getLibros($soloActivos = false) {
+        $libros = $this->data['libros'];
+        if ($soloActivos) {
+            return array_filter($libros, function($libro) {
+                return $libro['activo'] == 1;
+            });
+        }
+        return $libros;
+    }
+
+    public function getLibroById($id) {
+        return isset($this->data['libros'][$id]) ? $this->data['libros'][$id] : null;
+    }
+
+    /**
+     * Guarda o actualiza un libro y persiste los cambios en data.json
+     */
+    public function saveLibro($datosLibro) {
+        if (isset($datosLibro['id']) && isset($this->data['libros'][$datosLibro['id']])) {
+            $id = $datosLibro['id'];
+            $datosLibro['fecha_modificacion'] = date('Y-m-d H:i:s');
+            $this->data['libros'][$id] = array_merge($this->data['libros'][$id], $datosLibro);
+        } else {
+            $id = count($this->data['libros']) > 0 ? max(array_keys($this->data['libros'])) + 1 : 1;
+            $nuevoLibro = array_merge([
+                'id'                 => $id,
+                'titulo'             => 'Sin Título',
+                'autor'              => 'Desconocido',
+                'sinopsis'           => '',
+                'numero_paginas'     => 24,
+                'precio'             => 2995,
+                'ruta_archivo_config'=> '',
+                'ruta_portada'       => 'https://placehold.co/250x250/F0FDFA/0284C7?text=Nuevo+Cuento',
+                'activo'             => 1,
+                'fecha_subida'       => date('Y-m-d H:i:s'),
+                'fecha_modificacion' => date('Y-m-d H:i:s')
+            ], $datosLibro);
+            
+            $this->data['libros'][$id] = $nuevoLibro;
+        }
+        
+        // Escribimos de forma física en el JSON
+        $this->guardarDatos();
+        return $id;
+    }
+
+    public function deleteLibro($id) {
+        if (isset($this->data['libros'][$id])) {
+            unset($this->data['libros'][$id]);
+            $this->guardarDatos();
+            return true;
+        }
+        return false;
+    }
+
+
+    public function getPedidos() {
+        return $this->data['pedidos'];
+    }
+
+    public function getPedidoById($id) {
+        return isset($this->data['pedidos'][$id]) ? $this->data['pedidos'][$id] : null;
+    }
+
+    public function getPedidosByUsuario($idUsuario) {
+        return array_filter($this->getPedidos(), function($pedido) use ($idUsuario) {
+            return $pedido['id_usuario'] == $idUsuario;
+        });
+    }
+
+    /**
+     * Guarda o actualiza los datos de un pedido
+     */
+    public function savePedido($datosPedido) {
+        if (isset($datosPedido['id']) && isset($this->data['pedidos'][$datosPedido['id']])) {
+            $id = $datosPedido['id'];
+            $this->data['pedidos'][$id] = array_merge($this->data['pedidos'][$id], $datosPedido);
+        } else {
+            $id = count($this->data['pedidos']) > 0 ? max(array_keys($this->data['pedidos'])) + 1 : 101;
+            $nuevoPedido = array_merge([
+                'id'               => $id,
+                'id_pedido_tienda' => 'PED-2026-' . rand(100, 999),
+                'id_usuario'       => 1,
+                'id_libro'         => 1,
+                'nombre_peque'     => 'Peque',
+                'genero_peque'     => 'boy',
+                'tipo_letra'       => 'lower',
+                'foto_prota_url'   => '',
+                'precio_total'     => 2995,
+                'estado'           => 'diseñando',
+                'fecha_pedido'     => date('Y-m-d H:i:s')
+            ], $datosPedido);
+
+            $this->data['pedidos'][$id] = $nuevoPedido;
+        }
+        $this->guardarDatos();
+        return $id;
+    }
+
+    /**
+     * Restablece los datos de simulación en memoria
+     */
+    public function reset() {
+        $this->seedData();
+    }
+}
+
+// =========================================================================
+// EJEMPLO DE USO PRÁCTICO (Puedes descomentar para probarlo directamente)
+// =========================================================================
+/*
+$mock = new Mockup();
+
+// 1. Listar los libros activos en el catálogo de cara al cliente
+$catalogoPublico = $mock->getLibros(true); 
+
+// 2. Simular un login
+$usuarioLogueado = $mock->login('martin.cliente@trastobooks.com', 'cliente123');
+if ($usuarioLogueado) {
+    echo "Hola de nuevo, " . $usuarioLogueado['nombre'];
+}
+
+// 3. Crear un nuevo libro en el catálogo (Administrador)
+$idNuevo = $mock->saveLibro([
+    'titulo' => 'Aventuras en el Espacio con Trasto',
+    'autor'  => 'Equipo Educativo Trasto',
+    'precio' => 3200 // 32.00 €
+]);
+*/
+?>
\ No newline at end of file
diff --git a/src/lib/database/db.php b/src/lib/database/db.php
new file mode 100644
index 0000000..f2c937a
--- /dev/null
+++ b/src/lib/database/db.php
@@ -0,0 +1,275 @@
+<?php
+
+namespace database;
+
+use \database\mysql as mysql;
+
+class db extends mysql
+{
+
+    public $definition = array();
+
+    public $database = "";
+    public $tablename = "";
+
+    function __construct()
+    {
+        //echo "Model Core->DB<br>";
+        $databaseName = $_SESSION["projectdb"];
+        if (isset($_SESSION["database"][$databaseName])) {
+            $dbinfo = $_SESSION["database"][$databaseName];
+            parent::__construct($dbinfo->host, $dbinfo->user, $dbinfo->pass, $dbinfo->dbname);
+        } else {
+            echo "Cannot find database configuration. Aborting";
+            die;
+        }
+        // if(false) {
+        //         echo "\r\n<br>=Systems====\r\n<br>";
+        //         print_r($this);
+        //         die();
+        // }
+    }
+    public function getTableName()
+    {
+        if (!empty($this->database))
+            return $this->database . "." . $this->tablename;
+        else
+            return $this->tablename;
+    }
+
+    public function getById($id)
+    {
+        $sql = "Select * from " . $this->getTableName() . " where id = $id";
+        $res = $this->query($sql)->fetchArray();
+        return $res;
+    }
+
+    //Llevar a DB
+    public function getDefinition()
+    {
+        return $this->definition;
+    }
+
+    public function var_to_sql($field, $aux_data)
+    {
+        switch ($this->definition[$field]["type"]) {
+
+            case "integer":
+            case "float":
+            case "number":
+            case "boolean":
+                return $aux_data . ",";
+                /** Sistema para meter el valor de FIXED */
+                //Si fixed es integer vale, si fixed es string peta. Como lo diferenciamos?
+            case "FIXED":
+            case "fixed":
+                //return $this->definition[$field]["default"] ?? "" . ",";
+                return "'" . ($this->definition[$field]["default"] ?? "") . "',";
+                break;
+            case "string":
+            case "json": //Presuponemos que ya viene json_encoded
+            default:
+                return "'" . addslashes($aux_data) . "',";
+        }
+    }
+
+    /** segunda version de insert 
+     *  @param $data array donde vienen los datos a insertar. deberia de haberlos filtrado mascado la classe padre
+     *  @return int|false|error id del dato insertado
+     */
+    public function insert($data)
+    {
+        if (!isset($this->definition) || empty($this->definition)) {
+            echo "Cannot use core insert without definition. Re-declare yours";
+            die;
+        }
+
+        $havingfields = array();
+        $aux_json_store_array = array();
+
+        foreach ($this->definition as $key => $field) {
+
+            if (isset($field["fieldname"]) && isset($data[$key])) {
+                $the_field = $field["fieldname"];
+
+                if (isset($field["store"])) {
+                    $the_store = $field["store"];
+
+                    $aux_json = array();
+                    if (isset($data[$the_store])) {
+                        $aux_json = json_decode($data[$the_store], true);
+                    }
+                    $aux_json[$the_field] = $data[$key];
+                    unset($data[$key]);
+                    //$data[$the_store] = json_encode($aux_json);
+
+                    $data[$the_store] = json_encode($aux_json, JSON_HEX_APOS | JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES | JSON_INVALID_UTF8_IGNORE);
+                    $aux_json_store_array[$the_store] = 1;
+                } else {
+                    $havingfields[$key] = $the_field;
+                }
+            } else {
+                if (isset($field["required"]) && $field["required"] == true) {
+                    $error = new error(-1, $field["fieldname"] . " requiered but not present");
+                    echo $field["fieldname"] . " requiered but not present <br>";
+                    print_r($data);
+                    die;
+                    //Required field not present @@@ usar error class o el sistema de errores que habia antes.
+                    //return $error;
+                }
+            }
+        }
+        $extradata = "";
+        if (count($aux_json_store_array) > 0) {
+            foreach ($aux_json_store_array as $key => $value) {
+                $extradata .= ", " .  $key;
+            }
+        }
+
+        if (count($havingfields) > 0) {
+            $sql = "Insert into " . $this->getTableName() . " (" . implode(",", $havingfields) . " $extradata) values (";
+            foreach ($havingfields as $key => $the_field) {
+                $sql .= self::var_to_sql($key, $data[$key]);
+            }
+
+            if (count($aux_json_store_array) > 0) {
+                foreach ($aux_json_store_array as $key => $value) {
+                    $sql .= "'" . $data[$key] . "',";
+                }
+            }
+            // Borro siempre la ultima "," 
+            $sql = substr($sql, 0, strlen($sql) - 1);
+
+            $sql .= ")";
+
+            echo "--> $sql <--";
+            //die;
+
+            //Execute
+            $result = $this->query($sql);
+
+            if ($result->query_error == false) {
+                return $result->lastInsertID();
+            } else {
+                return false;
+            }
+        }
+    }
+
+    public function update($data, $where)
+    {
+        if (!isset($this->definition) || empty($this->definition)) {
+            echo "Cannot use core update without definition. Re-declare yours";
+            die;
+        }
+        /* @@@ Añadir que carge primero todos los extradatas y asi lo Updatee y no lo machaque. */
+        $sql = "Update " . $this->getTableName() . " set ";
+        $aux_json_store_array = array();
+        foreach ($this->definition as $key => $field) {
+            if (isset($field["fieldname"]) && isset($data[$key])) {
+                $the_field = $field["fieldname"];
+
+                if (isset($field["store"])) {
+                    $the_store = $field["store"];
+
+                    $aux_json = array();
+                    if (isset($data[$the_store])) {
+                        $aux_json = json_decode($data[$the_store], true);
+                    }
+                    $aux_json[$the_field] = $data[$key];
+                    unset($data[$key]);
+                    $data[$the_store] = json_encode($aux_json, JSON_HEX_APOS | JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES | JSON_INVALID_UTF8_IGNORE);
+                    $aux_json_store_array[$the_store] = 1;
+                }
+                if (isset($data[$key])) {
+                    $sql .= $the_field . "=" . self::var_to_sql($key, $data[$key]);
+                }
+            }
+        }
+        if (count($aux_json_store_array) > 0) {
+            foreach ($aux_json_store_array as $key => $value) {
+                $sql .= $key . "= '" . $data[$key] . "',";
+            }
+        }
+        $sql = substr($sql, 0, strlen($sql) - 1); // Quitar la ultima , que no es necesaria
+
+
+        $sql .= " where $where ";
+        //echo "-->$sql<--";
+
+        $result = $this->query($sql);
+
+        if ($result->query_error == false) {
+            return true;
+        } else {
+            $error = new error(-1, "ha ocurrido un erro en el Update");
+            return $error;
+        }
+    }
+
+    public function delete($where)
+    {
+        $sql = "Delete from " . $this->getTableName() . " where $where";
+
+        $result = $this->query($sql);
+
+        if ($result->query_error == false) {
+            return true;
+        } else {
+            return false;
+        }
+    }
+
+
+    /* TESTING!!! */
+    public function getAll()
+    {
+        $sql = "Select * from " . $this->getTableName();
+
+        $res = $this->query($sql)->fetchAll();
+
+        return $res;
+    }
+
+
+    public function tableview()
+    {
+        $items = $this->getAll();
+
+        $params["data"] = $items;
+
+        $item = $items[0];
+        $columns = array();
+
+        //@TODO: TB SE PUEDE USAR LA DEFINICION... listoqeresunlisto
+        $notshowcolumns = array("s_articulos"); //por si no queremos mostrar id por ejemmplo
+        foreach ($item as $key => $value) {
+            $columns[] = $key;
+        }
+
+        $params["columns"] = $columns;
+        $params["notshowcolumns"] = $notshowcolumns;
+
+        //User resources
+        $params["canedit"] = true;
+        $params["candelete"] = true;
+
+        $params["definition"] = $this->definition;
+
+        $helper = "../lib/core/helpers/table.php";
+        $snipet = new snipet;
+        $content = $snipet->load($helper, $params);
+
+        return $content;
+    }
+
+    public function helpers($snipet, $params)
+    {
+        //$p = new db();
+        switch ($snipet) {
+            case "tabla":
+                return $this->tableview();
+                break;
+        }
+    }
+}
diff --git a/src/lib/database/mysql.php b/src/lib/database/mysql.php
new file mode 100644
index 0000000..9462b32
--- /dev/null
+++ b/src/lib/database/mysql.php
@@ -0,0 +1,181 @@
+<?php
+
+namespace database;
+
+class mysql
+{
+
+	protected $connection;
+	protected $query;
+	protected $show_errors = true;
+	protected $query_closed = TRUE;
+	public $query_count = 0;
+	public $query_error = false;
+	public $query_msg = "";
+	public $query_str = "";
+
+	public function __construct($dbhost = 'p:localhost', $dbuser = 'root', $dbpass = '', $dbname = '', $charset = 'utf8')
+	{
+		$this->connection = new \mysqli($dbhost, $dbuser, $dbpass, $dbname);
+		if ($this->connection->connect_error) {
+			$this->error('Failed to connect to MySQL - ' . $this->connection->connect_error);
+			die();
+		}
+		$this->connection->set_charset($charset);
+	}
+
+	public function query($query)
+	{
+		$this->query_str = $query;
+		if (!$this->query_closed) {
+			$this->query->close();
+		}
+		if ($this->query = $this->connection->prepare($query)) {
+			if (func_num_args() > 1) {
+				$x = func_get_args();
+				$args = array_slice($x, 1);
+				$types = '';
+				$args_ref = array();
+				foreach ($args as $k => &$arg) {
+					if (is_array($args[$k])) {
+						foreach ($args[$k] as $j => &$a) {
+							$types .= $this->_gettype($args[$k][$j]);
+							$args_ref[] = &$a;
+						}
+					} else {
+						$types .= $this->_gettype($args[$k]);
+						$args_ref[] = &$arg;
+					}
+				}
+				array_unshift($args_ref, $types);
+				call_user_func_array(array($this->query, 'bind_param'), $args_ref);
+			}
+			$this->query->execute();
+			if ($this->query->errno) {
+				$this->query_error = true;
+				$this->error('Unable to process MySQL query (check your params) - ' . $this->query->error . ' ' . $this->query_str);
+			}
+			$this->query_closed = FALSE;
+			$this->query_count++;
+		} else {
+			$this->query_error = true;
+			$this->error('Unable to prepare MySQL statement (check your syntax) - ' . $this->connection->error . "\r\n " . $this->query_str);
+		}
+		return $this;
+	}
+
+
+	/*public function fetchAssoc($callback = null)
+	{
+	}*/
+
+	public function array_helper_clone($value)	{
+		return $value;
+	}
+
+	private function array_clone($value) {
+		return array_map('self::array_helper_clone', $value);
+	}
+
+	public function fetchAll($callback = null)
+	{
+		$params = array();
+		$row = array();
+
+		$meta = $this->query->result_metadata();
+		while ($field = $meta->fetch_field()) {
+			$params[] = &$row[$field->name];
+		}
+		call_user_func_array(array($this->query, 'bind_result'), $params);
+		$result_array = array();
+
+		//@@@ ver si en vez de usar fetch , podemos usar fetch_assoc 
+		// $row es refernaciado y no hay una funcion array_clone() 
+		while ($this->query->fetch()) {
+
+			//$r = self::array_clone($row);
+			$result = array();
+			foreach ($row as $key => $val) {
+				$result[$key] = $val;
+			}
+
+			if ($callback != null && is_callable($callback)) {
+				$value = call_user_func($callback, $result);
+				if ($value == 'break') break;
+				//$result_array[] = $value;
+			} else {
+				$result_array[] = $result;
+			}
+		}
+		$this->query->close();
+		$this->query_closed = TRUE;
+		return $result_array;
+	}
+
+	public function fetchArray()
+	{
+		$params = array();
+		$row = array();
+		$meta = $this->query->result_metadata();
+		while ($field = $meta->fetch_field()) {
+			$params[] = &$row[$field->name];
+		}
+
+		call_user_func_array(array($this->query, 'bind_result'), $params);
+
+		$result = array();
+		while ($this->query->fetch()) {
+			foreach ($row as $key => $val) {
+				$result[$key] = $val;
+			}
+		}
+		$this->query->close();
+		$this->query_closed = TRUE;
+
+		return $result;
+	}
+
+	public function close()
+	{
+		return $this->connection->close();
+	}
+
+	public function numRows()
+	{
+		$this->query->store_result();
+		return $this->query->num_rows;
+	}
+
+	public function affectedRows()
+	{
+		return $this->query->affected_rows;
+	}
+
+	public function lastInsertID()
+	{
+		return $this->connection->insert_id;
+	}
+
+	public function error($error)
+	{
+		if ($this->show_errors) {
+			exit($error);
+		}
+
+		$this->query_msg = $error;
+		return false;
+	}
+
+	private function _gettype($var)
+	{
+		if (is_string($var)) return 's';
+		if (is_float($var)) return 'd';
+		if (is_int($var)) return 'i';
+		return 'b';
+	}
+
+	public function getConnection()
+	{
+		return $this->connection;
+	}
+}
diff --git a/src/lib/files/files.php b/src/lib/files/files.php
new file mode 100644
index 0000000..243c7af
--- /dev/null
+++ b/src/lib/files/files.php
@@ -0,0 +1,95 @@
+<?php
+//Funciones Relacionadas con los archivos
+namespace files;
+
+class files {
+    
+    function __construct() {
+        //Maybe not needed for libs...
+    }
+
+    public function download($path)
+    {
+
+    }
+
+    public function downloadxsend($path)
+    {
+        
+    }
+
+    static function readDir($path, $subfolders=true, $fileext=null)
+    {
+        if(substr($path,0,1)=="/")
+            $sep = "/";
+        else
+            $sep = "\\";
+
+        @$directorio=opendir($path); 
+        $return = array();
+        while ($archivo = @readdir($directorio)) 
+        { 
+            
+            if($archivo == '.' || $archivo == '..')
+            {
+                            
+            }
+            elseif(is_dir("$path/$archivo"))
+            {
+                if($subfolders)
+                {
+                    if(substr($path,-1,1)==$sep)
+                        $newdir = $path.$archivo;
+                    else
+                        $newdir = $path.$sep.$archivo;
+                    $return[$newdir] = self::readDir($newdir,$subfolders,$fileext);
+                } 
+            }
+            else 
+            {
+                
+                if(substr($path,-1,1)==$sep)
+                    $filepath = $path.$archivo;
+                else
+                    $filepath = $path.$sep.$archivo;
+                
+                if($fileext==null)
+                {
+                    $return[] = $filepath;
+                }
+                else
+                {
+                    $aux = explode(".",$filepath);
+                    if($aux[count($aux)-1]==$fileext)
+                        $return[] = $filepath;
+                }
+            }   
+            
+        } 
+        @closedir($directorio); 
+        //echo "TOTAL FILES: $total";
+
+        return $return;
+    }
+
+    function readDir2unidimensionalArray($arrFiles)
+    {
+        $arrResult = array();
+        
+        foreach($arrFiles as $file)
+        {
+            if(is_array($file))
+            {
+                $arrAux = self::readDir2unidimensionalArray($file);
+                foreach($arrAux as $auxf)
+                    $arrResult[] = $auxf;
+            }
+            else
+            {
+                $arrResult[] = $file;
+            }
+        }
+        
+        return $arrResult;
+    }
+}
\ No newline at end of file
diff --git a/src/lib/manager.php b/src/lib/manager.php
new file mode 100644
index 0000000..ac2fc5f
--- /dev/null
+++ b/src/lib/manager.php
@@ -0,0 +1,74 @@
+<?php
+
+class manager 
+{
+    public $viewMode;
+    public $template = APP_DIR."views/template.phtml";
+    public $template_oc = APP_DIR."views/template_onlycontent.phtml";
+    public $onlyContent;
+
+    public $defaultViewMode = "json";
+    public $defaultOnlyContent = false;
+    public $defaultFunctionName = "";
+
+    public $viewvars = [];
+
+    function __construct() 
+    {
+        //echo "Model Core->Manager<br>";
+
+    }
+
+    function render($action, $public = false, $params = array())
+    {
+        $functreturn =  call_user_func_array(array($this, $action), $params); //Los action no deberian devolver nada pero just in case
+        
+        if($this->defaultFunctionName=="")
+            $this->defaultFunctionName = $action;
+
+        //$return = $functreturn;
+        
+
+        //Si el controller por lo que sea no lo redefine o define, tiramos del standar
+        if($this->viewMode=="")
+            $this->viewMode = $this->defaultViewMode;
+
+        //echo "View Mode: ".$this->viewMode;die;
+        if($this->viewMode=="json")
+        {
+            echo json_encode($return); //Hacerlo generico aqui o en cada funcion??
+        }
+        else
+        {
+            //HTML Display: Default load a view with action name
+            $viewpath = APP_DIR."views/".$this->controllerName."/".$action.".phtml"; //@TODO posibilidad de cambiar el actionname por defecto!!
+            
+            
+            $return = $this->view->generate($viewpath, $this->controllerName);
+
+            if($this->onlyContent)
+            {
+                echo $return;
+            }   
+            else
+            {
+                if(file_exists($this->template))
+                {
+                    $this->view->content = $return;
+                    include($this->template);
+                }
+                else
+                {
+                    echo "<pre><strong>cannot find template ".$this->template."</strong></pre>";
+                    echo $return;
+                }
+            }
+            //include($viewpath); //@TODO gestion de plantillas y views individuales!!
+        }
+
+        
+        //Ya esta el contenido en cliente.
+        //END
+    }
+}
+?>
\ No newline at end of file
diff --git a/src/lib/redirect.php b/src/lib/redirect.php
new file mode 100644
index 0000000..63b1fe9
--- /dev/null
+++ b/src/lib/redirect.php
@@ -0,0 +1,11 @@
+<?php
+
+
+class redirect
+{
+    public static function goto($to, $errorCode=301)
+    {
+        header("Location:".$to, TRUE, $errorCode);
+        exit();
+    }
+}
\ No newline at end of file
diff --git a/src/lib/views.php b/src/lib/views.php
new file mode 100644
index 0000000..3d34434
--- /dev/null
+++ b/src/lib/views.php
@@ -0,0 +1,42 @@
+<?php
+//Funciones para la gestion de las views
+
+
+class views 
+{
+    //public $view;
+
+    function __construct() {
+        
+        //$this->view = new stdClass();
+    }
+
+    public function generate($htmlPath, $controller)
+    {
+        
+        //Igual que index solo que puede tener labels de errores :)
+        ob_start();
+        //Todas las paginas estan dentro de la carpeta de su modulo y tienen extension php (Pasar a phtml??)
+        //Si se quiere forzar a que un action genere una pagina que no sea la de su funcion directamente, se puede pasar un nombre distinto
+        
+        if(file_exists($htmlPath))
+        {
+            include $htmlPath;
+            $content =  ob_get_clean();
+        }
+        else
+        {
+            $content = "<p><strong>View Not found</strong></p>";
+        }
+
+        return $content;
+    }
+
+    public function __set($name, $value)
+    {
+        //echo "Estableciendo '$name' a '$value'\n";
+        @$this->{$name} = $value;
+
+    }
+    
+}
\ No newline at end of file
diff --git a/src/uploads/0/7763a682f49963be/instance.json b/src/uploads/0/7763a682f49963be/instance.json
new file mode 100644
index 0000000..a421baf
--- /dev/null
+++ b/src/uploads/0/7763a682f49963be/instance.json
@@ -0,0 +1,125 @@
+{
+    "book_id": 0,
+    "book_name": "Libro de demo",
+    "settings": {
+        "dpi": 300,
+        "fonts": {
+            "main": "Mali-Bold.ttf",
+            "secondary": "Calibri.ttf"
+        },
+        "base_font_size": 130,
+        "colors": {
+            "black": "#1E293B",
+            "white": "#FFFFFF",
+            "title": "#0284C7",
+            "accent": "#0D9488"
+        },
+        "variables": {
+            "name": "Nombre Prota",
+            "FOTO_NINYO": "demo\/woman.png",
+            "FOTO_PAPA": "ruta foto"
+        }
+    },
+    "user_photo": {
+        "width": 450,
+        "height": 450
+    },
+    "pages": [
+        {
+            "page_id": 0,
+            "description": "Portada del Cuento",
+            "background": "paginas\/72dpi\/1.jpg",
+            "elements": [
+                {
+                    "type": "photo",
+                    "x": 830,
+                    "y": 830,
+                    "width": 450,
+                    "height": 450,
+                    "variable": "FOTO_NINYO",
+                    "rotation": 0
+                },
+                {
+                    "type": "text",
+                    "x": 100,
+                    "y": 100,
+                    "width": 1800,
+                    "height": 300,
+                    "rotation": 0,
+                    "text": {
+                        "es": "La gran selva de {{name}}",
+                        "en": "The great jungle of {{name}}",
+                        "ca": "La gran selva de {{name}}"
+                    },
+                    "style": {
+                        "size": 150,
+                        "color": "accent",
+                        "gravity": "CENTER"
+                    },
+                    "variable": ""
+                }
+            ]
+        },
+        {
+            "page_id": 1,
+            "description": "El mono juguetón",
+            "background": "paginas\/72dpi\/3.png",
+            "elements": [
+                {
+                    "type": "photo",
+                    "x": 100,
+                    "y": 800,
+                    "width": 450,
+                    "height": 450,
+                    "variable": "FOTO_NINYO",
+                    "rotation": 0
+                },
+                {
+                    "type": "text",
+                    "x": 650,
+                    "y": 800,
+                    "width": 1350,
+                    "height": 450,
+                    "rotation": 0,
+                    "text": {
+                        "es": "¡Mira ahí, {{name}}! Un monito travieso nos saluda desde la rama de un cocotero.",
+                        "en": "Look over there, {{name}}! A naughty little monkey waves at us from the coconut tree.",
+                        "ca": "Mira allà, {{name}}! Un mico trapella ens saluda des de la branca d'un cocoter."
+                    },
+                    "style": {
+                        "size": 100,
+                        "color": "black",
+                        "gravity": "WEST"
+                    },
+                    "variable": ""
+                }
+            ]
+        },
+        {
+            "page_id": 2,
+            "description": "Pagina Extra",
+            "background": "paginas\/72dpi\/3.jpg",
+            "elements": [
+                {
+                    "type": "text",
+                    "x": 850,
+                    "y": 425,
+                    "width": 600,
+                    "height": 200,
+                    "rotation": 162,
+                    "text": {
+                        "es": "Este es un texto de prueba",
+                        "en": "New text for {{name}}!",
+                        "ca": "Nou text per {{name}}!"
+                    },
+                    "style": {
+                        "size": 120,
+                        "color": "title",
+                        "gravity": "CENTER"
+                    },
+                    "variable": ""
+                }
+            ]
+        }
+    ]
+}
\ No newline at end of file
diff --git a/src/uploads/mockup/data.json b/src/uploads/mockup/data.json
new file mode 100644
index 0000000..6bf5963
--- /dev/null
+++ b/src/uploads/mockup/data.json
@@ -0,0 +1,197 @@
+{
+    "usuarios": {
+        "1": {
+            "id": 1,
+            "nombre": "Martín Rodríguez",
+            "email": "martin.cliente@trastobooks.com",
+            "password": "$2y$10$gR61m9x.H2jD0tK6yS4p9eZpOni8g00gXqU778UuR77D0tK6yS4pe",
+            "rol": "cliente",
+            "activo": 1,
+            "fecha_registro": "2026-01-10 10:15:30",
+            "fecha_ultimo_acceso": "2026-06-20 22:22:25",
+            "telefono": "633763957",
+            "direccion": "Calle del Trasto, Nº 26, 3ºB",
+            "codigopostal": "28014",
+            "ciudad": "Madrid",
+            "pais": "España"
+        },
+        "2": {
+            "id": 2,
+            "nombre": "Soporte Admin TrastoBooks",
+            "email": "soporte.admin@trastobooks.com",
+            "password": "$2y$10$9H2jD0tK6yS4p9eZpOni8g00gXqU778UuR77D0tK6yS4p9eZpOni8g",
+            "rol": "admin",
+            "activo": 1,
+            "fecha_registro": "2025-12-01 08:00:00",
+            "fecha_ultimo_acceso": "2026-06-20 22:22:25",
+            "telefono": "633763957",
+            "direccion": "Avenida de la Imprenta, Nº 10",
+            "codigopostal": "08001",
+            "ciudad": "Barcelona",
+            "pais": "España"
+        }
+    },
+    "libros": {
+        "1": {
+            "id": 1,
+            "titulo": "[Nombre] & Trasto quieren ser...",
+            "autor": "Equipo Creativo TrastoBooks",
+            "sinopsis": "Un fascinante viaje por el mundo de los oficios y los sueños donde el pequeño lector se convierte en explorador, astronauta y más.",
+            "numero_paginas": 32,
+            "precio": 2995,
+            "ruta_archivo_config": "configs\/quieren_ser_config.json",
+            "ruta_portada": "https:\/\/trastobooks.com\/131-home_default\/nombre-trasto-quieren-ser.jpg",
+            "activo": 1,
+            "fecha_subida": "2026-01-15 12:00:00",
+            "fecha_modificacion": "2026-01-15 12:00:00"
+        },
+        "2": {
+            "id": 2,
+            "titulo": "¡Gracias, abuelos! (Fotos)",
+            "autor": "Equipo Creativo TrastoBooks",
+            "sinopsis": "Un tierno homenaje ilustrado para dar las gracias a quienes nos miman, nos cuidan y nos regalan los mejores abrazos.",
+            "numero_paginas": 24,
+            "precio": 3200,
+            "ruta_archivo_config": "configs\/gracias_abuelos.json",
+            "ruta_portada": "https:\/\/trastobooks.com\/509-home_default\/gracias-abuelos.jpg",
+            "activo": 1,
+            "fecha_subida": "2026-02-01 11:30:00",
+            "fecha_modificacion": "2026-06-20 20:36:42"
+        },
+        "3": {
+            "id": 3,
+            "titulo": "Te quiero, papá... (Personalización con fotos)",
+            "autor": "Equipo Creativo TrastoBooks",
+            "sinopsis": "El regalo perfecto para el Día del Padre. Tus mejores momentos plasmados en una historia de complicidad inigualable.",
+            "numero_paginas": 28,
+            "precio": 3200,
+            "ruta_archivo_config": "books\/3\/config\/config.json",
+            "ruta_portada": "books\/3\/config\/portada.jpg",
+            "activo": 1,
+            "fecha_subida": "2026-02-10 09:00:00",
+            "fecha_modificacion": "2026-02-10 09:00:00"
+        },
+        "4": {
+            "id": 4,
+            "titulo": "Aprende los números con Trasto",
+            "autor": "Pedro Ortega",
+            "sinopsis": "Un cuento pedagógico e interactivo ideal para preescolar. Cuenta manzanas, cohetes y caramelos de forma divertida.",
+            "numero_paginas": 16,
+            "precio": 2495,
+            "ruta_archivo_config": "books\/4\/config\/config.json",
+            "ruta_portada": "books\/4\/config\/portada.jpg",
+            "activo": 1,
+            "fecha_subida": "2026-02-14 15:45:00",
+            "fecha_modificacion": "2026-02-14 15:45:00"
+        },
+        "5": {
+            "id": 5,
+            "titulo": "Aprende los colores",
+            "autor": "Pedro Ortega",
+            "sinopsis": "Pinta el cielo de azul, los campos de verde y las manzanas de rojo de la mano del travieso Trasto.",
+            "numero_paginas": 16,
+            "precio": 2495,
+            "ruta_archivo_config": "configs\/colores_config.json",
+            "ruta_portada": "https:\/\/trastobooks.com\/56-home_default\/aprende-los-colores.jpg",
+            "activo": 1,
+            "fecha_subida": "2026-02-15 10:00:00",
+            "fecha_modificacion": "2026-02-15 10:00:00"
+        },
+        "6": {
+            "id": 6,
+            "titulo": "Aprende las vocales",
+            "autor": "Pedro Ortega",
+            "sinopsis": "A, E, I, O, U. Las letras cobran vida para enseñar a los primeros lectores a pronunciar sus primeros fonemas.",
+            "numero_paginas": 20,
+            "precio": 2495,
+            "ruta_archivo_config": "configs\/vocales_config.json",
+            "ruta_portada": "https:\/\/trastobooks.com\/83-home_default\/aprende-las-vocales.jpg",
+            "activo": 1,
+            "fecha_subida": "2026-02-20 18:20:00",
+            "fecha_modificacion": "2026-02-20 18:20:00"
+        },
+        "7": {
+            "id": 7,
+            "titulo": "Gracias por ser nuestra profe",
+            "autor": "Raquel Rodríguez García",
+            "sinopsis": "El regalo de fin de curso más emotivo. Toda la clase reunida en un cuento de agradecimiento infinito.",
+            "numero_paginas": 36,
+            "precio": 4900,
+            "ruta_archivo_config": "configs\/profe_config.json",
+            "ruta_portada": "https:\/\/trastobooks.com\/526-home_default\/regalo-profe.jpg",
+            "activo": 1,
+            "fecha_subida": "2026-03-01 14:00:00",
+            "fecha_modificacion": "2026-03-01 14:00:00"
+        },
+        "8": {
+            "id": 8,
+            "titulo": "Cleo y Cuquín: El Abecedario",
+            "autor": "Licencia Oficial",
+            "sinopsis": "Aprende las letras de la mano de los simpáticos personajes de la tele. Diversión y letras garantizadas.",
+            "numero_paginas": 32,
+            "precio": 3200,
+            "ruta_archivo_config": "configs\/cleo_cuquin_abc.json",
+            "ruta_portada": "https:\/\/trastobooks.com\/285-home_default\/cleo-y-cuquin-aprende-el-abecedario.jpg",
+            "activo": 1,
+            "fecha_subida": "2026-03-05 11:00:00",
+            "fecha_modificacion": "2026-03-05 11:00:00"
+        },
+        "9": {
+            "id": 9,
+            "titulo": "Superando los miedos",
+            "autor": "Equipo Psicología TrastoBooks",
+            "sinopsis": "Un cuento terapéutico diseñado por psicopedagogos para ayudar a los peques a vencer los miedos nocturnos.",
+            "numero_paginas": 24,
+            "precio": 2995,
+            "ruta_archivo_config": "configs\/miedos_config.json",
+            "ruta_portada": "https:\/\/trastobooks.com\/73-home_default\/superando-los-miedos.jpg",
+            "activo": 0,
+            "fecha_subida": "2026-03-10 09:30:00",
+            "fecha_modificacion": "2026-03-10 10:15:00"
+        },
+        "10": {
+            "id": 10,
+            "titulo": "En la barriga de mamá hay un bebé",
+            "autor": "Raquel Rodríguez García",
+            "sinopsis": "Prepara al primogénito para la llegada de su nuevo hermanito de forma dulce, divertida y tierna.",
+            "numero_paginas": 28,
+            "precio": 2995,
+            "ruta_archivo_config": "configs\/bebe_barriga_config.json",
+            "ruta_portada": "https:\/\/trastobooks.com\/118-home_default\/en-la-barriga-de-mama-hay-un-bebe.jpg",
+            "activo": 1,
+            "fecha_subida": "2026-03-12 16:00:00",
+            "fecha_modificacion": "2026-03-12 16:00:00"
+        },
+        "0": {
+            "id": 0,
+            "titulo": "demo",
+            "autor": "Natxo",
+            "sinopsis": "una demo simple",
+            "numero_paginas": 2,
+            "precio": 1000000,
+            "ruta_archivo_config": "books\/0\/config\/config.json",
+            "ruta_portada": "books\/0\/config\/portada.jpg",
+            "activo": 1,
+            "fecha_subida": "2026-06-21 11:47:24",
+            "fecha_modificacion": "2026-06-21 11:47:24"
+        }
+    },
+    "pedidos": {
+        "101": {
+            "id": 101,
+            "id_pedido_tienda": "PED-2026-001",
+            "id_usuario": 2,
+            "id_libro": "0",
+            "nombre_peque": "Nombre Prota",
+            "genero_peque": "boy",
+            "tipo_letra": "lower",
+            "foto_prota_url": "",
+            "precio_total": 1000000,
+            "estado": "diseñando",
+            "fecha_pedido": "2026-06-21 18:51:02",
+            "instance_dir": "uploads\/0\/7763a682f49963be",
+            "instance_file": "uploads\/0\/7763a682f49963be\/instance.json",
+            "hash": "7763a682f49963be"
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/views/admin/editarinstancia.phtml b/src/views/admin/editarinstancia.phtml
new file mode 100644
index 0000000..fd9fb88
--- /dev/null
+++ b/src/views/admin/editarinstancia.phtml
@@ -0,0 +1,393 @@
+<!-- TOAST NOTIFICACIONES -->
+    <div id="toast" class="fixed bottom-5 right-5 z-50 transform translate-y-10 opacity-0 transition-all duration-300 pointer-events-none">
+        <div class="bg-slate-950 text-white px-5 py-3.5 rounded-2xl shadow-2xl flex items-center gap-3 border border-slate-800">
+            <span id="toastIconContainer" class="w-6 h-6 rounded-full flex items-center justify-center text-xs"></span>
+            <span id="toastMessage" class="text-xs font-bold tracking-wide"></span>
+        </div>
+    </div>
+
+    <main class="flex-grow p-6 w-full mx-0">
+        <div class="grid grid-cols-1 xl:grid-cols-12 gap-6 w-full">
+            
+            <!-- COLUMNA IZQUIERDA (25%): VARIABLES -->
+            <div class="xl:col-span-3 space-y-6">
+                <div class="bg-white rounded-2xl border border-slate-100 shadow-sm p-5 space-y-4">
+                    <div class="border-b border-slate-100 pb-2">
+                        <h3 class="font-title text-base font-bold text-slate-800 flex items-center gap-2">
+                            <i class="fa-solid fa-pen-fancy text-trastoBlue"></i>
+                            <span>Variables de este Cuento</span>
+                        </h3>
+                        <p class="text-[10px] text-slate-400 mt-0.5 leading-relaxed">Edita el nombre, idioma o rutas de recursos del niño.</p>
+                    </div>
+                    <div id="variables-editor-container" class="space-y-4 text-xs font-semibold">
+                        <!-- Inputs generados por JS -->
+                    </div>
+                </div>
+
+                <div class="bg-white rounded-2xl border border-slate-100 shadow-sm p-5 space-y-4">
+                    <h3 class="font-title text-base font-bold text-slate-800 flex items-center gap-2">
+                        <i class="fa-solid fa-book-open text-trastoGreen"></i>
+                        <span>Índice del Cuento</span>
+                    </h3>
+                    <div id="pages-list" class="space-y-1.5 max-h-[300px] overflow-y-auto pr-1">
+                        <!-- Páginas -->
+                    </div>
+                </div>
+            </div>
+
+            <!-- COLUMNA CENTRAL (50%): MESA DE TRABAJO -->
+            <div class="xl:col-span-6 space-y-6">
+                <div class="bg-white rounded-2xl border border-slate-100 shadow-sm p-6 space-y-4">
+                    <div class="flex justify-between items-center">
+                        <h3 class="font-title text-base font-bold text-slate-800 flex items-center gap-2">
+                            <i class="fa-solid fa-eye text-trastoPink"></i>
+                            <span>Previsualización Imprenta (18x18 cm)</span>
+                        </h3>
+                    </div>
+
+                    <div class="relative bg-slate-50 border border-slate-200 rounded-2xl p-6 flex items-center justify-center shadow-inner min-h-[460px]">
+                        <div id="visual-canvas" class="relative w-full max-w-[420px] aspect-square bg-[#fcfbfa] rounded-lg shadow-xl overflow-hidden border border-slate-300">
+                            <div id="canvas-elements" class="absolute inset-0"></div>
+                        </div>
+                    </div>
+
+                    <div class="flex justify-between items-center text-[10px] text-slate-500 font-mono tracking-wider px-2">
+                        <span><i class="fa-solid fa-circle-info text-trastoBlue mr-1"></i> Origen (0,0) Top-Left / Sin márgenes de traslación</span>
+                        <span id="canvas-resolution">Resolución Imprenta: 2126 x 2126 px</span>
+                    </div>
+                </div>
+            </div>
+
+            <!-- COLUMNA DERECHA (25%): ACCIONES -->
+            <div class="xl:col-span-3 space-y-6">
+                <div class="bg-white rounded-2xl border border-slate-100 shadow-sm p-5 space-y-4">
+                    <h3 class="font-title text-base font-bold text-slate-800 flex items-center gap-2">
+                        <i class="fa-solid fa-floppy-disk text-trastoGreen"></i>
+                        <span>Producción de Pedido</span>
+                    </h3>
+
+                    <button onclick="saveInstanceConfig()" class="w-full bg-gradient-to-r from-trastoBlue to-trastoGreen hover:opacity-95 text-white font-bold py-3 px-6 rounded-xl text-xs flex items-center justify-center gap-2 transition-all shadow-lg shadow-sky-100">
+                        <i class="fa-solid fa-save text-sm"></i>
+                        <span>Guardar Cambios (instance.json)</span>
+                    </button>
+
+                    <div class="grid grid-cols-2 gap-2 pt-1">
+                        <button onclick="copyInstanceJson()" class="bg-slate-900 hover:bg-slate-800 text-white font-bold py-2 px-3 rounded-xl text-[11px] flex items-center justify-center gap-1.5 transition-all">
+                            <i class="fa-regular fa-copy"></i> Copiar
+                        </button>
+                        <button onclick="compilePdf()" class="bg-amber-500 hover:bg-amber-600 text-white font-bold py-2 px-3 rounded-xl text-[11px] flex items-center justify-center gap-1.5 transition-all">
+                            <i class="fa-solid fa-file-pdf"></i> PDF
+                        </button>
+                    </div>
+                </div>
+
+                <div class="bg-white rounded-2xl border border-slate-100 shadow-sm p-5 space-y-3.5">
+                    <h4 class="font-title text-sm font-bold text-slate-800 border-b border-slate-50 pb-2">Información del Pedido</h4>
+                    <div class="space-y-2 text-xs text-slate-600">
+                        <div class="flex justify-between">
+                            <span class="text-slate-400 font-medium">Cliente:</span>
+                            <span class="font-bold text-slate-800 text-right truncate max-w-[120px]" id="order-client">-</span>
+                        </div>
+                        <div class="flex justify-between">
+                            <span class="text-slate-400 font-medium">Libro:</span>
+                            <span class="font-bold text-slate-800 text-right truncate max-w-[120px]" id="order-book-title">-</span>
+                        </div>
+                        <div class="flex justify-between">
+                            <span class="text-slate-400 font-medium">Directorio:</span>
+                            <span class="font-mono text-[9px] text-trastoBlue font-bold break-all max-w-[140px] text-right" id="order-dir">-</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+<script>
+        // Carga de datos inyectada por PHP
+        let instanceConfig = <?php echo json_encode(isset($this->config) ? $this->config : null); ?>;
+
+        // Fallback para previsualización directa en el editor de código
+        if (!instanceConfig || typeof instanceConfig !== "object") {
+            instanceConfig = {
+                "order_id": "PED-2026-001",
+                "book_id": "0",
+                "book_title": "demo",
+                "client_name": "Soporte Admin TrastoBooks",
+                "instance_dir": "uploads/0/7763a682f49963be",
+                "settings": {"dpi": 300},
+                "user_photo": { "width": 450, "height": 450 },
+                "pages": [
+                    {
+                        "page_id": 0,
+                        "description": "Portada del Cuento",
+                        "background": "paginas/72dpi/1.jpg",
+                        "elements": [
+                            { "type": "photo", "x": 830, "y": 830, "width": 450, "height": 450, "variable": "FOTO_NINYO", "rotation": 0 },
+                            { "type": "text", "x": 100, "y": 100, "width": 1800, "height": 300, "rotation": 0, "text": { "es": "La gran selva de {{name}}" }, "style": { "size": 150, "color": "accent", "gravity": "CENTER" } }
+                        ]
+                    }
+                ],
+                "variables": {
+                    "name": "Nombre Prota",
+                    "FOTO_NINYO": "demo/woman.png",
+                    "language": "es"
+                }
+            };
+        }
+
+        let activePageId = (instanceConfig.pages && instanceConfig.pages.length > 0) ? instanceConfig.pages[0].page_id : 0;
+
+        window.onload = function() {
+            // Asegurar que el idioma exista en la lista de variables
+            if (instanceConfig.variables) {
+                if (!instanceConfig.variables.language && !instanceConfig.variables.lang) {
+                    instanceConfig.variables.language = 'es';
+                }
+            }
+
+            loadOrderMeta();
+            renderVariablesForm();
+            renderPagesList();
+            renderCanvas();
+        };
+
+        function showToast(message, isError = false) {
+            const toast = document.getElementById('toast');
+            const iconContainer = document.getElementById('toastIconContainer');
+            const text = document.getElementById('toastMessage');
+            text.textContent = message;
+            if (isError) {
+                iconContainer.className = "w-6 h-6 rounded-full flex items-center justify-center text-xs bg-rose-500/10 text-rose-400 border border-rose-500/20";
+                iconContainer.innerHTML = '<i class="fa-solid fa-circle-exclamation"></i>';
+            } else {
+                iconContainer.className = "w-6 h-6 rounded-full flex items-center justify-center text-xs bg-emerald-500/10 text-emerald-400 border border-emerald-500/20";
+                iconContainer.innerHTML = '<i class="fa-solid fa-circle-check"></i>';
+            }
+            toast.classList.remove('opacity-0', 'translate-y-10');
+            toast.classList.add('opacity-100', 'translate-y-0');
+            setTimeout(() => {
+                toast.classList.add('opacity-0', 'translate-y-10');
+                toast.classList.remove('opacity-100', 'translate-y-0');
+            }, 3000);
+        }
+
+        function loadOrderMeta() {
+            const badgeEl = document.getElementById('order-badge');
+            const clientEl = document.getElementById('order-client');
+            const titleEl = document.getElementById('order-book-title');
+            const dirEl = document.getElementById('order-dir');
+
+            if (badgeEl) badgeEl.innerText = `Pedido: ${instanceConfig.order_id || 'N/A'}`;
+            if (clientEl) clientEl.innerText = instanceConfig.client_name || '-';
+            if (titleEl) titleEl.innerText = instanceConfig.book_title || '-';
+            if (dirEl) dirEl.innerText = instanceConfig.instance_dir || '-';
+        }
+
+        function renderVariablesForm() {
+            const container = document.getElementById('variables-editor-container');
+            if(!container) return;
+            container.innerHTML = '';
+            const vars = instanceConfig.variables || (instanceConfig.settings && instanceConfig.settings.variables) || {};
+
+            Object.entries(vars).forEach(([key, val]) => {
+                const row = document.createElement('div');
+                row.className = "space-y-1.5 p-3 bg-slate-50 border border-slate-200/60 rounded-xl";
+                
+                // Si la variable es de idioma, la mostramos como un desplegable integrado
+                if (key.toLowerCase() === 'language' || key.toLowerCase() === 'lang') {
+                    row.innerHTML = `
+                        <label class="block text-[10px] font-bold text-slate-500 uppercase tracking-wide">${key} (Idioma)</label>
+                        <select class="w-full bg-white border border-slate-200 rounded-lg px-3 py-2 font-semibold focus:outline-none focus:ring-1 focus:ring-trastoBlue" onchange="updateVariableValue('${key}', this.value)">
+                            <option value="es" ${val === 'es' ? 'selected' : ''}>Español</option>
+                            <option value="ca" ${val === 'ca' ? 'selected' : ''}>Catalán</option>
+                            <option value="en" ${val === 'en' ? 'selected' : ''}>Inglés</option>
+                        </select>
+                    `;
+                } else {
+                    row.innerHTML = `
+                        <label class="block text-[10px] font-bold text-slate-500 uppercase tracking-wide">${key}</label>
+                        <input type="text" value="${val}" class="w-full bg-white border border-slate-200 rounded-lg px-3 py-2 font-semibold focus:outline-none focus:ring-1 focus:ring-trastoBlue" onchange="updateVariableValue('${key}', this.value)">
+                    `;
+                }
+                container.appendChild(row);
+            });
+        }
+
+        function updateVariableValue(key, val) {
+            if (instanceConfig.variables) {
+                instanceConfig.variables[key] = val;
+            } else {
+                if (!instanceConfig.settings) instanceConfig.settings = {};
+                if (!instanceConfig.settings.variables) instanceConfig.settings.variables = {};
+                instanceConfig.settings.variables[key] = val;
+            }
+            renderCanvas();
+        }
+
+        function renderPagesList() {
+            const container = document.getElementById('pages-list');
+            if(!container) return;
+            container.innerHTML = '';
+            instanceConfig.pages.forEach((p) => {
+                const btn = document.createElement('button');
+                btn.className = `w-full text-left px-3 py-2.5 rounded-xl text-xs font-bold transition-all ${p.page_id === activePageId ? 'bg-trastoBlue/10 text-trastoBlue font-extrabold shadow-xs' : 'text-slate-600 hover:bg-slate-50'}`;
+                btn.onclick = () => setActivePage(p.page_id);
+                btn.innerHTML = `
+                    <div class="flex items-center gap-2">
+                        <span class="font-mono bg-slate-200/60 text-slate-600 w-5 h-5 rounded flex items-center justify-center text-[10px]">${p.page_id}</span>
+                        <span>${p.description}</span>
+                    </div>
+                `;
+                container.appendChild(btn);
+            });
+        }
+
+        function setActivePage(id) {
+            activePageId = id;
+            renderPagesList();
+            renderCanvas();
+        }
+
+        function renderCanvas() {
+            const container = document.getElementById('canvas-elements');
+            const canvasEl = document.getElementById('visual-canvas');
+            if(!container || !canvasEl) return;
+            container.innerHTML = '';
+
+            const page = instanceConfig.pages.find(p => p.page_id === activePageId);
+            if (!page) return;
+
+            // 1. Cargar fondo físico
+            const backgroundPath = page.background || '';
+            if (backgroundPath) {
+                const secureBackgroundUrl = `/admin/getImage?book=${instanceConfig.book_id}&file=${encodeURIComponent(backgroundPath)}`;
+                canvasEl.style.backgroundImage = `url('${secureBackgroundUrl}')`;
+                canvasEl.style.backgroundSize = "cover";
+                canvasEl.style.backgroundPosition = "center";
+            } else {
+                canvasEl.style.backgroundImage = 'none';
+            }
+
+            // 2. Calcular resolución
+            const dpi = (instanceConfig.settings && instanceConfig.settings.dpi && !Array.isArray(instanceConfig.settings)) ? instanceConfig.settings.dpi : 300;
+            const totalPx = Math.round((18 / 2.54) * dpi);
+            
+            const vars = instanceConfig.variables || (instanceConfig.settings && instanceConfig.settings.variables) || {};
+            
+            // Obtener el idioma activo desde las variables del cuento (con fallback al primero)
+            const langActive = vars.language || vars.lang || 'es';
+            const nameValue = vars.name || 'Martín';
+
+            page.elements.forEach((el) => {
+                let posX = (el.x / totalPx) * 100;
+                let posY = (el.y / totalPx) * 100;
+
+                const defaultW = el.type === 'photo' ? (instanceConfig.user_photo ? instanceConfig.user_photo.width : 450) : 600;
+                const defaultH = el.type === 'photo' ? (instanceConfig.user_photo ? instanceConfig.user_photo.height : 450) : 200;
+                const widthPx = el.width || defaultW;
+                const heightPx = el.height || defaultH;
+
+                let widthPct = (widthPx / totalPx) * 100;
+                let heightPct = (heightPx / totalPx) * 100;
+
+                const item = document.createElement('div');
+                // Posicionamiento absoluto TOP-LEFT nativo (fiel a ImageMagick)
+                item.className = "absolute select-none pointer-events-none";
+                item.style.left = `${posX}%`;
+                item.style.top = `${posY}%`;
+                item.style.width = `${widthPct}%`;
+                item.style.height = `${heightPct}%`;
+
+                if (el.rotation) {
+                    item.style.transform = `rotate(${el.rotation}deg)`;
+                    item.style.transformOrigin = "top left";
+                }
+
+                if (el.type === 'photo') {
+                    const photoBox = document.createElement('div');
+                    // CORREGIDO: Se elimina el borde verde y el estilo de fallback. Ahora es una caja limpia para mostrar la imagen.
+                    photoBox.className = "w-full h-full bg-contain bg-center bg-no-repeat overflow-hidden relative";
+                    
+                    const variableKey = el.variable;
+                    const variableVal = variableKey ? vars[variableKey] : null;
+
+                    if (variableVal && typeof variableVal === 'string' && variableVal.trim() !== '') {
+                        const securePhotoUrl = `/admin/getImage?book=${instanceConfig.book_id}&file=${encodeURIComponent(variableVal.trim())}`;
+                        photoBox.style.backgroundImage = `url('${securePhotoUrl}')`;
+                        photoBox.innerHTML = ''; // Se elimina el span con el nombre de la variable de forma definitiva
+                    } else {
+                        // Placeholder discreto en caso de que no tenga foto
+                        photoBox.className += " border border-dashed border-slate-300 bg-slate-100/50 flex flex-col items-center justify-center text-slate-400 text-xs";
+                        photoBox.innerHTML = `<i class="fa-solid fa-camera text-base"></i>`;
+                    }
+                    item.appendChild(photoBox);
+                } else {
+                    let rawText = el.text ? (el.text[langActive] || el.text['es'] || '') : '';
+                    let procesado = rawText;
+
+                    // Inyección dinámica
+                    Object.entries(vars).forEach(([vKey, vVal]) => {
+                        const regex = new RegExp(`{{\\s*${vKey}\\s*}}`, 'gi');
+                        procesado = procesado.replace(regex, vVal);
+                    });
+
+                    const textBox = document.createElement('div');
+                    textBox.className = "w-full h-full px-1 py-1 bg-transparent flex flex-col justify-center";
+                    
+                    let colorKey = el.style && el.style.color ? el.style.color : 'black';
+                    const defaultColors = {"black": "#1E293B", "white": "#FFFFFF", "title": "#0284C7", "accent": "#0D9488"};
+                    let hexColor = (instanceConfig.settings && instanceConfig.settings.colors && instanceConfig.settings.colors[colorKey]) 
+                                   ? instanceConfig.settings.colors[colorKey] 
+                                   : (defaultColors[colorKey] || '#1e293b');
+
+                    textBox.style.color = hexColor;
+                    textBox.style.fontFamily = el.style && el.style.font === 'secondary' ? 'Quicksand' : 'Fredoka';
+                    let scaledSize = el.style && el.style.size ? el.style.size / 6.5 : 14;
+                    textBox.style.fontSize = `${Math.max(scaledSize, 11)}px`;
+
+                    let alignment = "text-center";
+                    if (el.style && el.style.gravity === 'WEST') alignment = "text-left";
+                    if (el.style && el.style.gravity === 'EAST') alignment = "text-right";
+                    textBox.className += ` ${alignment}`;
+
+                    textBox.innerHTML = `<span class="font-bold leading-tight block break-words whitespace-normal" style="word-break: break-word;">${procesado}</span>`;
+                    item.appendChild(textBox);
+                }
+                container.appendChild(item);
+            });
+        }
+
+        function saveInstanceConfig() {
+            showToast("Sincronizando instance.json...");
+            fetch('/admin/guardarinstance', {
+                method: 'POST',
+                headers: {'Content-Type': 'application/json'},
+                body: JSON.stringify(instanceConfig)
+            })
+            .then(res => res.json())
+            .then(data => {
+                if (data.success) showToast("Instancia actualizada correctamente");
+                else showToast(data.message, true);
+            })
+            .catch(err => {
+                console.warn("Fallo real al conectar. Simulación local exitosa.");
+                setTimeout(() => showToast("Cambios guardados en local"), 600);
+            });
+        }
+
+        function copyInstanceJson() {
+            const text = JSON.stringify(instanceConfig, null, 4);
+            const el = document.createElement('textarea');
+            el.value = text;
+            document.body.appendChild(el);
+            el.select();
+            document.execCommand('copy');
+            document.body.removeChild(el);
+            showToast("JSON copiado al portapapeles");
+        }
+
+        function compilePdf() {
+            showToast("Llamando a ImageMagick para renderizar PDF...");
+            setTimeout(() => showToast("¡PDF listo en /finalpdf!"), 2000);
+        }
+    </script>
\ No newline at end of file
diff --git a/src/views/admin/editorlibro.phtml b/src/views/admin/editorlibro.phtml
new file mode 100644
index 0000000..a519074
--- /dev/null
+++ b/src/views/admin/editorlibro.phtml
@@ -0,0 +1,224 @@
+<style>
+    /* Estilo sutil para scrollbars */
+    ::-webkit-scrollbar {
+        width: 6px;
+        height: 6px;
+    }
+    ::-webkit-scrollbar-track {
+        background: #f1f5f9;
+    }
+    ::-webkit-scrollbar-thumb {
+        background: #cbd5e1;
+        border-radius: 3px;
+    }
+    ::-webkit-scrollbar-thumb:hover {
+        background: #94a3b8;
+    }
+</style>
+
+
+<!-- TOAST NOTIFICACIONES -->
+    <div id="toast" class="fixed bottom-5 right-5 z-50 transform translate-y-10 opacity-0 transition-all duration-300 pointer-events-none">
+        <div class="bg-slate-950 text-white px-5 py-3.5 rounded-2xl shadow-2xl flex items-center gap-3 border border-slate-800">
+            <span id="toastIconContainer" class="w-6 h-6 rounded-full flex items-center justify-center text-xs"></span>
+            <span id="toastMessage" class="text-xs font-bold tracking-wide"></span>
+        </div>
+    </div>
+
+    <!-- CUERPO PRINCIPAL DEL EDITOR (100% DE ANCHO) -->
+    <main class="flex-grow p-6 w-full mx-0">
+        
+        <!-- PESTAÑA: EDITOR INTERACTIVO -->
+        <div id="view-editor" class="grid grid-cols-1 xl:grid-cols-12 gap-6 w-full">
+            
+            <!-- COLUMNA IZQUIERDA (25% - xl:col-span-3): AJUSTES GLOBALES Y LISTA DE PÁGINAS -->
+            <div class="xl:col-span-3 space-y-6">
+                <!-- Tarjeta de Ajustes del Libro -->
+                <div class="bg-white rounded-2xl border border-slate-100 shadow-sm p-5 space-y-4">
+                    <h3 class="font-title text-lg font-bold text-slate-800 flex items-center gap-2">
+                        <i class="fa-solid fa-gears text-trastoBlue"></i>
+                        <span>Ajustes del Libro</span>
+                    </h3>
+                    
+                    <div class="space-y-3 text-xs">
+                        <div>
+                            <label class="block font-bold text-slate-500 uppercase tracking-wider mb-1.5">ID del Libro asociado</label>
+                            <input type="number" id="global-book-id" class="w-full bg-slate-50 border border-slate-200 rounded-lg px-3 py-2 focus:outline-none focus:ring-1 focus:ring-trastoBlue" onchange="updateGlobalSetting('book_id', parseInt(this.value))">
+                        </div>
+                        <div class="grid grid-cols-2 gap-3">
+                            <div>
+                                <label class="block font-bold text-slate-500 uppercase tracking-wider mb-1.5">Resolución DPI</label>
+                                <input type="number" id="global-dpi" class="w-full bg-slate-50 border border-slate-200 rounded-lg px-3 py-2 focus:outline-none" onchange="updateGlobalSetting('dpi', parseInt(this.value), 'settings')">
+                            </div>
+                            <div>
+                                <label class="block font-bold text-slate-500 uppercase tracking-wider mb-1.5">Base Font Size (px)</label>
+                                <input type="number" id="global-fontsize" class="w-full bg-slate-50 border border-slate-200 rounded-lg px-3 py-2 focus:outline-none" onchange="updateGlobalSetting('base_font_size', parseInt(this.value), 'settings')">
+                            </div>
+                        </div>
+
+                        <div>
+                            <label class="block font-bold text-slate-500 uppercase tracking-wider mb-1.5">Caja Foto Usuario (Ancho x Alto px)</label>
+                            <div class="grid grid-cols-2 gap-2">
+                                <input type="number" id="global-photowidth" class="w-full bg-slate-50 border border-slate-200 rounded-lg px-3 py-2 focus:outline-none" onchange="updateGlobalSetting('width', parseInt(this.value), 'user_photo')">
+                                <input type="number" id="global-photoheight" class="w-full bg-slate-50 border border-slate-200 rounded-lg px-3 py-2 focus:outline-none" onchange="updateGlobalSetting('height', parseInt(this.value), 'user_photo')">
+                            </div>
+                        </div>
+
+                        <div>
+                            <label class="block font-bold text-slate-500 uppercase tracking-wider mb-1.5">Tipografías (TTF)</label>
+                            <div class="space-y-2">
+                                <input type="text" id="global-font-main" placeholder="Principal (Ej: Mali-Bold.ttf)" class="w-full bg-slate-50 border border-slate-200 rounded-lg px-3 py-2 focus:outline-none" onchange="updateGlobalFont('main', this.value)">
+                                <input type="text" id="global-font-sec" placeholder="Secundaria (Ej: Calibri.ttf)" class="w-full bg-slate-50 border border-slate-200 rounded-lg px-3 py-2 focus:outline-none" onchange="updateGlobalFont('secondary', this.value)">
+                            </div>
+                        </div>
+
+                        <div>
+                            <label class="block font-bold text-slate-500 uppercase tracking-wider mb-1.5">Paleta de Colores de Imprenta</label>
+                            <div id="colors-list" class="space-y-2">
+                                <!-- Colores inyectados por JS -->
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Lista de Páginas -->
+                <div class="bg-white rounded-2xl border border-slate-100 shadow-sm p-5 space-y-4">
+                    <div class="flex items-center justify-between">
+                        <h3 class="font-title text-base font-bold text-slate-800 flex items-center gap-2">
+                            <i class="fa-solid fa-book-open text-trastoGreen"></i>
+                            <span>Estructura Páginas</span>
+                        </h3>
+                        <button onclick="addNewPage()" class="text-xs font-bold text-trastoBlue hover:text-trastoBlueHover flex items-center gap-1">
+                            <i class="fa-solid fa-plus"></i> Añadir
+                        </button>
+                    </div>
+
+                    <div id="pages-list" class="space-y-1.5 max-h-[400px] overflow-y-auto pr-1">
+                        <!-- Páginas inyectadas por JS -->
+                    </div>
+                </div>
+            </div>
+
+            <!-- COLUMNA CENTRAL (50% - xl:col-span-6): MESA DE TRABAJO Y VARIABLES CENTRALIZADAS -->
+            <div class="xl:col-span-6 space-y-6">
+                <!-- Previsualizador de Coordenadas de Imprenta (Lienzo Limpio 18x18 cm) -->
+                <div class="bg-white rounded-2xl border border-slate-100 shadow-sm p-6 space-y-4">
+                    <div class="flex justify-between items-center">
+                        <h3 class="font-title text-base font-bold text-slate-800 flex items-center gap-2">
+                            <i class="fa-solid fa-eye text-trastoPink"></i>
+                            <span>Mesa de Trabajo Virtual</span>
+                        </h3>
+                    </div>
+
+                    <!-- Lienzo Físico Limpio e Interactivo sin marcas de corte -->
+                    <div class="relative bg-slate-50 border border-slate-200 rounded-2xl p-6 flex items-center justify-center shadow-inner min-h-[460px]">
+                        <!-- Cuadrícula blueprint sutil -->
+                        <div class="absolute inset-0 opacity-[0.05] bg-[linear-gradient(to_right,#0284c7_1px,transparent_1px),linear-gradient(to_bottom,#0284c7_1px,transparent_1px)] bg-[size:24px_24px] pointer-events-none"></div>
+                        
+                        <!-- Lienzo Escala Real Cuadrada 18x18 cm (Origen 0,0 en esquina superior izquierda) -->
+                        <div id="visual-canvas" class="relative w-full max-w-[420px] aspect-square bg-[#fcfbfa] rounded-lg shadow-xl overflow-hidden border border-slate-300">
+                            <!-- Elementos de la página pintados y movidos por JS -->
+                            <div id="canvas-elements" class="absolute inset-0 select-none"></div>
+                        </div>
+                    </div>
+
+                    <!-- Indicadores de Coordenadas de Imprenta (0,0 es top-left) -->
+                    <div class="flex justify-between items-center text-[10px] text-slate-500 font-mono tracking-wider px-2">
+                        <span><i class="fa-solid fa-arrows-to-dot mr-1 text-trastoBlue"></i> Origen (0,0) en la esquina superior izquierda</span>
+                        <span id="canvas-max-coordinates">Resolución Imprenta: 2126 x 2126 px (18x18 cm)</span>
+                    </div>
+                </div>
+
+                <!-- NUEVA TARJETA: VARIABLES DE IMPRENTA Y SIMULADOR (ZONA CENTRAL INFERIOR) -->
+                <div class="bg-white rounded-2xl border border-slate-100 shadow-sm p-6 space-y-4">
+                    <div class="flex justify-between items-center pb-2 border-b border-slate-100">
+                        <h3 class="font-title text-base font-bold text-slate-800 flex items-center gap-2">
+                            <i class="fa-solid fa-wand-magic-sparkles text-trastoBlue"></i>
+                            <span>Variables de Imprenta & Simulador</span>
+                        </h3>
+                        <button type="button" onclick="addNewVariable()" class="text-xs bg-trastoBlue/10 hover:bg-trastoBlue/20 text-trastoBlue font-bold px-3 py-1.5 rounded-lg transition-colors">
+                            <i class="fa-solid fa-plus mr-1"></i> Añadir Variable
+                        </button>
+                    </div>
+                    
+                    <div class="grid grid-cols-1 md:grid-cols-12 gap-5 items-start">
+                        <!-- Selector de Idioma en la Zona Central de Simulación -->
+                        <div class="md:col-span-4 space-y-2 bg-slate-50 p-4 rounded-xl border border-slate-100">
+                            <label class="block text-[10px] font-bold text-slate-500 uppercase tracking-wide">Idioma del Simulador</label>
+                            <select id="sim-lang" class="w-full bg-white border border-slate-200 px-3 py-2 rounded-lg text-xs font-bold focus:outline-none focus:ring-1 focus:ring-trastoBlue" onchange="renderCanvas()">
+                                <option value="es">Español</option>
+                                <option value="ca">Catalán</option>
+                                <option value="en">Inglés</option>
+                            </select>
+                            <p class="text-[9px] text-slate-400 leading-normal">Cambia el idioma para previsualizar las traducciones del cuento al instante.</p>
+                        </div>
+
+                        <!-- Listado dinámico de variables e inputs -->
+                        <div class="md:col-span-8 space-y-2.5">
+                            <label class="block text-[10px] font-bold text-slate-500 uppercase tracking-wide">Valores de Variables Activas</label>
+                            <div id="variables-list" class="grid grid-cols-1 md:grid-cols-2 gap-3 max-h-[220px] overflow-y-auto pr-1">
+                                <!-- Variables inyectadas por JS -->
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- COLUMNA DERECHA (25% - xl:col-span-3): BOTÓN DE ACCIÓN Y ELEMENTOS DE LA PÁGINA -->
+            <div class="xl:col-span-3 space-y-6">
+                <!-- Panel de Guardado Directo y Acciones -->
+                <div class="bg-white rounded-2xl border border-slate-100 shadow-sm p-5 space-y-4">
+                    <h3 class="font-title text-base font-bold text-slate-800 flex items-center gap-2">
+                        <i class="fa-solid fa-cloud-arrow-up text-trastoGreen"></i>
+                        <span>Persistencia de Imprenta</span>
+                    </h3>
+
+                    <button onclick="saveConfigToServer()" class="w-full bg-gradient-to-r from-trastoBlue to-trastoGreen hover:opacity-95 text-white font-bold py-3 px-6 rounded-xl text-xs flex items-center justify-center gap-2 transition-all shadow-lg shadow-sky-100">
+                        <i class="fa-solid fa-save text-sm"></i>
+                        <span>Guardar en Servidor (config.json)</span>
+                    </button>
+
+                    <div class="grid grid-cols-2 gap-2 pt-1">
+                        <button onclick="copyToClipboard()" class="bg-slate-900 hover:bg-slate-800 text-white font-bold py-2 px-3 rounded-xl text-[11px] flex items-center justify-center gap-1.5 transition-all">
+                            <i class="fa-regular fa-copy"></i> Copiar JSON
+                        </button>
+                        <button onclick="downloadJsonFile()" class="bg-slate-100 hover:bg-slate-200 text-slate-700 font-bold py-2 px-3 rounded-xl text-[11px] flex items-center justify-center gap-1.5 transition-all">
+                            <i class="fa-solid fa-download"></i> Descargar
+                        </button>
+                    </div>
+                </div>
+
+                <!-- Elementos de la Página Seleccionada -->
+                <div class="bg-white rounded-2xl border border-slate-100 shadow-sm p-5 space-y-4">
+                    <div class="flex items-center justify-between pb-2 border-b border-slate-50">
+                        <h3 class="font-title text-base font-bold text-slate-800 flex items-center gap-1.5">
+                            <i class="fa-solid fa-shapes text-amber-500"></i>
+                            <span>Elementos: <span id="active-page-title" class="text-trastoBlue">#0</span></span>
+                        </h3>
+                        <div class="flex gap-1.5">
+                            <button onclick="addElement('text')" class="bg-trastoBlue/10 hover:bg-trastoBlue/20 text-trastoBlue text-[11px] font-bold px-2 py-1.5 rounded-lg flex items-center gap-1 transition-colors">
+                                <i class="fa-solid fa-plus"></i> Texto
+                            </button>
+                            <button onclick="addElement('photo')" class="bg-trastoGreen/10 hover:bg-trastoGreen/20 text-trastoGreen text-[11px] font-bold px-2 py-1.5 rounded-lg flex items-center gap-1 transition-colors">
+                                <i class="fa-solid fa-camera"></i> Foto
+                            </button>
+                        </div>
+                    </div>
+
+                    <!-- Listado dinámico de elementos de la página activa -->
+                    <div id="elements-editor-container" class="space-y-4 max-h-[550px] overflow-y-auto pr-1">
+                        <!-- Campos de edición de cada elemento de la página -->
+                    </div>
+                </div>
+            </div>
+
+        </div>
+
+        
+
+</main>
+<script>
+    // Semilla inicial cargada de tu config.json provisto
+    let bookConfig = <?php echo json_encode($this->config) ?> ;
+</script>
+<script src="/js/admin/editor.js"></script>
\ No newline at end of file
diff --git a/src/views/admin/gestionlibros.phtml b/src/views/admin/gestionlibros.phtml
new file mode 100644
index 0000000..791fd0f
--- /dev/null
+++ b/src/views/admin/gestionlibros.phtml
@@ -0,0 +1,440 @@
+<!-- CUERPO PRINCIPAL DEL EDITOR (100% DE ANCHO) -->
+    <main class="flex-grow p-6 w-full mx-0">
+<!-- 3. PESTAÑA: GESTIONAR LIBROS (ADMIN - EXCLUSIVO) -->
+<section id="tab-content-gestionar-libros" class="tab-content  space-y-6">
+    <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-2">
+        <div>
+            <h1 class="font-title text-xl sm:text-2xl font-extrabold text-trastoDark">Gestión del Catálogo de Libros</h1>
+            <p class="text-xs text-slate-400">Controla el estado, precio y visibilidad de los libros en la tienda pública.</p>
+        </div>
+        <button onclick="openCreateModal()" class="bg-trastoBlue hover:bg-trastoBlueHover text-white text-xs font-bold px-4 py-2.5 rounded-xl flex items-center gap-1.5 shadow-sm transition-all">
+            <i class="fa-solid fa-plus text-[10px]"></i> Añadir Libro
+        </button>
+    </div>
+
+    <!-- Tabla de Libros Activos -->
+    <div class="bg-white rounded-2xl border border-slate-100 shadow-sm overflow-hidden">
+        <div class="overflow-x-auto">
+        <table class="w-full text-left border-collapse">
+            <thead>
+                <tr class="bg-slate-50 text-[10px] text-slate-500 uppercase tracking-wider border-b border-slate-100">
+                    <th class="px-6 py-3 font-bold">Identificador</th>
+                    <th class="px-6 py-3 font-bold">Título del cuento</th>
+                    <th class="px-6 py-3 font-bold">Categoría</th>
+                    <th class="px-6 py-3 font-bold">Precio (€)</th>
+                    <th class="px-6 py-3 font-bold">Visibilidad</th>
+                    <th class="px-6 py-3 font-bold text-right">Ajustes</th>
+                </tr>
+            </thead>
+            <tbody id="admin-books-tbody" class="divide-y divide-slate-100 text-xs text-slate-600">
+                <?php 
+                // Soporte tanto para $this->view->libros como para $this->libros de forma segura
+                $coleccionLibros = isset($this->view->libros) ? $this->view->libros : (isset($this->libros) ? $this->libros : []);
+                
+                foreach($coleccionLibros as $libro): 
+                    // 1. Clasificación dinámica basada en el archivo de configuración para mayor orden visual
+                    $categoria = 'Personalizado';
+                    $badgeColor = 'bg-sky-50 text-sky-700 border-sky-100';
+                    
+                    if (isset($libro['ruta_archivo_config'])) {
+                        if (strpos($libro['ruta_archivo_config'], 'foto') !== false) {
+                            $categoria = 'Con Fotos';
+                            $badgeColor = 'bg-purple-50 text-rose-700 border-purple-100';
+                        } elseif (strpos($libro['ruta_archivo_config'], 'config') !== false && (strpos($libro['titulo'], 'colores') !== false || strpos($libro['titulo'], 'números') !== false || strpos($libro['titulo'], 'vocales') !== false)) {
+                            $categoria = 'Aprendizaje';
+                            $badgeColor = 'bg-teal-50 text-teal-700 border-teal-100';
+                        }
+                    }
+                    
+                    // 2. Formateo de precio seguro (de céntimos en DB a Euros decimales)
+                    $precioFormateado = number_format(($libro['precio'] / 100), 2, ',', '.') . ' €';
+                ?>
+                    <tr class="hover:bg-slate-50/50 transition-colors duration-150">
+                        <!-- IDENTIFICADOR CON MINIATURA DE PORTADA -->
+                        <td class="px-6 py-4 font-medium text-slate-900">
+                            <div class="flex items-center gap-3">
+                                <div class="relative w-10 h-10 rounded-lg overflow-hidden border border-slate-200/60 shadow-xs shrink-0 bg-slate-50 flex items-center justify-center">
+                                    <?php if(!empty($libro['ruta_portada'])): ?>
+                                        <img src="<?php echo htmlspecialchars($libro['ruta_portada']); ?>" 
+                                            alt="Portada" 
+                                            class="w-full h-full object-cover"
+                                            onerror="this.onerror=null; this.src='https://placehold.co/100x100/F0FDFA/0284C7?text=Cuento';">
+                                    <?php else: ?>
+                                        <i class="fa-solid fa-book text-slate-400 text-sm"></i>
+                                    <?php endif; ?>
+                                </div>
+                                <div class="flex flex-col">
+                                    <span class="font-mono text-[10px] text-slate-400 font-bold uppercase tracking-wider">#TB-<?php echo str_pad($libro['id'], 3, '0', STR_PAD_LEFT); ?></span>
+                                    <span class="text-[10px] text-slate-400"><?php echo $libro['numero_paginas']; ?> págs.</span>
+                                </div>
+                            </div>
+                        </td>
+
+                        <!-- TÍTULO Y AUTOR -->
+                        <td class="px-6 py-4">
+                            <div class="flex flex-col">
+                                <span class="font-bold text-slate-800 text-sm line-clamp-1"><?php echo htmlspecialchars($libro['titulo']); ?></span>
+                                <span class="text-[10px] text-slate-400 font-medium">Por <?php echo htmlspecialchars($libro['autor'] ?? 'Equipo Creativo'); ?></span>
+                            </div>
+                        </td>
+
+                        <!-- BADGE DE CATEGORÍA AUTOGENERADO -->
+                        <td class="px-6 py-4">
+                            <span class="inline-flex items-center px-2.5 py-1 rounded-full text-[10px] font-bold border <?php echo $badgeColor; ?>">
+                                <?php echo $categoria; ?>
+                            </span>
+                        </td>
+
+                        <!-- PRECIO CON FORMATO MONETARIO -->
+                        <td class="px-6 py-4 font-mono font-bold text-slate-700 text-sm">
+                            <?php echo $precioFormateado; ?>
+                        </td>
+
+                        <!-- ESTADO DE VISIBILIDAD (ACTIVO / INACTIVO) -->
+                        <td class="px-6 py-4">
+                            <?php if($libro['activo'] == 1): ?>
+                                <span class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-[10px] font-bold bg-emerald-50 text-emerald-700 border border-emerald-100">
+                                    <span class="w-1.5 h-1.5 rounded-full bg-emerald-500 animate-pulse"></span>
+                                    Visible
+                                </span>
+                            <?php else: ?>
+                                <span class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-[10px] font-bold bg-slate-100 text-slate-500 border border-slate-200">
+                                    <span class="w-1.5 h-1.5 rounded-full bg-slate-400"></span>
+                                    Oculto
+                                </span>
+                            <?php endif; ?>
+                        </td>
+
+                        <!-- AJUSTES Y ACCIONES DIRECTAS -->
+                        <td class="px-6 py-4 text-right">
+                            <div class="flex items-center justify-end gap-1.5">
+                                <!-- Botón Editar Visibilidad/Estado -->
+                                <a href="/admin/togglestatuslibro/<?php echo $libro['id']; ?>" 
+                                    title="<?php echo $libro['activo'] == 1 ? 'Ocultar de la tienda' : 'Mostrar en la tienda'; ?>"
+                                    class="p-2 rounded-lg border border-slate-200 bg-white text-slate-500 hover:text-slate-800 hover:bg-slate-50 hover:shadow-xs transition-all duration-150">
+                                        <?php if($libro['activo'] == 1): ?>
+                                            <i class="fa-solid fa-eye-slash text-xs w-4 text-center"></i>
+                                        <?php else: ?>
+                                            <i class="fa-solid fa-eye text-xs w-4 text-center text-trastoBlue"></i>
+                                        <?php endif; ?>
+                                </a>
+
+                                <!-- Botón Editar Precio / Datos -->
+                                <button onclick='openEditModal(<?php echo $libro['id']; ?>)' title="Editar detalles"
+                                    class="p-2 rounded-lg border border-slate-200 bg-white text-slate-600 hover:text-trastoBlue hover:border-trastoBlue/30 hover:bg-sky-50/40 hover:shadow-xs transition-all duration-150">
+                                    <i class="fa-solid fa-pen text-xs w-4 text-center"></i>
+                                </button>
+
+                                <!-- NUEVO: Botón de la rueda (Accede al Editor de Configuración JSON de Imprenta) -->
+                                <a href="/admin/editorlibro?id=<?php echo $libro['id']; ?>" 
+                                    title="Editar configuración de imprenta (JSON)"
+                                    class="p-2 rounded-lg border border-slate-200 bg-white text-slate-600 hover:text-amber-600 hover:border-amber-200 hover:bg-amber-50/40 hover:shadow-xs transition-all duration-150">
+                                    <i class="fa-solid fa-gear text-xs w-4 text-center"></i>
+                                </a>
+
+                                <!-- NUEVO: Botón de Instanciación de Libro (Varita mágica con destellos) -->
+                                <a href="/admin/instanciarlibro?book_id=<?php echo $libro['id']; ?>" 
+                                    title="Instanciar cuento (Crear orden de trabajo/pedido)"
+                                    class="p-2 rounded-lg border border-slate-200 bg-white text-slate-600 hover:text-emerald-600 hover:border-emerald-200 hover:bg-emerald-50/40 hover:shadow-xs transition-all duration-150">
+                                    <i class="fa-solid fa-wand-magic-sparkles text-xs w-4 text-center"></i>
+                                </a>
+
+                                <!-- Botón Eliminar / Dar de baja (Destructivo con confirmación segura) -->
+                                <a href="/admin/eliminarlibro/<?php echo $libro['id']; ?>" 
+                                    onclick="return confirm('¿Seguro que deseas eliminar definitivamente este libro del catálogo? Esta acción no se puede deshacer.');"
+                                    title="Eliminar libro"
+                                    class="p-2 rounded-lg border border-slate-100 bg-white text-rose-500 hover:text-rose-700 hover:border-rose-100 hover:bg-rose-50/50 hover:shadow-xs transition-all duration-150">
+                                        <i class="fa-regular fa-trash-can text-xs w-4 text-center"></i>
+                                </a>
+                            </div>
+                        </td>
+                    </tr>
+                <?php endforeach; ?>
+            </tbody>
+        </table>
+        </div>
+    </div>
+</section>
+
+<div id="bookModal" class="fixed inset-0 z-50 flex items-center justify-center bg-slate-950/40 backdrop-blur-xs p-4 hidden opacity-0 transition-opacity duration-300">
+    <div class="bg-white rounded-3xl shadow-2xl border border-slate-100 max-w-xl w-full max-h-[90vh] flex flex-col transform scale-95 transition-transform duration-300 overflow-hidden">
+        
+        <!-- Cabecera del modal -->
+        <div class="bg-slate-50 px-6 py-4 border-b border-slate-100 flex justify-between items-center shrink-0">
+            <div class="flex items-center gap-2.5">
+                <div class="w-8 h-8 rounded-xl bg-trastoBlue/10 text-trastoBlue flex items-center justify-center text-xs">
+                    <i class="fa-solid fa-book-open"></i>
+                </div>
+                <h3 id="modalTitle" onclick="openCreateModal()" class="font-title text-base font-bold text-slate-800">Añadir cuento nuevo</h3>
+            </div>
+            <button onclick="closeBookModal()" class="w-8 h-8 rounded-full hover:bg-slate-200/60 text-slate-400 hover:text-slate-600 flex items-center justify-center transition-colors">
+                <i class="fa-solid fa-xmark"></i>
+            </button>
+        </div>
+
+        <form id="bookForm" onsubmit="handleFormSubmit(event)" class="overflow-y-auto p-6 space-y-5">
+            <!-- ID Oculto para discernir entre update y create -->
+            <input type="hidden" id="book_id" name="id">
+
+            <!-- Fila 1: Título -->
+            <div class="space-y-1.5">
+                <label for="titulo" class="block text-[10px] font-bold uppercase tracking-wider text-slate-500">Título del cuento *</label>
+                <input type="text" id="titulo" name="titulo" required
+                    class="w-full px-4 py-3 bg-slate-50 border border-slate-200 rounded-xl text-xs focus:bg-white focus:outline-none focus:ring-2 focus:ring-trastoBlue focus:border-trastoBlue transition-all font-medium"
+                    placeholder="Ej: Martín & Trasto quieren ser...">
+            </div>
+
+            <!-- Fila 2: Autor y Páginas -->
+            <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
+                <div class="space-y-1.5">
+                    <label for="autor" class="block text-[10px] font-bold uppercase tracking-wider text-slate-500">Autor</label>
+                    <input type="text" id="autor" name="autor"
+                        class="w-full px-4 py-3 bg-slate-50 border border-slate-200 rounded-xl text-xs focus:bg-white focus:outline-none focus:ring-2 focus:ring-trastoBlue focus:border-trastoBlue transition-all font-medium"
+                        placeholder="Ej: Pedro Ortega">
+                </div>
+                <div class="space-y-1.5">
+                    <label for="numero_paginas" class="block text-[10px] font-bold uppercase tracking-wider text-slate-500">Número de páginas *</label>
+                    <input type="number" id="numero_paginas" name="numero_paginas" required min="1"
+                        class="w-full px-4 py-3 bg-slate-50 border border-slate-200 rounded-xl text-xs focus:bg-white focus:outline-none focus:ring-2 focus:ring-trastoBlue focus:border-trastoBlue transition-all font-medium"
+                        placeholder="Ej: 24">
+                </div>
+            </div>
+
+            <!-- Fila 3: Precio y Visibilidad -->
+            <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
+                <div class="space-y-1.5">
+                    <label for="precio_decimal" class="block text-[10px] font-bold uppercase tracking-wider text-slate-500">Precio de Venta (€) *</label>
+                    <div class="relative">
+                        <input type="number" id="precio_decimal" required min="0.01" step="0.01"
+                            class="w-full pl-4 pr-10 py-3 bg-slate-50 border border-slate-200 rounded-xl text-xs focus:bg-white focus:outline-none focus:ring-2 focus:ring-trastoBlue focus:border-trastoBlue transition-all font-medium font-mono"
+                            placeholder="Ej: 29.95">
+                        <span class="absolute inset-y-0 right-0 pr-4 flex items-center text-slate-400 font-bold text-xs">€</span>
+                    </div>
+                    <p class="text-[9px] text-slate-400">Se convertirá automáticamente a céntimos en DB.</p>
+                </div>
+                <div class="space-y-1.5">
+                    <label class="block text-[10px] font-bold uppercase tracking-wider text-slate-500">Visibilidad inmediata</label>
+                    <div class="flex items-center h-11 bg-slate-50 border border-slate-200 rounded-xl px-4">
+                        <label class="relative inline-flex items-center cursor-pointer select-none">
+                            <input type="checkbox" id="activo" name="activo" value="1" checked class="sr-only peer">
+                            <div class="w-8 h-4 bg-slate-200 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:rounded-full after:h-3 after:w-3 after:transition-all peer-checked:bg-emerald-500"></div>
+                            <span class="ml-2 text-xs font-semibold text-slate-600" id="statusLabel">Visible en tienda</span>
+                        </label>
+                    </div>
+                </div>
+            </div>
+
+            <div class="space-y-1.5">
+                <label for="ruta_archivo_config" class="block text-[10px] font-bold uppercase tracking-wider text-slate-500">Ruta de Archivo de Configuración (.json) *</label>
+                <input type="text" id="ruta_archivo_config" name="ruta_archivo_config" required
+                    class="w-full px-4 py-3 bg-slate-50 border border-slate-200 rounded-xl text-xs focus:bg-white focus:outline-none focus:ring-2 focus:ring-trastoBlue focus:border-trastoBlue transition-all font-medium font-mono"
+                    placeholder="Ej: configs/quieren_ser_config.json">
+            </div>
+
+            <div class="space-y-1.5">
+                <label for="ruta_portada" class="block text-[10px] font-bold uppercase tracking-wider text-slate-500">Ruta / URL de la imagen de Portada *</label>
+                <div class="flex gap-3">
+                    <div class="relative flex-grow">
+                        <input type="text" id="ruta_portada" name="ruta_portada" required oninput="previewCover(this.value)"
+                            class="w-full px-4 py-3 bg-slate-50 border border-slate-200 rounded-xl text-xs focus:bg-white focus:outline-none focus:ring-2 focus:ring-trastoBlue focus:border-trastoBlue transition-all font-medium font-mono"
+                            placeholder="Ej: https://trastobooks.com/portadas/ejemplo.jpg">
+                    </div>
+                    <div class="w-11 h-11 bg-slate-100 rounded-xl border border-slate-200 flex items-center justify-center overflow-hidden shrink-0">
+                        <img id="coverPreview" src="https://placehold.co/100x100/F0FDFA/0284C7?text=Cuento" class="w-full h-full object-cover" onerror="this.src='https://placehold.co/100x100/F0FDFA/0284C7?text=Cuento'">
+                    </div>
+                </div>
+            </div>
+
+            <div class="space-y-1.5">
+                <label for="sinopsis" class="block text-[10px] font-bold uppercase tracking-wider text-slate-500">Sinopsis del cuento</label>
+                <textarea id="sinopsis" name="sinopsis" rows="3"
+                    class="w-full px-4 py-3 bg-slate-50 border border-slate-200 rounded-xl text-xs focus:bg-white focus:outline-none focus:ring-2 focus:ring-trastoBlue focus:border-trastoBlue transition-all font-medium resize-none"
+                    placeholder="Escribe un breve resumen educativo del libro..."></textarea>
+            </div>
+
+            <!-- Botones de Acción -->
+            <div class="pt-4 border-t border-slate-100 flex justify-end gap-3 shrink-0">
+                <button type="button" onclick="closeBookModal()"
+                    class="px-5 py-3 bg-white border border-slate-200 text-slate-600 font-title text-xs font-bold rounded-xl hover:bg-slate-50 hover:border-slate-300 transition-all">
+                    Cancelar
+                </button>
+                <button type="submit" id="submitBtn"
+                    class="px-6 py-3 bg-gradient-to-r from-trastoBlue to-trastoGreen hover:from-trastoBlueHover hover:to-trastoGreenHover text-white font-title text-xs font-bold rounded-xl shadow-md hover:shadow-lg transition-all flex items-center gap-1.5">
+                    <i class="fa-solid fa-cloud-arrow-up"></i>
+                    <span>Guardar cambios</span>
+                </button>
+            </div>
+        </form>
+
+    </div>
+</div>
+</main>
+<script>
+         // Cargamos la colección de libros directamente desde la variable de PHP de forma segura y dinámica
+        const rawBooks = <?php echo json_encode(isset($this->view->libros) ? $this->view->libros : (isset($this->libros) ? $this->libros : [])); ?>;
+        
+        // Evitamos el TypeError: si PHP devuelve un objeto asociativo por sus índices, lo transformamos en un array plano de JS
+        let sampleBooks = Array.isArray(rawBooks) ? rawBooks : Object.values(rawBooks);
+
+
+        
+        function openCreateModal() {
+            document.getElementById("modalTitle").innerText = "Añadir cuento nuevo";
+            document.getElementById("bookForm").reset();
+            document.getElementById("book_id").value = "";
+            document.getElementById("activo").checked = true;
+            document.getElementById("statusLabel").innerText = "Visible en tienda";
+            document.getElementById("coverPreview").src = "https://placehold.co/100x100/F0FDFA/0284C7?text=Cuento";
+            
+            toggleModal(true);
+        }
+
+        function openEditModal(libroid) {
+
+            let libro = sampleBooks.find(b => b.id == libroid);
+
+            if (!libro) {
+                showToast("Libro no encontrado", true); // Evitamos alert() usando el sistema de toast
+                return false;
+            }
+
+            document.getElementById("modalTitle").innerText = `Editar cuento: ${libro.titulo}`;
+            
+            document.getElementById("book_id").value = libro.id;
+            document.getElementById("titulo").value = libro.titulo;
+            document.getElementById("autor").value = libro.autor;
+            document.getElementById("numero_paginas").value = libro.numero_paginas;
+            document.getElementById("precio_decimal").value = (libro.precio / 100).toFixed(2);
+            document.getElementById("activo").checked = libro.activo === 1;
+            document.getElementById("statusLabel").innerText = libro.activo === 1 ? "Visible en tienda" : "Oculto en catálogo";
+            document.getElementById("ruta_archivo_config").value = libro.ruta_archivo_config;
+            document.getElementById("ruta_portada").value = libro.ruta_portada;
+            document.getElementById("sinopsis").value = libro.sinopsis;
+
+            //previewCover(libro.ruta_portada);
+            toggleModal(true);
+        }
+
+        function closeBookModal() {
+            toggleModal(false);
+        }
+
+        function toggleModal(show) {
+            const modal = document.getElementById("bookModal");
+            const modalBox = modal.querySelector("div");
+            if (show) {
+                modal.classList.remove("hidden");
+                setTimeout(() => {
+                    modal.classList.add("opacity-100");
+                    modalBox.classList.remove("scale-95");
+                    modalBox.classList.add("scale-100");
+                }, 10);
+            } else {
+                modal.classList.remove("opacity-100");
+                modalBox.classList.remove("scale-100");
+                modalBox.classList.add("scale-95");
+                setTimeout(() => {
+                    modal.classList.add("hidden");
+                }, 300);
+            }
+        }
+
+        function previewCover(url) {
+            const preview = document.getElementById("coverPreview");
+            if (url && url.trim() !== "") {
+                preview.src = url;
+            } else {
+                preview.src = "https://placehold.co/100x100/F0FDFA/0284C7?text=Cuento";
+            }
+        }
+
+        function toggleVisibility(id) {
+            const idx = sampleBooks.findIndex(b => b.id === id);
+            if (idx !== -1) {
+                sampleBooks[idx].activo = sampleBooks[idx].activo === 1 ? 0 : 1;
+                renderBooksTable();
+                showToast(`Visibilidad cambiada para "${sampleBooks[idx].titulo}"`, false);
+            }
+        }
+
+        function handleFormSubmit(event) {
+            event.preventDefault();
+
+            const submitBtn = document.getElementById("submitBtn");
+            const originalBtnHtml = submitBtn.innerHTML;
+            
+            // Efecto visual de carga en el botón de guardar
+            submitBtn.disabled = true;
+            submitBtn.innerHTML = `<i class="fa-solid fa-spinner fa-spin mr-1.5"></i>Guardando...`;
+
+            // Construir el identificador del libro
+            const bookId = document.getElementById("book_id").value;
+            const isUpdate = bookId && bookId !== "";
+            
+            // CONVERSIÓN DE PRECIO: Convertimos el flotante de la vista a enteros (céntimos para SQL)
+            const precioFloat = parseFloat(document.getElementById("precio_decimal").value);
+            const precioCents = Math.round(precioFloat * 100);
+
+            const formData = {
+                id: isUpdate ? parseInt(bookId) : null,
+                titulo: document.getElementById("titulo").value.trim(),
+                autor: document.getElementById("autor").value.trim() || 'Desconocido',
+                numero_paginas: parseInt(document.getElementById("numero_paginas").value),
+                precio: precioCents,
+                ruta_archivo_config: document.getElementById("ruta_archivo_config").value.trim(),
+                ruta_portada: document.getElementById("ruta_portada").value.trim(),
+                sinopsis: document.getElementById("sinopsis").value.trim(),
+                activo: document.getElementById("activo").checked ? 1 : 0
+            };
+
+            // Petición POST asíncrona real al backend de PHP
+            fetch('/admin/editlibro', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'X-Requested-With': 'XMLHttpRequest'
+                },
+                body: JSON.stringify(formData)
+            })
+            .then(response => {
+                if (!response.ok) {
+                    throw new Error('Error en la respuesta del servidor');
+                }
+                return response.json();
+            })
+            .then(data => {
+                // Suponiendo que tu PHP responda con { success: true, id: ... } o { success: false, message: "..." }
+                if (data && data.success) {
+                    if (isUpdate) {
+                        // Edición: Actualizamos la lista en caliente con los datos locales
+                        const idx = sampleBooks.findIndex(b => b.id === formData.id);
+                        if (idx !== -1) {
+                            sampleBooks[idx] = formData;
+                        }
+                    } else {
+                        // Creación: Añadimos el nuevo elemento usando la ID asignada por la DB real
+                        formData.id = data.id || (sampleBooks.length > 0 ? Math.max(...sampleBooks.map(b => b.id)) + 1 : 1);
+                        sampleBooks.push(formData);
+                    }
+
+                    renderBooksTable();
+                    closeBookModal();
+                    showToast(isUpdate ? "¡Cuento actualizado correctamente!" : "¡Cuento creado con éxito!", false);
+                } else {
+                    // Muestra error devuelto por la lógica de negocio de tu controlador PHP
+                    showToast(data.message || "No se han podido guardar los cambios en la base de datos.", true);
+                }
+            })
+            .catch(error => {
+                console.error('Error AJAX:', error);
+                showToast("Error de conexión. Asegúrate de tener conexión con el servidor.", true);
+            })
+            .finally(() => {
+                // Restauramos el estado interactivo del botón
+                submitBtn.disabled = false;
+                submitBtn.innerHTML = originalBtnHtml;
+            });
+        }
+    
+        
+    </script>
\ No newline at end of file
diff --git a/src/views/admin/gestionpedidos.phtml b/src/views/admin/gestionpedidos.phtml
new file mode 100644
index 0000000..f1a3cf6
--- /dev/null
+++ b/src/views/admin/gestionpedidos.phtml
@@ -0,0 +1,267 @@
+<!-- CUERPO PRINCIPAL DEL EDITOR (100% DE ANCHO) -->
+<main class="flex-grow p-6 w-full mx-0">
+<!-- 4. PESTAÑA: GESTIONAR PEDIDOS (ADMIN - EXCLUSIVO) -->
+      <section id="tab-content-gestionar-pedidos" class="tab-content space-y-6">
+        <div>
+          <h1 class="font-title text-xl sm:text-2xl font-extrabold text-trastoDark">Corrección de Configuraciones y Pedidos</h1>
+          <p class="text-xs text-slate-400">Corrige fallos cometidos por los padres al escribir los nombres o seleccionar fotos antes de mandar a la imprenta.</p>
+        </div>
+
+        <!-- Tabla de Pedidos -->
+        <div class="bg-white rounded-2xl border border-slate-100 shadow-sm overflow-hidden">
+          <div class="overflow-x-auto">
+            <table class="w-full text-left border-collapse">
+              <thead>
+                  <tr class="bg-slate-50 text-[10px] text-slate-500 uppercase tracking-wider border-b border-slate-100">
+                      <th class="px-6 py-3.5 font-bold">Pedido / Fecha</th>
+                      <th class="px-6 py-3.5 font-bold">Libro Base</th>
+                      <th class="px-6 py-3.5 font-bold">Protagonista</th>
+                      <th class="px-6 py-3.5 font-bold">Total (€)</th>
+                      <th class="px-6 py-3.5 font-bold">Estado de Impresión</th>
+                      <th class="px-6 py-3.5 font-bold text-right">Herramientas</th>
+                  </tr>
+              </thead>
+              <tbody id="admin-orders-tbody" class="divide-y divide-slate-100 text-xs text-slate-600">
+                  <?php 
+                  // Soporte tanto para $this->view->pedidos como para $this->pedidos de forma segura
+                  $pedidos = isset($this->view->pedidos) ? $this->view->pedidos : (isset($this->pedidos) ? $this->pedidos : []);
+                  
+                  if (empty($pedidos)): 
+                  ?>
+                      <!-- Pantalla de fallback amigable si no hay pedidos instanciados -->
+                      <tr>
+                          <td colspan="6" class="px-6 py-12 text-center text-slate-400 font-medium">
+                              <div class="flex flex-col items-center justify-center gap-2">
+                                  <i class="fa-solid fa-basket-shopping text-3xl text-slate-200"></i>
+                                  <span>No hay ninguna orden de trabajo activa en el taller.</span>
+                              </div>
+                          </td>
+                      </tr>
+                  <?php 
+                  else: 
+                      foreach($pedidos as $pedido): 
+                          // Formateo seguro de precio de céntimos en DB a Euros decimales
+                          $precioEuros = number_format(($pedido['precio_total'] / 100), 2, ',', '.') . ' €';
+                          
+                          // Formateo de fecha de creación legible
+                          $fechaFormateada = date('d/m/Y H:i', strtotime($pedido['fecha_pedido']));
+
+                          // Estilo dinámico según género de la personalización
+                          $generoBadge = 'bg-slate-100 text-slate-600 border-slate-200';
+                          $generoTexto = 'Desconocido';
+                          if (isset($pedido['genero_peque'])) {
+                              if ($pedido['genero_peque'] === 'boy') {
+                                  $generoBadge = 'bg-sky-50 text-sky-700 border-sky-100';
+                                  $generoTexto = '👦 Niño';
+                              } elseif ($pedido['genero_peque'] === 'girl') {
+                                  $generoBadge = 'bg-pink-50 text-pink-700 border-pink-100';
+                                  $generoTexto = '👧 Niña';
+                              }
+                          }
+
+                          // Definición visual según el estado del flujo de ImageMagick y PDF
+                          $estadoBadge = 'bg-slate-50 text-slate-500 border-slate-200';
+                          $estadoIcono = 'fa-regular fa-clock';
+                          $estado = strtolower($pedido['estado'] ?? 'diseñando');
+
+                          if ($estado === 'diseñando') {
+                              $estadoBadge = 'bg-amber-50 text-amber-700 border-amber-100';
+                              $estadoIcono = 'fa-solid fa-wand-magic-sparkles';
+                          } elseif ($estado === 'en imprenta') {
+                              $estadoBadge = 'bg-blue-50 text-trastoBlue border-blue-100';
+                              $estadoIcono = 'fa-solid fa-print';
+                          } elseif ($estado === 'en reparto') {
+                              $estadoBadge = 'bg-teal-50 text-trastoGreen border-teal-100';
+                              $estadoIcono = 'fa-solid fa-truck-fast animate-pulse';
+                          } elseif ($estado === 'entregado') {
+                              $estadoBadge = 'bg-emerald-50 text-emerald-700 border-emerald-100';
+                              $estadoIcono = 'fa-solid fa-circle-check';
+                          }
+                  ?>
+                      <tr class="hover:bg-slate-50/50 transition-colors duration-150">
+                          <!-- ID DE PEDIDO Y FECHA -->
+                          <td class="px-6 py-4">
+                              <div class="flex flex-col">
+                                  <span class="font-mono font-bold text-trastoBlue text-sm"><?php echo htmlspecialchars($pedido['id_pedido_tienda']); ?></span>
+                                  <span class="text-[10px] text-slate-400 font-medium"><?php echo $fechaFormateada; ?></span>
+                              </div>
+                          </td>
+
+                          <!-- LIBRO BASE ASOCIADO -->
+                          <td class="px-6 py-4">
+                              <div class="flex flex-col max-w-[180px]">
+                                  <span class="font-bold text-slate-800 truncate" title="Libro base ID #<?php echo $pedido['id_libro']; ?>">
+                                      Cuento #<?php echo $pedido['id_libro']; ?>
+                                  </span>
+                                  <span class="text-[10px] text-slate-400 font-mono tracking-wide truncate">
+                                      /<?php echo htmlspecialchars($pedido['instance_dir'] ?? 'uploads/'); ?>
+                                  </span>
+                              </div>
+                          </td>
+
+                          <!-- PROTAGONISTA Y DETALLES DE PRODUCCIÓN -->
+                          <td class="px-6 py-4">
+                              <div class="flex items-center gap-3">
+                                  <!-- Miniatura redonda del niño si tiene foto, sino icono -->
+                                  <div class="w-9 h-9 rounded-full overflow-hidden border border-slate-200 shadow-xs shrink-0 bg-slate-50 flex items-center justify-center">
+                                      <?php if(!empty($pedido['foto_prota_url'])): ?>
+                                          <img src="<?php echo htmlspecialchars($pedido['foto_prota_url']); ?>" 
+                                              alt="Héroe" 
+                                              class="w-full h-full object-cover"
+                                              onerror="this.onerror=null; this.src='https://placehold.co/100x100/F0FDFA/0284C7?text=Cara';">
+                                      <?php else: ?>
+                                          <i class="fa-solid fa-face-smile text-slate-400 text-sm"></i>
+                                      <?php endif; ?>
+                                  </div>
+                                  <div class="flex flex-col">
+                                      <!-- Nombre con estilo según el tipo de letra seleccionado (Mayúsculas o normal) -->
+                                      <span class="font-bold text-slate-800 text-sm <?php echo ($pedido['tipo_letra'] === 'upper') ? 'uppercase font-title tracking-wide' : ''; ?>">
+                                          <?php echo htmlspecialchars($pedido['nombre_peque']); ?>
+                                      </span>
+                                      <div class="flex gap-1.5 mt-0.5">
+                                          <span class="inline-flex px-1.5 py-0.5 rounded text-[9px] font-bold border <?php echo $generoBadge; ?>">
+                                              <?php echo $generoTexto; ?>
+                                          </span>
+                                          <span class="text-[9px] bg-slate-100 text-slate-500 px-1.5 py-0.5 rounded font-mono font-bold uppercase tracking-wider">
+                                              <?php echo $pedido['tipo_letra'] === 'upper' ? 'MAY' : 'min'; ?>
+                                          </span>
+                                      </div>
+                                  </div>
+                              </div>
+                          </td>
+
+                          <!-- PRECIO TOTAL -->
+                          <td class="px-6 py-4 font-mono font-bold text-slate-700 text-sm">
+                              <?php echo $precioEuros; ?>
+                          </td>
+
+                          <!-- ESTADO ACTUAL DEL PROYECTO -->
+                          <td class="px-6 py-4">
+                              <span class="inline-flex items-center gap-1 px-2.5 py-1 rounded-full text-[10px] font-bold border <?php echo $estadoBadge; ?>">
+                                  <i class="<?php echo $estadoIcono; ?> text-[10px]"></i>
+                                  <span class="capitalize"><?php echo htmlspecialchars($estado); ?></span>
+                              </span>
+                          </td>
+
+                          <!-- ACCIONES DE PRODUCCIÓN (BORRAR, EDITAR, IMPRIMIR) -->
+                          <td class="px-6 py-4 text-right">
+                              <div class="flex items-center justify-end gap-2">
+                                  
+                                  <!-- BOTÓN 1: EDITAR INSTANCIA (Accede al Editor de Variables de Pedido) -->
+                                  <a href="/admin/editarinstancia?id=<?php echo $pedido['id']; ?>" 
+                                    title="Editar variables del cuento"
+                                    class="p-2 rounded-xl border border-slate-200 bg-white text-slate-600 hover:text-trastoBlue hover:border-trastoBlue/30 hover:bg-sky-50/40 hover:shadow-xs transition-all duration-150">
+                                      <i class="fa-solid fa-sliders text-xs w-4 text-center"></i>
+                                  </a>
+
+                                  <!-- BOTÓN 2: MANDAR A IMPRENTA (Compila el PDF final con ImageMagick) -->
+                                  <a href="/admin/compile-pdf/<?php echo $pedido['hash']; ?>" 
+                                    onclick="return confirm('¿Confirmas que deseas mandar a imprenta? Esto iniciará el renderizado masivo en ImageMagick y compilará el PDF de alta resolución en /finalpdf.');"
+                                    title="Mandar a imprenta (Generar PDF)"
+                                    class="p-2 rounded-xl border border-emerald-100 bg-emerald-50 text-emerald-700 hover:text-white hover:bg-emerald-600 hover:border-emerald-600 hover:shadow-xs transition-all duration-150">
+                                      <i class="fa-solid fa-print text-xs w-4 text-center"></i>
+                                  </a>
+
+                                  <!-- BOTÓN 3: BORRAR PEDIDO (Destructivo seguro con confirmación) -->
+                                  <a href="/admin/eliminarpedido/id=<?php echo $pedido['id']; ?>" 
+                                    onclick="return confirm('¿Seguro que deseas eliminar permanentemente este pedido de la base de datos y borrar todos sus recursos físicos de producción? Esta acción no se puede deshacer.');"
+                                    title="Eliminar pedido y vaciar recursos"
+                                    class="p-2 rounded-xl border border-rose-100 bg-rose-50 text-rose-600 hover:text-white hover:bg-rose-600 hover:border-rose-600 hover:shadow-xs transition-all duration-150">
+                                      <i class="fa-regular fa-trash-can text-xs w-4 text-center"></i>
+                                  </a>
+                                  
+                              </div>
+                          </td>
+                      </tr>
+                  <?php 
+                      endforeach; 
+                  endif; 
+                  ?>
+              </tbody>
+          </table>
+          </div>
+        </div>
+      </section>
+
+    </main>
+  </div>
+
+  <!-- MODAL: GESTIONAR PRECIO / AÑADIR LIBRO -->
+  <div id="admin-book-modal" class="fixed inset-0 bg-slate-900/60 backdrop-blur-sm z-50 flex items-center justify-center hidden">
+    <div class="bg-white rounded-3xl p-6 max-w-sm w-full mx-4 space-y-4 shadow-xl border border-slate-100">
+      <div class="flex items-center justify-between pb-2 border-b border-slate-100">
+        <h4 class="font-title text-base font-bold text-trastoDark" id="modal-book-title">Añadir Libro</h4>
+        <button onclick="closeBookModal()" class="text-slate-400 hover:text-slate-600"><i class="fa-solid fa-xmark"></i></button>
+      </div>
+      <div class="space-y-3">
+        <div class="space-y-1">
+          <label class="block text-[10px] font-bold text-slate-500 uppercase">Título del cuento</label>
+          <input type="text" id="modal-field-title" class="w-full bg-slate-50 border border-slate-200 rounded-xl px-3 py-2 text-xs focus:outline-none focus:ring-2 focus:ring-trastoBlue">
+        </div>
+        <div class="space-y-1">
+          <label class="block text-[10px] font-bold text-slate-500 uppercase">Categoría</label>
+          <select id="modal-field-cat" class="w-full bg-slate-50 border border-slate-200 rounded-xl px-3 py-2 text-xs focus:outline-none focus:ring-2 focus:ring-trastoBlue">
+            <option value="aprendizaje">Aprendizaje y Letras</option>
+            <option value="familia">Día del Padre / Madre</option>
+            <option value="navidad">Navidad</option>
+          </select>
+        </div>
+        <div class="space-y-1">
+          <label class="block text-[10px] font-bold text-slate-500 uppercase">Precio de venta (€)</label>
+          <input type="number" step="0.01" id="modal-field-price" class="w-full bg-slate-50 border border-slate-200 rounded-xl px-3 py-2 text-xs focus:outline-none focus:ring-2 focus:ring-trastoBlue">
+        </div>
+        <div class="space-y-1">
+          <label class="block text-[10px] font-bold text-slate-500 uppercase">Emoji Portada (Simulación)</label>
+          <input type="text" id="modal-field-emoji" class="w-full bg-slate-50 border border-slate-200 rounded-xl px-3 py-2 text-xs focus:outline-none focus:ring-2 focus:ring-trastoBlue" placeholder="Ej: 🎨, 👪, 🎄">
+        </div>
+      </div>
+      <button onclick="saveBook()" class="w-full bg-trastoBlue hover:bg-trastoBlueHover text-white font-title text-xs font-bold py-2.5 rounded-xl transition-all shadow-sm">
+        Guardar Libro
+      </button>
+    </div>
+  </div>
+
+  <!-- MODAL: CORREGIR PEDIDO DE CLIENTE -->
+  <div id="admin-order-modal" class="fixed inset-0 bg-slate-900/60 backdrop-blur-sm z-50 flex items-center justify-center hidden">
+    <div class="bg-white rounded-3xl p-6 max-w-sm w-full mx-4 space-y-4 shadow-xl border border-slate-100">
+      <div class="flex items-center justify-between pb-2 border-b border-slate-100">
+        <h4 class="font-title text-base font-bold text-trastoDark">Corregir Datos del Pedido</h4>
+        <button onclick="closeOrderModal()" class="text-slate-400 hover:text-slate-600"><i class="fa-solid fa-xmark"></i></button>
+      </div>
+      <input type="hidden" id="modal-order-index">
+      <div class="space-y-3">
+        <div class="space-y-1">
+          <label class="block text-[10px] font-bold text-slate-500 uppercase">ID de Pedido</label>
+          <input type="text" id="modal-order-id" disabled class="w-full bg-slate-100 border border-slate-200 rounded-xl px-3 py-2 text-xs text-slate-400 font-mono">
+        </div>
+        <div class="space-y-1">
+          <label class="block text-[10px] font-bold text-slate-500 uppercase">Nombre del Protagonista (Corregir Typo)</label>
+          <input type="text" id="modal-order-name" class="w-full bg-slate-50 border border-slate-200 rounded-xl px-3 py-2 text-xs focus:outline-none focus:ring-2 focus:ring-trastoBlue font-semibold">
+        </div>
+        <div class="space-y-1">
+          <label class="block text-[10px] font-bold text-slate-500 uppercase">Género</label>
+          <select id="modal-order-gender" class="w-full bg-slate-50 border border-slate-200 rounded-xl px-3 py-2 text-xs focus:outline-none focus:ring-2 focus:ring-trastoBlue">
+            <option value="girl">👧 Niña</option>
+            <option value="boy">👦 Niño</option>
+          </select>
+        </div>
+        <div class="space-y-1">
+          <label class="block text-[10px] font-bold text-slate-500 uppercase">Tipo de Letra</label>
+          <select id="modal-order-font" class="w-full bg-slate-50 border border-slate-200 rounded-xl px-3 py-2 text-xs focus:outline-none focus:ring-2 focus:ring-trastoBlue">
+            <option value="lower">Minúscula</option>
+            <option value="upper">MAYÚSCULA</option>
+          </select>
+        </div>
+      </div>
+      <button onclick="saveOrderConfig()" class="w-full bg-trastoGreen hover:bg-trastoGreenHover text-white font-title text-xs font-bold py-2.5 rounded-xl transition-all shadow-sm">
+        Confirmar Cambios e Imprimir
+      </button>
+    </div>
+  </div>
+
+  <!-- Caja de Alertas / Toast elegante -->
+  <div id="alert-box" class="fixed top-6 left-1/2 -translate-x-1/2 z-50 bg-slate-900 text-white px-5 py-3 rounded-xl shadow-lg flex items-center gap-2 transform -translate-y-24 opacity-0 transition-all duration-300 text-xs font-bold">
+    <i class="fa-solid fa-circle-check text-trastoBlue"></i>
+    <span id="alert-text">Cambios guardados con éxito en base de datos.</span>
+  </div>
+</main>
\ No newline at end of file
diff --git a/src/views/admin/index.phtml b/src/views/admin/index.phtml
new file mode 100644
index 0000000..7127bba
--- /dev/null
+++ b/src/views/admin/index.phtml
@@ -0,0 +1 @@
+User private area
\ No newline at end of file
diff --git a/src/views/admin/miscuentos.phtml b/src/views/admin/miscuentos.phtml
new file mode 100644
index 0000000..b2b5cbc
--- /dev/null
+++ b/src/views/admin/miscuentos.phtml
@@ -0,0 +1,45 @@
+<!-- CUERPO PRINCIPAL DEL EDITOR (100% DE ANCHO) -->
+    <main class="flex-grow p-6 w-full mx-0">
+<!-- 1. PESTAÑA: MIS CUENTOS (CLIENTE) -->
+      <section id="tab-content-mis-cuentos" class="tab-content block space-y-6">
+        <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-2">
+          <div>
+            <h1 class="font-title text-xl sm:text-2xl font-extrabold text-trastoDark">Mis cuentos personalizados</h1>
+            <p class="text-xs text-slate-400">Consulta el estado físico de tus álbumes en el taller de impresión.</p>
+          </div>
+          <a href="custom_book.html" class="bg-trastoBlue hover:bg-trastoBlueHover text-white text-xs font-bold px-4 py-2.5 rounded-xl flex items-center gap-1.5 shadow-sm transition-all">
+            <i class="fa-solid fa-plus text-[10px]"></i> Crear nuevo cuento
+          </a>
+        </div>
+
+        <!-- Grid de Cuentos del Cliente -->
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+          
+            <?php foreach($this->miscuentos as $cuento): ?>
+                <!-- Cuento 1 -->
+                <div class="bg-white rounded-2xl border border-slate-100 p-5 flex gap-4 shadow-sm relative overflow-hidden">
+                    <!-- Simulación lomo de cuento -->
+                    <div class="w-16 h-16 bg-gradient-to-br from-[#E0F2FE] to-[#F0FDFA] rounded-r-md shadow-md flex items-center justify-center text-xl shrink-0 relative border-y border-r border-slate-200">
+                        <div class="absolute left-0 top-0 bottom-0 w-1 bg-black/10"></div>
+                        <span>🚀</span>
+                    </div>
+                    <div class="space-y-1.5 flex-grow">
+                        <div class="flex items-center justify-between">
+                        <span class="text-[9px] bg-emerald-50 text-emerald-700 font-bold px-2 py-0.5 rounded-full uppercase tracking-wider"><?=  $cuento["estado"] ?></span>
+                        <span class="text-[10px] font-mono text-slate-400"><?=  $cuento["id_pedido_tienda"] ?></span>
+                        </div>
+                        <h3 class="font-title text-xs font-bold text-trastoDark">Cuento tipo <?= $cuento["id_libro"] ?></h3>
+                        <p class="text-[10px] text-slate-400">Entrega estimada: <strong class="text-slate-600 font-bold">TBD</strong></p>
+                        
+                        <div class="pt-2 flex items-center gap-3">
+                        <button onclick="showAlert('Tu pedido ya ha salido de imprenta y está en manos del repartidor. Recibirás un SMS de seguimiento.')" class="text-[10px] text-trastoBlue font-bold hover:underline">Seguimiento</button>
+                        <span class="text-slate-200 text-xs">|</span>
+                        <a href="custom_book.html" class="text-[10px] text-slate-500 hover:text-trastoBlue transition-colors font-semibold">Duplicar cuento</a>
+                        </div>
+                    </div>
+                </div>
+            <?php endforeach; ?>
+          
+        </div>
+            </section>
+    </main>
\ No newline at end of file
diff --git a/src/views/admin/misdatos.phtml b/src/views/admin/misdatos.phtml
new file mode 100644
index 0000000..6554f7b
--- /dev/null
+++ b/src/views/admin/misdatos.phtml
@@ -0,0 +1,57 @@
+<!-- CUERPO PRINCIPAL DEL EDITOR (100% DE ANCHO) -->
+    <main class="flex-grow p-6 w-full mx-0">
+<!-- 2. PESTAÑA: MIS DATOS (CLIENTE) -->
+<section id="tab-content-mis-datos" class="tab-content space-y-6">
+    <div>
+        <h1 class="font-title text-xl sm:text-2xl font-extrabold text-trastoDark">Mis datos personales</h1>
+        <p class="text-xs text-slate-400">Actualiza tus direcciones de envío para que tus cuentos lleguen perfectos.</p>
+    </div>
+
+    <div class="bg-white rounded-2xl border border-slate-100 p-6 shadow-sm max-w-2xl">
+        <form onsubmit="handleUserDataSubmit(event)" class="grid grid-cols-1 sm:grid-cols-2 gap-4">
+        
+        <div class="space-y-1 sm:col-span-2">
+            <label class="block text-[10px] font-bold text-slate-500 uppercase tracking-wide">Nombre completo</label>
+            <input type="text" id="name" name="name" value="<?= $this->userinfo["nombre"] ?>" required class="w-full bg-slate-50 border border-slate-200 rounded-xl px-4 py-2.5 text-xs focus:outline-none focus:ring-2 focus:ring-trastoBlue font-semibold text-trastoDark">
+        </div>
+
+        <div class="space-y-1">
+            <label class="block text-[10px] font-bold text-slate-500 uppercase tracking-wide">Email</label>
+            <input type="email" id="email" name="email"  value="<?= $this->userinfo["email"] ?>" required class="w-full bg-slate-50 border border-slate-200 rounded-xl px-4 py-2.5 text-xs focus:outline-none focus:ring-2 focus:ring-trastoBlue font-semibold text-trastoDark">
+        </div>
+
+        <div class="space-y-1">
+            <label class="block text-[10px] font-bold text-slate-500 uppercase tracking-wide">Teléfono de contacto</label>
+            <input type="text" id="telefono" name="telefono"  value="<?= $this->userinfo["telefono"] ?>" required class="w-full bg-slate-50 border border-slate-200 rounded-xl px-4 py-2.5 text-xs focus:outline-none focus:ring-2 focus:ring-trastoBlue font-semibold text-trastoDark">
+        </div>
+
+        <div class="space-y-1 sm:col-span-2">
+            <label class="block text-[10px] font-bold text-slate-500 uppercase tracking-wide">Dirección de envío</label>
+            <input type="text" id="direccion" name="direccion"  value="<?= $this->userinfo["direccion"] ?>" required class="w-full bg-slate-50 border border-slate-200 rounded-xl px-4 py-2.5 text-xs focus:outline-none focus:ring-2 focus:ring-trastoBlue font-semibold text-trastoDark">
+        </div>
+
+        <div class="space-y-1">
+            <label class="block text-[10px] font-bold text-slate-500 uppercase tracking-wide">Código Postal</label>
+            <input type="text" id="codigopostal" name="codigopostal"  value="<?= $this->userinfo["codigopostal"] ?>" required class="w-full bg-slate-50 border border-slate-200 rounded-xl px-4 py-2.5 text-xs focus:outline-none focus:ring-2 focus:ring-trastoBlue font-semibold text-trastoDark">
+        </div>
+
+        <div class="space-y-1">
+            <label class="block text-[10px] font-bold text-slate-500 uppercase tracking-wide">Provincia / Ciudad</label>
+            <input type="text" id="ciudad" name="ciudad"  value="<?= $this->userinfo["ciudad"] ?>" required class="w-full bg-slate-50 border border-slate-200 rounded-xl px-4 py-2.5 text-xs focus:outline-none focus:ring-2 focus:ring-trastoBlue font-semibold text-trastoDark">
+        </div>
+
+        <div class="space-y-1">
+            <label class="block text-[10px] font-bold text-slate-500 uppercase tracking-wide">Pais</label>
+            <input type="text" id="pais" name="pais"  value="<?= $this->userinfo["pais"] ?>" required class="w-full bg-slate-50 border border-slate-200 rounded-xl px-4 py-2.5 text-xs focus:outline-none focus:ring-2 focus:ring-trastoBlue font-semibold text-trastoDark">
+        </div>
+
+        <div class="sm:col-span-2 pt-4 border-t border-slate-100 flex justify-end gap-2">
+            <button type="submit" class="bg-trastoGreen hover:bg-trastoGreenHover text-white text-xs font-bold px-5 py-2.5 rounded-xl transition-all shadow-sm">
+            Guardar cambios
+            </button>
+        </div>
+
+        </form>
+    </div>
+</section>
+</main>
\ No newline at end of file
diff --git a/src/views/error/fatal.phtml b/src/views/error/fatal.phtml
new file mode 100644
index 0000000..ef4692d
--- /dev/null
+++ b/src/views/error/fatal.phtml
@@ -0,0 +1,25 @@
+<?php if(!isset($this->message)) $this->message="Unknown Error"; ?>
+<!-- Error Container Centered -->
+<div class="flex flex-col items-center justify-center min-h-[60vh] py-10">
+    <div class="bg-brand-card border border-brand-border rounded-xl p-8 max-w-md w-full text-center shadow-2xl relative overflow-hidden group">
+        
+        <!-- Background decorative blur -->
+        <div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-red-600 to-red-400"></div>
+        
+        <div class="mb-6 flex justify-center relative">
+            <div class="w-24 h-24 bg-red-500/10 rounded-full flex items-center justify-center group-hover:scale-110 transition duration-500 border border-red-500/20">
+                <i data-lucide="alert-octagon" class="w-10 h-10 text-red-500"></i>
+            </div>
+        </div>
+        
+        <h1 class="text-3xl font-display font-bold text-white mb-2">¡Error Fatal!</h1>
+        
+        <p class="text-brand-muted text-sm mb-8 leading-relaxed break-words">
+            <?= $this->message ?>
+        </p>
+        
+        <a href="/" class="inline-flex items-center justify-center gap-2 bg-brand-card border border-brand-border hover:border-brand-orange text-white px-6 py-3 rounded-lg font-bold transition w-full shadow-lg">
+            <i data-lucide="home" class="w-5 h-5"></i> Volver al Inicio
+        </a>
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/views/error/identity.phtml b/src/views/error/identity.phtml
new file mode 100644
index 0000000..ebee10c
--- /dev/null
+++ b/src/views/error/identity.phtml
@@ -0,0 +1,25 @@
+<!-- Error Container Centered -->
+<div class="flex flex-col items-center justify-center min-h-[60vh] py-10">
+    <div class="bg-brand-card border border-brand-border rounded-xl p-8 max-w-md w-full text-center shadow-2xl relative overflow-hidden group">
+        
+        <!-- Background decorative blur -->
+        <div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-brand-orange to-red-500"></div>
+        
+        <div class="mb-6 flex justify-center relative">
+            <div class="w-24 h-24 bg-brand-orange/10 rounded-full flex items-center justify-center group-hover:scale-110 transition duration-500 border border-brand-orange/20">
+                <i data-lucide="shield-alert" class="w-10 h-10 text-brand-orange"></i>
+            </div>
+        </div>
+        
+        <h1 class="text-3xl font-display font-bold text-white mb-2">¡Acceso Denegado!</h1>
+        
+        <p class="text-brand-muted text-sm mb-8 leading-relaxed">
+            Parece que este libro que estás intentando ver no es tuyo.<br>
+            Vuelve a hacer login o contacta con el administrador si crees que se trata de un error.
+        </p>
+        
+        <a href="/" class="inline-flex items-center justify-center gap-2 bg-brand-orange hover:bg-brand-orangeHover text-white px-6 py-3 rounded-lg font-bold transition w-full shadow-lg hover:shadow-brand-orange/20">
+            <i data-lucide="log-in" class="w-5 h-5"></i> Volver a Iniciar Sesión
+        </a>
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/views/error/index.phtml b/src/views/error/index.phtml
new file mode 100644
index 0000000..2dd73f7
--- /dev/null
+++ b/src/views/error/index.phtml
@@ -0,0 +1,25 @@
+<!-- Error Container Centered -->
+<div class="flex flex-col items-center justify-center min-h-[60vh] py-10">
+    <div class="bg-brand-card border border-brand-border rounded-xl p-8 max-w-md w-full text-center shadow-2xl relative overflow-hidden group">
+        
+        <!-- Background decorative blur -->
+        <div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-brand-orange to-red-500"></div>
+        
+        <div class="mb-6 flex justify-center relative">
+            <div class="w-24 h-24 bg-brand-orange/10 rounded-full flex items-center justify-center group-hover:scale-110 transition duration-500 border border-brand-orange/20">
+                <i data-lucide="file-question" class="w-10 h-10 text-brand-orange"></i>
+            </div>
+        </div>
+        
+        <h1 class="text-3xl font-display font-bold text-white mb-2">¡Página no encontrada!</h1>
+        
+        <p class="text-brand-muted text-sm mb-8 leading-relaxed">
+            Parece que la página que intentas ver no existe.<br>
+            No podemos hacer nada más, vuelve al inicio.
+        </p>
+        
+        <a href="/" class="inline-flex items-center justify-center gap-2 bg-brand-orange hover:bg-brand-orangeHover text-white px-6 py-3 rounded-lg font-bold transition w-full shadow-lg hover:shadow-brand-orange/20">
+            <i data-lucide="home" class="w-5 h-5"></i> Volver al Inicio
+        </a>
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/views/error/timeout.phtml b/src/views/error/timeout.phtml
new file mode 100644
index 0000000..a45de5c
--- /dev/null
+++ b/src/views/error/timeout.phtml
@@ -0,0 +1,25 @@
+<!-- Error Container Centered -->
+<div class="flex flex-col items-center justify-center min-h-[60vh] py-10">
+    <div class="bg-brand-card border border-brand-border rounded-xl p-8 max-w-md w-full text-center shadow-2xl relative overflow-hidden group">
+        
+        <!-- Background decorative blur -->
+        <div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-brand-orange to-red-500"></div>
+        
+        <div class="mb-6 flex justify-center relative">
+            <div class="w-24 h-24 bg-brand-orange/10 rounded-full flex items-center justify-center group-hover:scale-110 transition duration-500 border border-brand-orange/20">
+                <i data-lucide="timer-off" class="w-10 h-10 text-brand-orange"></i>
+            </div>
+        </div>
+        
+        <h1 class="text-3xl font-display font-bold text-white mb-2">¡Sesión Expirada!</h1>
+        
+        <p class="text-brand-muted text-sm mb-8 leading-relaxed">
+            Parece que has pasado mucho tiempo inactivo y tu sesión se ha cerrado por seguridad. <br>
+            Inicia sesión de nuevo para continuar donde lo dejaste.
+        </p>
+        
+        <a href="/" class="inline-flex items-center justify-center gap-2 bg-brand-orange hover:bg-brand-orangeHover text-white px-6 py-3 rounded-lg font-bold transition w-full shadow-lg hover:shadow-brand-orange/20">
+            <i data-lucide="log-in" class="w-5 h-5"></i> Volver a Iniciar Sesión
+        </a>
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/views/index/contacto.phtml b/src/views/index/contacto.phtml
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/index/index.phtml b/src/views/index/index.phtml
new file mode 100644
index 0000000..615ec3b
--- /dev/null
+++ b/src/views/index/index.phtml
@@ -0,0 +1,514 @@
+<!-- Hero Section -->
+  <section class="relative overflow-hidden pt-16 pb-20 lg:pt-24 lg:pb-28 bg-gradient-to-b from-trastoMint via-white to-white">
+    <div class="absolute top-10 left-10 w-44 h-44 bg-trastoMint rounded-full blur-2xl opacity-60"></div>
+    <div class="absolute bottom-10 right-10 w-64 h-64 bg-trastoBlue/5 rounded-full blur-3xl"></div>
+
+    <div class="container mx-auto px-4 relative z-10">
+      <div class="grid grid-cols-1 lg:grid-cols-12 gap-12 items-center">
+        
+        <!-- Mensaje de Introducción y CTA Principal -->
+        <div class="lg:col-span-7 space-y-6 text-center lg:text-left">
+          <span class="inline-flex items-center gap-1.5 bg-trastoBlue/10 text-trastoBlue px-4 py-2 rounded-full text-xs font-bold tracking-wide uppercase">
+            🚀 Cuentos con un claro propósito educativo y pedagógico
+          </span>
+          <h1 class="font-title text-4xl sm:text-5xl lg:text-6xl font-extrabold text-trastoDark leading-tight">
+            Cuentos donde tus peques <span class="text-trastoBlue">son los verdaderos héroes</span>
+          </h1>
+          <p class="text-base sm:text-lg text-slate-600 max-w-2xl mx-auto lg:mx-0 leading-relaxed">
+            Libros educativos personalizados diseñados para estimular el amor por la lectura, el aprendizaje natural y el autoestima. El regalo perfecto que guardarán para siempre.
+          </p>
+
+          <div class="flex flex-col sm:flex-row gap-4 justify-center lg:justify-start">
+            <a href="#nuestros-cuentos" class="bg-trastoBlue text-white font-title text-base font-bold px-8 py-4.5 rounded-2xl hover:bg-trastoBlueHover transition-all hover:shadow-lg hover:shadow-trastoBlue/20 text-center">
+              Explorar Catálogo de Cuentos <i class="fa-solid fa-arrow-down ml-1"></i>
+            </a>
+            <a href="https://trastobooks.com/es/content/4-sobre-nosotros" class="bg-white border-2 border-slate-200 text-trastoDark font-title text-base font-bold px-8 py-4.5 rounded-2xl hover:border-trastoBlue transition-all text-center">
+              Conoce nuestra historia
+            </a>
+          </div>
+
+          <!-- Puntuación Trustpilot -->
+          <div class="pt-6 flex flex-col sm:flex-row items-center justify-center lg:justify-start gap-4 border-t border-slate-100">
+            <div class="flex items-center gap-1 text-amber-400 text-base">
+              <i class="fa-solid fa-star"></i>
+              <i class="fa-solid fa-star"></i>
+              <i class="fa-solid fa-star"></i>
+              <i class="fa-solid fa-star"></i>
+              <i class="fa-solid fa-star"></i>
+            </div>
+            <p class="text-xs text-slate-500 font-medium">
+              Valorado como <span class="font-bold text-trastoDark">Excelente</span> en Trustpilot por miles de familias reales.
+            </p>
+          </div>
+        </div>
+
+        <!-- Mosaico visual de portadas reales de cuentos -->
+        <div class="lg:col-span-5 relative flex justify-center">
+          <div class="grid grid-cols-2 gap-4 w-full max-w-md">
+            <div class="space-y-4">
+              <div class="bg-white p-3 rounded-2xl shadow-md border border-slate-100 hover:scale-105 transition-transform">
+                <img src="https://trastobooks.com/147-home_default/te-quiero-papa-personalizacion-con-fotos.jpg" alt="Te quiero papá" class="rounded-xl w-full h-auto">
+              </div>
+              <div class="bg-white p-3 rounded-2xl shadow-md border border-slate-100 hover:scale-105 transition-transform">
+                <img src="https://trastobooks.com/131-home_default/nombre-trasto-quieren-ser.jpg" alt="Quiero Ser" class="rounded-xl w-full h-auto">
+              </div>
+            </div>
+            <div class="space-y-4 pt-8">
+              <div class="bg-white p-3 rounded-2xl shadow-md border border-slate-100 hover:scale-105 transition-transform">
+                <img src="https://trastobooks.com/509-home_default/gracias-abuelos.jpg" alt="Gracias Abuelos" class="rounded-xl w-full h-auto">
+              </div>
+              <div class="bg-white p-3 rounded-2xl shadow-md border border-slate-100 hover:scale-105 transition-transform">
+                <img src="https://trastobooks.com/56-home_default/aprende-los-colores.jpg" alt="Aprende los colores" class="rounded-xl w-full h-auto">
+              </div>
+            </div>
+          </div>
+        </div>
+
+      </div>
+    </div>
+  </section>
+
+  <!-- Sección de Beneficios -->
+  <section class="py-12 bg-white border-y border-slate-100">
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+        <!-- Beneficio 1 -->
+        <div class="flex items-start gap-4 p-5 rounded-2xl bg-trastoMint/40 border border-trastoMint">
+          <div class="w-12 h-12 bg-trastoBlue/10 text-trastoBlue rounded-xl flex items-center justify-center text-xl shrink-0">
+            <i class="fa-regular fa-clock"></i>
+          </div>
+          <div>
+            <h4 class="font-title text-base font-bold text-trastoDark mb-1">En 7-10 días en casa</h4>
+            <p class="text-xs text-slate-500 leading-relaxed">Una vez realizas tu pedido, te llegará el cuento personalizado a casa por mensajería urgente.</p>
+          </div>
+        </div>
+
+        <!-- Beneficio 2 -->
+        <div class="flex items-start gap-4 p-5 rounded-2xl bg-trastoMint/40 border border-trastoMint">
+          <div class="w-12 h-12 bg-trastoGreen/10 text-trastoGreen rounded-xl flex items-center justify-center text-xl shrink-0">
+            <i class="fa-regular fa-face-smile"></i>
+          </div>
+          <div>
+            <h4 class="font-title text-base font-bold text-trastoDark mb-1">Con foto real o avatar</h4>
+            <p class="text-xs text-slate-500 leading-relaxed">Máxima identificación: los peques se ven reflejados con fotos reales de sus caritas o simpáticos avatares.</p>
+          </div>
+        </div>
+
+        <!-- Beneficio 3 -->
+        <div class="flex items-start gap-4 p-5 rounded-2xl bg-trastoMint/40 border border-trastoMint">
+          <div class="w-12 h-12 bg-trastoBlue/10 text-trastoBlue rounded-xl flex items-center justify-center text-xl shrink-0">
+            <i class="fa-regular fa-heart"></i>
+          </div>
+          <div>
+            <h4 class="font-title text-base font-bold text-trastoDark mb-1">Libros de Calidad Premium</h4>
+            <p class="text-xs text-slate-500 leading-relaxed">Álbumes resistentes (21x21 o 18x18 cm) con papel antihuellas ideales para ser manipulados por niños.</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- Catálogo de Cuentos -->
+  <section id="nuestros-cuentos" class="py-16 bg-slate-50/50">
+    <div class="container mx-auto px-4">
+      
+      <!-- Cabecera del catálogo -->
+      <div class="text-center max-w-2xl mx-auto mb-12 space-y-3">
+        <h2 class="font-title text-3xl sm:text-4xl font-extrabold text-trastoDark">Cuentos personalizados destacados</h2>
+        <p class="text-slate-500 text-sm sm:text-base">
+          Selecciona el tema pedagógico ideal. Todos nuestros libros están elaborados y revisados por profesionales de la educación.
+        </p>
+
+        <!-- Filtros Rápidos -->
+        <div class="flex flex-wrap justify-center gap-2 pt-4">
+          <button onclick="filterBooks('todos')" id="filter-btn-todos" class="px-4 py-1.5 rounded-full text-xs font-bold bg-trastoBlue text-white transition-all shadow-sm">
+            Todos los libros
+          </button>
+          <button onclick="filterBooks('aprendizaje')" id="filter-btn-aprendizaje" class="px-4 py-1.5 rounded-full text-xs font-bold bg-white border border-slate-200 text-trastoDark hover:border-trastoBlue transition-all">
+            Aprendizaje y Letras
+          </button>
+          <button onclick="filterBooks('familia')" id="filter-btn-familia" class="px-4 py-1.5 rounded-full text-xs font-bold bg-white border border-slate-200 text-trastoDark hover:border-trastoBlue transition-all">
+            Día del Padre / Madre / Abuelos
+          </button>
+          <button onclick="filterBooks('navidad')" id="filter-btn-navidad" class="px-4 py-1.5 rounded-full text-xs font-bold bg-white border border-slate-200 text-trastoDark hover:border-trastoBlue transition-all">
+            Navidad
+          </button>
+        </div>
+      </div>
+
+      <!-- Grid de Cuentos (4 Columnas) con alto impacto visual -->
+      <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
+        
+        <!-- Producto 7: Te quiero papá (Fotos) -->
+        <div class="product-item bg-white rounded-2xl border border-slate-200/60 overflow-hidden flex flex-col justify-between hover-card shadow-sm" data-cat="familia">
+          <div class="relative bg-slate-50 aspect-square overflow-hidden border-b border-slate-100">
+            <span class="absolute top-3 left-3 bg-trastoBlue text-white text-[9px] font-bold px-2 py-0.5 rounded-full uppercase z-10 shadow-sm">Top Ventas</span>
+            <img src="https://trastobooks.com/147-home_default/te-quiero-papa-personalizacion-con-fotos.jpg" 
+                 onerror="this.onerror=null; this.src='https://placehold.co/300x300/F0FDFA/0284C7?text=Te+quiero+papá'" 
+                 alt="Te quiero, papá..." class="w-full h-full object-cover transform hover:scale-105 transition-transform duration-500">
+          </div>
+          <div class="p-5 flex-grow flex flex-col justify-between space-y-3">
+            <div class="text-center space-y-1">
+              <span class="text-[9px] text-trastoBlue font-bold uppercase tracking-wider block">Con fotos reales</span>
+              <h3 class="font-title text-sm font-bold text-trastoDark line-clamp-2 min-h-[40px] flex items-center justify-center">Te quiero, papá...</h3>
+            </div>
+            <div class="text-center">
+              <span class="font-title text-base font-extrabold text-trastoGreen">32,00 €</span>
+            </div>
+          </div>
+          <div class="p-4 pt-0">
+            <a href="https://trastobooks.com/es/carrito?custom_book=7" class="block w-full text-center bg-gradient-to-r from-trastoBlue to-trastoGreen hover:from-trastoBlueHover hover:to-trastoGreenHover text-white font-title text-xs font-bold py-3 rounded-xl transition-all shadow-sm">
+              Crear cuento
+            </a>
+            <a href="https://trastobooks.com/es/cuentos-personalizados/7-te-quiero-papa-personalizacion-con-fotos.html" class="block text-center text-[10px] text-slate-400 hover:text-trastoBlue mt-2 font-medium transition-colors">
+              Ver detalles del cuento
+            </a>
+          </div>
+        </div>
+
+        <!-- Producto 14: ¡Gracias, abuelos! -->
+        <div class="product-item bg-white rounded-2xl border border-slate-200/60 overflow-hidden flex flex-col justify-between hover-card shadow-sm" data-cat="familia">
+          <div class="relative bg-slate-50 aspect-square overflow-hidden border-b border-slate-100">
+            <img src="https://trastobooks.com/509-home_default/gracias-abuelos.jpg" 
+                 onerror="this.onerror=null; this.src='https://placehold.co/300x300/F0FDFA/0284C7?text=¡Gracias,+abuelos!'" 
+                 alt="¡Gracias, abuelos!" class="w-full h-full object-cover transform hover:scale-105 transition-transform duration-500">
+          </div>
+          <div class="p-5 flex-grow flex flex-col justify-between space-y-3">
+            <div class="text-center space-y-1">
+              <span class="text-[9px] text-trastoGreen font-bold uppercase tracking-wider block">Familia</span>
+              <h3 class="font-title text-sm font-bold text-trastoDark line-clamp-2 min-h-[40px] flex items-center justify-center">¡Gracias, abuelos!</h3>
+            </div>
+            <div class="text-center">
+              <span class="font-title text-base font-extrabold text-trastoGreen">32,00 €</span>
+            </div>
+          </div>
+          <div class="p-4 pt-0">
+            <a href="https://trastobooks.com/es/carrito?custom_book=14" class="block w-full text-center bg-gradient-to-r from-trastoBlue to-trastoGreen hover:from-trastoBlueHover hover:to-trastoGreenHover text-white font-title text-xs font-bold py-3 rounded-xl transition-all shadow-sm">
+              Crear cuento
+            </a>
+            <a href="https://trastobooks.com/es/cuentos-personalizados/14-gracias-abuelos.html" class="block text-center text-[10px] text-slate-400 hover:text-trastoBlue mt-2 font-medium transition-colors">
+              Ver detalles del cuento
+            </a>
+          </div>
+        </div>
+
+        <!-- Producto 3: [Nombre] & Trasto quieren ser... -->
+        <div class="product-item bg-white rounded-2xl border border-slate-200/60 overflow-hidden flex flex-col justify-between hover-card shadow-sm" data-cat="aprendizaje">
+          <div class="relative bg-slate-50 aspect-square overflow-hidden border-b border-slate-100">
+            <img src="https://trastobooks.com/131-home_default/nombre-trasto-quieren-ser.jpg" 
+                 onerror="this.onerror=null; this.src='https://placehold.co/300x300/F0FDFA/0284C7?text=Quieren+ser...'" 
+                 alt="Nombre y Trasto" class="w-full h-full object-cover transform hover:scale-105 transition-transform duration-500">
+          </div>
+          <div class="p-5 flex-grow flex flex-col justify-between space-y-3">
+            <div class="text-center space-y-1">
+              <span class="text-[9px] text-trastoBlue font-bold uppercase tracking-wider block">Educativo</span>
+              <h3 class="font-title text-sm font-bold text-trastoDark line-clamp-2 min-h-[40px] flex items-center justify-center">[Nombre] &amp; Trasto quieren ser...</h3>
+            </div>
+            <div class="text-center">
+              <span class="font-title text-base font-extrabold text-trastoGreen">29,95 €</span>
+            </div>
+          </div>
+          <div class="p-4 pt-0">
+            <a href="https://trastobooks.com/es/carrito?custom_book=3" class="block w-full text-center bg-gradient-to-r from-trastoBlue to-trastoGreen hover:from-trastoBlueHover hover:to-trastoGreenHover text-white font-title text-xs font-bold py-3 rounded-xl transition-all shadow-sm">
+              Crear cuento
+            </a>
+            <a href="https://trastobooks.com/es/cuentos-educativos/3-nombre-trasto-quieren-ser.html" class="block text-center text-[10px] text-slate-400 hover:text-trastoBlue mt-2 font-medium transition-colors">
+              Ver detalles del cuento
+            </a>
+          </div>
+        </div>
+
+        <!-- Producto 12: Gracias por ser nuestra profe -->
+        <div class="product-item bg-white rounded-2xl border border-slate-200/60 overflow-hidden flex flex-col justify-between hover-card shadow-sm" data-cat="familia">
+          <div class="relative bg-slate-50 aspect-square overflow-hidden border-b border-slate-100">
+            <span class="absolute top-3 left-3 bg-trastoGreen text-white text-[9px] font-bold px-2 py-0.5 rounded-full uppercase z-10 shadow-sm">Fin de Curso</span>
+            <img src="https://trastobooks.com/526-home_default/regalo-profe.jpg" 
+                 onerror="this.onerror=null; this.src='https://placehold.co/300x300/F0FDFA/0284C7?text=Gracias+Profe'" 
+                 alt="Regalo Profe" class="w-full h-full object-cover transform hover:scale-105 transition-transform duration-500">
+          </div>
+          <div class="p-5 flex-grow flex flex-col justify-between space-y-3">
+            <div class="text-center space-y-1">
+              <span class="text-[9px] text-trastoGreen font-bold uppercase tracking-wider block">Colegios</span>
+              <h3 class="font-title text-sm font-bold text-trastoDark line-clamp-2 min-h-[40px] flex items-center justify-center">Gracias por ser nuestra profe</h3>
+            </div>
+            <div class="text-center">
+              <span class="font-title text-base font-extrabold text-trastoGreen">49,00 €</span>
+            </div>
+          </div>
+          <div class="p-4 pt-0">
+            <a href="https://trastobooks.com/es/carrito?custom_book=12" class="block w-full text-center bg-gradient-to-r from-trastoBlue to-trastoGreen hover:from-trastoBlueHover hover:to-trastoGreenHover text-white font-title text-xs font-bold py-3 rounded-xl transition-all shadow-sm">
+              Crear cuento
+            </a>
+            <a href="https://trastobooks.com/es/cuentos-personalizados/12-regalo-profe.html" class="block text-center text-[10px] text-slate-400 hover:text-trastoBlue mt-2 font-medium transition-colors">
+              Ver detalles del cuento
+            </a>
+          </div>
+        </div>
+
+        <!-- Producto 11: Cleo y Cuquín: El Abecedario -->
+        <div class="product-item bg-white rounded-2xl border border-slate-200/60 overflow-hidden flex flex-col justify-between hover-card shadow-sm" data-cat="aprendizaje">
+          <div class="relative bg-slate-50 aspect-square overflow-hidden border-b border-slate-100">
+            <img src="https://trastobooks.com/285-home_default/cleo-y-cuquin-aprende-el-abecedario.jpg" 
+                 onerror="this.onerror=null; this.src='https://placehold.co/300x300/F0FDFA/0284C7?text=Abecedario'" 
+                 alt="Cleo y Cuquín" class="w-full h-full object-cover transform hover:scale-105 transition-transform duration-500">
+          </div>
+          <div class="p-5 flex-grow flex flex-col justify-between space-y-3">
+            <div class="text-center space-y-1">
+              <span class="text-[9px] text-trastoBlue font-bold uppercase tracking-wider block">Licencia Oficial</span>
+              <h3 class="font-title text-sm font-bold text-trastoDark line-clamp-2 min-h-[40px] flex items-center justify-center">Cleo y Cuquín: El Abecedario</h3>
+            </div>
+            <div class="text-center">
+              <span class="font-title text-base font-extrabold text-trastoGreen">32,00 €</span>
+            </div>
+          </div>
+          <div class="p-4 pt-0">
+            <a href="https://trastobooks.com/es/carrito?custom_book=11" class="block w-full text-center bg-gradient-to-r from-trastoBlue to-trastoGreen hover:from-trastoBlueHover hover:to-trastoGreenHover text-white font-title text-xs font-bold py-3 rounded-xl transition-all shadow-sm">
+              Crear cuento
+            </a>
+            <a href="https://trastobooks.com/es/cuentos-personalizados/11-cleo-y-cuquin-aprende-el-abecedario.html" class="block text-center text-[10px] text-slate-400 hover:text-trastoBlue mt-2 font-medium transition-colors">
+              Ver detalles del cuento
+            </a>
+          </div>
+        </div>
+
+        <!-- Producto 1: Aprende los números -->
+        <div class="product-item bg-white rounded-2xl border border-slate-200/60 overflow-hidden flex flex-col justify-between hover-card shadow-sm" data-cat="aprendizaje">
+          <div class="relative bg-slate-50 aspect-square overflow-hidden border-b border-slate-100">
+            <img src="https://trastobooks.com/96-home_default/aprende-los-numeros.jpg" 
+                 onerror="this.onerror=null; this.src='https://placehold.co/300x300/F0FDFA/0284C7?text=Números'" 
+                 alt="Aprende los números" class="w-full h-full object-cover transform hover:scale-105 transition-transform duration-500">
+          </div>
+          <div class="p-5 flex-grow flex flex-col justify-between space-y-3">
+            <div class="text-center space-y-1">
+              <span class="text-[9px] text-trastoBlue font-bold uppercase tracking-wider block">Matemáticas</span>
+              <h3 class="font-title text-sm font-bold text-trastoDark line-clamp-2 min-h-[40px] flex items-center justify-center">Aprende los números</h3>
+            </div>
+            <div class="text-center">
+              <span class="font-title text-base font-extrabold text-trastoGreen">24,95 €</span>
+            </div>
+          </div>
+          <div class="p-4 pt-0">
+            <a href="https://trastobooks.com/es/carrito?custom_book=1" class="block w-full text-center bg-gradient-to-r from-trastoBlue to-trastoGreen hover:from-trastoBlueHover hover:to-trastoGreenHover text-white font-title text-xs font-bold py-3 rounded-xl transition-all shadow-sm">
+              Crear cuento
+            </a>
+            <a href="https://trastobooks.com/es/cuentos-personalizados/1-aprende-los-numeros.html" class="block text-center text-[10px] text-slate-400 hover:text-trastoBlue mt-2 font-medium transition-colors">
+              Ver detalles del cuento
+            </a>
+          </div>
+        </div>
+
+        <!-- Producto 5: Aprende los colores -->
+        <div class="product-item bg-white rounded-2xl border border-slate-200/60 overflow-hidden flex flex-col justify-between hover-card shadow-sm" data-cat="aprendizaje">
+          <div class="relative bg-slate-50 aspect-square overflow-hidden border-b border-slate-100">
+            <img src="https://trastobooks.com/56-home_default/aprende-los-colores.jpg" 
+                 onerror="this.onerror=null; this.src='https://placehold.co/300x300/F0FDFA/0284C7?text=Colores'" 
+                 alt="Aprende los colores" class="w-full h-full object-cover transform hover:scale-105 transition-transform duration-500">
+          </div>
+          <div class="p-5 flex-grow flex flex-col justify-between space-y-3">
+            <div class="text-center space-y-1">
+              <span class="text-[9px] text-trastoBlue font-bold uppercase tracking-wider block">Estimulación</span>
+              <h3 class="font-title text-sm font-bold text-trastoDark line-clamp-2 min-h-[40px] flex items-center justify-center">Aprende los colores</h3>
+            </div>
+            <div class="text-center">
+              <span class="font-title text-base font-extrabold text-trastoGreen">24,95 €</span>
+            </div>
+          </div>
+          <div class="p-4 pt-0">
+            <a href="https://trastobooks.com/es/carrito?custom_book=5" class="block w-full text-center bg-gradient-to-r from-trastoBlue to-trastoGreen hover:from-trastoBlueHover hover:to-trastoGreenHover text-white font-title text-xs font-bold py-3 rounded-xl transition-all shadow-sm">
+              Crear cuento
+            </a>
+            <a href="https://trastobooks.com/es/cuentos-personalizados/5-aprende-los-colores.html" class="block text-center text-[10px] text-slate-400 hover:text-trastoBlue mt-2 font-medium transition-colors">
+              Ver detalles del cuento
+            </a>
+          </div>
+        </div>
+
+        <!-- Producto 6: Aprende las vocales -->
+        <div class="product-item bg-white rounded-2xl border border-slate-200/60 overflow-hidden flex flex-col justify-between hover-card shadow-sm" data-cat="aprendizaje">
+          <div class="relative bg-slate-50 aspect-square overflow-hidden border-b border-slate-100">
+            <img src="https://trastobooks.com/83-home_default/aprende-las-vocales.jpg" 
+                 onerror="this.onerror=null; this.src='https://placehold.co/300x300/F0FDFA/0284C7?text=Vocales'" 
+                 alt="Aprende las vocales" class="w-full h-full object-cover transform hover:scale-105 transition-transform duration-500">
+          </div>
+          <div class="p-5 flex-grow flex flex-col justify-between space-y-3">
+            <div class="text-center space-y-1">
+              <span class="text-[9px] text-trastoBlue font-bold uppercase tracking-wider block">Lectura</span>
+              <h3 class="font-title text-sm font-bold text-trastoDark line-clamp-2 min-h-[40px] flex items-center justify-center">Aprende las vocales</h3>
+            </div>
+            <div class="text-center">
+              <span class="font-title text-base font-extrabold text-trastoGreen">24,95 €</span>
+            </div>
+          </div>
+          <div class="p-4 pt-0">
+            <a href="https://trastobooks.com/es/carrito?custom_book=6" class="block w-full text-center bg-gradient-to-r from-trastoBlue to-trastoGreen hover:from-trastoBlueHover hover:to-trastoGreenHover text-white font-title text-xs font-bold py-3 rounded-xl transition-all shadow-sm">
+              Crear cuento
+            </a>
+            <a href="https://trastobooks.com/es/cuentos-personalizados/6-aprende-las-vocales.html" class="block text-center text-[10px] text-slate-400 hover:text-trastoBlue mt-2 font-medium transition-colors">
+              Ver detalles del cuento
+            </a>
+          </div>
+        </div>
+
+        <!-- Producto 9: Te quiero, papá (avatares) -->
+        <div class="product-item bg-white rounded-2xl border border-slate-200/60 overflow-hidden flex flex-col justify-between hover-card shadow-sm" data-cat="familia">
+          <div class="relative bg-slate-50 aspect-square overflow-hidden border-b border-slate-100">
+            <img src="https://trastobooks.com/525-home_default/te-quiero-papa-personalizacion-con-avatares.jpg" 
+                 onerror="this.onerror=null; this.src='https://placehold.co/300x300/F0FDFA/0284C7?text=Papá+Avatares'" 
+                 alt="Te quiero, papá avatares" class="w-full h-full object-cover transform hover:scale-105 transition-transform duration-500">
+          </div>
+          <div class="p-5 flex-grow flex flex-col justify-between space-y-3">
+            <div class="text-center space-y-1">
+              <span class="text-[9px] text-trastoGreen font-bold uppercase tracking-wider block">Con Ilustración</span>
+              <h3 class="font-title text-sm font-bold text-trastoDark line-clamp-2 min-h-[40px] flex items-center justify-center">Te quiero, papá (Avatares)</h3>
+            </div>
+            <div class="text-center">
+              <span class="font-title text-base font-extrabold text-trastoGreen">32,00 €</span>
+            </div>
+          </div>
+          <div class="p-4 pt-0">
+            <a href="https://trastobooks.com/es/carrito?custom_book=9" class="block w-full text-center bg-gradient-to-r from-trastoBlue to-trastoGreen hover:from-trastoBlueHover hover:to-trastoGreenHover text-white font-title text-xs font-bold py-3 rounded-xl transition-all shadow-sm">
+              Crear cuento
+            </a>
+            <a href="https://trastobooks.com/es/cuentos-personalizados/9-te-quiero-papa-personalizacion-con-avatares.html" class="block text-center text-[10px] text-slate-400 hover:text-trastoBlue mt-2 font-medium transition-colors">
+              Ver detalles del cuento
+            </a>
+          </div>
+        </div>
+
+        <!-- Producto 4: Superando los miedos -->
+        <div class="product-item bg-white rounded-2xl border border-slate-200/60 overflow-hidden flex flex-col justify-between hover-card shadow-sm" data-cat="aprendizaje">
+          <div class="relative bg-slate-50 aspect-square overflow-hidden border-b border-slate-100">
+            <img src="https://trastobooks.com/73-home_default/superando-los-miedos.jpg" 
+                 onerror="this.onerror=null; this.src='https://placehold.co/300x300/F0FDFA/0284C7?text=Miedos'" 
+                 alt="Superando los miedos" class="w-full h-full object-cover transform hover:scale-105 transition-transform duration-500">
+          </div>
+          <div class="p-5 flex-grow flex flex-col justify-between space-y-3">
+            <div class="text-center space-y-1">
+              <span class="text-[9px] text-trastoBlue font-bold uppercase tracking-wider block">Psicología infantil</span>
+              <h3 class="font-title text-sm font-bold text-trastoDark line-clamp-2 min-h-[40px] flex items-center justify-center">Superando los miedos</h3>
+            </div>
+            <div class="text-center">
+              <span class="font-title text-base font-extrabold text-trastoGreen">29,95 €</span>
+            </div>
+          </div>
+          <div class="p-4 pt-0">
+            <a href="https://trastobooks.com/es/carrito?custom_book=4" class="block w-full text-center bg-gradient-to-r from-trastoBlue to-trastoGreen hover:from-trastoBlueHover hover:to-trastoGreenHover text-white font-title text-xs font-bold py-3 rounded-xl transition-all shadow-sm">
+              Crear cuento
+            </a>
+            <a href="https://trastobooks.com/es/cuentos-personalizados/4-superando-los-miedos.html" class="block text-center text-[10px] text-slate-400 hover:text-trastoBlue mt-2 font-medium transition-colors">
+              Ver detalles del cuento
+            </a>
+          </div>
+        </div>
+
+        <!-- Producto 2: En la barriga de mamá hay un bebé -->
+        <div class="product-item bg-white rounded-2xl border border-slate-200/60 overflow-hidden flex flex-col justify-between hover-card shadow-sm" data-cat="familia">
+          <div class="relative bg-slate-50 aspect-square overflow-hidden border-b border-slate-100">
+            <img src="https://trastobooks.com/118-home_default/en-la-barriga-de-mama-hay-un-bebe.jpg" 
+                 onerror="this.onerror=null; this.src='https://placehold.co/300x300/F0FDFA/0284C7?text=Mamá+Bebé'" 
+                 alt="Barriga de mamá" class="w-full h-full object-cover transform hover:scale-105 transition-transform duration-500">
+          </div>
+          <div class="p-5 flex-grow flex flex-col justify-between space-y-3">
+            <div class="text-center space-y-1">
+              <span class="text-[9px] text-trastoGreen font-bold uppercase tracking-wider block">Hermanos</span>
+              <h3 class="font-title text-sm font-bold text-trastoDark line-clamp-2 min-h-[40px] flex items-center justify-center">En la barriga de mamá hay un bebé</h3>
+            </div>
+            <div class="text-center">
+              <span class="font-title text-base font-extrabold text-trastoGreen">29,95 €</span>
+            </div>
+          </div>
+          <div class="p-4 pt-0">
+            <a href="https://trastobooks.com/es/carrito?custom_book=2" class="block w-full text-center bg-gradient-to-r from-trastoBlue to-trastoGreen hover:from-trastoBlueHover hover:to-trastoGreenHover text-white font-title text-xs font-bold py-3 rounded-xl transition-all shadow-sm">
+              Crear cuento
+            </a>
+            <a href="https://trastobooks.com/es/cuentos-personalizados/2-en-la-barriga-de-mama-hay-un-bebe.html" class="block text-center text-[10px] text-slate-400 hover:text-trastoBlue mt-2 font-medium transition-colors">
+              Ver detalles del cuento
+            </a>
+          </div>
+        </div>
+
+        <!-- Producto 15: Cleo y Cuquín: Una Navidad especial -->
+        <div class="product-item bg-white rounded-2xl border border-slate-200/60 overflow-hidden flex flex-col justify-between hover-card shadow-sm" data-cat="navidad">
+          <div class="relative bg-slate-50 aspect-square overflow-hidden border-b border-slate-100">
+            <img src="https://trastobooks.com/445-home_default/cleo-y-cuquin-navidad.jpg" 
+                 onerror="this.onerror=null; this.src='https://placehold.co/300x300/F0FDFA/0284C7?text=Navidad+Cleo'" 
+                 alt="Cleo y Cuquín Navidad" class="w-full h-full object-cover transform hover:scale-105 transition-transform duration-500">
+          </div>
+          <div class="p-5 flex-grow flex flex-col justify-between space-y-3">
+            <div class="text-center space-y-1">
+              <span class="text-[9px] text-trastoBlue font-bold uppercase tracking-wider block">Navidad</span>
+              <h3 class="font-title text-sm font-bold text-trastoDark line-clamp-2 min-h-[40px] flex items-center justify-center">Cleo y Cuquín: Navidad</h3>
+            </div>
+            <div class="text-center">
+              <span class="font-title text-base font-extrabold text-trastoGreen">32,00 €</span>
+            </div>
+          </div>
+          <div class="p-4 pt-0">
+            <a href="https://trastobooks.com/es/carrito?custom_book=15" class="block w-full text-center bg-gradient-to-r from-trastoBlue to-trastoGreen hover:from-trastoBlueHover hover:to-trastoGreenHover text-white font-title text-xs font-bold py-3 rounded-xl transition-all shadow-sm">
+              Crear cuento
+            </a>
+            <a href="https://trastobooks.com/es/cuentos-personalizados/15-cleo-y-cuquin-navidad.html" class="block text-center text-[10px] text-slate-400 hover:text-trastoBlue mt-2 font-medium transition-colors">
+              Ver detalles del cuento
+            </a>
+          </div>
+        </div>
+
+      </div>
+
+      <!-- Enlace oficial central para ver más productos -->
+      <div class="mt-12 text-center">
+        <a href="https://trastobooks.com/es/2-cuentos-personalizados" class="inline-flex items-center gap-2 bg-white border border-slate-200 hover:border-trastoBlue text-trastoDark hover:text-trastoBlue px-6 py-3 rounded-full text-xs font-bold transition-all shadow-sm">
+          <span>Ver todo el catálogo en la tienda oficial</span>
+          <i class="fa-solid fa-chevron-right text-[10px]"></i>
+        </a>
+      </div>
+
+    </div>
+  </section>
+
+  <!-- Filosofía y Vídeo -->
+  <section class="py-16 bg-white">
+    <div class="container mx-auto px-4 max-w-5xl">
+      <div class="grid grid-cols-1 lg:grid-cols-12 gap-12 items-center">
+        
+        <!-- Vídeo representativo -->
+        <div class="lg:col-span-5 relative">
+          <div class="absolute inset-0 bg-trastoMint rounded-3xl rotate-3 -z-10 opacity-70"></div>
+          <div class="bg-slate-50 p-3 rounded-3xl border border-slate-100 shadow-md overflow-hidden">
+            <div class="aspect-[4/3] bg-slate-900 rounded-2xl overflow-hidden relative">
+              <video class="w-full h-full object-cover" controls preload="metadata" poster="https://placehold.co/600x450/0F172A/FFF?text=Video+TrastoBooks">
+                <source src="/img/cms/Dayvo/video-trasto-abril.mp4" type="video/mp4">
+                Tu navegador no soporta reproducción de vídeo.
+              </video>
+            </div>
+          </div>
+        </div>
+
+        <!-- Contenido y Filosofía de TrastoBooks -->
+        <div class="lg:col-span-7 space-y-5">
+          <span class="text-trastoGreen font-bold text-xs uppercase tracking-widest block">Elaboración Artesanal y Pedagógica</span>
+          <h2 class="font-title text-2xl sm:text-3xl font-extrabold text-trastoDark">
+            ¡Últimas Novedades de Trasto!
+          </h2>
+          <div class="text-slate-600 text-sm leading-relaxed space-y-4">
+            <p>
+              Todos nuestros cuentos están <strong>diseñados y revisados por profesionales del ámbito educativo</strong>, buscando siempre nuevas ideas con las que ilusionar a los pequeños de la casa.
+            </p>
+            <p>
+              Nuestra elaboración es casi artesanal: combinamos tecnologías para que puedas personalizar los nombres e imágenes de manera rápida, pero nuestro proceso de ilustración y desarrollo pedagógico es 100% humano y pensado con amor.
+            </p>
+            <p>
+              Son el regalo perfecto para fechas señaladas, cumpleaños, el día del padre o de la madre, y para construir recuerdos imborrables que perdurarán con el paso de los años.
+            </p>
+          </div>
+          <div class="pt-2">
+            <a href="https://wa.me/34633763957" target="_blank" class="inline-flex items-center gap-2 bg-emerald-600 hover:bg-emerald-700 text-white font-bold px-5 py-3 rounded-xl text-xs shadow-sm transition-colors">
+              <i class="fab fa-whatsapp text-base"></i>
+              <span>¿Tienes dudas? Te ayudamos al instante</span>
+            </a>
+          </div>
+        </div>
+
+      </div>
+    </div>
+  </section>
\ No newline at end of file
diff --git a/src/views/index/login.phtml b/src/views/index/login.phtml
new file mode 100644
index 0000000..dd66a58
--- /dev/null
+++ b/src/views/index/login.phtml
@@ -0,0 +1,140 @@
+<!-- CUERPO PRINCIPAL / FORMULARIO -->
+<main class="flex-grow flex items-center justify-center py-12 px-4">
+    <div class="max-w-md w-full bg-white rounded-2xl shadow-xl border border-slate-100 overflow-hidden">
+        
+        <!-- Encabezado de la Tarjeta -->
+        <div class="bg-gradient-to-r from-trastoBlue to-trastoGreen p-8 text-center text-white relative">
+            <div class="absolute inset-0 opacity-10 bg-[radial-gradient(#fff_1px,transparent_1px)] [background-size:16px_16px]"></div>
+            <h1 class="font-title text-3xl font-bold mb-2">¡Hola, TrastoAmigo!</h1>
+            <p class="text-sky-50 text-sm font-medium">Entra para gestionar tus libros personalizados o ver tus pedidos</p>
+        </div>
+
+        <!-- Contenedor de Formularios -->
+        <div class="p-8">
+            
+            <!-- Alertas dinámicas de JS -->
+            <?php if(isset($this->error)):?>
+                <div id="loginAlert" class="hidden mb-6 p-4 rounded-xl border flex items-start gap-3 text-sm">
+                    <i id="alertIcon" class="fa-solid mt-0.5"></i>
+                    <div id="alertText"><?=  $this->message; ?></div>
+                </div>
+            <?php endif; ?>
+
+            <!-- Formulario de acceso -->
+            <form id="loginForm" action="/index/login" method="POST" class="space-y-6">
+                <!-- Email -->
+                <div>
+                    <label for="email" class="block text-xs font-bold uppercase tracking-wider text-slate-500 mb-2">Correo Electrónico</label>
+                    <div class="relative">
+                        <span class="absolute inset-y-0 left-0 flex items-center pl-4 text-slate-400">
+                            <i class="fa-regular fa-envelope"></i>
+                        </span>
+                        <input type="email" id="email" name="email" required
+                            class="w-full pl-11 pr-4 py-3 bg-slate-50 border border-slate-200 rounded-xl text-sm focus:bg-white focus:outline-none focus:ring-2 focus:ring-trastoBlue focus:border-trastoBlue transition-all font-medium"
+                            placeholder="ejemplo@correo.com">
+                    </div>
+                </div>
+
+                <!-- Contraseña -->
+                <div>
+                    <div class="flex justify-between items-center mb-2">
+                        <label for="password" class="block text-xs font-bold uppercase tracking-wider text-slate-500">Contraseña</label>
+                        <a href="#" class="text-xs font-bold text-trastoBlue hover:underline">¿La has olvidado?</a>
+                    </div>
+                    <div class="relative">
+                        <span class="absolute inset-y-0 left-0 flex items-center pl-4 text-slate-400">
+                            <i class="fa-solid fa-lock"></i>
+                        </span>
+                        <input type="password" id="password" name="password" required
+                            class="w-full pl-11 pr-12 py-3 bg-slate-50 border border-slate-200 rounded-xl text-sm focus:bg-white focus:outline-none focus:ring-2 focus:ring-trastoBlue focus:border-trastoBlue transition-all font-medium"
+                            placeholder="Escribe tu contraseña">
+                        <button type="button" onclick="togglePassword()" class="absolute inset-y-0 right-0 pr-4 flex items-center text-slate-400 hover:text-slate-600">
+                            <i id="eyeIcon" class="fa-regular fa-eye"></i>
+                        </button>
+                    </div>
+                </div>
+
+                <!-- Botón de Envío -->
+                <button type="submit" class="w-full py-3 px-6 bg-gradient-to-r from-trastoBlue to-trastoGreen hover:from-trastoBlueHover hover:to-teal-700 text-white font-bold rounded-xl shadow-lg hover:shadow-xl transition-all flex items-center justify-center gap-2">
+                    <span>Iniciar Sesión</span>
+                    <i class="fa-solid fa-arrow-right-to-bracket"></i>
+                </button>
+            </form>
+
+            <!-- Separador -->
+            <div class="relative my-8">
+                <div class="absolute inset-0 flex items-center">
+                    <div class="w-full border-t border-slate-100"></div>
+                </div>
+                <div class="relative flex justify-center text-xs uppercase">
+                    <span class="bg-white px-3 text-slate-400 font-bold tracking-wider">¿No tienes cuenta?</span>
+                </div>
+            </div>
+
+            <!-- Botón de Registro / Nuevo Cuento -->
+            <a href="index.html" class="block w-full text-center py-3 px-6 border border-slate-200 hover:border-slate-300 hover:bg-slate-50 text-slate-600 font-bold rounded-xl transition-all text-sm">
+                Crear un cuento nuevo y registrarse
+            </a>
+
+            <!-- Panel de Accesos Rápidos para Pruebas (Mockup Integración) -->
+            <div class="mt-8 bg-sky-50/50 rounded-2xl border border-sky-100/60 p-5">
+                <span class="block text-xs font-bold text-trastoBlue uppercase tracking-wider mb-3">
+                    <i class="fa-solid fa-flask mr-1"></i> Accesos rápidos de desarrollo (Mockup)
+                </span>
+                <div class="space-y-2">
+                    <button type="button" onclick="quickFill('martin.cliente@trastobooks.com', 'cliente123')" 
+                        class="w-full text-left bg-white border border-sky-100 hover:border-sky-300 p-3 rounded-xl flex justify-between items-center text-xs transition-all group">
+                        <div>
+                            <p class="font-bold text-slate-700 group-hover:text-trastoBlue">Rol: Cliente (Martín)</p>
+                            <p class="text-slate-400">martin.cliente@trastobooks.com</p>
+                        </div>
+                        <span class="bg-sky-50 text-trastoBlue font-bold px-2 py-1 rounded text-[10px] uppercase">Usar</span>
+                    </button>
+                    
+                    <button type="button" onclick="quickFill('soporte.admin@trastobooks.com', 'admin123')" 
+                        class="w-full text-left bg-white border border-sky-100 hover:border-sky-300 p-3 rounded-xl flex justify-between items-center text-xs transition-all group">
+                        <div>
+                            <p class="font-bold text-slate-700 group-hover:text-trastoGreen">Rol: Administrador</p>
+                            <p class="text-slate-400">soporte.admin@trastobooks.com</p>
+                        </div>
+                        <span class="bg-teal-50 text-trastoGreen font-bold px-2 py-1 rounded text-[10px] uppercase">Usar</span>
+                    </button>
+                </div>
+            </div>
+
+        </div>
+    </div>
+</main>
+<!-- LOGICA INTERACTIVA DE INICIO DE SESIÓN -->
+<script>
+    // Rellenar automáticamente los datos con las credenciales del Mockup
+    function quickFill(email, password) {
+        document.getElementById('email').value = email;
+        document.getElementById('password').value = password;
+        
+        // Efecto sutil de parpadeo para confirmar la inserción
+        const inputElements = [document.getElementById('email'), document.getElementById('password')];
+        inputElements.forEach(el => {
+            el.classList.add('ring-2', 'ring-trastoBlue');
+            setTimeout(() => el.classList.remove('ring-2', 'ring-trastoBlue'), 300);
+        });
+    }
+
+    // Mostrar / Ocultar Contraseña
+    function togglePassword() {
+        const pwdInput = document.getElementById('password');
+        const eyeIcon = document.getElementById('eyeIcon');
+        
+        if (pwdInput.type === 'password') {
+            pwdInput.type = 'text';
+            eyeIcon.classList.remove('fa-eye');
+            eyeIcon.classList.add('fa-eye-slash');
+        } else {
+            pwdInput.type = 'password';
+            eyeIcon.classList.remove('fa-eye-slash');
+            eyeIcon.classList.add('fa-eye');
+        }
+    }
+
+    
+</script>
\ No newline at end of file
diff --git a/src/views/index/nosotros.phtml b/src/views/index/nosotros.phtml
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/template.phtml b/src/views/template.phtml
new file mode 100644
index 0000000..6e6a2c4
--- /dev/null
+++ b/src/views/template.phtml
@@ -0,0 +1,318 @@
+<!doctype html>
+<html lang="es">
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>TrastoBooks | Cuentos Personalizados para niños y niñas (Rediseño Claro 2026)</title>
+  <meta name="description" content="Libros y cuentos personalizados a tu gusto y a la medida de los más pequeños. Un regalo único y especial que fomenta la lectura y el aprendizaje. Envíos de 3 a 7 días">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <!-- Google Fonts: Fredoka para títulos fantásticos y Quicksand para lectura cómoda -->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Fredoka:wght=300..700&family=Quicksand:wght=300..700&display=swap" rel="stylesheet">
+
+  <!-- FontAwesome universal para iconos (Evita bloqueos de CORS en previsualización) -->
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />
+  
+  <!-- Tailwind CSS para diseño fluido -->
+  <script src="https://cdn.tailwindcss.com"></script>
+
+  <script>
+    tailwind.config = {
+      theme: {
+        extend: {
+          colors: {
+            // Paleta de colores renovada: Azul cielo y Verde Teal orgánico
+            trastoBlue: '#0284C7',     // Azul educativo brillante
+            trastoBlueHover: '#0369a1',
+            trastoGreen: '#0D9488',    // Verde Teal ecológico y pedagógico
+            trastoGreenHover: '#115e59',
+            trastoMint: '#F0FDFA',     // Fondo mint ultra ligero
+            trastoCream: '#FCFAF7',    // Fondo crema suave neutro
+            trastoDark: '#0F172A',     // Slate profundo para legibilidad total
+          },
+          fontFamily: {
+            fredoka: ['Fredoka', 'sans-serif'],
+            quicksand: ['Quicksand', 'sans-serif'],
+          }
+        }
+      }
+    }
+  </script>
+
+  <style>
+    body {
+      font-family: 'Quicksand', sans-serif;
+      background-color: #FFFFFF;
+      color: #0F172A;
+    }
+    .font-title {
+      font-family: 'Fredoka', sans-serif;
+    }
+    .hover-card:hover {
+      transform: translateY(-5px);
+      box-shadow: 0 15px 30px -5px rgba(2, 132, 199, 0.1), 0 8px 15px -5px rgba(13, 148, 136, 0.05);
+    }
+  </style>
+</head>
+
+<body class="antialiased selection:bg-trastoBlue selection:text-white">
+
+  <div class="bg-gradient-to-r from-trastoBlue to-trastoGreen text-white py-2 px-4 text-center text-xs sm:text-sm font-semibold tracking-wide shadow-sm">
+    <div class="container mx-auto flex flex-col sm:flex-row justify-center items-center gap-2 sm:gap-6">
+      <span>🎁 <strong class="underline">-20%</strong> dto en tu 2ª unidad con el código <strong class="bg-white/20 px-1.5 py-0.5 rounded text-white font-mono">TRASTO20</strong></span>
+      <span class="hidden md:inline text-white/30">|</span>
+      <span>🔥 <strong class="underline">-30%</strong> dto al comprar 3 o más con el código <strong class="bg-white/20 px-1.5 py-0.5 rounded text-white font-mono">TRASTO30</strong></span>
+    </div>
+  </div>
+
+  <header class="sticky top-0 z-40 bg-white/95 backdrop-blur-md border-b border-slate-100 transition-all duration-300">
+    <div class="container mx-auto px-4 py-3 flex items-center justify-between">
+      
+      <!-- Enlace y Logo oficial solicitado (Imagen real activa en tu tienda) -->
+      <a href="https://trastobooks.com/es" class="flex items-center">
+        <img class="h-10 sm:h-12 w-auto object-contain" 
+             src="https://trastobooks.com/img/trastobooks-cuentos-personalizados-para-ninos-y-ninas-logo-1603366710.jpg" 
+             onerror="this.onerror=null; this.src='https://placehold.co/240x80/F0FDFA/0284C7?text=TrastoBooks'" 
+             alt="TrastoBooks.com">
+      </a>
+
+      <!-- Menú Desktop Limpio -->
+      <nav class="hidden lg:flex items-center gap-8 font-semibold text-trastoDark/80 text-sm">
+        <a href="#nuestros-cuentos" class="hover:text-trastoBlue transition-colors">Nuestros cuentos</a>
+        <a href="#" class="hover:text-trastoBlue transition-colors">Sobre nosotros</a>
+        <a href="#" class="hover:text-trastoBlue transition-colors">Contacto</a>
+        <a href="https://personalizar.trastobooks.com/juegos/multiplicar/juego.html" target="_blank" class="hover:text-trastoGreen transition-colors flex items-center gap-1 text-trastoGreen font-bold">
+          <i class="fa-solid fa-gamepad"></i> Juega con nosotros
+        </a>
+      </nav>
+
+      <!-- Acciones de cabecera -->
+      <div class="flex items-center gap-3">
+        <!-- WhatsApp Oficial -->
+        <a href="https://wa.me/34633763957" target="_blank" class="hidden sm:flex items-center gap-2 text-xs bg-emerald-50 text-emerald-700 px-3.5 py-2 rounded-full font-bold hover:bg-emerald-100 transition-colors">
+          <i class="fab fa-whatsapp text-sm"></i>
+          <span>WhatsApp Ayuda</span>
+        </a>
+
+        <!-- Enlace Mi Cuenta -->
+        <a href="/index/login" title="Acceda a su cuenta de cliente" class="p-2 bg-slate-50 hover:bg-slate-100 rounded-full text-trastoDark transition-colors" rel="nofollow">
+          <i class="fa-regular fa-user text-sm"></i>
+        </a>
+
+        <!-- Carrito Compacto -->
+        <a href="https://trastobooks.com/es/carrito" class="relative p-2 bg-slate-50 hover:bg-slate-100 rounded-full text-trastoDark transition-colors">
+          <i class="fa-solid fa-basket-shopping text-sm"></i>
+          <span class="absolute -top-1 -right-1 bg-trastoBlue text-white text-[9px] font-bold w-4 h-4 rounded-full flex items-center justify-center">0</span>
+        </a>
+
+        <!-- Botón Menú Móvil -->
+        <button onclick="toggleMobileMenu()" class="lg:hidden p-2 text-trastoDark" aria-label="Abrir Menú">
+          <i class="fa-solid fa-bars text-lg"></i>
+        </button>
+      </div>
+    </div>
+
+    <!-- Menú desplegable móvil -->
+    <div id="mobile-menu" class="hidden lg:hidden border-t border-slate-100 bg-white px-4 py-4 space-y-3 shadow-inner">
+      <a href="#nuestros-cuentos" onclick="toggleMobileMenu()" class="block font-semibold py-2 text-trastoDark hover:text-trastoBlue text-sm">Nuestros cuentos</a>
+      <a href="#" onclick="toggleMobileMenu()" class="block font-semibold py-2 text-trastoDark hover:text-trastoBlue text-sm">Sobre nosotros</a>
+      <a href="#" onclick="toggleMobileMenu()" class="block font-semibold py-2 text-trastoDark hover:text-trastoBlue text-sm">Contacto</a>
+      <a href="https://personalizar.trastobooks.com/juegos/multiplicar/juego.html" target="_blank" class="block font-semibold py-2 text-trastoGreen text-sm">
+        <i class="fa-solid fa-gamepad mr-1"></i> Juega con nosotros
+      </a>
+      <div class="pt-3 border-t border-slate-100 flex gap-2">
+        <a href="https://wa.me/34633763957" target="_blank" class="flex-1 text-center bg-emerald-600 text-white font-bold py-2.5 rounded-xl text-xs">
+          <i class="fab fa-whatsapp mr-1"></i> WhatsApp
+        </a>
+        <a href="tel:+34633763957" class="flex-1 text-center bg-slate-100 text-trastoDark font-bold py-2.5 rounded-xl text-xs">
+          <i class="fa-solid fa-phone mr-1"></i> Llamar
+        </a>
+      </div>
+    </div>
+  </header>
+
+  <?php echo $this->view->content; ?>
+
+  <footer class="bg-slate-900 text-slate-400 pt-16 pb-8 border-t border-slate-800">
+    <div class="container mx-auto px-4 space-y-12">
+      
+      <!-- Bloque de Newsletter Renovado e integrado -->
+      <div class="bg-gradient-to-r from-trastoBlue to-trastoGreen rounded-2xl p-6 sm:p-10 text-white flex flex-col lg:flex-row justify-between items-center gap-6 shadow-md">
+        <div class="space-y-1 text-center lg:text-left max-w-lg">
+          <h3 class="font-title text-xl sm:text-2xl font-extrabold">Únete a nuestra comunidad</h3>
+          <p class="text-white/80 text-xs sm:text-sm">Recibe ofertas exclusivas, novedades editoriales y consejos educativos de manera mensual.</p>
+        </div>
+        <div class="w-full lg:w-auto max-w-md">
+          <form onsubmit="handleNewsletterSubmit(event)" class="space-y-3">
+            <div class="flex flex-col sm:flex-row gap-2">
+              <input type="email" placeholder="Introduce tu correo electrónico" class="bg-white/10 border border-white/20 text-white placeholder-white/50 rounded-xl px-4 py-2.5 text-xs focus:outline-none focus:ring-2 focus:ring-white w-full sm:w-64" required>
+              <button type="submit" class="bg-white text-trastoBlue font-title font-bold px-5 py-2.5 rounded-xl hover:bg-slate-100 transition-colors text-xs whitespace-nowrap">
+                Suscribirme
+              </button>
+            </div>
+            <label class="flex items-start gap-2 cursor-pointer text-[10px] text-white/70 select-none">
+              <input type="checkbox" required class="mt-0.5 rounded border-white/20 text-trastoBlue focus:ring-0 bg-white/10">
+              <span>Acepto las condiciones de uso y la política de privacidad.</span>
+            </label>
+          </form>
+        </div>
+      </div>
+
+      <!-- Enlaces de Navegación del Pie de Página -->
+      <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8 text-xs">
+        
+        <!-- Info Principal -->
+        <div class="space-y-4">
+          <img class="h-10 w-auto object-contain brightness-0 invert opacity-90" 
+               src="https://trastobooks.com/img/trastobooks-cuentos-personalizados-para-ninos-y-ninas-logo-1603366710.jpg" 
+               onerror="this.onerror=null; this.src='https://placehold.co/240x80/000/FFF?text=TrastoBooks'" 
+               alt="TrastoBooks">
+          <p class="text-slate-500 leading-relaxed text-xs">
+            Creamos cuentos donde la magia y el aprendizaje se encuentran. Personaliza el cuento perfecto que recordarán para siempre.
+          </p>
+          <div class="flex gap-4 text-base text-slate-500">
+            <a href="https://www.facebook.com/trastobooks" target="_blank" class="hover:text-white transition-colors" aria-label="Facebook"><i class="fab fa-facebook"></i></a>
+            <a href="https://www.twitter.com/trastobooks" target="_blank" class="hover:text-white transition-colors" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
+            <a href="https://www.instagram.com/trastobooks/" target="_blank" class="hover:text-white transition-colors" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
+          </div>
+        </div>
+
+        <!-- Colecciones -->
+        <div class="space-y-3">
+          <h4 class="font-title text-white font-bold text-sm">Colecciones</h4>
+          <ul class="space-y-2 text-slate-400 text-xs">
+            <li><a href="#nuestros-cuentos" class="hover:text-white transition-colors">Ofertas Especiales</a></li>
+            <li><a href="#nuestros-cuentos" class="hover:text-white transition-colors">Cuentos Educativos</a></li>
+            <li><a href="#nuestros-cuentos" class="hover:text-white transition-colors">Día del Padre y Madre</a></li>
+            <li><a href="#nuestros-cuentos" class="hover:text-white transition-colors">Cuentos Navideños</a></li>
+          </ul>
+        </div>
+
+        <!-- Nuestra Empresa -->
+        <div class="space-y-3">
+          <h4 class="font-title text-white font-bold text-sm">Nuestra Empresa</h4>
+          <ul class="space-y-2 text-slate-400 text-xs">
+            <li><a href="https://trastobooks.com/es/content/2-politica-de-privacidad" class="hover:text-white transition-colors">Política de privacidad</a></li>
+            <li><a href="https://trastobooks.com/es/content/3-terminos-y-condiciones" class="hover:text-white transition-colors">Términos y condiciones</a></li>
+            <li><a href="https://trastobooks.com/es/content/6-politica-de-cookies" class="hover:text-white transition-colors">Política de cookies</a></li>
+            <li><a href="https://trastobooks.com/es/content/4-sobre-nosotros" class="hover:text-white transition-colors">Sobre nosotros</a></li>
+          </ul>
+        </div>
+
+        <!-- Soporte y Tienda -->
+        <div class="space-y-3">
+          <h4 class="font-title text-white font-bold text-sm">Atención al Cliente</h4>
+          <p class="text-xs text-slate-500 leading-relaxed">¿Dudas con el pedido? Llámanos o escríbenos directamente por WhatsApp de lunes a viernes.</p>
+          <div class="space-y-1.5 text-xs text-slate-300">
+            <p><i class="fa-solid fa-phone text-trastoBlue mr-1.5"></i> Teléfono: <span class="hover:underline cursor-pointer">633763957</span></p>
+            <p><i class="fa-solid fa-envelope text-trastoBlue mr-1.5"></i> Email: <a href="mailto:info@trastobooks.com" class="hover:underline text-white">info@trastobooks.com</a></p>
+          </div>
+        </div>
+
+      </div>
+
+      <!-- Derechos de autor -->
+      <div class="pt-8 border-t border-slate-800 flex flex-col sm:flex-row justify-between items-center gap-4 text-xs text-slate-600">
+        <p>&copy; 2026 TrastoBooks.com. Todos los derechos reservados.</p>
+        <p>Hecho con ❤️ en España.</p>
+      </div>
+    </div>
+  </footer>
+
+  <!-- Botón de WhatsApp flotante oficial -->
+  <a href="https://wa.me/34633763957" class="fixed bottom-6 right-6 z-50 bg-emerald-600 hover:bg-emerald-500 text-white font-bold px-4 py-3 rounded-full shadow-lg flex items-center gap-2 text-xs sm:text-sm transition-all" target="_blank" rel="nofollow">
+    <i class="fab fa-whatsapp text-lg"></i>
+    <span>Ayuda</span>
+  </a>
+
+  <!-- Banner Cookie Consent / GDPR minimalista -->
+  <div id="cookies-consent-banner" class="fixed bottom-6 left-6 z-50 bg-white border border-slate-100 p-5 rounded-2xl shadow-xl max-w-sm flex flex-col gap-3 transition-all duration-500 transform translate-y-0">
+    <div class="space-y-1">
+      <h5 class="font-title text-xs font-bold text-trastoDark flex items-center gap-1.5">
+        <i class="fa-solid fa-cookie-bite text-trastoBlue text-sm"></i> Consentimiento de Cookies
+      </h5>
+      <p class="text-[10px] text-slate-500 leading-relaxed">
+        Utilizamos cookies para garantizar la mejor experiencia en nuestra tienda online. ¿Aceptas estas cookies?
+      </p>
+    </div>
+    <div class="flex gap-2">
+      <button onclick="acceptCookies()" class="flex-1 bg-slate-900 hover:bg-slate-800 text-white font-bold text-[10px] py-2 rounded-lg transition-colors">Aceptar todas</button>
+      <button onclick="acceptCookies()" class="flex-1 bg-slate-50 hover:bg-slate-100 text-slate-600 font-bold text-[10px] py-2 rounded-lg transition-colors">Configurar</button>
+    </div>
+  </div>
+
+  <!-- Caja de Notificaciones / Alertas elegante -->
+  <div id="alert-box" class="fixed top-6 left-1/2 -translate-x-1/2 z-50 bg-slate-900 text-white px-5 py-3 rounded-xl shadow-lg flex items-center gap-2 transform -translate-y-24 opacity-0 transition-all duration-300 text-xs font-bold">
+    <i class="fa-solid fa-circle-check text-trastoBlue"></i>
+    <span id="alert-text">Mensaje</span>
+  </div>
+
+  <script>
+    function toggleMobileMenu() {
+      const menu = document.getElementById("mobile-menu");
+      menu.classList.toggle("hidden");
+    }
+
+    // Filtrar libros dinámicamente en el catálogo
+    function filterBooks(category) {
+      const items = document.querySelectorAll(".product-item");
+      const buttons = [
+        { id: "filter-btn-todos", cat: "todos" },
+        { id: "filter-btn-aprendizaje", cat: "aprendizaje" },
+        { id: "filter-btn-familia", cat: "familia" },
+        { id: "filter-btn-navidad", cat: "navidad" }
+      ];
+
+      buttons.forEach(btn => {
+        const el = document.getElementById(btn.id);
+        if (btn.cat === category) {
+          el.className = "px-4 py-1.5 rounded-full text-xs font-bold bg-trastoBlue text-white transition-all shadow-sm";
+        } else {
+          el.className = "px-4 py-1.5 rounded-full text-xs font-bold bg-white border border-slate-200 text-trastoDark hover:border-trastoBlue transition-all";
+        }
+      });
+
+      items.forEach(item => {
+        if (category === "todos" || item.getAttribute("data-cat") === category) {
+          item.classList.remove("hidden");
+        } else {
+          item.classList.add("hidden");
+        }
+      });
+    }
+
+    // Envío del formulario de newsletter simulado
+    function handleNewsletterSubmit(event) {
+      event.preventDefault();
+      showAlert("¡Gracias por registrarte! Te mantendremos al tanto de las ofertas.");
+      event.target.reset();
+    }
+
+    // Consentimiento de cookies simplificado
+    function acceptCookies() {
+      const banner = document.getElementById("cookies-consent-banner");
+      banner.classList.add("translate-y-48", "opacity-0");
+      setTimeout(() => banner.remove(), 1000);
+    }
+
+    // Sistema de notificaciones no intrusivo
+    function showAlert(msg) {
+      const alertBox = document.getElementById("alert-box");
+      const alertText = document.getElementById("alert-text");
+      alertText.innerText = msg;
+      
+      alertBox.classList.remove("-translate-y-24", "opacity-0");
+      alertBox.classList.add("translate-y-0", "opacity-100");
+
+      setTimeout(() => {
+        alertBox.classList.add("-translate-y-24", "opacity-0");
+        alertBox.classList.remove("translate-y-0", "opacity-100");
+      }, 4000);
+    }
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/views/template_admin.phtml b/src/views/template_admin.phtml
new file mode 100644
index 0000000..ef3d1c9
--- /dev/null
+++ b/src/views/template_admin.phtml
@@ -0,0 +1,156 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+  <title>Mi Panel TrastoBooks | Cuentos Personalizados 2026</title>
+
+  <!-- Google Fonts: Fredoka & Quicksand -->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Fredoka:wght=300..700&family=Quicksand:wght=300..700&display=swap" rel="stylesheet">
+
+  <!-- FontAwesome universal para iconos (CORS Bypass) -->
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />
+  
+  <!-- Tailwind CSS -->
+  <script src="https://cdn.tailwindcss.com"></script>
+
+  <script>
+    tailwind.config = {
+      theme: {
+        extend: {
+          colors: {
+            trastoBlue: '#0284C7',
+            trastoBlueHover: '#0369a1',
+            trastoGreen: '#0D9488',
+            trastoGreenHover: '#115e59',
+            trastoMint: '#F0FDFA',
+            trastoCream: '#FCFAF7',
+            trastoDark: '#0F172A',
+          },
+          fontFamily: {
+            fredoka: ['Fredoka', 'sans-serif'],
+            quicksand: ['Quicksand', 'sans-serif'],
+          }
+        }
+      }
+    }
+  </script>
+
+  <style>
+    body {
+      font-family: 'Quicksand', sans-serif;
+      background-color: #F8FAFC;
+      color: #0F172A;
+    }
+    .font-title {
+      font-family: 'Fredoka', sans-serif;
+    }
+    /* Transiciones suaves */
+    .tab-content {
+      transition: all 0.2s ease-in-out;
+    }
+  </style>
+</head>
+<body class="antialiased min-h-screen flex flex-col">
+
+  <!-- Cabecera de Marca Unificada -->
+  <header class="sticky top-0 z-40 bg-white border-b border-slate-100 shadow-sm px-4 py-3">
+    <div class="mx-auto flex items-center justify-between">
+      
+      <!-- Logo Oficial TrastoBooks -->
+      <a href="https://trastobooks.com/es" class="flex items-center">
+        <img class="h-10 sm:h-11 w-auto object-contain" 
+             src="https://trastobooks.com/img/trastobooks-cuentos-personalizados-para-ninos-y-ninas-logo-1603366710.jpg" 
+             onerror="this.onerror=null; this.src='https://placehold.co/240x80/F0FDFA/0284C7?text=TrastoBooks'" 
+             alt="TrastoBooks.com">
+      </a>
+
+    </div>
+  </header>
+
+  <!-- Contenedor Principal (Layout de Sidebar + Main Content) -->
+  <div class="flex-grow flex flex-col md:flex-row">
+
+    <!-- Menú Lateral (Sidebar) -->
+    <aside class="w-full md:w-64 bg-white border-r border-slate-100 p-4 md:p-6 flex flex-col justify-between shrink-0">
+      <div class="space-y-6">
+        
+        <!-- Perfil rápido de usuario -->
+        <div class="flex items-center gap-3 pb-4 border-b border-slate-100">
+          <div class="w-10 h-10 rounded-full bg-trastoBlue/10 text-trastoBlue flex items-center justify-center font-bold text-sm">
+            <span id="user-avatar-initials"><?=  $this->view->userinfo["iniciales"]; ?></span>
+          </div>
+          <div>
+            <h4 class="text-xs font-bold text-trastoDark leading-none" id="user-profile-name"><?=  $this->view->userinfo["nombre"] ?></h4>
+            <span class="text-[9px] text-slate-400 font-semibold" id="user-profile-badge"><?=  ($this->view->userinfo["rol"]=="admin")?"Administrador":"Cliente Registrado"; ?></span>
+          </div>
+        </div>
+
+        <!-- Opciones de Navegación del Panel -->
+        <nav class="space-y-1">
+          <span class="text-[9px] text-slate-400 font-bold uppercase tracking-wider block px-3 mb-2">Mi Cuenta</span>
+          
+          <!-- Mis Cuentos (Cliente) -->
+            <a href="/admin/miscuentos" id="menu-mis-cuentos" class="w-full text-left px-3 py-2.5 rounded-xl text-xs font-bold flex items-center gap-3 bg-trastoBlue/10 text-trastoBlue transition-all">
+                <i class="fa-solid fa-book-bookmark text-sm w-4"></i>
+                <span>Mis cuentos</span>
+            </a>
+
+          <!-- Mis Datos (Cliente) -->
+            <a href="/admin/misdatos" id="menu-mis-datos" class="w-full text-left px-3 py-2.5 rounded-xl text-xs font-bold flex items-center gap-3 text-slate-600 hover:bg-slate-50 transition-all">
+                <i class="fa-solid fa-id-card text-sm w-4"></i>
+                <span>Mis datos personales</span>
+            </a>
+          
+            <?php if($this->view->userinfo["rol"]=="admin"):?>
+                <!-- SECCIÓN DE ADMINISTRADOR (Condicional) -->
+                <div id="admin-sidebar-section" class="pt-6 space-y-1">
+                    <span class="text-[9px] text-emerald-600 font-bold uppercase tracking-wider block px-3 mb-2">Administración</span>
+                    
+                    <!-- Gestionar Libros (Admin) -->
+                    <a href="/admin/gestionlibros" id="menu-gestionar-libros" class="w-full text-left px-3 py-2.5 rounded-xl text-xs font-bold flex items-center gap-3 text-slate-600 hover:bg-slate-50 transition-all">
+                        <i class="fa-solid fa-sliders text-sm w-4"></i>
+                        <span>Gestionar libros</span>
+                    </a>
+
+                    <!-- Gestionar Pedidos (Admin) -->
+                    <a href="/admin/gestionpedidos" id="menu-gestionar-pedidos" class="w-full text-left px-3 py-2.5 rounded-xl text-xs font-bold flex items-center gap-3 text-slate-600 hover:bg-slate-50 transition-all">
+                        <i class="fa-solid fa-basket-shopping text-sm w-4"></i>
+                        <span>Gestionar pedidos</span>
+                    </a>
+                </div>
+            
+            <?php endif; ?>
+
+            <!-- Botón de Salir (Logout) con estilo premium y separación visual -->
+            <div class="pt-4 mt-6 border-t border-slate-100">
+                <a href="/admin/logout" id="admin-logout" class="w-full text-left px-3 py-2.5 rounded-xl text-xs font-bold flex items-center gap-3 text-rose-600 hover:bg-rose-50/60 active:bg-rose-100/80 transition-all duration-200">
+                <i class="fa-solid fa-right-from-bracket text-sm w-4"></i>
+                <span>Cerrar sesión</span>
+                </a>
+            </div>
+        </nav>
+
+      </div>
+
+      <!-- Ayuda técnica rápida en sidebar -->
+      <div class="mt-8 pt-4 border-t border-slate-100 hidden md:block">
+        <a href="https://wa.me/34633763957" target="_blank" class="flex items-center gap-2 text-[10px] text-emerald-600 font-bold bg-emerald-50 hover:bg-emerald-100 p-2.5 rounded-xl transition-colors">
+          <i class="fab fa-whatsapp text-xs"></i>
+          <span>¿Problemas? Te ayudamos</span>
+        </a>
+      </div>
+    </aside>
+
+    <!-- Área de Contenido Principal -->
+    <!--<main class="flex-grow p-4 sm:p-6 lg:p-8 max-w-5xl">-->
+      
+    <?php echo $this->view->content; ?>
+
+    <!--</main>-->
+  </div>
+</body>
+</html>
\ No newline at end of file