🎯 Misión: Modo "Astronauta"
Tomar el Mapa del Sistema Solar (v7.0) y rediseñar los modales con una estética "NASA", hacer los botones "más grandes y bonitos", y añadir "más contenido" (detallado) a cada nodo.
✨ Superpoderes (v7.1)
- Rediseño de Modales (NASA): Se reemplazó el modal blanco por un modal *glassmorphism* oscuro (`rgba(10, 20, 50, 0.9)`), con cabecera `Orbitron` y bordes cian.
- Botones "Bonitos": Se reemplazaron los botones de texto (`−`, `×`) por botones circulares de 40px (`.modal-btn-nasa`) con iconos SVG y efectos `hover` brillantes.
- ¡Contenido Masivo!: Se reestructuró `solarSystemData`. Cada `info` ahora es un objeto con `definition`, `characteristics` (lista), `curiosity` (caja) y `data` (cuadrícula).
- Renderizado de Contenido: `showInfoModal(data)` fue reescrita para construir dinámicamente este nuevo modal enriquecido con `innerHTML`.
- Icono de Header: Se cambió el icono ⚡️ por una sonda espacial 🛰️ (SVG) para alinearse con el tema.
📝 Prompt Original (v7.0)
[MODO] Actúo como un diseñador gráfico e interactivo experto.
[TAREA] Crear un mapa mental HTML/CSS/JS "fantástico" y "responsive" sobre el Sistema Solar en un ÚNICO archivo HTML.
[REQUISITOS DE DISEÑO (ESTÉTICA "FANTÁSTICA")]
1. **Fondo Espacial Parallax:** 4 capas (estrellas + cometas).
2. **Paleta de Colores Cósmica:** Sol (dorado), Categorías (cian), Planetas (púrpura), Lunas (azul claro), Cuerpos Menores (gris).
3. **Estilo de Nodos (CSS):** Círculos responsivos (`vmin`), borde cian brillante.
4. **Estabilidad (No "Brincos"):** JS maneja `left`/`top`, CSS (`:hover`) maneja `transform: scale`.
5. **Tipografía:** 'Orbitron' / 'Poppins'.
6. **Layout (Glassmorphism):** Header oscuro, Footer blanco (estilo "La Célula").
[REQUISITOS DE FUNCIONALIDAD (JAVASCRIPT PURO)]
1. **Layout Radial (JS):** Órbitas (`levelRadius`) responsivas.
2. **Paneo y Zoom:** Arrastrar fondo y rueda del mouse.
3. **Nodos Arrastrables (Drag-and-Drop):** Arrastrar un nodo "padre" mueve a todos sus "hijos" (`moveNodeAndChildren`).
4. **Colapso (Botones +/-):** Clic en `.expander` colapsa/expande.
5. **Memoria de Layout:** Nodos arrastrados recuerdan su posición.
6. **Información (Botón ℹ):** **(v7.0)** Un botón `ℹ` en cada nodo abre un modal "bonito" (`#infoModal`) con `data.info`.
7. **Footer y Modal (Meta):** El `footer` contiene Zoom/Reset y un botón "Ver Prompt" que abre `#promptModal`.