diff --git a/src/components/Anime/Tarjeta.vue b/src/components/Anime/Tarjeta.vue
index fef6eaa..f98b128 100644
--- a/src/components/Anime/Tarjeta.vue
+++ b/src/components/Anime/Tarjeta.vue
@@ -2,7 +2,7 @@
     <div class="caja tarjeta" >
         <div class="center-on-small">
             <span>
-                <router-link :to="link" class="tarjeta--nombre">
+                <router-link :to="link" class="tarjeta--nombre" >
                     {{ titulo }}
                 </router-link>
             </span>
diff --git a/src/components/AnimeView/Contenido.vue b/src/components/AnimeView/Contenido.vue
index 8c504b5..7d4e3f8 100644
--- a/src/components/AnimeView/Contenido.vue
+++ b/src/components/AnimeView/Contenido.vue
@@ -14,7 +14,7 @@
                 {{ datos.descripcion }}
             </div>
             <div class="contenido--datos">
-                <div class="contenido--datos--titulo">
+                <div class="contenido--datos--titulo" :style="'color: ' + color">
                     Especificaciones tecnicas
                 </div>
                 <div class="contenido--datos--descripcion">
diff --git a/src/components/mi-footer.vue b/src/components/mi-footer.vue
index 40afc1b..df05afc 100644
--- a/src/components/mi-footer.vue
+++ b/src/components/mi-footer.vue
@@ -1,5 +1,5 @@
 <template>
-    <footer class="page-footer mi-footer">
+    <footer class="page-footer mi-footer" :style="obtenerColor">
         <div class="container">
             <div class="row">
                 <div class="col l6 s12">
@@ -35,7 +35,12 @@
 
 <script>
     export default {
-        name: "mi-footer"
+        name: "mi-footer",
+        computed: {
+            obtenerColor () {
+                return 'background-color: ' + window.colorActual;
+            }
+        }
     }
 </script>
 
diff --git a/src/main.ts b/src/main.ts
index 006c248..8120885 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -11,8 +11,12 @@ require('./sass/main.sass');
     window.miRouter = router;
     // @ts-ignore
     window.indiceAnimes = {};
+    // @ts-ignore
+    window.colorActual = '#23bf87';
 })();
 
+
+
 new Vue({
   router,
   render: h => h(App)
diff --git a/src/views/Anime.vue b/src/views/Anime.vue
index 134f35e..8ab7d8f 100644
--- a/src/views/Anime.vue
+++ b/src/views/Anime.vue
@@ -9,8 +9,8 @@
                            :descr="anime.descripcion"
                            :imgUrl="anime.imgUrl"
                            :link="anime.link"
-                           :temporada="anime.data.temporada.toLowerCase()"
-                           :anio="anime.data.anio"
+                           :temporada="anime.temporada.toLowerCase()"
+                           :anio="anime.anio"
             />
         </div>
 
diff --git a/src/views/AnimeView.vue b/src/views/AnimeView.vue
index b603f9b..cfcb70d 100644
--- a/src/views/AnimeView.vue
+++ b/src/views/AnimeView.vue
@@ -67,10 +67,12 @@
                     if (anime.link === link) {
                         vm.datos = anime;
                         vm.existe = true;
-                        if (anime.color)
-                            vm.color = anime.color;
-                        else
-                            vm.color = '#23bf87';
+                        if (anime.color) {
+                            vm.color = window.colorActual = anime.color;
+                        }
+                        else {
+                            vm.color = window.colorActual = '#23bf87';
+                        }
                         break;
                     }
                 }