Mapa Conceptual: Los 5 Reinos

[MODO] Actúa como un experto en visualización de datos (D3.js) y diseñador UI/UX (Glassmorphism).

[TAREA] Crea un Mapa Conceptual interactivo (Dendrograma Colapsable) sobre "La Clasificación de los 5 Reinos" en un ÚNICO archivo HTML.

[TECNOLOGÍAS]
1.  **Archivo Único**: HTML + CSS + JavaScript.
2.  **Estilos**: **Glassmorphism** (fondo oscuro #0c0a18, paneles `glass-panel`).
3.  **Fuentes**: 'Inter' (cargada de Google Fonts).
4.  **Tailwind CSS**: Cargado de CDN.
5.  **Gráficos**: **D3.js (v7)**. Cargar desde CDN.
6.  **PDF-Export**: `jspdf` y `html2canvas` desde CDN.

[ESTRUCTURA DE DATOS (JSON)]
Crea un objeto JSON jerárquico (`treeData`) para los 5 reinos, con 2-3 niveles de profundidad.
Ejemplo:
{
  name: "Seres Vivos",
  children: [
    { name: "Monera", children: [...] },
    { name: "Protista", children: [...] },
    { name: "Fungi", children: [...] },
    { name: "Plantae", children: [{name: "Vasculares"}, {name: "No Vasculares"}] },
    { name: "Animalia", children: [{name: "Vertebrados"}, {name: "Invertebrados"}] }
  ]
}

[DISEÑO Y ESTRUCTURA D3.JS]
1.  **Layout**: Un "diagrama de árbol" (`d3.tree()`).
2.  **SVG**: Crear un SVG que ocupe toda la pantalla (`#chart-container`).
3.  **Interactividad**:
    * **Colapsable**: Al hacer clic en un nodo, sus hijos deben colapsar o expandirse. (Usar la técnica de `_children` para guardar los nodos colapsados).
    * **Zoom/Pan**: Implementar `d3.zoom()` en el SVG para permitir al usuario navegar, arrastrar y hacer zoom.
4.  **Estilo D3 (CSS)**:
    * **Nodos**: `.node circle` debe tener un estilo Glassmorphism (borde brillante `stroke: #a78bfa`, relleno oscuro `fill: #1d1a3a`).
    * **Nodos Hoja**: `.node--leaf circle` debe tener un relleno brillante (`fill: #a78bfa`).
    * **Líneas**: `.link` debe ser de un color brillante (`stroke: #8b5cf6`, `stroke-opacity: 0.6`).
    * **Texto**: `.node text` debe ser claro (`fill: #E0E5EC`).
    * El gráfico debe ser "Tidy Tree", con la raíz a la izquierda y las ramas hacia la derecha.

[FUNCIONALIDAD "META"]
1.  **Footer Fijo**: Un `