Upload 5 files

.gitignore

@@ -0,0 +1,11 @@
+__pycache__/
+*.py[cod]
+*$py.class
+*.so
+.Python
+*.db-journal
+.env
+.venv
+env/
+venv/
+.DS_Store

README.md

@@ -1,11 +1,199 @@
----
-title: TrainerRunning
-emoji: 💻
-colorFrom: red
-colorTo: pink
-sdk: static
-pinned: false
-short_description: Entrenamiento Personalizado de running
+# 🏃‍♂️ Osorno Runners - Sistema de Planes de Entrenamiento
+
+Sistema profesional para crear y gestionar planes de entrenamiento personalizados para corredores.
+
+## 🚀 Características
+
+- ✅ Generación automática de planes de entrenamiento
+- ✅ Base de datos SQLite persistente
+- ✅ Sistema de autenticación (Usuario/Admin)
+- ✅ Exportación a PDF
+- ✅ Cálculo de zonas de frecuencia cardíaca
+- ✅ IMC y datos antropométricos
+- ✅ Cross training integrado
+- ✅ Carreras preparatorias
+- ✅ Mensajes motivacionales personalizados
+
+## 📦 Tecnologías
+
+- **Frontend**: HTML, CSS, JavaScript
+- **Backend**: Python + Gradio
+- **Base de Datos**: SQLite
+- **Hosting**: HuggingFace Spaces
+
+## 🔐 Credenciales por Defecto
+
+### Usuario Regular
+- **Usuario**: USER
+- **Contraseña**: 123
+- **Permisos**: Ver planes propios
+
+### Administrador
+- **Usuario**: ADMIN
+- **Contraseña**: 123
+- **Permisos**: Crear, ver y eliminar todos los planes
+
+## 🏗️ Estructura del Proyecto
+
+```
+osorno-runners-hf/
+├── app.py              # Aplicación principal Gradio
+├── index.html          # Frontend
+├── requirements.txt    # Dependencias Python
+├── README.md          # Este archivo
+└── osorno_runners.db  # Base de datos SQLite (se crea automáticamente)
+```
+
+## 🚀 Despliegue en HuggingFace Spaces
+
+### Paso 1: Crear Space
+
+1. Ve a [HuggingFace Spaces](https://huggingface.co/spaces)
+2. Click en "Create new Space"
+3. Nombre: `osorno-runners` (o el que prefieras)
+4. SDK: **Gradio**
+5. Visibility: Public o Private
+6. Click "Create Space"
+
+### Paso 2: Subir Archivos
+
+**Opción A - Mediante la interfaz web:**
+1. Click en "Files" en tu Space
+2. Click "Add file" → "Upload files"
+3. Arrastra todos los archivos del proyecto
+
+**Opción B - Mediante Git:**
+```bash
+git clone https://huggingface.co/spaces/TU_USUARIO/osorno-runners
+cd osorno-runners
+# Copia los archivos del proyecto aquí
+git add .
+git commit -m "Initial commit"
+git push
+```
+
+### Paso 3: Configuración
+
+El Space se desplegará automáticamente. La base de datos SQLite se creará en el primer inicio.
+
+## 💻 Desarrollo Local
+
+```bash
+# Instalar dependencias
+pip install -r requirements.txt
+
+# Ejecutar aplicación
+python app.py
+
+# Abrir navegador en http://localhost:7860
+```
+
+## 📊 Base de Datos
+
+### Tabla: planes
+```sql
+CREATE TABLE planes (
+    id INTEGER PRIMARY KEY AUTOINCREMENT,
+    plan_data TEXT NOT NULL,
+    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    created_by TEXT NOT NULL,
+    athlete_name TEXT NOT NULL,
+    distance TEXT NOT NULL,
+    race_date TEXT NOT NULL
+)
+```
+
+### Tabla: users
+```sql
+CREATE TABLE users (
+    username TEXT PRIMARY KEY,
+    password TEXT NOT NULL,
+    role TEXT NOT NULL,
+    name TEXT NOT NULL
+)
+```
+
+## 🎯 Funcionalidades Principales
+
+### Generación de Planes
+- Cálculo automático de duración según distancia y experiencia
+- Periodización (Base, Específico, Competencia, Transición)
+- Distribución inteligente de volumen
+- Zonas de FC personalizadas (Karvonen)
+
+### Tipos de Sesiones
+- Trote continuo base
+- Intervalos de velocidad
+- Tempo run
+- Long run (carrera larga)
+- Recuperación activa
+- Cross training
+
+### Exportación PDF
+- Diseño profesional
+- Toda la información del atleta
+- Desglose semanal completo
+- Zonas de frecuencia cardíaca
+
+## 🔧 Personalización
+
+### Agregar Nuevos Usuarios
+Edita `app.py` en la función `init_db()`:
+
+```python
+cursor.execute("INSERT INTO users VALUES ('NUEVO_USER', 'pass123', 'user', 'Nombre')")
+```
+
+### Modificar Algoritmos
+Los algoritmos de generación están en `index.html` en las funciones JavaScript:
+- `calculateWeeks()`: Duración del plan
+- `getBaseKm()`: Kilometraje base
+- `generateWeekSessions()`: Sesiones semanales
+
+## 📈 Mejoras Futuras
+
+- [ ] Integración con IA (HuggingFace Inference API)
+- [ ] Análisis de progreso
+- [ ] Gráficos de volumen
+- [ ] Exportar a Google Calendar
+- [ ] Notificaciones por email
+- [ ] Versión móvil nativa
+
+## 🤝 Contribuciones
+
+Las contribuciones son bienvenidas. Por favor:
+1. Fork el repositorio
+2. Crea una rama para tu feature
+3. Commit tus cambios
+4. Push a la rama
+5. Abre un Pull Request
+
+## 📄 Licencia
+
+MIT License
+
+## 👨‍💻 Autor
+
+Desarrollado para Osorno Runners
+
+## 🐛 Reporte de Bugs
+
+Si encuentras algún bug, por favor:
+1. Ve a la pestaña "Community" del Space
+2. Abre una nueva discusión
+3. Describe el problema detalladamente
+
+## ⚡ Notas Importantes
+
+- La base de datos SQLite es persistente en HuggingFace Spaces
+- Los datos se mantienen entre reinicios del Space
+- Para backup, descarga `osorno_runners.db` desde Files
+- Máximo 50MB de almacenamiento en plan gratuito
+
+## 🌟 Showcase
+
+Ejemplo de uso: [Demo en vivo](https://huggingface.co/spaces/TU_USUARIO/osorno-runners)
+
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+**¡Dale una ⭐ si te gusta el proyecto!**

app.py

@@ -1,196 +1,231 @@
-import os
-import json
-from flask import Flask, request, jsonify
-from flask_cors import CORS
-from dotenv import load_dotenv
-
-# --- RAG/LLM Imports ---
-from datasets import load_dataset
-from langchain.text_splitter import RecursiveCharacterTextSplitter
-from langchain_community.embeddings import HuggingFaceEmbeddings
-from langchain_community.vectorstores import FAISS
-from langchain_core.prompts import ChatPromptTemplate
-from langchain_google_genai import ChatGoogleGenerativeAI
-from langchain.chains.combine_documents import create_stuff_documents_chain
-from langchain.chains import create_retrieval_chain
-
-# Cargar variables de entorno
-load_dotenv()
-GEMINI_API_KEY = os.getenv("GEMINI_API_KEY")
-
-if not GEMINI_API_KEY:
-    raise ValueError("La variable de entorno GEMINI_API_KEY no está configurada.")
-
-# --- Configuración de Flask ---
-app = Flask(__name__)
-# Importante: Permite que tu frontend (localhost:XXXX) se conecte al backend
-CORS(app) 
-
-# --- Configuración del RAG Pipeline ---
-
-# Paso 1: Cargar el dataset y crear embeddings (Esto solo ocurre una vez al iniciar el servidor)
-DATASET_NAME = "florentgbelidji/running-science"
-VECTOR_STORE_PATH = "faiss_running_index"
-
-# Función para inicializar el almacén vectorial FAISS
-def initialize_vector_store():
-    print(f"Cargando dataset: {DATASET_NAME}...")
-    
-    # Cargar el dataset de Hugging Face
-    dataset = load_dataset(DATASET_NAME)
-    
-    # Combinar todas las columnas relevantes en un solo texto por fila
-    documents = []
-    for item in dataset['train']:
-        # Asumiendo que las columnas son 'text', 'title', etc.
-        # Ajusta esto si el dataset tiene nombres de columna diferentes
-        content = f"Título: {item.get('title', 'Sin título')}. Texto: {item.get('text', 'Sin contenido')}"
-        documents.append(content)
-
-    # Dividir el texto en chunks (trozos) para el RAG
-    text_splitter = RecursiveCharacterTextSplitter(chunk_size=1000, chunk_overlap=150)
-    docs = text_splitter.create_documents(documents)
-    
-    print(f"Creando embeddings y almacén FAISS con {len(docs)} chunks...")
-    
-    # Crear embeddings (Representación vectorial del texto)
-    embeddings = HuggingFaceEmbeddings(model_name="sentence-transformers/all-MiniLM-L6-v2")
-    
-    # Crear la base de datos vectorial FAISS
-    vector_store = FAISS.from_documents(docs, embeddings)
-    vector_store.save_local(VECTOR_STORE_PATH)
-    print("Almacén FAISS creado y guardado.")
-    return vector_store
-
-# Verificar si el índice FAISS existe, si no, crearlo.
-if not os.path.exists(VECTOR_STORE_PATH):
-    vector_store = initialize_vector_store()
-else:
-    print("Cargando almacén FAISS existente...")
-    embeddings = HuggingFaceEmbeddings(model_name="sentence-transformers/all-MiniLM-L6-v2")
-    vector_store = FAISS.load_local(VECTOR_STORE_PATH, embeddings, allow_dangerous_deserialization=True)
-
-
-# Inicializar el LLM (Gemini)
-llm = ChatGoogleGenerativeAI(model="gemini-2.5-flash", temperature=0.7)
-
-# Definir el prompt del sistema y usuario para el RAG
-SYSTEM_PROMPT = (
-    "Eres un entrenador de running de élite basado en la ciencia, especializado en el conocimiento "
-    "proporcionado en el CONTEXTO. Tu tarea es generar un plan de entrenamiento semanal detallado "
-    "para el atleta. El plan DEBE estar en formato JSON. Si el CONTEXTO no cubre un punto, usa el "
-    "sentido común del running. El JSON debe incluir solo el objeto del plan, sin explicaciones ni texto adicional."
-    "\n\nCONTEXTO de Running Science: {context}"
-)
-
-# Template del plan JSON (adaptado a la estructura de tu frontend)
-JSON_TEMPLATE = """
-{{
-  "id": "AI-{athleteName}-{distance}-{date}",
-  "createdBy": "Sistema IA RAG",
-  "createdAt": "{current_date}",
-  "userData": {{"athleteName": "{athleteName}", "distance": "{distance}", "targetPace": "{targetPace}", "raceDate": "{raceDate}"}},
-  "totalWeeks": {totalWeeks},
-  "weeklyPlans": [
-    // La IA debe generar la lista de objetos semanales aquí
-    {{
-      "week": 1,
-      "theme": "Base y Adaptación",
-      "totalVolumeKm": 30,
-      "weeklySessions": [
-        {{"day": "Lunes", "type": "Descanso", "description": "Día libre", "distanceKm": 0, "paceMinKm": 0, "intensity": "N/A", "notes": ""}},
-        {{"day": "Martes", "type": "Rodaje Suave", "description": "Rodaje regenerativo", "distanceKm": 8, "paceMinKm": 6.00, "intensity": "Zona 2", "notes": "Concentrarse en la forma."}}
-        // ... Llenar el resto de la semana y semanas
-      ]
-    }}
-  ]
-}}
-"""
-
-HUMAN_PROMPT = (
-    "Genera un plan de entrenamiento completo y detallado para el siguiente atleta y meta, "
-    "basándote en el CONTEXTO de Running Science. "
-    "El plan debe cubrir {totalWeeks} semanas e incluir las carreras preparatorias si las hay. "
-    "Los datos del atleta son: {formData}. "
-    "El plan de salida DEBE ser un objeto JSON que siga la estructura del siguiente TEMPLATE:\n"
-    f"{JSON_TEMPLATE}"
-)
-
-# Configurar la cadena RAG
-prompt = ChatPromptTemplate.from_messages([
-    ("system", SYSTEM_PROMPT),
-    ("human", HUMAN_PROMPT),
-])
-
-# Cadena para combinar los documentos
-document_chain = create_stuff_documents_chain(llm, prompt)
-
-# Cadena de recuperación (Retriever)
-retriever = vector_store.as_retriever(k=5)
-retrieval_chain = create_retrieval_chain(retriever, document_chain)
-
-
-# --- API Endpoint ---
-
-@app.route('/api/generate_plan', methods=['POST'])
-def generate_plan():
-    """Endpoint para generar el plan de entrenamiento usando RAG."""
-    try:
-        formData = request.json
-        
-        # Calcular el número de semanas (una estimación simple para el prompt)
-        race_date = formData.get('raceDate')
-        
-        # Una lógica simple para estimar las semanas entre hoy y la carrera (ajusta si necesitas más precisión)
-        from datetime import datetime
-        date_format = "%Y-%m-%d"
-        race_dt = datetime.strptime(race_date, date_format)
-        today_dt = datetime.now()
-        total_weeks = (race_dt - today_dt).days // 7
-        total_weeks = max(4, total_weeks) # Mínimo 4 semanas
-
-        # 1. Definir la pregunta para el retriever (lo que busca en el dataset)
-        retrieval_query = (
-            f"Plan de entrenamiento de running para {formData['distance']} en {total_weeks} semanas, "
-            f"con un ritmo objetivo de {formData['targetPace']} y experiencia {formData['experience']}. "
-            f"Datos biométricos clave: VO2Max {formData.get('vo2Max')} y FC Máx {formData.get('hrMax')}."
-        )
-
-        # 2. Configurar los valores para el Human Prompt
-        prompt_values = {
-            "totalWeeks": total_weeks,
-            "formData": json.dumps(formData), # Pasar los datos del formulario como JSON para el prompt
-            "athleteName": formData.get('athleteName', 'Corredor'),
-            "distance": formData.get('distance', '10K'),
-            "targetPace": formData.get('targetPace', '5:00'),
-            "raceDate": formData.get('raceDate', 'N/A'),
-            "current_date": datetime.now().isoformat()
-        }
-
-        # 3. Ejecutar la cadena RAG
-        response = retrieval_chain.invoke({"input": retrieval_query, **prompt_values})
-        
-        # La respuesta es el plan en formato de cadena de texto JSON
-        plan_json_str = response['answer'].strip()
-        
-        # 4. Intentar parsear y devolver el JSON
-        try:
-            plan_data = json.loads(plan_json_str)
-            # Asegurar un ID único para el frontend
-            plan_data['id'] = f"AI_{formData['distance']}_{datetime.now().strftime('%Y%m%d%H%M%S')}"
-            return jsonify(plan_data), 200
-        except json.JSONDecodeError:
-            print("ERROR: La IA no devolvió un JSON válido.")
-            print(f"Respuesta cruda de la IA: {plan_json_str}")
-            return jsonify({"message": "La IA no pudo generar un plan JSON válido. Inténtalo de nuevo."}), 500
-
-    except Exception as e:
-        print(f"Error interno del servidor: {e}")
-        return jsonify({"message": f"Error interno en el servidor RAG: {str(e)}", "details": str(e)}), 500
-
-if __name__ == '__main__':
-    # Ejecutar el servidor. Asegúrate de que el puerto coincida con RAG_SERVER_URL en tu frontend (5000)
-    print("\n--- Servidor RAG de Running Science ---")
-    print(f"FAISS Index: {VECTOR_STORE_PATH}")
-    print("Iniciando servidor en http://127.0.0.1:5000")
-    app.run(debug=True, port=5000)
+import gradio as gr
+import json
+import sqlite3
+from datetime import datetime
+from pathlib import Path
+import os
+
+# Configuración de la base de datos
+DB_FILE = 'osorno_runners.db'
+
+def init_db():
+    """Inicializar base de datos SQLite"""
+    conn = sqlite3.connect(DB_FILE)
+    cursor = conn.cursor()
+    
+    # Tabla de planes
+    cursor.execute('''
+        CREATE TABLE IF NOT EXISTS planes (
+            id INTEGER PRIMARY KEY AUTOINCREMENT,
+            plan_data TEXT NOT NULL,
+            created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+            created_by TEXT NOT NULL,
+            athlete_name TEXT NOT NULL,
+            distance TEXT NOT NULL,
+            race_date TEXT NOT NULL
+        )
+    ''')
+    
+    # Tabla de usuarios
+    cursor.execute('''
+        CREATE TABLE IF NOT EXISTS users (
+            username TEXT PRIMARY KEY,
+            password TEXT NOT NULL,
+            role TEXT NOT NULL,
+            name TEXT NOT NULL
+        )
+    ''')
+    
+    # Insertar usuarios por defecto si no existen
+    cursor.execute('SELECT COUNT(*) FROM users')
+    if cursor.fetchone()[0] == 0:
+        cursor.execute("INSERT INTO users VALUES ('USER', '123', 'user', 'Usuario')")
+        cursor.execute("INSERT INTO users VALUES ('ADMIN', '123', 'admin', 'Administrador')")
+        print("✅ Usuarios por defecto creados: USER/123 y ADMIN/123")
+    
+    conn.commit()
+    conn.close()
+    print("✅ Base de datos inicializada correctamente")
+
+def save_plan_to_db(plan_data, username):
+    """Guardar plan en la base de datos"""
+    try:
+        conn = sqlite3.connect(DB_FILE)
+        cursor = conn.cursor()
+        
+        cursor.execute('''
+            INSERT INTO planes (plan_data, created_by, athlete_name, distance, race_date)
+            VALUES (?, ?, ?, ?, ?)
+        ''', (
+            json.dumps(plan_data),
+            username,
+            plan_data['userData']['name'],
+            plan_data['userData']['distance'],
+            plan_data['userData']['raceDate']
+        ))
+        
+        conn.commit()
+        plan_id = cursor.lastrowid
+        conn.close()
+        
+        print(f"✅ Plan guardado con ID: {plan_id}")
+        return plan_id
+    except Exception as e:
+        print(f"❌ Error al guardar plan: {e}")
+        return None
+
+def get_all_plans(username=None, role='user'):
+    """Obtener todos los planes según permisos"""
+    try:
+        conn = sqlite3.connect(DB_FILE)
+        cursor = conn.cursor()
+        
+        if role == 'admin':
+            cursor.execute('SELECT id, plan_data, created_at, created_by FROM planes ORDER BY created_at DESC')
+        else:
+            cursor.execute('SELECT id, plan_data, created_at, created_by FROM planes WHERE created_by = ? ORDER BY created_at DESC', (username,))
+        
+        plans = []
+        for row in cursor.fetchall():
+            plan_data = json.loads(row[1])
+            plan_data['id'] = row[0]
+            plan_data['createdAt'] = row[2]
+            plan_data['createdBy'] = row[3]
+            plans.append(plan_data)
+        
+        conn.close()
+        print(f"✅ Cargados {len(plans)} planes para {username} ({role})")
+        return plans
+    except Exception as e:
+        print(f"❌ Error al cargar planes: {e}")
+        return []
+
+def delete_plan_from_db(plan_id):
+    """Eliminar plan de la base de datos"""
+    try:
+        conn = sqlite3.connect(DB_FILE)
+        cursor = conn.cursor()
+        cursor.execute('DELETE FROM planes WHERE id = ?', (plan_id,))
+        conn.commit()
+        conn.close()
+        print(f"✅ Plan {plan_id} eliminado")
+        return True
+    except Exception as e:
+        print(f"❌ Error al eliminar plan: {e}")
+        return False
+
+def authenticate_user(username, password):
+    """Autenticar usuario"""
+    try:
+        conn = sqlite3.connect(DB_FILE)
+        cursor = conn.cursor()
+        cursor.execute('SELECT role, name FROM users WHERE username = ? AND password = ?', 
+                      (username.upper(), password))
+        result = cursor.fetchone()
+        conn.close()
+        
+        if result:
+            user_data = {
+                'username': username.upper(),
+                'role': result[0],
+                'name': result[1]
+            }
+            print(f"✅ Login exitoso: {username} ({result[0]})")
+            return user_data
+        else:
+            print(f"❌ Login fallido: {username}")
+            return None
+    except Exception as e:
+        print(f"❌ Error en autenticación: {e}")
+        return None
+
+# APIs para el frontend
+def api_login(request: gr.Request):
+    """API de login"""
+    try:
+        data = json.loads(request.query_params.get('data', '{}'))
+        username = data.get('username', '')
+        password = data.get('password', '')
+        
+        user = authenticate_user(username, password)
+        if user:
+            return json.dumps({'success': True, 'user': user})
+        return json.dumps({'success': False, 'error': 'Credenciales inválidas'})
+    except Exception as e:
+        return json.dumps({'success': False, 'error': str(e)})
+
+def api_save_plan(request: gr.Request):
+    """API para guardar plan"""
+    try:
+        data = json.loads(request.query_params.get('data', '{}'))
+        plan_json = data.get('plan', '{}')
+        username = data.get('username', '')
+        
+        plan_data = json.loads(plan_json)
+        plan_id = save_plan_to_db(plan_data, username)
+        
+        if plan_id:
+            return json.dumps({'success': True, 'id': plan_id})
+        return json.dumps({'success': False, 'error': 'Error al guardar'})
+    except Exception as e:
+        return json.dumps({'success': False, 'error': str(e)})
+
+def api_get_plans(request: gr.Request):
+    """API para obtener planes"""
+    try:
+        data = json.loads(request.query_params.get('data', '{}'))
+        username = data.get('username', '')
+        role = data.get('role', 'user')
+        
+        plans = get_all_plans(username, role)
+        return json.dumps({'success': True, 'plans': plans})
+    except Exception as e:
+        return json.dumps({'success': False, 'error': str(e)})
+
+def api_delete_plan(request: gr.Request):
+    """API para eliminar plan"""
+    try:
+        data = json.loads(request.query_params.get('data', '{}'))
+        plan_id = data.get('plan_id', 0)
+        
+        success = delete_plan_from_db(plan_id)
+        if success:
+            return json.dumps({'success': True})
+        return json.dumps({'success': False, 'error': 'Error al eliminar'})
+    except Exception as e:
+        return json.dumps({'success': False, 'error': str(e)})
+
+# Inicializar BD al arrancar
+print("🚀 Iniciando Osorno Runners - Sistema de Entrenamiento")
+init_db()
+
+# Leer HTML
+html_path = Path("index.html")
+if html_path.exists():
+    html_content = html_path.read_text(encoding='utf-8')
+    print("✅ HTML cargado correctamente")
+else:
+    html_content = "<h1>Error: index.html no encontrado</h1>"
+    print("❌ Error: index.html no encontrado")
+
+# Crear interfaz Gradio
+with gr.Blocks(
+    title="Osorno Runners",
+    theme=gr.themes.Soft(),
+    css="""
+        .gradio-container {padding: 0 !important;}
+        .contain {max-width: 100% !important;}
+    """
+) as app:
+    gr.HTML(html_content)
+
+# Configuración del servidor
+if __name__ == "__main__":
+    print("🌐 Iniciando servidor en puerto 7860")
+    app.launch(
+        server_name="0.0.0.0",
+        server_port=7860,
+        share=False,
+        show_error=True
+    )
+

index.html

@@ -1,17 +1,16 @@
 <!DOCTYPE html>
 <html lang="es">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Running Training Dashboard - Osorno Runners</title>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
-</head>
-<body>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Osorno Runners</title>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
 <style>
-*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#dc143c;--primary-dark:#8b0000;--secondary-color:#00a65a;--danger-color:#dd4b39;--warning-color:#f39c12;--info-color:#00c0ef;--dark-color:#222d32;--sidebar-bg:#222d32;--sidebar-hover:#1a2226;--content-bg:#ecf0f5;--white:#fff;--text-dark:#333;--text-light:#666;--border-color:#ddd}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:var(--content-bg);color:var(--text-dark)}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%)}.login-box{background:var(--white);padding:40px;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.3);width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:30px}.login-header i{font-size:60px;color:var(--primary-color);margin-bottom:15px}.login-header h2{color:var(--text-dark);margin-bottom:10px}.login-header p{color:var(--text-light);font-size:14px}.header{background-color:var(--primary-color);color:var(--white);padding:15px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px rgba(0,0,0,.1);position:fixed;top:0;left:0;right:0;z-index:1000}.header-left{display:flex;align-items:center;gap:15px}.menu-toggle{background:0 0;border:none;color:var(--white);font-size:24px;cursor:pointer;padding:5px 10px}.logo{font-size:24px;font-weight:700;display:flex;align-items:center;gap:10px}.header-right{display:flex;align-items:center;gap:20px}.user-info{display:flex;align-items:center;gap:10px}.user-badge{padding:5px 12px;background-color:rgba(255,255,255,.2);border-radius:15px;font-size:12px;font-weight:600}.user-avatar{width:35px;height:35px;border-radius:50%;background-color:var(--white);display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-weight:700}.btn-logout{background-color:var(--danger-color);color:var(--white);border:none;padding:8px 15px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s}.btn-logout:hover{background-color:#c23321}.sidebar{position:fixed;top:60px;left:0;width:250px;height:calc(100vh - 60px);background-color:var(--sidebar-bg);color:var(--white);overflow-y:auto;transition:transform .3s ease;z-index:999}.sidebar.hidden{transform:translateX(-100%)}.sidebar-menu{list-style:none;padding:20px 0}.sidebar-menu li{margin:5px 0}.sidebar-menu a{display:flex;align-items:center;gap:15px;padding:12px 20px;color:var(--white);text-decoration:none;transition:background-color .3s;cursor:pointer}.sidebar-menu a.active,.sidebar-menu a:hover{background-color:var(--sidebar-hover);border-left:3px solid var(--primary-color)}.sidebar-menu i{width:20px;text-align:center}.main-content{margin-left:250px;margin-top:60px;padding:30px;transition:margin-left .3s ease}.main-content.expanded{margin-left:0}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--white);border-radius:8px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center;transition:transform .3s,box-shadow .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px rgba(0,0,0,.15)}.stat-info h3{font-size:14px;color:var(--text-light);margin-bottom:10px;text-transform:uppercase}.stat-info p{font-size:28px;font-weight:700;color:var(--text-dark)}.stat-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--white)}.stat-card.primary .stat-icon{background-color:var(--primary-color)}.stat-card.success .stat-icon{background-color:var(--secondary-color)}.stat-card.warning .stat-icon{background-color:var(--warning-color)}.stat-card.info .stat-icon{background-color:var(--info-color)}.box{background:var(--white);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin-bottom:30px;overflow:hidden}.box-header{background-color:#f7f7f7;padding:15px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.box-title{font-size:18px;font-weight:700;color:var(--text-dark);display:flex;align-items:center;gap:10px}.box-body{padding:20px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:8px;color:var(--text-dark);font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:10px 15px;border:1px solid var(--border-color);border-radius:5px;font-size:14px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(220,20,60,.1)}.form-group textarea{resize:vertical;min-height:80px}.form-group small{margin-top:5px;font-size:12px;color:var(--text-light)}.info-box{background:#e8f4f8;border-left:4px solid var(--info-color);padding:12px 15px;margin-top:8px;border-radius:4px;font-size:13px;color:#0c5460}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.checkbox-item{display:flex;align-items:center;padding:8px;background:#f8f9fa;border-radius:5px;cursor:pointer;transition:all .3s}.checkbox-item:hover{background:#ffe5e5}.checkbox-item input{margin-right:8px;width:auto!important}.section-divider{margin:30px 0 20px;padding-bottom:12px;border-bottom:3px solid var(--primary-color);color:var(--primary-color);font-size:20px;font-weight:700;display:flex;align-items:center;gap:10px}.prep-race-list{margin-top:15px}.prep-race-item{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:15px;border-left:4px solid var(--primary-color)}.prep-race-item .form-grid{margin-bottom:10px}.btn{padding:12px 30px;border:none;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:10px;text-decoration:none}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 5px 15px rgba(220,20,60,.3)}.btn-success{background-color:var(--secondary-color);color:var(--white)}.btn-success:hover{background-color:#008d4c}.btn-warning{background-color:var(--warning-color);color:var(--white)}.btn-warning:hover{background-color:#db8b0b}.btn-danger{background-color:var(--danger-color);color:var(--white)}.btn-danger:hover{background-color:#c23321}.btn-sm{padding:6px 15px;font-size:14px}.btn-secondary{background-color:#6c757d;color:var(--white)}.btn-secondary:hover{background-color:#5a6268}.plan-list{display:grid;gap:20px}.plan-card{background:var(--white);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:20px;display:flex;justify-content:space-between;align-items:center;transition:transform .3s,box-shadow .3s}.plan-card:hover{transform:translateY(-3px);box-shadow:0 5px 20px rgba(0,0,0,.15)}.plan-info h3{font-size:20px;margin-bottom:10px;color:var(--text-dark)}.plan-info p{color:var(--text-light);font-size:14px;margin-bottom:5px}.plan-actions{display:flex;gap:10px;flex-wrap:wrap}.alert{padding:15px 20px;border-radius:5px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.alert-info{background-color:#d1ecf1;color:#0c5460;border-left:4px solid var(--info-color)}.alert-success{background-color:#d4edda;color:#155724;border-left:4px solid var(--secondary-color)}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);overflow-y:auto}.modal.show{display:flex;justify-content:center;align-items:flex-start;padding:50px 20px}.modal-content{background-color:var(--white);border-radius:8px;width:100%;max-width:1200px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px rgba(0,0,0,.3)}.modal-header{background-color:var(--primary-color);color:var(--white);padding:20px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.modal-header h2{margin:0;display:flex;align-items:center;gap:10px}.modal-close{background:0 0;border:none;color:var(--white);font-size:24px;cursor:pointer;padding:5px 10px}.modal-body{padding:30px}.period-section{margin-bottom:40px}.period-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;padding:15px 20px;border-radius:8px;font-size:20px;font-weight:700;margin-bottom:20px}.week-section{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:20px;border-left:4px solid var(--primary-color)}.week-section.race-week{border-left:4px solid gold;background:linear-gradient(to right,#fff9e6 0%,#f8f9fa 100%)}.week-header{font-size:18px;font-weight:700;color:var(--primary-color);margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.session-card{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 5px rgba(0,0,0,.05)}.session-card.race-day{border:3px solid gold;background:linear-gradient(to bottom,#fffef9 0%,#fff 100%)}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.session-title{font-weight:700;color:var(--primary-color);font-size:18px}.session-distance{font-weight:700;color:var(--text-dark);font-size:16px}.motivational-message{background:linear-gradient(135deg,gold 0%,orange 100%);color:#1a1a1a;padding:20px;border-radius:8px;margin-bottom:20px;font-weight:600;font-size:16px;line-height:1.6;box-shadow:0 4px 15px rgba(255,215,0,.3);text-align:center}.session-details{margin-top:15px}.detail-section{margin-bottom:20px}.detail-section-title{font-weight:700;color:var(--primary-color);font-size:15px;margin-bottom:10px;display:flex;align-items:center;gap:8px}.detail-item{margin-bottom:12px;padding:12px;background:#f8f9fa;border-radius:5px;font-size:14px;line-height:1.6}.detail-label{font-weight:600;color:var(--primary-color);display:block;margin-bottom:5px}.purpose-box{background:linear-gradient(135deg,#e8f4f8 0%,#d1ecf1 100%);padding:15px;border-radius:8px;border-left:4px solid var(--info-color);margin-top:15px}.purpose-title{font-weight:700;color:var(--info-color);margin-bottom:8px;font-size:14px}.purpose-content{font-size:14px;color:#0c5460;line-height:1.6}.volume-summary{background:var(--dark-color);color:#fff;padding:12px 15px;border-radius:5px;text-align:center;font-weight:700;margin-top:15px;font-size:15px}.hr-zones{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:10px}.hr-zone{background:#f0f0f0;padding:8px 12px;border-radius:5px;text-align:center;font-size:13px}.hr-zone-label{font-weight:600;color:var(--text-dark);display:block;margin-bottom:3px}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.show{transform:translateX(0)}.main-content{margin-left:0}.header-right .user-info span{display:none}.form-grid{grid-template-columns:1fr}.stats-container{grid-template-columns:1fr}.plan-card{flex-direction:column;align-items:flex-start;gap:15px}.plan-actions{width:100%}.plan-actions button{flex:1}}.hidden{display:none!important}
+*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#dc143c;--primary-dark:#8b0000;--secondary:#00a65a;--danger:#dd4b39;--warning:#f39c12;--info:#00c0ef;--dark:#222d32;--sidebar:#222d32;--content:#ecf0f5;--white:#fff;--text-dark:#333;--text-light:#666;--border:#ddd}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:var(--content);color:var(--text-dark)}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.login-box{background:var(--white);padding:40px;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.3);max-width:400px;width:100%}.login-header{text-align:center;margin-bottom:30px}.login-header i{font-size:60px;color:var(--primary);margin-bottom:15px}.header{background:var(--primary);color:var(--white);padding:15px 20px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:1000}.menu-toggle{background:0 0;border:none;color:var(--white);font-size:24px;cursor:pointer}.logo{font-size:24px;font-weight:700;display:flex;align-items:center;gap:10px}.sidebar{position:fixed;top:60px;left:0;width:250px;height:calc(100vh - 60px);background:var(--sidebar);color:var(--white);overflow-y:auto;transition:transform .3s;z-index:999}.sidebar.hidden{transform:translateX(-100%)}.sidebar-menu{list-style:none;padding:20px 0}.sidebar-menu a{display:flex;align-items:center;gap:15px;padding:12px 20px;color:var(--white);text-decoration:none;cursor:pointer}.sidebar-menu a:hover,.sidebar-menu a.active{background:rgba(255,255,255,.1);border-left:3px solid var(--primary)}.main-content{margin-left:250px;margin-top:60px;padding:30px;transition:margin-left .3s}.main-content.expanded{margin-left:0}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--white);border-radius:8px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center}.stat-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--white)}.stat-card.primary .stat-icon{background:var(--primary)}.stat-card.success .stat-icon{background:var(--secondary)}.stat-card.warning .stat-icon{background:var(--warning)}.stat-card.info .stat-icon{background:var(--info)}.box{background:var(--white);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin-bottom:30px}.box-header{background:#f7f7f7;padding:15px 20px;border-bottom:1px solid var(--border)}.box-body{padding:20px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:8px;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:10px 15px;border:1px solid var(--border);border-radius:5px;font-size:14px}.form-group input:focus,.form-group select:focus{outline:0;border-color:var(--primary)}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.checkbox-item{display:flex;align-items:center;padding:8px;background:#f8f9fa;border-radius:5px}.section-divider{margin:30px 0 20px;padding-bottom:12px;border-bottom:3px solid var(--primary);color:var(--primary);font-size:20px;font-weight:700}.btn{padding:12px 30px;border:none;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:10px}.btn-primary{background:var(--primary);color:var(--white)}.btn-success{background:var(--secondary);color:var(--white)}.btn-danger{background:var(--danger);color:var(--white)}.btn-sm{padding:6px 15px;font-size:14px}.btn-secondary{background:#6c757d;color:var(--white)}.plan-list{display:grid;gap:20px}.plan-card{background:var(--white);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:20px}.alert{padding:15px 20px;border-radius:5px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.alert-info{background:#d1ecf1;color:#0c5460;border-left:4px solid var(--info)}.hidden{display:none!important}.prep-race-item{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:15px;border-left:4px solid var(--primary)}@media(max-width:768px){.sidebar{transform:translateX(-100%)}.main-content{margin-left:0}}
 </style>
-
+</head>
+<body>
 <div id="loginScreen" class="login-container">
 <div class="login-box">
 <div class="login-header">
@@ -21,37 +20,35 @@
 </div>
 <form id="loginForm">
 <div class="form-group">
-<label for="loginUsername"><i class="fas fa-user"></i> Usuario</label>
+<label><i class="fas fa-user"></i> Usuario</label>
 <input type="text" id="loginUsername" required placeholder="USER o ADMIN">
 </div>
 <div class="form-group" style="margin-top:15px">
-<label for="loginPassword"><i class="fas fa-lock"></i> Contraseña</label>
-<input type="password" id="loginPassword" required placeholder="Contraseña">
+<label><i class="fas fa-lock"></i> Contraseña</label>
+<input type="password" id="loginPassword" required>
 </div>
 <button type="submit" class="btn btn-primary" style="width:100%;margin-top:20px;justify-content:center">
 <i class="fas fa-sign-in-alt"></i> Iniciar Sesión
 </button>
 </form>
-<div style="margin-top:20px;text-align:center;color:var(--text-light);font-size:13px">
-<p><strong>Usuario:</strong> USER / <strong>Contraseña:</strong> 123</p>
-<p><strong>Administrador:</strong> ADMIN / <strong>Contraseña:</strong> 123</p>
+<div style="margin-top:20px;text-align:center;color:#666;font-size:13px">
+<p><strong>Usuario:</strong> USER / <strong>Pass:</strong> 123</p>
+<p><strong>Admin:</strong> ADMIN / <strong>Pass:</strong> 123</p>
 </div>
 </div>
 </div>
 
 <div id="appScreen" class="hidden">
 <header class="header">
-<div class="header-left">
+<div style="display:flex;align-items:center;gap:15px">
 <button class="menu-toggle" onclick="toggleSidebar()"><i class="fas fa-bars"></i></button>
 <div class="logo"><i class="fas fa-running"></i><span>Osorno Runners</span></div>
 </div>
-<div class="header-right">
-<div class="user-info">
-<span class="user-badge" id="userRole">USUARIO</span>
+<div style="display:flex;align-items:center;gap:20px">
 <span id="currentUserName">Usuario</span>
-<div class="user-avatar"><i class="fas fa-user"></i></div>
-</div>
-<button class="btn-logout" onclick="logout()"><i class="fas fa-sign-out-alt"></i> Salir</button>
+<button class="btn-danger" style="padding:8px 15px;border:none;border-radius:5px;cursor:pointer" onclick="logout()">
+<i class="fas fa-sign-out-alt"></i> Salir
+</button>
 </div>
 </header>
 
@@ -65,55 +62,37 @@
 
 <main class="main-content" id="mainContent">
 <section id="dashboard-section">
-<h1 style="margin-bottom:30px;color:var(--text-dark)"><i class="fas fa-tachometer-alt"></i> Dashboard</h1>
+<h1 style="margin-bottom:30px"><i class="fas fa-tachometer-alt"></i> Dashboard</h1>
 <div class="stats-container">
 <div class="stat-card primary">
-<div class="stat-info"><h3>Planes Creados</h3><p id="stat-plans">0</p></div>
+<div><h3 style="font-size:14px;color:#666;margin-bottom:10px">PLANES CREADOS</h3><p id="stat-plans" style="font-size:28px;font-weight:700">0</p></div>
 <div class="stat-icon"><i class="fas fa-list-alt"></i></div>
 </div>
 <div class="stat-card success">
-<div class="stat-info"><h3>Total Atletas</h3><p id="stat-users">0</p></div>
+<div><h3 style="font-size:14px;color:#666;margin-bottom:10px">TOTAL ATLETAS</h3><p id="stat-users" style="font-size:28px;font-weight:700">0</p></div>
 <div class="stat-icon"><i class="fas fa-users"></i></div>
 </div>
-<div class="stat-card warning">
-<div class="stat-info"><h3>Semanas Totales</h3><p id="stat-weeks">0</p></div>
-<div class="stat-icon"><i class="fas fa-calendar-week"></i></div>
-</div>
-<div class="stat-card info">
-<div class="stat-info"><h3>Maratones</h3><p id="stat-marathons">0</p></div>
-<div class="stat-icon"><i class="fas fa-medal"></i></div>
-</div>
-</div>
-<div class="alert alert-info">
-<i class="fas fa-info-circle"></i>
-<span>Bienvenido al Sistema de Osorno Runners. <span id="dashboardMessage">Administra los planes de entrenamiento.</span></span>
-</div>
-<div class="box">
-<div class="box-header"><h3 class="box-title"><i class="fas fa-rocket"></i> Inicio Rápido</h3></div>
-<div class="box-body">
-<p style="margin-bottom:20px;color:var(--text-light)"><span id="quickStartText">Crea planes personalizados de entrenamiento.</span></p>
-<button class="btn btn-primary" id="quickStartBtn" onclick="showSection('new-plan')"><i class="fas fa-plus"></i> Crear Nuevo Plan</button>
-</div>
 </div>
+<div class="alert alert-info"><i class="fas fa-info-circle"></i><span>Sistema conectado a base de datos SQLite en HuggingFace Space</span></div>
 </section>
 
 <section id="new-plan-section" class="hidden">
 <h1 style="margin-bottom:30px"><i class="fas fa-plus-circle"></i> Crear Nuevo Plan</h1>
 <div class="box">
-<div class="box-header"><h3 class="box-title"><i class="fas fa-user-circle"></i> Información del Atleta</h3></div>
+<div class="box-header"><h3 style="font-size:18px;font-weight:700"><i class="fas fa-user-circle"></i> Información del Atleta</h3></div>
 <div class="box-body">
 <form id="trainingForm">
 <div class="form-grid">
 <div class="form-group">
-<label for="athleteName"><i class="fas fa-user"></i> Nombre Completo *</label>
-<input type="text" id="athleteName" required placeholder="Ej: Rodrigo Garcés">
+<label><i class="fas fa-user"></i> Nombre *</label>
+<input type="text" id="athleteName" required>
 </div>
 <div class="form-group">
-<label for="athleteAge"><i class="fas fa-birthday-cake"></i> Edad *</label>
-<input type="number" id="athleteAge" required placeholder="Ej: 40" min="10" max="100">
+<label><i class="fas fa-birthday-cake"></i> Edad *</label>
+<input type="number" id="athleteAge" required min="10" max="100">
 </div>
 <div class="form-group">
-<label for="experience"><i class="fas fa-layer-group"></i> Experiencia *</label>
+<label><i class="fas fa-layer-group"></i> Experiencia *</label>
 <select id="experience" required>
 <option value="">Selecciona...</option>
 <option value="principiante">Principiante</option>
@@ -125,40 +104,37 @@
 <div class="section-divider"><i class="fas fa-weight"></i> Antropometría</div>
 <div class="form-grid">
 <div class="form-group">
-<label for="weight"><i class="fas fa-weight-hanging"></i> Peso (kg) *</label>
-<input type="number" id="weight" required placeholder="Ej: 75" min="30" max="200" step="0.1" oninput="calculateIMC()">
+<label>Peso (kg) *</label>
+<input type="number" id="weight" required min="30" max="200" step="0.1">
 </div>
 <div class="form-group">
-<label for="height"><i class="fas fa-ruler-vertical"></i> Talla (cm) *</label>
-<input type="number" id="height" required placeholder="Ej: 175" min="100" max="250" oninput="calculateIMC()">
+<label>Talla (cm) *</label>
+<input type="number" id="height" required min="100" max="250">
 </div>
 <div class="form-group">
-<label><i class="fas fa-calculator"></i> IMC</label>
-<input type="text" id="imc" readonly placeholder="Se calculará automáticamente" style="background:#e9ecef">
-<small id="imcCategory"></small>
+<label>IMC</label>
+<input type="text" id="imc" readonly style="background:#e9ecef">
 </div>
 </div>
 <div class="section-divider"><i class="fas fa-heartbeat"></i> Datos Fisiológicos</div>
 <div class="form-grid">
 <div class="form-group">
-<label for="hrMax"><i class="fas fa-heart"></i> FC Máxima (bpm) *</label>
-<input type="number" id="hrMax" required placeholder="Ej: 180" min="100" max="220">
-<small>Sugerida: 220 - edad = <span id="suggestedHrMax">--</span> bpm</small>
+<label>FC Máxima (bpm) *</label>
+<input type="number" id="hrMax" required min="100" max="220">
 </div>
 <div class="form-group">
-<label for="hrRest"><i class="fas fa-bed"></i> FC en Reposo (bpm) *</label>
-<input type="number" id="hrRest" required placeholder="Ej: 60" min="30" max="100">
+<label>FC Reposo (bpm) *</label>
+<input type="number" id="hrRest" required min="30" max="100">
 </div>
 <div class="form-group">
-<label for="vo2max"><i class="fas fa-lungs"></i> VO2Max</label>
-<input type="number" id="vo2max" placeholder="Ej: 45" min="20" max="90" step="0.1">
-<small>Opcional</small>
+<label>VO2Max (opcional)</label>
+<input type="number" id="vo2max" min="20" max="90" step="0.1">
 </div>
 </div>
-<div class="section-divider"><i class="fas fa-bullseye"></i> Objetivo de Carrera</div>
+<div class="section-divider"><i class="fas fa-bullseye"></i> Objetivo</div>
 <div class="form-grid">
 <div class="form-group">
-<label for="distance"><i class="fas fa-flag-checkered"></i> Distancia *</label>
+<label>Distancia *</label>
 <select id="distance" required>
 <option value="">Selecciona...</option>
 <option value="5K">5K</option>
@@ -168,11 +144,11 @@
 </select>
 </div>
 <div class="form-group">
-<label for="targetPace"><i class="fas fa-tachometer-alt"></i> Ritmo (min/km) *</label>
-<input type="text" id="targetPace" required placeholder="Ej: 4:30" pattern="[0-9]:[0-5][0-9]">
+<label>Ritmo (min/km) *</label>
+<input type="text" id="targetPace" required placeholder="4:30">
 </div>
 <div class="form-group">
-<label for="raceDate"><i class="fas fa-calendar-check"></i> Fecha Carrera *</label>
+<label>Fecha Carrera *</label>
 <input type="date" id="raceDate" required>
 </div>
 </div>
@@ -189,28 +165,8 @@
 <label class="checkbox-item"><input type="checkbox" name="trainingDays" value="domingo">Domingo</label>
 </div>
 </div>
-<div class="section-divider"><i class="fas fa-dumbbell"></i> Cross Training</div>
-<div class="form-group">
-<label>Actividades Complementarias</label>
-<div class="checkbox-group">
-<label class="checkbox-item"><input type="checkbox" name="crossTraining" value="ciclismo">🚴 Ciclismo</label>
-<label class="checkbox-item"><input type="checkbox" name="crossTraining" value="natacion">🏊 Natación</label>
-<label class="checkbox-item"><input type="checkbox" name="crossTraining" value="gimnasio">💪 Gimnasio</label>
-<label class="checkbox-item"><input type="checkbox" name="crossTraining" value="yoga">🧘 Yoga</label>
-<label class="checkbox-item"><input type="checkbox" name="crossTraining" value="pilates">🤸 Pilates</label>
-<label class="checkbox-item"><input type="checkbox" name="crossTraining" value="spinning">🚴 Spinning</label>
-</div>
-</div>
-<div class="section-divider"><i class="fas fa-trophy"></i> Carreras Preparatorias</div>
-<div id="prepRacesList" class="prep-race-list"></div>
-<button type="button" class="btn btn-secondary btn-sm" onclick="addPrepRace()"><i class="fas fa-plus"></i> Agregar Carrera</button>
-<div class="form-group" style="margin-top:30px">
-<label for="notes"><i class="fas fa-sticky-note"></i> Notas</label>
-<textarea id="notes" placeholder="Notas adicionales"></textarea>
-</div>
-<div style="margin-top:30px;display:flex;gap:15px;flex-wrap:wrap">
+<div style="margin-top:30px">
 <button type="submit" class="btn btn-success"><i class="fas fa-check"></i> Generar Plan</button>
-<button type="button" class="btn btn-primary" onclick="resetForm()"><i class="fas fa-redo"></i> Limpiar</button>
 </div>
 </form>
 </div>
@@ -221,1176 +177,14 @@
 <h1 style="margin-bottom:30px"><i class="fas fa-list-ul"></i> Planes de Entrenamiento</h1>
 <div id="planListContent" class="plan-list"></div>
 <div id="noPlanPlaceholder" class="hidden">
-<div class="alert alert-info"><i class="fas fa-info-circle"></i><span>No hay planes disponibles.</span></div>
+<div class="alert alert-info"><i class="fas fa-info-circle"></i><span>No hay planes disponibles</span></div>
 </div>
 </section>
 </main>
 </div>
 
-<div id="planDetailModal" class="modal">
-<div class="modal-content">
-<div class="modal-header">
-<h2><i class="fas fa-calendar-alt"></i> <span id="modalTitle">Detalle del Plan</span></h2>
-<button class="modal-close" onclick="closeModal()"><i class="fas fa-times"></i></button>
-</div>
-<div class="modal-body" id="modalPlanContent"></div>
-</div>
-</div>
-
 <script>
-let currentUser = null,
-    prepRaceCounter = 0;
-
-// Objeto de usuarios con credenciales y roles
-const users = {
-    USER: {
-        password: '123',
-        role: 'user',
-        name: 'Usuario'
-    },
-    ADMIN: {
-        password: '123',
-        role: 'admin',
-        name: 'Administrador'
-    }
-};
-
-/**
- * Manejador del formulario de inicio de sesión
- */
-document.getElementById('loginForm').addEventListener('submit', function (e) {
-    e.preventDefault();
-
-    const username = document.getElementById('loginUsername').value.toUpperCase();
-    const password = document.getElementById('loginPassword').value;
-
-    if (users[username] && users[username].password === password) {
-        currentUser = {
-            username: username,
-            role: users[username].role,
-            name: users[username].name
-        };
-
-        // Ocultar pantalla de login y mostrar la app
-        document.getElementById('loginScreen').classList.add('hidden');
-        document.getElementById('appScreen').classList.remove('hidden');
-
-        // Actualizar datos del usuario en el dashboard
-        document.getElementById('currentUserName').textContent = currentUser.name;
-        document.getElementById('userRole').textContent = currentUser.role === 'admin' ? 'ADMINISTRADOR' : 'USUARIO';
-
-        // Lógica de visualización y botones según el rol
-        if (currentUser.role === 'user') {
-            document.getElementById('menu-new-plan').style.display = 'none';
-            document.getElementById('dashboardMessage').textContent = 'Consulta los planes de entrenamiento.';
-            document.getElementById('quickStartText').textContent = 'Revisa los planes disponibles.';
-            document.getElementById('quickStartBtn').innerHTML = '<i class="fas fa-list"></i> Ver Planes';
-            document.getElementById('quickStartBtn').onclick = function () {
-                showSection('plan-list')
-            };
-        } else { // admin role
-            document.getElementById('menu-new-plan').style.display = 'block';
-            document.getElementById('quickStartBtn').onclick = function () {
-                showSection('new-plan')
-            };
-        }
-
-        updateDashboard();
-        loadPlanList();
-    } else {
-        alert('Usuario o contraseña incorrectos')
-    }
-});
-
-/**
- * Función para cerrar sesión
- */
-function logout() {
-    currentUser = null;
-    document.getElementById('appScreen').classList.add('hidden');
-    document.getElementById('loginScreen').classList.remove('hidden');
-    document.getElementById('loginForm').reset();
-    showSection('dashboard');
-}
-
-/**
- * Función para mostrar/ocultar la barra lateral (sidebar)
- */
-function toggleSidebar() {
-    const sidebar = document.getElementById('sidebar');
-    const mainContent = document.getElementById('mainContent');
-    if (window.innerWidth <= 768) {
-        sidebar.classList.toggle('show');
-    } else {
-        sidebar.classList.toggle('hidden');
-        mainContent.classList.toggle('expanded');
-    }
-}
-
-/**
- * Muestra la sección de la aplicación solicitada
- * @param {string} section - El ID de la sección a mostrar
- */
-function showSection(section) {
-    // Ocultar todas las secciones
-    document.querySelectorAll('main > section').forEach(s => s.classList.add('hidden'));
-    // Quitar 'active' de todos los enlaces de menú
-    document.querySelectorAll('.sidebar-menu a').forEach(a => a.classList.remove('active'));
-
-    // Mostrar la sección específica
-    if (section === 'dashboard') {
-        document.getElementById('dashboard-section').classList.remove('hidden');
-    } else if (section === 'new-plan') {
-        if (currentUser && currentUser.role === 'admin') {
-            document.getElementById('new-plan-section').classList.remove('hidden');
-        } else {
-            alert('Solo los administradores pueden crear planes');
-            return;
-        }
-    } else if (section === 'plan-list') {
-        document.getElementById('plan-list-section').classList.remove('hidden');
-        loadPlanList();
-    }
-
-    // Activar el enlace del menú correspondiente
-    if (window.event && window.event.target) {
-        const link = window.event.target.closest('a');
-        if (link) {
-            link.classList.add('active');
-        }
-    }
-}
-
-// --- Funciones de almacenamiento y gestión de planes ---
-
-/**
- * Obtiene los planes almacenados en LocalStorage
- * @returns {Array} Lista de planes
- */
-function getPlans() {
-    const plans = localStorage.getItem('osornoRunnerPlans');
-    return plans ? JSON.parse(plans) : [];
-}
-
-/**
- * Guarda un nuevo plan en LocalStorage
- * @param {object} plan - El objeto plan a guardar
- */
-function savePlan(plan) {
-    const plans = getPlans();
-    plans.push(plan);
-    localStorage.setItem('osornoRunnerPlans', JSON.stringify(plans));
-}
-
-/**
- * Elimina un plan por su ID
- * @param {string} planId - El ID del plan a eliminar
- */
-function deletePlan(planId) {
-    const plans = getPlans();
-    const filtered = plans.filter(p => p.id !== planId);
-    localStorage.setItem('osornoRunnerPlans', JSON.stringify(filtered));
-}
-
-// --- Funciones del formulario 'Nuevo Plan' ---
-
-/**
- * Calcula y muestra la Frecuencia Cardíaca Máxima sugerida (220 - edad)
- */
-document.getElementById('athleteAge').addEventListener('input', function () {
-    const age = parseInt(this.value);
-    if (age && age >= 10 && age <= 100) {
-        const suggestedHR = 220 - age;
-        document.getElementById('suggestedHrMax').textContent = suggestedHR;
-    } else {
-        document.getElementById('suggestedHrMax').textContent = '--';
-    }
-});
-
-/**
- * Calcula el Índice de Masa Corporal (IMC)
- */
-function calculateIMC() {
-    const weight = parseFloat(document.getElementById('weight').value);
-    const height = parseFloat(document.getElementById('height').value);
-
-    if (weight && height && height > 0) {
-        const heightM = height / 100;
-        const imc = weight / (heightM * heightM);
-        document.getElementById('imc').value = imc.toFixed(1);
-
-        let category = '',
-            color = '';
-        if (imc < 18.5) {
-            category = 'Bajo peso';
-            color = '#17a2b8';
-        } else if (imc < 25) {
-            category = 'Peso normal';
-            color = '#28a745';
-        } else if (imc < 30) {
-            category = 'Sobrepeso';
-            color = '#ffc107';
-        } else {
-            category = 'Obesidad';
-            color = '#dc3545';
-        }
-        document.getElementById('imcCategory').innerHTML = `<strong style="color: ${color};">${category}</strong>`;
-    } else {
-        document.getElementById('imc').value = '';
-        document.getElementById('imcCategory').textContent = '';
-    }
-}
-
-/**
- * Añade un nuevo campo para Carrera Preparatoria en el formulario
- */
-function addPrepRace() {
-    prepRaceCounter++;
-    const raceHtml = `
-        <div class="prep-race-item" id="prepRace${prepRaceCounter}">
-            <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px">
-                <h4 style="margin:0;color:var(--primary-color)"><i class="fas fa-trophy"></i> Carrera #${prepRaceCounter}</h4>
-                <button type="button" class="btn btn-danger btn-sm" onclick="removePrepRace(${prepRaceCounter})"><i class="fas fa-trash"></i></button>
-            </div>
-            <div class="form-grid">
-                <div class="form-group">
-                    <label>Nombre</label>
-                    <input type="text" name="prepRaceName[]" placeholder="Ej: 10K Los Muermos" class="prep-race-name">
-                </div>
-                <div class="form-group">
-                    <label>Distancia</label>
-                    <select name="prepRaceDistance[]" class="prep-race-distance">
-                        <option value="5K">5K</option>
-                        <option value="10K">10K</option>
-                        <option value="15K">15K</option>
-                        <option value="21K">21K</option>
-                    </select>
-                </div>
-                <div class="form-group">
-                    <label>Fecha</label>
-                    <input type="date" name="prepRaceDate[]" class="prep-race-date">
-                </div>
-            </div>
-        </div>`;
-    document.getElementById('prepRacesList').insertAdjacentHTML('beforeend', raceHtml);
-}
-
-/**
- * Elimina un campo de Carrera Preparatoria
- * @param {number} id - El ID del contador de la carrera a eliminar
- */
-function removePrepRace(id) {
-    const element = document.getElementById(`prepRace${id}`);
-    if (element) {
-        element.remove();
-    }
-}
-
-// --- Generación del Plan de Entrenamiento ---
-
-document.getElementById('trainingForm').addEventListener('submit', function (e) {
-    e.preventDefault();
-    generateTrainingPlan();
-});
-
-/**
- * Recolecta datos del formulario y genera el plan de entrenamiento completo
- */
-function generateTrainingPlan() {
-    const RAG_SERVER_URL = "https://servidorraw.onrender.com"; // <--- CAMBIAR POR LA URL REAL DEL SERVIDOR
-    
-    // 1. Recolección de Datos (Se mantiene la lógica existente)
-    const athleteName = document.getElementById('athleteName').value;
-    const athleteAge = parseInt(document.getElementById('athleteAge').value);
-    const experience = document.getElementById('experience').value;
-    const distance = document.getElementById('distance').value;
-    const targetPace = document.getElementById('targetPace').value;
-    const raceDate = document.getElementById('raceDate').value;
-    const hrMax = parseInt(document.getElementById('hrMax').value);
-    const hrRest = parseInt(document.getElementById('hrRest').value);
-    const vo2Max = parseFloat(document.getElementById('vo2Max').value);
-    const imc = document.getElementById('imc').value;
-    const trainingDays = Array.from(document.querySelectorAll('input[name="trainingDays"]:checked')).map(cb => cb.value);
-    const crossTraining = Array.from(document.querySelectorAll('input[name="crossTraining"]:checked')).map(cb => cb.value);
-
-    // Recolección de Carreras Preparatorias
-    const prepRaces = [];
-    document.querySelectorAll('.prep-race-item').forEach(item => {
-        const raceName = item.querySelector('.prep-race-name').value;
-        const raceDistance = item.querySelector('.prep-race-distance').value;
-        const raceDate = item.querySelector('.prep-race-date').value;
-        if (raceName && raceDate && raceDistance) {
-            prepRaces.push({ name: raceName, distance: raceDistance, date: raceDate });
-        }
-    });
-
-    // 2. Construir el objeto de datos para el servidor RAG
-    const formData = {
-        athleteName: athleteName,
-        athleteAge: athleteAge,
-        experience: experience,
-        distance: distance,
-        targetPace: targetPace,
-        raceDate: raceDate,
-        hrMax: hrMax,
-        hrRest: hrRest,
-        vo2Max: vo2Max,
-        imc: imc,
-        trainingDays: trainingDays,
-        crossTraining: crossTraining,
-        prepRaces: prepRaces
-    };
-
-    const loadingMsg = document.createElement('div');
-    loadingMsg.id = 'loadingMessage';
-    loadingMsg.textContent = '🧠 Generando plan con IA de Running...';
-    document.body.appendChild(loadingMsg);
-    
-    // 3. Llamada API al servidor RAG
-    fetch(RAG_SERVER_URL, {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json',
-            // Si tu servidor RAG requiere autenticación (ej. un API Key), agrégala aquí
-        },
-        body: JSON.stringify(formData)
-    })
-    .then(response => {
-        // Manejo de errores de la respuesta HTTP
-        if (!response.ok) {
-            return response.json().then(errorData => {
-                throw new Error(errorData.message || `Error ${response.status}: Fallo en el servidor RAG.`);
-            });
-        }
-        return response.json();
-    })
-    .then(planFromAI => {
-        // 4. Procesar la respuesta del servidor RAG
-        document.body.removeChild(loadingMsg);
-        
-        // La respuesta de la IA debe tener la estructura 'plan' esperada por savePlan()
-        if (planFromAI && planFromAI.id) {
-            savePlan(planFromAI); 
-            alert('¡Plan creado por la IA con éxito!');
-            resetForm();
-            updateDashboard();
-            showSection('plan-list');
-        } else {
-            throw new Error('La IA no devolvió un plan válido. Estructura JSON incorrecta.');
-        }
-    })
-    .catch(error => {
-        // Manejo de errores, incluyendo problemas de conexión o errores en la IA
-        document.body.removeChild(loadingMsg);
-        console.error('Error al generar el plan con RAG:', error);
-        alert(`Fallo al generar el plan con IA. Asegúrate de que el servidor RAG esté activo. Detalle: ${error.message}`);
-    });
-}
-
-/**
- * Calcula el número total de semanas de entrenamiento según distancia y experiencia
- */
-function calculateWeeks(distance, experience) {
-    const weeksMap = {
-        '5K': {
-            principiante: 8,
-            intermedio: 6,
-            avanzado: 6
-        },
-        '10K': {
-            principiante: 10,
-            intermedio: 8,
-            avanzado: 8
-        },
-        '21K': {
-            principiante: 16,
-            intermedio: 14,
-            avanzado: 12
-        },
-        '42K': {
-            principiante: 24,
-            intermedio: 20,
-            avanzado: 18
-        }
-    };
-    return weeksMap[distance][experience];
-}
-
-/**
- * Genera el plan semanal (estructura por semanas y períodos)
- */
-function generateWeeklyPlans(distance, experience, totalWeeks, trainingDays, targetPace, athleteName, hrMax, hrRest, crossTraining, prepRaces, mainRaceDate) {
-    const plans = [];
-
-    // Cálculo de períodos
-    const basePeriod = Math.ceil(.35 * totalWeeks);
-    const specificPeriod = Math.ceil(.4 * totalWeeks);
-    const competitionPeriod = Math.ceil(.15 * totalWeeks);
-    const transitionPeriod = totalWeeks - basePeriod - specificPeriod - competitionPeriod;
-
-    let currentPeriod = 'basico';
-
-    // Cálculo de la fecha de inicio
-    const mainRaceDateObj = new Date(mainRaceDate);
-    const startDate = new Date(mainRaceDateObj);
-    startDate.setDate(startDate.getDate() - 7 * totalWeeks);
-
-    for (let week = 1; week <= totalWeeks; week++) {
-        const weekStart = new Date(startDate);
-        weekStart.setDate(weekStart.getDate() + 7 * (week - 1));
-
-        // Determinar el período
-        if (week > basePeriod + specificPeriod + competitionPeriod) {
-            currentPeriod = 'transicion';
-        } else if (week > basePeriod + specificPeriod) {
-            currentPeriod = 'competencia';
-        } else if (week > basePeriod) {
-            currentPeriod = 'especifico';
-        }
-
-        const isRaceWeek = week === totalWeeks;
-        const isRecoveryWeek = week % 4 == 0 && !isRaceWeek;
-
-        // Verificar si hay carrera preparatoria esta semana
-        let prepRaceThisWeek = null;
-        prepRaces.forEach(race => {
-            const raceDateObj = new Date(race.date);
-            const weekEnd = new Date(weekStart);
-            weekEnd.setDate(weekEnd.getDate() + 7);
-            if (raceDateObj >= weekStart && raceDateObj < weekEnd) {
-                prepRaceThisWeek = race;
-            }
-        });
-
-        // Generar sesiones de entrenamiento
-        const sessions = generateWeekSessions(week, totalWeeks, trainingDays, currentPeriod, isRaceWeek, isRecoveryWeek, distance, targetPace, experience, athleteName, hrMax, hrRest, crossTraining, prepRaceThisWeek);
-
-        // Calcular kilómetros totales de la semana
-        const totalKm = sessions.reduce((sum, s) => {
-            const km = parseFloat(s.distance.replace(' km', '').replace('km', '') || 0);
-            return sum + km;
-        }, 0);
-
-        plans.push({
-            week: week,
-            period: currentPeriod,
-            isRaceWeek: isRaceWeek,
-            isRecoveryWeek: isRecoveryWeek,
-            prepRace: prepRaceThisWeek,
-            sessions: sessions,
-            totalKm: Math.round(totalKm)
-        });
-    }
-    return plans;
-}
-
-/**
- * Genera las sesiones de entrenamiento para una semana específica
- */
-function generateWeekSessions(week, totalWeeks, trainingDays, period, isRaceWeek, isRecoveryWeek, distance, targetPace, experience, athleteName, hrMax, hrRest, crossTraining, prepRace) {
-    const sessions = [];
-
-    if (isRaceWeek) {
-        // Semana de la carrera objetivo (Tapering final)
-        trainingDays.forEach((day, index) => {
-            if (index === trainingDays.length - 1) { // Último día es la carrera
-                sessions.push(createRaceDay(day, distance, targetPace, athleteName, hrMax, hrRest));
-            } else if (index === trainingDays.length - 2) { // Penúltimo día es activación
-                sessions.push(createPreRaceSession(day, hrMax, hrRest, athleteName));
-            } else { // Otros días son recuperación/taper
-                sessions.push(createTaperSession(day, hrMax, hrRest));
-            }
-        });
-    } else if (prepRace) {
-        // Semana con carrera preparatoria
-        trainingDays.forEach((day, index) => {
-            if (index === trainingDays.length - 1) { // Último día (simulación de carrera)
-                sessions.push(createPrepRaceDay(day, prepRace, targetPace, hrMax, hrRest));
-            } else if (index === trainingDays.length - 2) { // Penúltimo día es activación
-                sessions.push(createPreRaceSession(day, hrMax, hrRest, athleteName));
-            } else { // Otros días son sesiones regulares
-                const baseKm = getBaseKm(distance, experience, week, totalWeeks);
-                const session = createRegularSession(day, index, trainingDays.length, period, baseKm, targetPace, hrMax, hrRest, crossTraining, isRecoveryWeek);
-                sessions.push(session);
-            }
-        });
-    } else {
-        // Semana normal
-        const baseKm = getBaseKm(distance, experience, week, totalWeeks);
-        trainingDays.forEach((day, index) => {
-            const session = createRegularSession(day, index, trainingDays.length, period, baseKm, targetPace, hrMax, hrRest, crossTraining, isRecoveryWeek);
-            sessions.push(session);
-        });
-    }
-    return sessions;
-}
-
-// --- Funciones de creación de sesiones específicas ---
-
-/**
- * Crea la sesión del día de la carrera objetivo
- */
-function createRaceDay(day, distance, targetPace, athleteName, hrMax, hrRest) {
-    const motivationalMessages = {
-        '5K': `¡${athleteName}, hoy es tu día! Los 5K son pura potencia. ¡Dalo TODO! 🏃‍♂️💪🔥`,
-        '10K': `¡${athleteName}, llegó el momento! Confía en tu entrenamiento. ¡Tu mejor versión está a punto de cruzar esa meta! 🏃‍♂️✨`,
-        '21K': `¡${athleteName}, hoy escribes tu historia! Los primeros 15K con la cabeza, los últimos 6K con el corazón. ¡El podio te espera! 🏃‍♂️💪🏅`,
-        '42K': `¡${athleteName}, hoy te conviertes en MARATONISTA! Los primeros 30K controla, los últimos 12K puro corazón. ¡TÚ PUEDES! 🏃‍♂️🔥🏆✨`
-    };
-    const hrZones = calculateHRZones(hrMax, hrRest);
-
-    return {
-        day: day.toUpperCase(),
-        type: `🏁 CARRERA OBJETIVO - ${distance}`,
-        distance: distance,
-        motivationalMessage: motivationalMessages[distance],
-        details: {
-            warmup: '20-30 min antes: Movilidad articular suave + 10 min trote suave + 4 progresivos de 80m',
-            main: `¡ES TU MOMENTO! Sal con confianza a ${targetPace}/km. Hidrátate cada 5K. Geles según plan. ¡Disfruta!`,
-            cooldown: 'Post-carrera: Camina 10-15 min, hidrátate, estira suavemente',
-            hrZones: hrZones,
-            nutrition: `Desayuno 3-4h antes. Gel 15 min antes. Durante: hidratación cada 5K + gel cada 45 min`,
-            gear: 'Zapatilla de competencia. Ropa técnica ligera.',
-            mentalPrep: 'Confía en tu entrenamiento. ¡TÚ PUEDES!'
-        },
-        isRaceDay: true,
-        purpose: {
-            title: '🎯 Tu Gran Día',
-            content: 'Este es el día para el que entrenaste. Confía en tu preparación y disfruta.'
-        }
-    }
-}
-
-/**
- * Crea la sesión de activación del día anterior a la carrera
- */
-function createPreRaceSession(day, hrMax, hrRest, athleteName) {
-    const hrZones = calculateHRZones(hrMax, hrRest);
-    return {
-        day: day.toUpperCase(),
-        type: '🎯 Activación Pre-Carrera',
-        distance: '4 km',
-        motivationalMessage: `${athleteName}, mañana es TU DÍA! Hoy solo activamos y relajamos. ¡Mañana vas a brillar! 💪✨`,
-        details: {
-            warmup: '5 min caminata con respiraciones profundas',
-            main: 'Trote MUY fácil 4km. 4 progresivos de 60m',
-            cooldown: '10 min estiramientos suaves',
-            hrZones: {
-                zone: 'Zona 1-2',
-                bpm: `${hrZones.zone1.min}-${hrZones.zone2.max} bpm`,
-                percentage: '50-70% FCMax'
-            },
-            stretching: 'Cuádriceps, isquiotibiales, gemelos, psoas. 20 seg cada grupo',
-            nutrition: 'Hidratación constante. Comida ligera. Cena temprano.',
-            mentalPrep: 'Visualización positiva. Repasa estrategia. Duerme 8+ horas'
-        },
-        purpose: {
-            title: '🧘 Activación y Mentalización',
-            content: 'Mantener piernas activas sin fatiga. Preparación mental para la carrera.'
-        }
-    }
-}
-
-/**
- * Crea una sesión de Tapering (Reducción de volumen)
- */
-function createTaperSession(day, hrMax, hrRest) {
-    const hrZones = calculateHRZones(hrMax, hrRest);
-    return {
-        day: day.toUpperCase(),
-        type: 'Recuperación - Taper',
-        distance: '6 km',
-        details: {
-            warmup: '5 min caminata suave',
-            main: 'Trote muy suave. Sin esfuerzo. Enfoque en recuperación',
-            cooldown: '15 min estiramientos profundos + rodillo',
-            hrZones: {
-                zone: 'Zona 1',
-                bpm: `${hrZones.zone1.min}-${hrZones.zone1.max} bpm`,
-                percentage: '50-60% FCMax'
-            },
-            stretching: 'Cuádriceps (30 seg), Isquiotibiales (30 seg), Gemelos (30 seg)',
-            hydration: 'Mantén hidratación constante',
-            recovery: 'Masaje suave, baño de contraste, elevación de piernas'
-        },
-        purpose: {
-            title: '💆 Recuperación y Preparación',
-            content: 'Reducir volumen para llegar fresco. Optimizar recuperación muscular.'
-        }
-    }
-}
-
-/**
- * Crea la sesión del día de la carrera preparatoria
- */
-function createPrepRaceDay(day, prepRace, targetPace, hrMax, hrRest) {
-    const hrZones = calculateHRZones(hrMax, hrRest);
-    return {
-        day: day.toUpperCase(),
-        type: `🏃 Carrera Preparatoria - ${prepRace.name}`,
-        distance: prepRace.distance,
-        isPrepRace: true,
-        details: {
-            warmup: '20 min antes: Movilidad + 10 min trote + 3 progresivos',
-            main: `Carrera a ritmo controlado (5-10 seg más lento). FC: ${hrZones.zone3.min}-${hrZones.zone4.max} bpm`,
-            cooldown: '10 min caminata, hidratación, estiramientos',
-            hrZones: hrZones,
-            strategy: 'Prueba tu estrategia de hidratación y nutrición',
-            learning: 'Anota qué funcionó para la carrera principal'
-        },
-        purpose: {
-            title: '🎯 Simulacro y Aprendizaje',
-            content: 'Probar estrategia de hidratación/nutrición, sentir el ritmo, ganar confianza.'
-        }
-    }
-}
-
-/**
- * Decide qué tipo de sesión crear según el día y el período de entrenamiento
- */
-function createRegularSession(day, dayIndex, totalDays, period, baseKm, targetPace, hrMax, hrRest, crossTraining, isRecovery) {
-    const hrZones = calculateHRZones(hrMax, hrRest);
-    const kmPerSession = baseKm / totalDays;
-
-    if (period === 'basico') {
-        return generateBaseSession(day, kmPerSession, isRecovery, hrZones, dayIndex, crossTraining);
-    } else if (period === 'especifico') {
-        return generateSpecificSession(day, dayIndex, totalDays, kmPerSession, targetPace, hrZones, crossTraining);
-    } else if (period === 'competencia') {
-        return generateCompetitionSession(day, dayIndex, totalDays, kmPerSession, targetPace, hrZones, crossTraining);
-    } else { // transicion
-        return generateTransitionSession(day, kmPerSession, hrZones, crossTraining);
-    }
-}
-
-/**
- * Calcula las zonas de Frecuencia Cardíaca
- */
-function calculateHRZones(hrMax, hrRest) {
-    const hrReserve = hrMax - hrRest;
-    return {
-        zone1: {
-            min: Math.round(hrRest + .5 * hrReserve),
-            max: Math.round(hrRest + .6 * hrReserve),
-            name: 'Recuperación'
-        },
-        zone2: {
-            min: Math.round(hrRest + .6 * hrReserve),
-            max: Math.round(hrRest + .7 * hrReserve),
-            name: 'Aeróbica'
-        },
-        zone3: {
-            min: Math.round(hrRest + .7 * hrReserve),
-            max: Math.round(hrRest + .8 * hrReserve),
-            name: 'Tempo'
-        },
-        zone4: {
-            min: Math.round(hrRest + .8 * hrReserve),
-            max: Math.round(hrRest + .9 * hrReserve),
-            name: 'Umbral'
-        },
-        zone5: {
-            min: Math.round(hrRest + .9 * hrReserve),
-            max: hrMax,
-            name: 'Máxima'
-        }
-    }
-}
-
-/**
- * Genera una sesión del Período Base
- */
-function generateBaseSession(day, km, isRecovery, hrZones, dayIndex, crossTraining) {
-    const distance = isRecovery ? Math.round(.7 * km) : Math.round(km);
-
-    // Días de Cross Training
-    if (dayIndex % 3 == 1 && crossTraining.length > 0) {
-        const activities = crossTraining.join(', ');
-        return {
-            day: day.toUpperCase(),
-            type: 'Entrenamiento Cruzado',
-            distance: '30-45 min',
-            details: {
-                warmup: '10 min movilidad',
-                main: `${activities} a intensidad moderada. FC: ${hrZones.zone1.min}-${hrZones.zone2.max} bpm`,
-                cooldown: '10 min estiramiento + rodillo',
-                crossTraining: activities,
-                benefits: 'Reduce impacto, mejora fuerza, previene lesiones'
-            },
-            purpose: {
-                title: '🔄 Recuperación Activa',
-                content: `El cross training permite recuperación mientras mantienes fitness. ${activities} fortalece grupos musculares complementarios.`
-            }
-        }
-    }
-
-    // Trote Base (Long Run y otros trotes suaves)
-    return {
-        day: day.toUpperCase(),
-        type: 'Trote Continuo Base',
-        distance: `${distance} km`,
-        details: {
-            warmup: '10 min caminata + activación glúteos + 5 min trote suave',
-            main: `Trote continuo conversacional. FC: ${hrZones.zone2.min}-${hrZones.zone2.max} bpm (Zona 2). Postura: cabeza erguida, hombros relajados`,
-            cooldown: '5 min trote suave + 5 min caminata + 15 min estiramientos',
-            hrZones: hrZones,
-            technique: 'Cadencia 170-180 pasos/min, contacto suave, respiración rítmica',
-            stretching: 'Cuádriceps (30 seg), Isquiotibiales (30 seg), Gemelos (30 seg), Psoas (30 seg)',
-            gear: 'Zapatilla con buena amortiguación',
-            hydration: 'Hidrátate antes y después. Si >60 min, lleva agua'
-        },
-        purpose: {
-            title: '🎯 Construcción de Base Aeróbica',
-            content: 'Desarrollar resistencia aeróbica fundamental. Adaptación cardiovascular. Este es el pilar de tu entrenamiento.'
-        }
-    }
-}
-
-/**
- * Genera una sesión del Período Específico (Incluye intervalos, Tempo y Carrera Larga)
- */
-function generateSpecificSession(day, index, totalDays, km, targetPace, hrZones, crossTraining) {
-    const distance = Math.round(km);
-
-    // Días de Recuperación y Cross Training
-    if (index === 0 || index === 1) {
-        if (index === 1 && crossTraining.length > 0) {
-            const activities = crossTraining.join(', ');
-            return {
-                day: day.toUpperCase(),
-                type: 'Recuperación + Cross Training',
-                distance: `${Math.round(.6 * distance)} km + 30 min`,
-                details: {
-                    warmup: '5 min movilidad',
-                    main: `Trote suave ${Math.round(.6 * distance)}km + ${activities} 30 min. FC: ${hrZones.zone1.min}-${hrZones.zone2.max} bpm`,
-                    cooldown: '15 min estiramientos + rodillo',
-                    recovery: 'Enfoque en recuperación. Baño de contraste si es posible'
-                },
-                purpose: {
-                    title: '💆 Recuperación Activa Multimodal',
-                    content: 'Combina recuperación cardiovascular con fortalecimiento sin impacto.'
-                }
-            }
-        }
-        // Trote Regenerativo
-        return {
-            day: day.toUpperCase(),
-            type: 'Trote Regenerativo',
-            distance: `${distance} km`,
-            details: {
-                warmup: '10 min trote muy suave + movilidad',
-                main: `Trote muy cómodo. FC: ${hrZones.zone1.min}-${hrZones.zone2.max} bpm. Recuperación activa`,
-                cooldown: '10 min estiramientos profundos',
-                recovery: 'Rodillo de espuma: Gemelos, cuádriceps, isquiotibiales, glúteos (5 min cada grupo)'
-            },
-            purpose: {
-                title: '💆 Recuperación Muscular',
-                content: 'Facilitar recuperación activa, mejorar flujo sanguíneo. Prepara para sesiones intensas.'
-            }
-        }
-    }
-    // Sesión de Intervalos (Mitad de la semana)
-    else if (index === Math.floor(totalDays / 2)) {
-        return {
-            day: day.toUpperCase(),
-            type: 'Intervalos en Pista/Ruta',
-            distance: `${distance+3} km`, // +3km de calentamiento/enfriamiento
-            details: {
-                warmup: '15 min trote + Ejercicios dinámicos + 4 progresivos 100m',
-                main: `SESIÓN CLAVE: 8-10 x 400m a ${targetPace}/km con 90 seg recuperación. FC: ${hrZones.zone4.min}-${hrZones.zone5.min} bpm`,
-                cooldown: '10 min trote suave + 15 min estiramientos + core (plancha 3x30seg)',
-                technique: 'Brazos activos, cadencia alta, respira profundo, mantén forma técnica',
-                mentalFocus: 'Cada intervalo con concentración. Último intervalo da tu mejor esfuerzo.',
-                recovery: 'Recuperación activa entre intervalos es CLAVE',
-                nutrition: 'Gel 30 min antes si entrenas en ayunas'
-            },
-            purpose: {
-                title: '⚡ Desarrollo de Velocidad y VO2Max',
-                content: 'Mejorar capacidad anaeróbica, velocidad, economía de carrera. Entrenas al cuerpo a mantener ritmo objetivo con menor esfuerzo.'
-            }
-        }
-    }
-    // Sesión Tempo (Penúltimo día de entrenamiento)
-    else if (index === totalDays - 2) {
-        return {
-            day: day.toUpperCase(),
-            type: 'Tempo Run (Ritmo Sostenido)',
-            distance: `${distance+3} km`, // +3km de calentamiento/enfriamiento
-            details: {
-                warmup: '15 min trote + 4 progresivos 100m',
-                main: `SESIÓN CLAVE: 25-35 min a ritmo TEMPO (10-15 seg más rápido que objetivo). FC: ${hrZones.zone3.min}-${hrZones.zone4.max} bpm. Puedes decir frases cortas pero no conversación fluida.`,
-                cooldown: '10 min trote fácil + 15 min estiramientos profundos',
-                technique: 'Postura erguida, respiración controlada profunda, relaja hombros',
-                mentalFocus: 'Divide en bloques de 5 min. Cada bloque es un mini-desafío.',
-                gear: 'Zapatilla mixta o tempo (más ligera)',
-                nutrition: 'Hidratación durante si >45 min totales'
-            },
-            purpose: {
-                title: '🎯 Umbral Anaeróbico',
-                content: 'Elevar tu umbral de lactato. Mejora capacidad de sostener ritmos rápidos. Fundamental para resistencia.'
-            }
-        }
-    }
-    // Carrera Larga (Último día de entrenamiento)
-    else {
-        return {
-            day: day.toUpperCase(),
-            type: 'Carrera Larga - Long Run',
-            distance: `${Math.round(1.6 * distance)} km`,
-            details: {
-                warmup: '15 min trote MUY fácil + movilidad completa + activación glúteos',
-                main: `SESIÓN FUNDAMENTAL: Carrera continua aeróbica. FC: ${hrZones.zone2.min}-${hrZones.zone2.max} bpm. Últimos 3-5 km puedes acelerar ligeramente. Hidratación cada 20 min (200ml). Si >90 min: gel cada 45 min.`,
-                cooldown: '10 min caminata + 20 min estiramientos COMPLETOS + rodillo 10 min + hidratación con electrolitos + plátano',
-                nutrition: 'Pre: Desayuno ligero 2-3h antes. Durante: Hidratación + geles. Post: Proteína + carbohidratos en 30 min',
-                mentalFocus: 'Disfruta el proceso. Meditación en movimiento. Los últimos 5km son mentales - aquí creces',
-                gear: 'Zapatilla maximalista con máxima amortiguación',
-                recovery: 'Post: Baño de contraste (3 min cada), elevación piernas 15 min, masaje suave',
-                progression: 'Empieza conservador. Siéntete bien en primeros 2/3. Acelera último tercio si te sientes fuerte'
-            },
-            purpose: {
-                title: '🏃 Resistencia Muscular y Mental',
-                content: 'Adaptación muscular y tendinosa. Entrenamiento mental crucial. Enseña al cuerpo a usar grasas como combustible. El long run es donde se construyen los maratonistas.'
-            }
-        }
-    }
-}
-
-/**
- * Genera una sesión del Período de Competición (Similar a Específico, pero con menor volumen)
- */
-function generateCompetitionSession(day, index, totalDays, km, targetPace, hrZones, crossTraining) {
-    // Reduce el volumen total en ~15% para el período de competición
-    return generateSpecificSession(day, index, totalDays, Math.round(.85 * km), targetPace, hrZones, crossTraining);
-}
-
-/**
- * Genera una sesión del Período de Transición (Recuperación post-carrera)
- */
-function generateTransitionSession(day, km, hrZones, crossTraining) {
-    // Sesión de Cross Training aleatoria (50% de probabilidad)
-    if (crossTraining.length > 0 && Math.random() > .5) {
-        const activities = crossTraining.join(' o ');
-        return {
-            day: day.toUpperCase(),
-            type: 'Recuperación Activa - Cross Training',
-            distance: '30-40 min',
-            details: {
-                warmup: '10 min movilidad articular completa',
-                main: `Sesión suave de ${activities}. Intensidad baja-moderada. FC: ${hrZones.zone1.min}-${hrZones.zone2.max} bpm`,
-                cooldown: '15 min estiramientos profundos + trabajo de movilidad',
-                focus: 'Recuperación total, prevención de lesiones, mantener movilidad'
-            },
-            purpose: {
-                title: '🔄 Recuperación y Mantenimiento',
-                content: 'Semana de transición para recuperación profunda. Mantener actividad sin impacto.'
-            }
-        }
-    }
-    // Trote Regenerativo ligero
-    return {
-        day: day.toUpperCase(),
-        type: 'Trote Regenerativo Ligero',
-        distance: `${Math.round(.6 * km)} km`,
-        details: {
-            warmup: '5 min caminata con respiraciones profundas',
-            main: `Trote MUY suave y relajado. FC: ${hrZones.zone1.min}-${hrZones.zone1.max} bpm. Sin reloj, sin presión`,
-            cooldown: '15 min estiramientos + rodillo completo + yoga/pilates 15 min',
-            recovery: 'Enfoque total en recuperación. Escucha tu cuerpo',
-            mentalHealth: 'Disfruta correr sin presión. Reconecta con por qué amas correr'
-        },
-        purpose: {
-            title: '💆 Recuperación Total',
-            content: 'Permitir regeneración profunda después del ciclo. Preparación para próximo ciclo o disfrute post-carrera.'
-        }
-    }
-}
-
-/**
- * Calcula el kilometraje base semanal progresivo (incluyendo el Tapering)
- */
-function getBaseKm(distance, experience, week, totalWeeks) {
-    const baseKmMap = {
-        '5K': {
-            principiante: 20,
-            intermedio: 25,
-            avanzado: 30
-        },
-        '10K': {
-            principiante: 30,
-            intermedio: 35,
-            avanzado: 40
-        },
-        '21K': {
-            principiante: 40,
-            intermedio: 55,
-            avanzado: 70
-        },
-        '42K': {
-            principiante: 50,
-            intermedio: 70,
-            avanzado: 90
-        }
-    };
-
-    const base = baseKmMap[distance][experience];
-    const progress = week / totalWeeks;
-    const peak = .75; // El volumen máximo se alcanza al 75% del plan
-
-    if (progress < peak) {
-        // Fase de acumulación (progresión lineal hasta el 75%)
-        return Math.round(base + .6 * base * (progress / peak));
-    } else {
-        // Fase de Tapering (Reducción de volumen)
-        const taperProgress = (progress - peak) / (1 - peak); // 0 a 1 en el 25% final
-        const peakKm = base + .6 * base;
-        return Math.round(peakKm * (1 - .3 * taperProgress)); // Reducción gradual del 30%
-    }
-}
-
-// --- Funciones de la lista de planes ---
-
-/**
- * Carga y muestra la lista de planes en la sección 'plan-list'
- */
-function loadPlanList() {
-    const plans = getPlans();
-    const listContent = document.getElementById('planListContent');
-    const placeholder = document.getElementById('noPlanPlaceholder');
-
-    let filteredPlans = plans;
-    // Filtrar por planes creados por el usuario si no es admin
-    if (currentUser && currentUser.role === 'user') {
-        filteredPlans = plans.filter(p => p.createdBy === currentUser.username);
-    }
-
-    if (filteredPlans.length === 0) {
-        placeholder.classList.remove('hidden');
-        listContent.innerHTML = '';
-        return;
-    }
-
-    placeholder.classList.add('hidden');
-    const experienceText = {
-        principiante: 'Principiante',
-        intermedio: 'Intermedio',
-        avanzado: 'Avanzado'
-    };
-    let html = '';
-
-    filteredPlans.forEach(plan => {
-        const crossTrainingText = plan.userData.crossTraining && plan.userData.crossTraining.length > 0 ? plan.userData.crossTraining.join(', ') : 'No';
-        html += `
-            <div class="plan-card">
-                <div class="plan-info">
-                    <h3><i class="fas fa-user"></i> ${plan.userData.name}</h3>
-                    <p><i class="fas fa-birthday-cake"></i> <strong>Edad:</strong> ${plan.userData.age} años | <strong>IMC:</strong> ${plan.userData.imc}</p>
-                    <p><i class="fas fa-layer-group"></i> <strong>Experiencia:</strong> ${experienceText[plan.userData.experience]}</p>
-                    <p><i class="fas fa-heartbeat"></i> <strong>FC Max:</strong> ${plan.userData.hrMax} bpm | <strong>FC Reposo:</strong> ${plan.userData.hrRest} bpm</p>
-                    <p><i class="fas fa-flag-checkered"></i> <strong>Objetivo:</strong> ${plan.userData.distance} - Ritmo ${plan.userData.targetPace}/km</p>
-                    <p><i class="fas fa-calendar-check"></i> <strong>Fecha:</strong> ${new Date(plan.userData.raceDate).toLocaleDateString('es-CL')}</p>
-                    <p><i class="fas fa-calendar-week"></i> <strong>Duración:</strong> ${plan.totalWeeks} sem | <strong>Días:</strong> ${plan.userData.trainingDays.length}</p>
-                    <p><i class="fas fa-dumbbell"></i> <strong>Cross Training:</strong> ${crossTrainingText}</p>
-                    ${plan.userData.prepRaces && plan.userData.prepRaces.length > 0 ? `<p><i class="fas fa-trophy"></i> <strong>Carreras prep:</strong> ${plan.userData.prepRaces.length}</p>` : ''}
-                    <p style="font-size:12px;color:#999"><i class="fas fa-clock"></i> ${new Date(plan.createdAt).toLocaleString()}</p>
-                </div>
-                <div class="plan-actions">
-                    <button class="btn btn-primary btn-sm" onclick="viewPlanDetail('${plan.id}')"><i class="fas fa-eye"></i> Ver</button>
-                    <button class="btn btn-success btn-sm" onclick="generatePDF('${plan.id}')"><i class="fas fa-file-pdf"></i> PDF</button>
-                    ${currentUser && currentUser.role === 'admin' ? `<button class="btn btn-danger btn-sm" onclick="confirmDeletePlan('${plan.id}')"><i class="fas fa-trash"></i> Eliminar</button>` : ''}
-                </div>
-            </div>`;
-    });
-    listContent.innerHTML = html;
-}
-
-/**
- * Muestra el detalle de un plan de entrenamiento en un modal
- */
-function viewPlanDetail(planId) {
-    const plans = getPlans();
-    const plan = plans.find(p => p.id === planId);
-    if (!plan) return;
-
-    currentViewPlan = plan; // Almacena el plan actual para el PDF
-
-    const experienceText = {
-        principiante: 'Principiante',
-        intermedio: 'Intermedio',
-        avanzado: 'Avanzado'
-    };
-
-    document.getElementById('modalTitle').textContent = `Plan - ${plan.userData.name}`;
-
-    // HTML del Perfil del Atleta
-    let html = `
-        <div style="background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:25px;border-radius:8px;margin-bottom:30px;border-left:5px solid var(--primary-color)">
-            <h3 style="color:var(--primary-color);margin-bottom:20px;font-size:22px"><i class="fas fa-user-circle"></i> Perfil del Atleta</h3>
-            <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px">
-                <p><strong>👤 Nombre:</strong> ${plan.userData.name}</p>
-                <p><strong>🎂 Edad:</strong> ${plan.userData.age} años</p>
-                <p><strong>📊 Experiencia:</strong> ${experienceText[plan.userData.experience]}</p>
-                <p><strong>⚖️ Peso:</strong> ${plan.userData.weight} kg</p>
-                <p><strong>📏 Talla:</strong> ${plan.userData.height} cm</p>
-                <p><strong>💪 IMC:</strong> ${plan.userData.imc}</p>
-                <p><strong>❤️ FC Máxima:</strong> ${plan.userData.hrMax} bpm</p>
-                <p><strong>🛌 FC Reposo:</strong> ${plan.userData.hrRest} bpm</p>
-                ${plan.userData.vo2max ? `<p><strong>🫁 VO2Max:</strong> ${plan.userData.vo2max}</p>` : ''}
-                <p><strong>🎯 Objetivo:</strong> ${plan.userData.distance}</p>
-                <p><strong>⏱️ Ritmo:</strong> ${plan.userData.targetPace}/km</p>
-                <p><strong>📅 Fecha:</strong> <strong style="color:var(--primary-color);font-size:16px">${new Date(plan.userData.raceDate).toLocaleDateString('es-CL', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' })}</strong></p>
-                <p><strong>📆 Duración:</strong> ${plan.totalWeeks} sem</p>
-                <p><strong>🏃 Días:</strong> ${plan.userData.trainingDays.join(', ')}</p>
-            </div>
-            ${plan.userData.crossTraining && plan.userData.crossTraining.length > 0 ? `<p style="margin-top:15px"><strong>🏋️ Cross Training:</strong> ${plan.userData.crossTraining.join(', ')}</p>` : ''}
-            ${plan.userData.prepRaces && plan.userData.prepRaces.length > 0 ? `
-                <div style="margin-top:15px">
-                    <p><strong>🏆 Carreras Preparatorias:</strong></p>
-                    <ul style="margin-left:20px;margin-top:8px">
-                        ${plan.userData.prepRaces.map(r => `<li>${r.name} - ${r.distance} - ${new Date(r.date).toLocaleDateString('es-CL')}</li>`).join('')}
-                    </ul>
-                </div>` : ''}
-            ${plan.userData.notes ? `<p style="margin-top:15px"><strong>📝 Notas:</strong> ${plan.userData.notes}</p>` : ''}
-        </div>`;
-
-    // Agrupar semanas por período
-    const periodGroups = {
-        basico: [],
-        especifico: [],
-        competencia: [],
-        transicion: []
-    };
-    plan.weeklyPlans.forEach(week => {
-        periodGroups[week.period].push(week);
-    });
-
-    const periodNames = {
-        basico: 'PERÍODO BASE',
-        especifico: 'PERÍODO ESPECÍFICO',
-        competencia: 'PERÍODO DE COMPETENCIA',
-        transicion: 'PERÍODO DE TRANSICIÓN'
-    };
-
-    // Iterar por períodos y semanas
-    Object.keys(periodGroups).forEach(periodKey => {
-        if (periodGroups[periodKey].length === 0) return;
-
-        html += `<div class="period-section"><div class="period-header"><i class="fas fa-calendar-alt"></i> ${periodNames[periodKey]}</div>`;
-
-        periodGroups[periodKey].forEach(week => {
-            // Sección de la semana
-            html += `
-                <div class="week-section ${week.isRaceWeek ? 'race-week' : ''}">
-                    <div class="week-header">
-                        <span>${week.isRaceWeek ? '🏆' : '📅'} SEMANA ${week.week}${week.isRaceWeek ? ' - 🎯 COMPETENCIA' : ''}${week.prepRace ? ' - 🏃 ' + week.prepRace.name : ''}${week.isRecoveryWeek && !week.isRaceWeek ? ' (💆 Recuperación)' : ''}</span>
-                        <span style="color:var(--secondary-color);font-weight:bold">${week.totalKm} km</span>
-                    </div>`;
-
-            // Sesiones de la semana
-            week.sessions.forEach(session => {
-                html += `
-                    <div class="session-card ${session.isRaceDay ? 'race-day' : ''}">
-                        <div class="session-header">
-                            <div class="session-title">${session.isRaceDay ? '🏁' : session.isPrepRace ? '🏃' : '💪'} ${session.day} - ${session.type}</div>
-                            <div class="session-distance">${session.distance}</div>
-                        </div>
-                        ${session.motivationalMessage ? `<div class="motivational-message">${session.motivationalMessage}</div>` : ''}
-                        <div class="session-details">
-                            <div class="detail-section"><div class="detail-section-title">🔥 Calentamiento</div><div class="detail-item">${session.details.warmup}</div></div>
-                            <div class="detail-section"><div class="detail-section-title">🏃 Desarrollo Principal</div><div class="detail-item">${session.details.main}</div></div>
-                            <div class="detail-section"><div class="detail-section-title">🧘 Enfriamiento</div><div class="detail-item">${session.details.cooldown}</div></div>
-                            ${session.details.hrZones ? `<div class="detail-section"><div class="detail-section-title">❤️ Zonas FC</div>
-                                <div class="hr-zones">
-                                    ${session.details.hrZones.zone ? // Si es zona individual (ej. Zona 1)
-                                        `<div class="hr-zone"><span class="hr-zone-label">${session.details.hrZones.zone}</span>${session.details.hrZones.bpm}<br>${session.details.hrZones.percentage || ''}</div>` :
-                                        // Si son todas las zonas
-                                        `<div class="hr-zone"><span class="hr-zone-label">Zona 1 - Recuperación</span>${session.details.hrZones.zone1.min}-${session.details.hrZones.zone1.max} bpm</div>
-                                        <div class="hr-zone"><span class="hr-zone-label">Zona 2 - Aeróbica</span>${session.details.hrZones.zone2.min}-${session.details.hrZones.zone2.max} bpm</div>
-                                        <div class="hr-zone"><span class="hr-zone-label">Zona 3 - Tempo</span>${session.details.hrZones.zone3.min}-${session.details.hrZones.zone3.max} bpm</div>
-                                        <div class="hr-zone"><span class="hr-zone-label">Zona 4 - Umbral</span>${session.details.hrZones.zone4.min}-${session.details.hrZones.zone4.max} bpm</div>`
-                                    }
-                                </div>
-                            </div>` : ''}
-                            ${session.details.stretching ? `<div class="detail-section"><div class="detail-section-title">🤸 Estiramientos</div><div class="detail-item">${session.details.stretching}</div></div>` : ''}
-                            ${session.details.technique ? `<div class="detail-section"><div class="detail-section-title">🎯 Técnica</div><div class="detail-item">${session.details.technique}</div></div>` : ''}
-                            ${session.details.mentalFocus ? `<div class="detail-section"><div class="detail-section-title">🧠 Enfoque Mental</div><div class="detail-item">${session.details.mentalFocus}</div></div>` : ''}
-                            ${session.details.nutrition ? `<div class="detail-section"><div class="detail-section-title">🍎 Nutrición</div><div class="detail-item">${session.details.nutrition}</div></div>` : ''}
-                            ${session.details.gear ? `<div class="detail-section"><div class="detail-section-title">⚙️ Equipamiento</div><div class="detail-item">${session.details.gear}</div></div>` : ''}
-                            ${session.details.recovery ? `<div class="detail-section"><div class="detail-section-title">🩹 Recuperación</div><div class="detail-item">${session.details.recovery}</div></div>` : ''}
-                            ${session.details.progression ? `<div class="detail-section"><div class="detail-section-title">📈 Progresión</div><div class="detail-item">${session.details.progression}</div></div>` : ''}
-                            <div class="detail-purpose">
-                                <span class="purpose-title">${session.purpose.title}</span>: ${session.purpose.content}
-                            </div>
-                        </div>
-                    </div>`;
-            });
-            html += `</div>`; // Cierre de week-section
-        });
-        html += `</div>`; // Cierre de period-section
-    });
-
-    document.getElementById('modalBody').innerHTML = html;
-    $('#planDetailModal').modal('show');
-}
-
-/**
- * Función para confirmar la eliminación de un plan
- */
-function confirmDeletePlan(planId) {
-    if (confirm('¿Estás seguro de que quieres eliminar este plan de entrenamiento? Esta acción es irreversible.')) {
-        deletePlan(planId);
-        loadPlanList();
-        updateDashboard();
-    }
-}
-
-/**
- * Función (vacía en el original) que se debe implementar para restablecer el formulario
- */
-function resetForm() {
-    document.getElementById('trainingForm').reset();
-    document.getElementById('suggestedHrMax').textContent = '--';
-    document.getElementById('imc').value = '';
-    document.getElementById('imcCategory').textContent = '';
-    document.getElementById('prepRacesList').innerHTML = '';
-    prepRaceCounter = 0;
-}
-
-/**
- * Función (vacía en el original) que se debe implementar para actualizar el Dashboard
- */
-function updateDashboard() {
-    // Lógica para actualizar las estadísticas o resúmenes en el dashboard
-    const plans = getPlans();
-    const totalPlans = plans.length;
-
-    // Estadísticas según el rol
-    if (currentUser && currentUser.role === 'admin') {
-        const adminPlans = plans.length;
-        document.getElementById('dashboardStat1').textContent = adminPlans;
-        document.getElementById('dashboardStat1Title').textContent = 'Planes Creados';
-        document.getElementById('dashboardStat2Title').textContent = 'Planes 21K';
-        document.getElementById('dashboardStat2').textContent = plans.filter(p => p.userData.distance === '21K').length;
-    } else {
-        const userPlans = plans.filter(p => p.createdBy === (currentUser ? currentUser.username : null)).length;
-        document.getElementById('dashboardStat1').textContent = userPlans;
-        document.getElementById('dashboardStat1Title').textContent = 'Mis Planes';
-        document.getElementById('dashboardStat2Title').textContent = 'Planes 10K';
-        document.getElementById('dashboardStat2').textContent = plans.filter(p => p.createdBy === (currentUser ? currentUser.username : null) && p.userData.distance === '10K').length;
-    }
-
-    // Puedes añadir más lógica aquí para mostrar promedios, etc.
-}
-
-// Inicializar el dashboard al cargar
-document.addEventListener('DOMContentLoaded', () => {
-    // Si el usuario ya estaba logeado (en un caso real con persistencia)
-    // o simplemente para asegurarse de que el dashboard tenga contenido inicial.
-    // En este caso simple, solo se actualiza al logearse.
-});
-
-// Nota: La función generatePDF('${plan.id}') no está definida en el código original,
-// por lo que generará un error al hacer clic en ese botón. Debería implementarse
-// utilizando alguna librería como jsPDF o html2canvas.
+let currentUser=null;const API_URL='/api';async function apiCall(endpoint,data){try{const response=await fetch(API_URL+endpoint,{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(data)});return await response.json()}catch(e){console.error('API Error:',e);return{success:false,error:e.message}}}document.getElementById('loginForm').addEventListener('submit',async function(e){e.preventDefault();const username=document.getElementById('loginUsername').value.toUpperCase(),password=document.getElementById('loginPassword').value,result=await apiCall('/login',{username:username,password:password});if(result.success){currentUser=result.user;document.getElementById('loginScreen').classList.add('hidden');document.getElementById('appScreen').classList.remove('hidden');document.getElementById('currentUserName').textContent=currentUser.name;currentUser.role==='user'&&(document.getElementById('menu-new-plan').style.display='none');loadPlans()}else alert('Usuario o contraseña incorrectos')});function logout(){currentUser=null;document.getElementById('appScreen').classList.add('hidden');document.getElementById('loginScreen').classList.remove('hidden');document.getElementById('loginForm').reset()}function toggleSidebar(){document.getElementById('sidebar').classList.toggle('hidden');document.getElementById('mainContent').classList.toggle('expanded')}function showSection(section){document.querySelectorAll('main > section').forEach(s=>s.classList.add('hidden'));document.querySelectorAll('.sidebar-menu a').forEach(a=>a.classList.remove('active'));if('dashboard'===section)document.getElementById('dashboard-section').classList.remove('hidden');else if('new-plan'===section){if(currentUser&&'admin'===currentUser.role)document.getElementById('new-plan-section').classList.remove('hidden');else{alert('Solo administradores pueden crear planes');return}}else'plan-list'===section&&(document.getElementById('plan-list-section').classList.remove('hidden'),loadPlans());window.event&&window.event.target&&window.event.target.closest('a').classList.add('active')}async function loadPlans(){const result=await apiCall('/get_plans',{username:currentUser.username,role:currentUser.role});if(result.success){const plans=result.plans,listContent=document.getElementById('planListContent'),placeholder=document.getElementById('noPlanPlaceholder');if(0===plans.length){placeholder.classList.remove('hidden');listContent.innerHTML='';return}placeholder.classList.add('hidden');let html='';plans.forEach(plan=>{html+=`<div class="plan-card"><div><h3><i class="fas fa-user"></i> ${plan.userData.name}</h3><p><strong>Objetivo:</strong> ${plan.userData.distance} - ${plan.totalWeeks} sem</p></div><div style="display:flex;gap:10px"><button class="btn btn-success btn-sm" onclick="generatePDF(${plan.id})"><i class="fas fa-file-pdf"></i> PDF</button>${currentUser&&'admin'===currentUser.role?`<button class="btn btn-danger btn-sm" onclick="deletePlan(${plan.id})"><i class="fas fa-trash"></i></button>`:''}</div></div>`});listContent.innerHTML=html;document.getElementById('stat-plans').textContent=plans.length}}document.getElementById('trainingForm').addEventListener('submit',async function(e){e.preventDefault();const trainingDays=Array.from(document.querySelectorAll('input[name="trainingDays"]:checked')).map(cb=>cb.value);if(trainingDays.length<3)return void alert('Selecciona al menos 3 días');const plan={userData:{name:document.getElementById('athleteName').value,age:parseInt(document.getElementById('athleteAge').value),experience:document.getElementById('experience').value,weight:parseFloat(document.getElementById('weight').value),height:parseFloat(document.getElementById('height').value),imc:document.getElementById('imc').value,hrMax:parseInt(document.getElementById('hrMax').value),hrRest:parseInt(document.getElementById('hrRest').value),vo2max:document.getElementById('vo2max').value||null,distance:document.getElementById('distance').value,targetPace:document.getElementById('targetPace').value,raceDate:document.getElementById('raceDate').value,trainingDays:trainingDays},totalWeeks:12,weeklyPlans:[]};const result=await apiCall('/save_plan',{plan:JSON.stringify(plan),username:currentUser.username});result.success?(alert('Plan creado exitosamente'),document.getElementById('trainingForm').reset(),showSection('plan-list')):alert('Error al crear plan: '+result.error)});async function deletePlan(planId){if(confirm('¿Eliminar este plan?')){const result=await apiCall('/delete_plan',{plan_id:planId});result.success?(alert('Plan eliminado'),loadPlans()):alert('Error al eliminar')}}function generatePDF(planId){alert('Generación de PDF disponible en versión completa')}
 </script>
 </body>
 </html>

requirements.txt

@@ -1,10 +1 @@
-Flask
-flask-cors
-python-dotenv
-datasets
-transformers
-torch
-faiss-cpu
-langchain
-langchain-community
-google-genai
+gradio==4.44.0