diff --git a/ProyectoWeb/ProyectoWebApp/templates/ProyectoWebApp/base.html b/ProyectoWeb/ProyectoWebApp/templates/ProyectoWebApp/base.html
index d166e5f..98d044b 100644
--- a/ProyectoWeb/ProyectoWebApp/templates/ProyectoWebApp/base.html
+++ b/ProyectoWeb/ProyectoWebApp/templates/ProyectoWebApp/base.html
@@ -37,16 +37,16 @@
           <li class="nav-item {% if request.path == '/' %}active{% endif %} px-lg-4">
             <a class="nav-link text-uppercase text-expanded" href="{% url 'Inicio' %}">Inicio</a>
           </li>
-          <li class="nav-item {% if request.path == '/servicios' %}active{% endif %} px-lg-4">
+          <li class="nav-item {% if request.path == '/servicios/' %}active{% endif %} px-lg-4">
             <a class="nav-link text-uppercase text-expanded" href="{% url 'Servicios' %}">Servicios</a>
           </li>
-          <li class="nav-item {% if request.path == '/tienda' %}active{% endif %} px-lg-4">
+          <li class="nav-item {% if request.path == '/tienda/' %}active{% endif %} px-lg-4">
             <a class="nav-link text-uppercase text-expanded" href="{% url 'Tienda' %}">Tienda</a>
           </li>
-          <li class="nav-item {% if request.path == '/contacto' %}active{% endif %} px-lg-4">
+          <li class="nav-item {% if request.path == '/contacto/' %}active{% endif %} px-lg-4">
             <a class="nav-link text-uppercase text-expanded" href="{% url 'Contacto' %}">Contacto</a>
           </li>
-          <li class="nav-item {% if request.path == '/blog' %}active{% endif %} px-lg-4">
+          <li class="nav-item {% if request.path|slice:':6' == '/blog/' %}active{% endif %} px-lg-4">
             <a class="nav-link text-uppercase text-expanded" href="{% url 'Blog' %}">Blog</a>
           </li>
          
diff --git a/ProyectoWeb/blog/templates/blog/blog.html b/ProyectoWeb/blog/templates/blog/blog.html
index cffaa10..2ee9f9d 100644
--- a/ProyectoWeb/blog/templates/blog/blog.html
+++ b/ProyectoWeb/blog/templates/blog/blog.html
@@ -28,18 +28,16 @@
     {% endfor %}
     
       <section>
-        <div style="width:60%; background-color:Tomato; margin:auto; text-align:center;">
-            Categorías : 
-            
+        <div style="width:60%; margin:auto; text-align:center;">
+            <p style="color: white;">Categorías :
               {% for entrada in entradas %}
-              
                 {% for categoria in entrada.categorias.all %}
                 
-                  {{categoria.nombre}} &nbsp;&nbsp;&nbsp;
+                  <a href="{% url 'categoria' categoria.id %}" class="link">{{categoria.nombre}}</a>&nbsp;&nbsp;&nbsp;
                   
                 {% endfor %} 
-                 
-              {% endfor %}  
+              {% endfor %}
+            </p>  
         </div>
      </section>
     
diff --git a/ProyectoWeb/blog/templates/blog/categorias.html b/ProyectoWeb/blog/templates/blog/categorias.html
index cffaa10..2ee9f9d 100644
--- a/ProyectoWeb/blog/templates/blog/categorias.html
+++ b/ProyectoWeb/blog/templates/blog/categorias.html
@@ -28,18 +28,16 @@
     {% endfor %}
     
       <section>
-        <div style="width:60%; background-color:Tomato; margin:auto; text-align:center;">
-            Categorías : 
-            
+        <div style="width:60%; margin:auto; text-align:center;">
+            <p style="color: white;">Categorías :
               {% for entrada in entradas %}
-              
                 {% for categoria in entrada.categorias.all %}
                 
-                  {{categoria.nombre}} &nbsp;&nbsp;&nbsp;
+                  <a href="{% url 'categoria' categoria.id %}" class="link">{{categoria.nombre}}</a>&nbsp;&nbsp;&nbsp;
                   
                 {% endfor %} 
-                 
-              {% endfor %}  
+              {% endfor %}
+            </p>  
         </div>
      </section>