def controlar_paginacion(num_pagina, data) :
    """
    Callback que controla cuáles son las escuelas que se muestran en el reporte.
    Se activa cuando cambia el valor del slider-paginacion.
    
    El número de escuelas que se muestran está definido por la constante
    ESCUELAS_POR_PAGINA.
    
    Args:
        num_pagina (int): número de página que se desea mostrar.
        data (dict): diccionario que contiene los datos de las escuelas.
    
    Returns:
        tabla_matricula (:obj: `dash_bootstrap_components.Table`): layout de una
            tabla con la matrícula de las escuelas que le corresponden a esa página.
        tabla_metricas (:obj: `dash_bootstrap_components.Table`): layout de una
            tabla con las métricas de predicción de las escuelas que le corresponden 
            a esa página.
        scatterplot (:obj: `plotly.express.line`): gráfica que contiene los 
            scatterplot de las escuelas que le corresponden a esa página.
        boxplot (:obj: `plotly.graph_objs.Figure`): gráfica que contiene los 
            boxplot de las escuelas que le corresponden a esa página.
        salida-loading-graficas (:obj:): salida del loading para mostrar el gif 
            de carga en lo que el callback se termina de ejecutar. No hace falta 
            regresar un valor específico, por lo que se regresa None.
    """
    if not num_pagina :
        raise PreventUpdate

    # Obtener escuelas
    escuelas = data['escuelas']
    escuelas_pagina = dict()
    ccts = list(escuelas.keys())
    
    # Obtener los índices que le corresponden a la página
    primer_indice_pagina = (num_pagina - 1) * ESCUELAS_POR_PAGINA
    ultimo_indice_pagina = min(num_pagina * ESCUELAS_POR_PAGINA, len(escuelas))
    
    # Crear un subconjunto de las escuelas
    for i in range(primer_indice_pagina, ultimo_indice_pagina) :
        cct = ccts[i]
        escuelas_pagina[cct] = escuelas[cct]
    
    # Crear gráficas
    tabla_matricula = GeneradorDeGraficas.generar_tabla_matricula(escuelas_pagina)
    tabla_metricas = GeneradorDeGraficas.generar_tabla_metricas(escuelas_pagina)
    scatterplot = GeneradorDeGraficas.generar_scatterplot(escuelas_pagina)
    boxplot = GeneradorDeGraficas.generar_boxplot(escuelas_pagina)
    
    return tabla_matricula, tabla_metricas, scatterplot, boxplot, None
