diff --git a/src/templates/macrociclos/detalle_macrociclo.html b/src/templates/macrociclos/detalle_macrociclo.html
index 187a83b..aea3983 100644
--- a/src/templates/macrociclos/detalle_macrociclo.html
+++ b/src/templates/macrociclos/detalle_macrociclo.html
@@ -8,23 +8,60 @@
 
 {% block content %}
 <div class="container-xl">
-    <div class="app-card app-card-notification shadow-sm mb-4">
-        <div class="app-card-header px-4 py-3">
-            <div class="row g-3 align-items-center">
-                <div class="col-12 col-lg-auto text-center text-lg-start">
-                    <h4>{{ macrociclo.nombre }}</h4>
-
-                    <ul class="notification-meta list-inline mb-0">
-                        <li class="list-inline-item">{{ macrociclo.nombre }}</li>
-                        <li class="list-inline-item">{{ macrociclo.tipo }}</li>
-                        <li class="list-inline-item">{{ macrociclo.desde }}</li>
-                        <li class="list-inline-item">{{ macrociclo.hasta }}</li>
-                        <li class="list-inline-item">{{ macrociclo.deportista }}</li>
-                        <li class="list-inline-item">{{ macrociclo.entrenador }}</li>
-                    </ul>
-                </div>
-            </div>
-        </div>
+    <div class="app-card-body px-4 w-100">
+        <div class="item border-bottom py-3">
+            <div class="row justify-content-between align-items-center">
+                <div class="col-auto">
+                    <div class="item-label mb-2"><strong>Nombre</strong></div>
+                    <div class="item-data">{{ macrociclo.nombre }}</div>
+                </div><!--//col-->
+            </div><!--//row-->
+        </div><!--//item-->
+
+        <div class="item border-bottom py-3">
+            <div class="row justify-content-between align-items-center">
+                <div class="col-auto">
+                    <div class="item-label mb-2"><strong>Tipo</strong></div>
+                    <div class="item-data">{{ macrociclo.tipo }}</div>
+                </div><!--//col-->
+            </div><!--//row-->
+        </div><!--//item-->
+
+        <div class="item border-bottom py-3">
+            <div class="row justify-content-between align-items-center">
+                <div class="col-auto">
+                    <div class="item-label mb-2"><strong>Desde</strong></div>
+                    <div class="item-data">{{ macrociclo.desde }}</div>
+                </div><!--//col-->
+            </div><!--//row-->
+        </div><!--//item-->
+
+        <div class="item border-bottom py-3">
+            <div class="row justify-content-between align-items-center">
+                <div class="col-auto">
+                    <div class="item-label mb-2"><strong>Hasta</strong></div>
+                    <div class="item-data">{{ macrociclo.hasta }}</div>
+                </div><!--//col-->
+            </div><!--//row-->
+        </div><!--//item-->
+
+        <div class="item border-bottom py-3">
+            <div class="row justify-content-between align-items-center">
+                <div class="col-auto">
+                    <div class="item-label mb-2"><strong>Deportista</strong></div>
+                    <div class="item-data">{{ macrociclo.deportista }}</div>
+                </div><!--//col-->
+            </div><!--//row-->
+        </div><!--//item-->
+
+        <div class="item border-bottom py-3">
+            <div class="row justify-content-between align-items-center">
+                <div class="col-auto">
+                    <div class="item-label mb-2"><strong>Entrenador</strong></div>
+                    <div class="item-data">{{ macrociclo.entrenador }}</div>
+                </div><!--//col-->
+            </div><!--//row-->
+        </div><!--//item-->
     </div>
 
     <div class="row g-3 mb-4 align-items-center justify-content-between">