# Sitemap

<!-- Este archivo define la arquitectura de información del sitio:
     qué páginas existen, qué contiene cada una, y en qué orden.
     No es un documento técnico — es el plano del edificio. -->

---

## Site Type

<!-- Define el formato general antes de listar páginas. -->

- **Format**: [ej. Single-page con scroll / Multi-page / Híbrido: single-page + landings independientes]
- **Routes activas ahora**:
  - `/` — [Descripción de la página principal]
  - `/[ruta]` — [Descripción]
- **Routes futuras**:
  - `/[ruta]` — [Descripción — cuándo se construye]
  - `/[ruta]/[subruta]` — [Descripción]

---

## Página Principal `/`

<!-- Si es single-page, lista las secciones en orden de aparición al scrollear.
     Para cada sección: qué contiene, qué decisión toma el usuario, qué sigue. -->

### 1. [Nombre de la sección — ej. Hero]
[Qué aparece: elementos visuales + texto + acciones disponibles]
- [Elemento 1 — ej. Foto profesional integrada al fondo]
- [Elemento 2 — ej. Headline principal]
- [Elemento 3 — ej. CTA primario: "Texto del botón" → destino]
- [Elemento 4 — ej. CTA secundario: "Texto del botón" → destino]

### 2. [Nombre de la sección — ej. Qué hago / Servicios]
[Qué aparece y cómo está estructurado]
- [ej. 3-4 columnas o cards con ícono, título corto, y 1-2 líneas]
- [Servicio 1: nombre + descripción corta]
- [Servicio 2: nombre + descripción corta]
- [Servicio 3: nombre + descripción corta]

### 3. [Nombre de la sección — ej. Trabajo / Proyectos]
[Qué aparece, layout, y comportamiento especial si hay animación]
- [ej. Scroll horizontal forzado con N proyectos]
- [Proyecto 1: nombre, rol, resultado en una línea, link]
- [Proyecto 2: nombre, rol, resultado en una línea, link]
- [Proyecto 3: nombre, rol, resultado en una línea, link]

### 4. [Nombre de la sección — ej. Sobre mí]
[Contenido y estructura visual]
- [ej. Bio larga con timeline profesional vertical]
- [ej. Línea de tiempo: año + descripción]
- [ej. Nota personal al final]

### 5. [Nombre de la sección — ej. Cursos / Educación]
[Si aplica — qué aparece, qué CTA tiene]
- [ej. Teaser de oferta educativa, no landing de venta]
- [ej. Nombre + 2 líneas + estado (en venta / próximamente) + CTA]

### 6. [Nombre de la sección — ej. Contacto / Hablemos]
[Formulario o mecanismo de contacto]
- [Campos del formulario: nombre, email, mensaje]
- [Qué aparece debajo: email directo, redes]
- [Posición en la página: pre-footer]

### 7. [Nombre de la sección — ej. Footer]
[Contenido y peso visual]
- [ej. Ocupa viewport completo]
- [Elementos: tagline, links de redes, copyright]
- [Mood: minimal, da cierre visual]

---

## Páginas Independientes

<!-- Para cada página separada del single-page: define su propósito y estructura de alto nivel.
     El detalle interno se define cuando se construye. -->

### `/[ruta]` — [Nombre de la página]
- **Propósito**: [Para qué existe esta página — qué problema resuelve o qué acción busca]
- **Audiencia**: [A quién va dirigida]
- **CTA principal**: [Qué debe hacer el usuario al salir de esta página]
- **Estructura**: [Lista de secciones en orden — se detalla cuando se construya]

### `/[ruta]` — [Nombre de la página]
- **Propósito**: [Descripción]
- **Audiencia**: [Descripción]
- **CTA principal**: [Descripción]
- **Estructura**: [Lista de secciones]

---

## Navegación

<!-- Define el menú: qué items aparecen, en qué orden, y qué hace cada uno. -->

- **Nav items**: [Item 1] · [Item 2] · [Item 3] · [Item 4] · [CTA en nav]
- **Comportamiento desktop**: [ej. Cada item ancla a la sección / navega a página]
- **Comportamiento mobile**: [ej. Hamburguesa → drawer lateral / dropdown]
- **Sticky**: [Sí / No — y si cambia de estilo al scrollear: transparente → sólido]

---

## Footer

<!-- Define qué aparece en el footer global — si es diferente del footer de la home. -->

- **Contenido**: [Elementos en orden — ej. Tagline · Redes · Email · Copyright]
- **Estilo**: [ej. Full viewport / Normal. Fondo oscuro / claro. Color de texto y acento]
- **Links**: [Qué links incluye y adónde van]