graph TD
    A[Inicio] --> B[Guía General]
    A --> C[Metodología]
    A --> D[Procesos]
    A --> E[Herramientas]
    A --> F[Seguimiento]

    classDef default fill:#fff,stroke:#2D3748,stroke-width:2px;
    classDef emphasis fill:#EBF8FF,stroke:#3182CE,stroke-width:2px;
    class A emphasis;
    class B,C,D,E,F default;

graph TD
    subgraph sg1["Guía General"]
    B[Guía General] --> G[Objetivos]
    B --> H[Beneficiarios]
    B --> I[Estructura]
    B --> J[Servicios]
    B --> K[Resultados]
    end

    classDef default fill:#fff,stroke:#2D3748,stroke-width:2px;
    classDef primary fill:#EBF8FF,stroke:#3182CE,stroke-width:2px;
    classDef secondary fill:#fff,stroke:#4A5568,stroke-width:1.5px;
    class B primary;
    class G,H,I,J,K secondary;
    style sg1 fill:#F7FAFC,stroke:#4299E1,stroke-width:2px;

graph TD
    subgraph sg2["Metodología"]
    C[Metodología] --> L[Métodos grupales]
    C --> M[Métodos individuales]
    C --> N[Métodos masivos]
    C --> O[Fases]
    end

    classDef default fill:#fff,stroke:#2D3748,stroke-width:2px;
    classDef primary fill:#E6FFFA,stroke:#319795,stroke-width:2px;
    classDef secondary fill:#fff,stroke:#4A5568,stroke-width:1.5px;
    class C primary;
    class L,M,N,O secondary;
    style sg2 fill:#F0FFF4,stroke:#38B2AC,stroke-width:2px;

graph TD
    subgraph sg3["Procesos"]
    D[Procesos] --> P[Procedimientos]
    D --> Q[Formatos]
    D --> R[Flujos]
    D --> S[Roles]
    end

    classDef default fill:#fff,stroke:#2D3748,stroke-width:2px;
    classDef primary fill:#FEF3F2,stroke:#E53E3E,stroke-width:2px;
    classDef secondary fill:#fff,stroke:#4A5568,stroke-width:1.5px;
    class D primary;
    class P,Q,R,S secondary;
    style sg3 fill:#FFF5F5,stroke:#F56565,stroke-width:2px;

graph TD
    subgraph sg4["Herramientas"]
    E[Herramientas] --> T[Registro]
    E --> U[Campo Innova]
    E --> V[IPPTA]
    E --> W[Planeador]
    end

    classDef default fill:#fff,stroke:#2D3748,stroke-width:2px;
    classDef primary fill:#FAF5FF,stroke:#805AD5,stroke-width:2px;
    classDef secondary fill:#fff,stroke:#4A5568,stroke-width:1.5px;
    class E primary;
    class T,U,V,W secondary;
    style sg4 fill:#F8F5FF,stroke:#9F7AEA,stroke-width:2px;

graph TD
    subgraph sg5["Seguimiento"]
    F[Seguimiento] --> X[Indicadores]
    F --> Y[Informes]
    F --> Z[Matriz]
    F --> AA[Evaluación]
    end

    classDef default fill:#fff,stroke:#2D3748,stroke-width:2px;
    classDef primary fill:#FFFAF0,stroke:#DD6B20,stroke-width:2px;
    classDef secondary fill:#fff,stroke:#4A5568,stroke-width:1.5px;
    class F primary;
    class X,Y,Z,AA secondary;
    style sg5 fill:#FFFAF0,stroke:#ED8936,stroke-width:2px;