diff --git a/resources/js/components/login/LoginTitulos.vue b/resources/js/components/login/LoginTitulos.vue
new file mode 100644
index 0000000..7cfd177
--- /dev/null
+++ b/resources/js/components/login/LoginTitulos.vue
@@ -0,0 +1,24 @@
+<script>
+import { mapGetters } from "vuex";
+
+export default {
+    name: "LoginTitulos",
+    computed: {
+        ...mapGetters("login", ["textos", "estilos"]),
+    }
+};
+</script>
+
+<template>
+    <div class="block">
+        <h1 class="title" :class="estilos.texto">{{ textos.titulo }}</h1>
+        <p class="subtitle" :class="estilos.texto">
+            {{ `Bienvenidx a la  ${textos.subtitlo} del ` }}
+            <strong :class="estilos.texto">Mercado Popular de Subistencia</strong>
+        </p>
+    </div>
+</template>
+
+<style scoped>
+
+</style>
diff --git a/resources/js/components/login/Titulos.vue b/resources/js/components/login/Titulos.vue
deleted file mode 100644
index bc96e84..0000000
--- a/resources/js/components/login/Titulos.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<script>
-import { mapGetters } from "vuex";
-
-export default {
-    name:'LoginTitulos',
-    computed: {
-        ...mapGetters('login',["titulos", "urlRol"]),
-        whiteText() {
-            console.log(this.urlRol);
-            return this.urlRol === 'admin';
-        }
-    }
-};
-</script>
-
-<template>
-<div class="block">
-    <h1 class="title" :class="{'has-text-white': whiteText}">{{ titulos.titulo }}</h1>
-    <p class="subtitle" :class="{'has-text-white': whiteText}">
-        {{ `Bienvenidx a la  ${titulos.subtitlo} del ` }}<strong :class="{'has-text-white': whiteText}">Mercado Popular de Subistencia</strong>
-    </p>
-</div>
-</template>
-
-<style scoped>
-
-</style>