def cargar_contenido_reporte_individual(escuelas, cct):
    """
    Función que carga el contenido de un reporte individual.
    
    Args:   
        escuelas (:obj: `OrderedDict`): diccionario ordenado con los datos de las
            escuelas del reporte.
        cct (str): cct de la escuela a generar el reporte individual.

    Returns:
        Layout del reporte individual para mostrarlo en la plantilla del reporte.
    
    """
    # Gráficas del reporte
    scatterplot = GeneradorDeGraficas.generar_scatterplot(
        {cct: escuelas[cct]},
        show_legend=False,
        title=u"Proyección de matrícula de %s" % (cct))

    boxplot = GeneradorDeGraficas.generar_boxplot(
        {cct: escuelas[cct]},
        show_legend=False,
        title=u"Medidas de tendencia central (matrícula)")

    tabla_metricas = GeneradorDeGraficas.generar_tabla_metricas(
        {cct: escuelas[cct]}, links_requeridos=False)
    tabla_matricula = GeneradorDeGraficas.generar_tabla_matricula(
        {cct: escuelas[cct]}, links_requeridos=False)

    correlograma_acf = GeneradorDeGraficas.generar_correlograma(
        escuelas[cct]['matricula'], cct=cct, es_acf=True)

    # Nota (26/01/2021):
    # El cálculo del PACF implica tener control sobre el número de lags que tiene
    # la serie de tiempo. Se comentó el siguiente bloque de código para evitar
    # errores de ejecución.
    """
    correlograma_pacf = GeneradorDeGraficas.generar_correlograma(
        escuelas[cct]['matricula'],
        cct = cct,
        es_acf = False
    )
    """

    mapa = GeneradorDeGraficas.generar_mapa({cct: escuelas[cct]},
                                            titulo=u'Ubicación de %s' % (cct))

    # Crear layout de la página
    layout_reporte_individual = dbc.Container(
        [
            # Renglón de las tarjetas
            dbc.Row(
                [
                    # Layout del nombre de la escuela
                    dbc.Col(dbc.Card(dbc.CardBody(
                        dbc.Container(
                            dbc.Row([
                                dbc.Col([
                                    html.H6(u"Nombre de la escuela",
                                            className="card-title",
                                            style={"font-weight": "bold"}),
                                    html.P(escuelas[cct]["nombre"],
                                           className="card-text")
                                ],
                                        width=10,
                                        style={
                                            "margin": "0",
                                            "padding": "0"
                                        }),
                                dbc.Col(
                                    html.I(className="fas fa-user-circle"),
                                    width=2,
                                    style={
                                        "margin": "0",
                                        "padding": "0",
                                        "margin-top": "auto",
                                        "margin-bottom": "auto",
                                        "font-size": "2rem"
                                    },
                                    className="d-flex justify-content-center")
                            ]))),
                                     style={"margin-top": "1rem"}),
                            md=3),
                    # Layout de la clave del centro de trabajo
                    dbc.Col(dbc.Card(dbc.CardBody(
                        dbc.Container(
                            dbc.Row([
                                dbc.Col([
                                    html.H6(u"Clave del centro de trabajo",
                                            className="card-title",
                                            style={"font-weight": "bold"}),
                                    html.P(cct, className="card-text")
                                ],
                                        width=10,
                                        style={
                                            "margin": "0",
                                            "padding": "0"
                                        }),
                                dbc.Col(
                                    html.I(className="fas fa-graduation-cap"),
                                    width=2,
                                    style={
                                        "margin": "0",
                                        "padding": "0",
                                        "margin-top": "auto",
                                        "margin-bottom": "auto",
                                        "font-size": "2rem"
                                    },
                                    className="d-flex justify-content-center")
                            ]))),
                                     style={"margin-top": "1rem"}),
                            md=4),
                    # Layout del municipio
                    dbc.Col(dbc.Card(dbc.CardBody(
                        dbc.Container(
                            dbc.Row([
                                dbc.Col([
                                    html.H6(u"Municipio",
                                            className="card-title",
                                            style={"font-weight": "bold"}),
                                    html.P(escuelas[cct]["mun"],
                                           className="card-text")
                                ],
                                        width=10,
                                        style={
                                            "margin": "0",
                                            "padding": "0"
                                        }),
                                dbc.Col(
                                    html.I(className="fas fa-map-marker-alt"),
                                    width=2,
                                    style={
                                        "margin": "0",
                                        "padding": "0",
                                        "margin-top": "auto",
                                        "margin-bottom": "auto",
                                        "font-size": "2rem"
                                    },
                                    className="d-flex justify-content-center")
                            ]))),
                                     style={"margin-top": "1rem"}),
                            md=3),
                    # Layout del nivel
                    dbc.Col(dbc.Card(dbc.CardBody(
                        dbc.Container(
                            dbc.Row([
                                dbc.Col([
                                    html.H6(u"Nivel",
                                            className="card-title",
                                            style={"font-weight": "bold"}),
                                    html.P(escuelas[cct]["nivel"],
                                           className="card-text")
                                ],
                                        width=10,
                                        style={
                                            "margin": "0",
                                            "padding": "0"
                                        }),
                                dbc.Col(
                                    html.I(className="fas fa-book-reader"),
                                    width=2,
                                    style={
                                        "margin": "0",
                                        "padding": "0",
                                        "margin-top": "auto",
                                        "margin-bottom": "auto",
                                        "font-size": "2rem"
                                    },
                                    className="d-flex justify-content-center")
                            ]))),
                                     style={"margin-top": "1rem"}),
                            md=2)
                ], ),
            # Renglón del scatterplot
            dbc.Row(
                dbc.Col([
                    dcc.Graph(figure=scatterplot),
                    html.P(u"* Proyección realizada utilizando %s" %
                           (METODOS[escuelas[cct]['metodo']]),
                           className="text-secondary",
                           style={
                               "font-size": "0.5rem",
                               "margin": "0 0 0 4rem",
                               "padding": "0"
                           }),
                    html.P(u"* Fuente: estadística 911",
                           className="text-secondary",
                           style={
                               "font-size": "0.5rem",
                               "margin": "0 0 0 4rem",
                               "padding": "0"
                           })
                ],
                        md=12)),
            # Renglón del boxplot y el mapa
            dbc.Row([
                # Layout del boxplot
                dbc.Col(dcc.Graph(figure=boxplot), md=6),
                # Layout del mapa
                dbc.Col([dcc.Graph(figure=mapa)], md=6)
            ]),
            # Renglón con el correlograma
            dbc.Row(dbc.Col(dcc.Graph(figure=correlograma_acf), md=12)),
            # Renglón de las tablas de métricas y matrícula
            dbc.Row(
                [
                    # Layout de la tabla de matrícula
                    dbc.Col(
                        [
                            dbc.Container(
                                dbc.Row([
                                    html.H4(u"Matrícula por ciclo escolar"),
                                    dbc.Button(
                                        [
                                            u"Descargar csv ",
                                            html.I(
                                                className=
                                                "far fa-arrow-alt-circle-down")
                                        ],
                                        color="info",
                                        style={
                                            "padding": "0.2rem",
                                            "margin": "0 0.2rem 0.2rem 0.2rem",
                                            "background": "#1199EE"
                                        },
                                        id={
                                            'type':
                                            'boton-descargar-csv-individual',
                                            'index': cct
                                        }),
                                    Download(
                                        id={
                                            'type': 'descargar-csv-individual',
                                            'index': cct
                                        })
                                ])), tabla_matricula
                        ],
                        md=6,
                    ),
                    # Layout de la tabla de métricas
                    dbc.Col(
                        [
                            html.H4(u"Métricas de la proyección"),
                            tabla_metricas
                        ],
                        md=6,
                    )
                ], )
        ],
        # Estilos del layout general
        style={"background": "#FFFFFF"},
        fluid=True)
    return layout_reporte_individual