Organigrama Institucional

                graph TD
    %% 1. Definición de Estilos (Sintaxis v10+)
    
    %% CAMBIO AQUÍ: Se agregaron comillas simples a TODOS los valores de estilo.
    classDef blue fill:'#0d47a1',color:'#fff',stroke:'#0d47a1',stroke-width:'2px',font-weight:'bold'
    classDef green fill:'#166534',color:'#fff',stroke:'#166534',stroke-width:'2px',font-weight:'bold'

    %% 2. Definición de Nodos (Las cajas)
    DIR((DIRECCIÓN))
    
    OCI[ÓRGANO DE CONTROL INTERNO]
    ADM[ÁREA DE GESTIÓN ADMINISTRATIVA]
    PED[ÁREA DE GESTIÓN PEDAGÓGICA]
    CPE[CENTROS Y PROGRAMAS EDUCATIVOS]

    CPEdu[CONSEJO PARTICIPATIVO DE EDUCACIÓN]
    AJ[ASESORÍA JURÍDICA]
    AGI[ÁREA DE GESTIÓN INSTITUCIONAL]

    CB[CENTRO BASE]
    CONEI[CONEI]
    COL[COLEGIO]
    ESC[ESCUELA]
    PRO[PROGRAMAS]

    %% 3. Conexiones (Las flechas)
    DIR --> ADM
    DIR --> PED
    DIR --> AGI

    OCI -.-> DIR
    CPEdu -.-> DIR
    AJ -.-> DIR

    DIR --> CB
    CPE --> CB

    CB <--> CONEI
    CB <--> COL
    CB <--> ESC
    CB <--> PRO

    %% 4. Aplicar Estilos
    class DIR blue
    class OCI,ADM,PED,CPE,CPEdu,AJ,AGI,CB,CONEI,COL,ESC,PRO green