Update index.html

Author: proyectosjmb

life/index.html

@@ -36,10 +36,6 @@ <h1>📊 Life <span>OS</span></h1>
 
             <!-- ===== CARD 1 — PROJECT: LEVEL UP ===== -->
             <a href="#" class="card">
-                <!-- 
-                    Toda la tarjeta es clickeable.
-                    Más adelante puedes apuntar esto a una webapp, Notion, dashboard, etc.
-                -->
                 <div>
                     <h3>⚔️ Project: Level Up</h3>
                     <p>
@@ -48,47 +44,31 @@ <h3>⚔️ Project: Level Up</h3>
                     </p>
                 </div>
                 <span class="tag">Ver Progreso ↗</span>
-                <!-- CTA: indica que se entra a ver el avance / dashboard -->
             </a>
 
             <!-- ===== CARD 2 — CONTROL FINANCIERO ===== -->
             <a href="#" class="card">
-                <!-- 
-                    Podrás enlazar a tu dashboard financiero (Sheets, app, etc.).
-                -->
                 <div>
                     <h3>💰 Control Financiero</h3>
                     <p>Dashboard de gastos, inversiones y educación financiera.</p>
                 </div>
                 <span class="tag">Privado 🔒</span>
-                <!-- Señal visual de que el acceso está restringido -->
             </a>
 
             <!-- ===== CARD 3 — INVENTARIO JOYAS & BOLSOS ===== -->
             <a href="#" class="card">
-                <!-- 
-                    Pensado como acceso rápido a tu inventario en Drive / sistema externo.
-                -->
                 <div>
                     <h3>💎 Inventario Joyas &amp; Bolsos</h3>
                     <p>Base de datos visual organizada para consulta rápida en tienda.</p>
-                    
-                    <!-- 
-                        Nota aclaratoria con estilo inline.
-                    -->
                     <small style="color: #64748b; display: block; margin-top: 5px;">
                         *Vinculado a Google Drive (2TB)
                     </small>
                 </div>
                 <span class="tag">Abrir Galería 📂</span>
-                <!-- CTA enfocada en ver imágenes / recursos -->
             </a>
 
             <!-- ===== CARD 4 — RECETA META ADS 2026 (NUEVO) ===== -->
-            <a href="https://proyectosjmb.github.io/RecetaMetaAds/" class="card" target="_blank">
-                <!-- 
-                    Enlace directo a tu Web App alojada en GitHub Pages
-                -->
+            <a href="https://proyectosjmb.github.io/RecetaMetaAds/" class="card" target="_blank" rel="noopener noreferrer">
                 <div>
                     <h3>👨‍🍳 Receta Meta Ads 2026</h3>
                     <p>
@@ -99,6 +79,18 @@ <h3>👨‍🍳 Receta Meta Ads 2026</h3>
                 <span class="tag">Cocinar Ahora 🥘</span>
             </a>
 
+            <!-- ===== CARD 5 — MAPA DE ESTADO VITAL (NUEVO) ===== -->
+            <a href="./mapa-estado-vital.html" class="card">
+                <div>
+                    <h3>🧭 Mapa de Estado Vital</h3>
+                    <p>
+                        Registro diario rápido para monitorear estado emocional, físico y funcional.
+                        (Cuestionario + historial de respuestas)
+                    </p>
+                </div>
+                <span class="tag">Registrar Hoy ✅</span>
+            </a>
+
         </div> <!-- /grid -->
     </div> <!-- /container -->