﻿<?php
$pageTitle = "Objetivos de desarrollo sostenible";
$mainTitle = "Objetivos de desarrollo sostenible";
$subTitle = null;
$contentPadding = "p-0";
include('webparts/top2.php');
$fechaCorte = (new DBService())->getFechaUltimoCorte();
$fechaCorteTrazadores = (new DBService())->getFechaCorteTrazadores();
?>
<div class="row no-gutters">
    <section aria-label="menu lateral izquierdo" role="navigation" class="col col-md-3 menu-left">
        <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
            <a class="nav-link active" id="v-pills-tab-1" data-toggle="pill" href="#v-pills" role="tab" aria-controls="v-pills-tab" aria-selected="true">Fin de la Pobreza</a>
            <a class="nav-link" id="v-pills-tab-2" data-toggle="pill" href="#v-pills-1" role="tab" aria-controls="v-pills-tab-tab-1" aria-selected="false">Hambre cero</a>
            <a class="nav-link" id="v-pills-tab-3" data-toggle="pill" href="#v-pills-2" role="tab" aria-controls="v-pills-tab-tab-2" aria-selected="false">Salud y bienestar</a>
            <a class="nav-link" id="v-pills-tab-4" data-toggle="pill" href="#v-pills-3" role="tab" aria-controls="v-pills-tab-tab-3" aria-selected="false">Educación de calidad</a>
            <a class="nav-link" id="v-pills-tab-5" data-toggle="pill" href="#v-pills-4" role="tab" aria-controls="v-pills-tab-tab-4" aria-selected="false">Igualdad de género</a>
            <a class="nav-link" id="v-pills-tab-6" data-toggle="pill" href="#v-pills-5" role="tab" aria-controls="v-pills-tab-tab-5" aria-selected="false">Agua limpia y saneamiento</a>
            <a class="nav-link" id="v-pills-tab-7" data-toggle="pill" href="#v-pills-6" role="tab" aria-controls="v-pills-tab-tab-6" aria-selected="false">Trabajo decente y crecimiento económico</a>
            <a class="nav-link" id="v-pills-tab-8" data-toggle="pill" href="#v-pills-7" role="tab" aria-controls="v-pills-tab-tab-7" aria-selected="false">Industria, innovación e infraestructura</a>
            <a class="nav-link" id="v-pills-tab-9" data-toggle="pill" href="#v-pills-8" role="tab" aria-controls="v-pills-tab-tab-8" aria-selected="false">Reducción de las desigualdades</a>
            <a class="nav-link" id="v-pills-tab-10" data-toggle="pill" href="#v-pills-9" role="tab" aria-controls="v-pills-tab-tab-9" aria-selected="false">Ciudades y comunidades sostenibles</a>
            <a class="nav-link" id="v-pills-tab-11" data-toggle="pill" href="#v-pills-10" role="tab" aria-controls="v-pills-tab-tab-10" aria-selected="false">Producción y consumo responsables</a>
            <a class="nav-link" id="v-pills-tab-12" data-toggle="pill" href="#v-pills-11" role="tab" aria-controls="v-pills-tab-tab-11" aria-selected="false">Acción por el clima</a>
            <a class="nav-link" id="v-pills-tab-13" data-toggle="pill" href="#v-pills-12" role="tab" aria-controls="v-pills-tab-tab-12" aria-selected="false">Vida de ecosistemas terrestres</a>
            <a class="nav-link" id="v-pills-tab-14" data-toggle="pill" href="#v-pills-13" role="tab" aria-controls="v-pills-tab-tab-13" aria-selected="false">Paz, justicia e instituciones sólidas</a>
            <a class="nav-link" id="v-pills-tab-15" data-toggle="pill" href="#v-pills-14" role="tab" aria-controls="v-pills-tab-tab-14" aria-selected="false">Alianzas para Lograr los Objetivos</a>
        </div>
    </section>
    <div class="col col-md-9 pt-2 pb-5 px-4 pnlRight">
        <nav aria-label="breadcrumb">
            <a class='btn btn-outline-orange btn-borderless btn-sm mr-2' href='#' id="btnToggleMenu" title="Mostrar/Ocultar menú lateral" data-toggle="tooltip"><svg class='icon'>
                    <use xlink:href='img/bootstrap-icons.svg#sidebar' />
                </svg></a>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="index.php">Inicio</a></li>
                <li class="breadcrumb-item active" aria-current="page"><a href="#">Objetivos de desarrollo sostenible</a></li>
            </ol>
        </nav>
        <div class="tab-content" id="v-pills-tabContent">
            <div class="tab-pane fade show active" id="v-pills" role="tabpanel" aria-labelledby="v-pills-tab">
                <h3 class="innerTitleSmall mb-4">Fin de la Pobreza</h3>
                <div class="row mb-5">
                    <div class="col">
                        Poner fin a la pobreza en todas sus formas en todo el mundo.
                    </div>
                </div>
                <div class="row mb-4">
                    <div class="col value-info">
                        <svg class="icon">
                            <use xlink:href="img/custom-icons.svg#pie" />
                        </svg>
                        <span class="name">Ejecutados a <?= $fechaCorte ?></span>
                        <span class="value" id="se1"> <span class="loading-dots"></span></span>
                    </div>
                </div>
                <nav>
                    <div class="nav nav-tabs" id="nav-tab" role="tablist">
                        <a class="nav-link active" id="nav-met-tra-tab" data-toggle="tab" href="#nav-met-tra" role="tab" aria-controls="nav-met-tra" aria-selected="true">Metas trazadoras</a>
                        <a class="nav-link" id="nav-met-sec-tab" data-toggle="tab" href="#nav-met-sec" role="tab" aria-controls="nav-met-sec" aria-selected="true">Metas sectoriales</a>
                        <a class="nav-link" id="nav-presupuesto-tab" data-toggle="tab" href="#nav-presupuesto" role="tab" aria-controls="nav-presupuesto" aria-selected="false">Presupuesto</a>
                    </div>
                </nav>
                <div class="tab-content pt-5" id="nav-tabContent">
                    <div class="tab-pane fade show active" id="nav-met-tra" role="tabpanel" aria-labelledby="nav-met-tra-tab">
						<div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorteTrazadores ?></span>
								<span class="value" id="sa1"> <span class="loading-dots"></span></span>
							</div>
                            <div class="col-md-4 form-group">
                                <a class="float-right" href="files/02_MetasTrazadorasvsODS20230630.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos
                                </a>
                            </div>
                        </div>
						<div class="row">
							<div class="col">
								<div class="form-group">
									El seguimiento a estas metas se realiza de forma semestral.
								</div>
								<!--<div class="form-group fst-italic">
									Fuente: Secretaría Distrital de Planeación. Dirección de Planes de Desarrollo y Fortalecimiento Local.
								</div>
								-->
							</div>
						</div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 19%;">Meta</th>
                                            <th style="width: 18%;">Indicador</th>
                                            <th style="width: 15%;">Línea base</th>
                                            <th style="width: 15%;">Fuente Año</th>
                                            <th style="width: 15%;">Meta Cuatrenio</th>
                                            <th style="width: 15%;">Último dato</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbmt1"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav-met-sec" role="tabpanel" aria-labelledby="nav-met-sec-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorte ?></span>
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="https://www.sdp.gov.co/gestion-a-la-inversion/programacion-y-seguimiento-a-la-inversion/seguimiento" target="_blank">
                                    Conoce toda la información del seguimiento al Plan de Desarrollo
                                </a>
                            </div>
                        </div>
                        <div class="row">
							<div class="col form-group">
								El seguimiento a estas metas se realiza de forma trimestral.
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="files/AsiVaElPlanPlanAccion20202024_20240331.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos abiertos
                                </a>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 57%;">Meta</th>
                                            <th style="width: 20%;">Asignación Cuatrienio</th>
                                            <th style="width: 20%;">Ejecutado</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbms1"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav-presupuesto" role="tabpanel" aria-labelledby="nav-presupuesto-tab">
                        <div class="row">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Total ejecutado y por ejecutar</div>
                                <canvas id="myCanvas1" width="300" height="300" class="donut"></canvas>
                            </div>
                            <div class="col-5 d-flex align-items-center">
                                <div class="text-left">
                                    <span class="pieIndicator yellow"></span> Ejecutado<br />
                                    <span class="pieIndicator blue"></span> Por Ejecutar<br />
                                </div>
                            </div>
                        </div>
                        <div class="row mt-5">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 1</div>
                                <canvas id="myCanvas1_1" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 2</div>
                                <canvas id="myCanvas1_2" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 3</div>
                                <canvas id="myCanvas1_3" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 4</div>
                                <canvas id="myCanvas1_4" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 5</div>
                                <canvas id="myCanvas1_5" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="v-pills-1" role="tabpanel" aria-labelledby="v-pills-tab-tab-1">
                <h3 class="innerTitleSmall mb-4">Hambre cero</h3>
                <div class="row mb-5">
                    <div class="col">
                        Poner fin al hambre, lograr la seguridad alimentaria y la mejora de la nutrición y promover la agricultura sostenible.
                    </div>
                </div>
                <div class="row mb-4">
                    <div class="col value-info">
                        <svg class="icon">
                            <use xlink:href="img/custom-icons.svg#pie" />
                        </svg>
                        <span class="name">Ejecutados a <?= $fechaCorte ?></span>
                        <span class="value" id="se2"> <span class="loading-dots"></span></span>
                    </div>
                </div>
                <nav>
                    <div class="nav nav-tabs" id="nav2-tab" role="tablist">
                        <a class="nav-link active" id="nav2-met-tra-tab" data-toggle="tab" href="#nav2-met-tra" role="tab" aria-controls="nav2-met-tra" aria-selected="true">Metas trazadoras</a>
                        <a class="nav-link" id="nav2-met-sec-tab" data-toggle="tab" href="#nav2-met-sec" role="tab" aria-controls="nav2-met-sec" aria-selected="true">Metas sectoriales</a>
                        <a class="nav-link" id="nav2-presupuesto-tab" data-toggle="tab" href="#nav2-presupuesto" role="tab" aria-controls="nav2-presupuesto" aria-selected="false">Presupuesto</a>
                    </div>
                </nav>
                <div class="tab-content pt-5" id="nav2-tabContent">
                    <div class="tab-pane fade show active" id="nav2-met-tra" role="tabpanel" aria-labelledby="nav2-met-tra-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorteTrazadores ?></span>
								<span class="value" id="sa2"> <span class="loading-dots"></span></span>
							</div>
                            <div class="col-md-4 form-group">
                                <a class="float-right" href="files/02_MetasTrazadorasvsODS20230630.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos
                                </a>
                            </div>
                        </div>
						<div class="row">
							<div class="col">
								<div class="form-group">
									El seguimiento a estas metas se realiza de forma semestral.
								</div>
								<!--<div class="form-group fst-italic">
									Fuente: Secretaría Distrital de Planeación. Dirección de Planes de Desarrollo y Fortalecimiento Local.
								</div>
								-->
							</div>
						</div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 19%;">Meta</th>
                                            <th style="width: 18%;">Indicador</th>
                                            <th style="width: 15%;">Línea base</th>
                                            <th style="width: 15%;">Fuente Año</th>
                                            <th style="width: 15%;">Meta Cuatrenio</th>
                                            <th style="width: 15%;">Último dato</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbmt2"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav2-met-sec" role="tabpanel" aria-labelledby="nav2-met-sec-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorte ?></span>
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="https://www.sdp.gov.co/gestion-a-la-inversion/programacion-y-seguimiento-a-la-inversion/seguimiento" target="_blank">
                                    Conoce toda la información del seguimiento al Plan de Desarrollo
                                </a>
                            </div>
                        </div>
                        <div class="row">
							<div class="col form-group">
								El seguimiento a estas metas se realiza de forma trimestral.
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="files/AsiVaElPlanPlanAccion20202024_20240331.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos abiertos
                                </a>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 57%;">Meta</th>
                                            <th style="width: 20%;">Asignación Cuatrienio</th>
                                            <th style="width: 20%;">Ejecutado</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbms2"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav2-presupuesto" role="tabpanel" aria-labelledby="nav2-presupuesto-tab">
                        <div class="row">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Total ejecutado y por ejecutar</div>
                                <canvas id="myCanvas2" width="300" height="300" class="donut"></canvas>
                            </div>
                            <div class="col-5 d-flex align-items-center">
                                <div class="text-left">
                                    <span class="pieIndicator yellow"></span> Ejecutado<br />
                                    <span class="pieIndicator blue"></span> Por Ejecutar<br />
                                </div>
                            </div>
                        </div>
                        <div class="row mt-5">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 1</div>
                                <canvas id="myCanvas2_1" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 2</div>
                                <canvas id="myCanvas2_2" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 3</div>
                                <canvas id="myCanvas2_3" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 4</div>
                                <canvas id="myCanvas2_4" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 5</div>
                                <canvas id="myCanvas2_5" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="v-pills-2" role="tabpanel" aria-labelledby="v-pills-tab-tab-2">
                <h3 class="innerTitleSmall mb-4">Salud y bienestar</h3>
                <div class="row mb-5">
                    <div class="col">
                        Garantizar una vida sana y promover el bienestar para todos en todas las edades.
                    </div>
                </div>
                <div class="row mb-4">
                    <div class="col value-info">
                        <svg class="icon">
                            <use xlink:href="img/custom-icons.svg#pie" />
                        </svg>
                        <span class="name">Ejecutados a <?= $fechaCorte ?></span>
                        <span class="value" id="se3"> <span class="loading-dots"></span></span>
                    </div>
                </div>
                <nav>
                    <div class="nav nav-tabs" id="nav3-tab" role="tablist">
                        <a class="nav-link active" id="nav3-met-tra-tab" data-toggle="tab" href="#nav3-met-tra" role="tab" aria-controls="nav3-met-tra" aria-selected="true">Metas trazadoras</a>
                        <a class="nav-link" id="nav3-met-sec-tab" data-toggle="tab" href="#nav3-met-sec" role="tab" aria-controls="nav3-met-sec" aria-selected="true">Metas sectoriales</a>
                        <a class="nav-link" id="nav3-presupuesto-tab" data-toggle="tab" href="#nav3-presupuesto" role="tab" aria-controls="nav3-presupuesto" aria-selected="false">Presupuesto</a>
                    </div>
                </nav>
                <div class="tab-content pt-5" id="nav3-tabContent">
                    <div class="tab-pane fade show active" id="nav3-met-tra" role="tabpanel" aria-labelledby="nav3-met-tra-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorteTrazadores ?></span>
								<span class="value" id="sa3"> <span class="loading-dots"></span></span>
							</div>
                            <div class="col-md-4 form-group">
                                <a class="float-right" href="files/02_MetasTrazadorasvsODS20230630.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos
                                </a>
                            </div>
                        </div>
						<div class="row">
							<div class="col">
								<div class="form-group">
									El seguimiento a estas metas se realiza de forma semestral.
								</div>
								<!--<div class="form-group fst-italic">
									Fuente: Secretaría Distrital de Planeación. Dirección de Planes de Desarrollo y Fortalecimiento Local.
								</div>
								-->
							</div>
						</div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 19%;">Meta</th>
                                            <th style="width: 18%;">Indicador</th>
                                            <th style="width: 15%;">Línea base</th>
                                            <th style="width: 15%;">Fuente Año</th>
                                            <th style="width: 15%;">Meta Cuatrenio</th>
                                            <th style="width: 15%;">Último dato</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbmt3"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav3-met-sec" role="tabpanel" aria-labelledby="nav3-met-sec-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorte ?></span>
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="https://www.sdp.gov.co/gestion-a-la-inversion/programacion-y-seguimiento-a-la-inversion/seguimiento" target="_blank">
                                    Conoce toda la información del seguimiento al Plan de Desarrollo
                                </a>
                            </div>
                        </div>
                        <div class="row">
							<div class="col form-group">
								El seguimiento a estas metas se realiza de forma trimestral.
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="files/AsiVaElPlanPlanAccion20202024_20240331.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos abiertos
                                </a>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 57%;">Meta</th>
                                            <th style="width: 20%;">Asignación Cuatrienio</th>
                                            <th style="width: 20%;">Ejecutado</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbms3"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav3-presupuesto" role="tabpanel" aria-labelledby="nav3-presupuesto-tab">
                        <div class="row">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Total ejecutado y por ejecutar</div>
                                <canvas id="myCanvas3" width="300" height="300" class="donut"></canvas>
                            </div>
                            <div class="col-5 d-flex align-items-center">
                                <div class="text-left">
                                    <span class="pieIndicator yellow"></span> Ejecutado<br />
                                    <span class="pieIndicator blue"></span> Por Ejecutar<br />
                                </div>
                            </div>
                        </div>
                        <div class="row mt-5">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 1</div>
                                <canvas id="myCanvas3_1" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 2</div>
                                <canvas id="myCanvas3_2" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 3</div>
                                <canvas id="myCanvas3_3" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 4</div>
                                <canvas id="myCanvas3_4" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 5</div>
                                <canvas id="myCanvas3_5" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="v-pills-3" role="tabpanel" aria-labelledby="v-pills-tab-tab-3">
                <h3 class="innerTitleSmall mb-4">Educación de calidad</h3>
                <div class="row mb-5">
                    <div class="col">
                        Garantizar una educación inclusiva, equitativa y de calidad y promover oportunidades de aprendizaje durante toda la vida para todos.
                    </div>
                </div>
                <div class="row mb-4">
                    <div class="col value-info">
                        <svg class="icon">
                            <use xlink:href="img/custom-icons.svg#pie" />
                        </svg>
                        <span class="name">Ejecutados a <?= $fechaCorte ?></span>
                        <span class="value" id="se4"> <span class="loading-dots"></span></span>
                    </div>
                </div>
                <nav>
                    <div class="nav nav-tabs" id="nav4-tab" role="tablist">
                        <a class="nav-link active" id="nav4-met-tra-tab" data-toggle="tab" href="#nav4-met-tra" role="tab" aria-controls="nav4-met-tra" aria-selected="true">Metas trazadoras</a>
                        <a class="nav-link" id="nav4-met-sec-tab" data-toggle="tab" href="#nav4-met-sec" role="tab" aria-controls="nav4-met-sec" aria-selected="true">Metas sectoriales</a>
                        <a class="nav-link" id="nav4-presupuesto-tab" data-toggle="tab" href="#nav4-presupuesto" role="tab" aria-controls="nav4-presupuesto" aria-selected="false">Presupuesto</a>
                    </div>
                </nav>
                <div class="tab-content pt-5" id="nav4-tabContent">
                    <div class="tab-pane fade show active" id="nav4-met-tra" role="tabpanel" aria-labelledby="nav4-met-tra-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorteTrazadores ?></span>
								<span class="value" id="sa4"> <span class="loading-dots"></span></span>
							</div>
                            <div class="col-md-4 form-group">
                                <a class="float-right" href="files/02_MetasTrazadorasvsODS20230630.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos
                                </a>
                            </div>
                        </div>
						<div class="row">
							<div class="col">
								<div class="form-group">
									El seguimiento a estas metas se realiza de forma semestral.
								</div>
								<!--<div class="form-group fst-italic">
									Fuente: Secretaría Distrital de Planeación. Dirección de Planes de Desarrollo y Fortalecimiento Local.
								</div>
								-->
							</div>
						</div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 19%;">Meta</th>
                                            <th style="width: 18%;">Indicador</th>
                                            <th style="width: 15%;">Línea base</th>
                                            <th style="width: 15%;">Fuente Año</th>
                                            <th style="width: 15%;">Meta Cuatrenio</th>
                                            <th style="width: 15%;">Último dato</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbmt4"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav4-met-sec" role="tabpanel" aria-labelledby="nav4-met-sec-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorte ?></span>
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="https://www.sdp.gov.co/gestion-a-la-inversion/programacion-y-seguimiento-a-la-inversion/seguimiento" target="_blank">
                                    Conoce toda la información del seguimiento al Plan de Desarrollo
                                </a>
                            </div>
                        </div>
                        <div class="row">
							<div class="col form-group">
								El seguimiento a estas metas se realiza de forma trimestral.
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="files/AsiVaElPlanPlanAccion20202024_20240331.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos abiertos
                                </a>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 57%;">Meta</th>
                                            <th style="width: 20%;">Asignación Cuatrienio</th>
                                            <th style="width: 20%;">Ejecutado</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbms4"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav4-presupuesto" role="tabpanel" aria-labelledby="nav4-presupuesto-tab">
                        <div class="row">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Total ejecutado y por ejecutar</div>
                                <canvas id="myCanvas4" width="300" height="300" class="donut"></canvas>
                            </div>
                            <div class="col-5 d-flex align-items-center">
                                <div class="text-left">
                                    <span class="pieIndicator yellow"></span> Ejecutado<br />
                                    <span class="pieIndicator blue"></span> Por Ejecutar<br />
                                </div>
                            </div>
                        </div>
                        <div class="row mt-5">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 1</div>
                                <canvas id="myCanvas4_1" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 2</div>
                                <canvas id="myCanvas4_2" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 3</div>
                                <canvas id="myCanvas4_3" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 4</div>
                                <canvas id="myCanvas4_4" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 5</div>
                                <canvas id="myCanvas4_5" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="v-pills-4" role="tabpanel" aria-labelledby="v-pills-tab-tab-4">
                <h3 class="innerTitleSmall mb-4">Igualdad de género</h3>
                <div class="row mb-5">
                    <div class="col">
                        Lograr la igualdad entre los géneros y el empoderamiento de todas las mujeres y niñas.
                    </div>
                </div>
                <div class="row mb-4">
                    <div class="col value-info">
                        <svg class="icon">
                            <use xlink:href="img/custom-icons.svg#pie" />
                        </svg>
                        <span class="name">Ejecutados a <?= $fechaCorte ?></span>
                        <span class="value" id="se5"> <span class="loading-dots"></span></span>
                    </div>
                </div>
                <nav>
                    <div class="nav nav-tabs" id="nav5-tab" role="tablist">
                        <a class="nav-link active" id="nav5-met-tra-tab" data-toggle="tab" href="#nav5-met-tra" role="tab" aria-controls="nav5-met-tra" aria-selected="true">Metas trazadoras</a>
                        <a class="nav-link" id="nav5-met-sec-tab" data-toggle="tab" href="#nav5-met-sec" role="tab" aria-controls="nav5-met-sec" aria-selected="true">Metas sectoriales</a>
                        <a class="nav-link" id="nav5-presupuesto-tab" data-toggle="tab" href="#nav5-presupuesto" role="tab" aria-controls="nav5-presupuesto" aria-selected="false">Presupuesto</a>
                    </div>
                </nav>
                <div class="tab-content pt-5" id="nav5-tabContent">
                    <div class="tab-pane fade show active" id="nav5-met-tra" role="tabpanel" aria-labelledby="nav5-met-tra-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorteTrazadores ?></span>
								<span class="value" id="sa5"> <span class="loading-dots"></span></span>
							</div>
                            <div class="col-md-4 form-group">
                                <a class="float-right" href="files/02_MetasTrazadorasvsODS20230630.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos
                                </a>
                            </div>
                        </div>
						<div class="row">
							<div class="col">
								<div class="form-group">
									El seguimiento a estas metas se realiza de forma semestral.
								</div>
								<!--<div class="form-group fst-italic">
									Fuente: Secretaría Distrital de Planeación. Dirección de Planes de Desarrollo y Fortalecimiento Local.
								</div>
								-->
							</div>
						</div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 19%;">Meta</th>
                                            <th style="width: 18%;">Indicador</th>
                                            <th style="width: 15%;">Línea base</th>
                                            <th style="width: 15%;">Fuente Año</th>
                                            <th style="width: 15%;">Meta Cuatrenio</th>
                                            <th style="width: 15%;">Último dato</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbmt5"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav5-met-sec" role="tabpanel" aria-labelledby="nav5-met-sec-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorte ?></span>
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="https://www.sdp.gov.co/gestion-a-la-inversion/programacion-y-seguimiento-a-la-inversion/seguimiento" target="_blank">
                                    Conoce toda la información del seguimiento al Plan de Desarrollo
                                </a>
                            </div>
                        </div>
                        <div class="row">
							<div class="col form-group">
								El seguimiento a estas metas se realiza de forma trimestral.
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="files/AsiVaElPlanPlanAccion20202024_20240331.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos abiertos
                                </a>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 57%;">Meta</th>
                                            <th style="width: 20%;">Asignación Cuatrienio</th>
                                            <th style="width: 20%;">Ejecutado</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbms5"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav5-presupuesto" role="tabpanel" aria-labelledby="nav5-presupuesto-tab">
                        <div class="row">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Total ejecutado y por ejecutar</div>
                                <canvas id="myCanvas5" width="300" height="300" class="donut"></canvas>
                            </div>
                            <div class="col-5 d-flex align-items-center">
                                <div class="text-left">
                                    <span class="pieIndicator yellow"></span> Ejecutado<br />
                                    <span class="pieIndicator blue"></span> Por Ejecutar<br />
                                </div>
                            </div>
                        </div>
                        <div class="row mt-5">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 1</div>
                                <canvas id="myCanvas5_1" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 2</div>
                                <canvas id="myCanvas5_2" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 3</div>
                                <canvas id="myCanvas5_3" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 4</div>
                                <canvas id="myCanvas5_4" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 5</div>
                                <canvas id="myCanvas5_5" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="v-pills-5" role="tabpanel" aria-labelledby="v-pills-tab-tab-5">
                <h3 class="innerTitleSmall mb-4">Agua limpia y saneamiento</h3>
                <div class="row mb-5">
                    <div class="col">
                        Garantizar la disponibilidad de agua y su ordenación sostenible y el saneamiento para todos.
                    </div>
                </div>
                <div class="row mb-4">
                    <div class="col value-info">
                        <svg class="icon">
                            <use xlink:href="img/custom-icons.svg#pie" />
                        </svg>
                        <span class="name">Ejecutados a <?= $fechaCorte ?></span>
                        <span class="value" id="se6"> <span class="loading-dots"></span></span>
                    </div>
                </div>
                <nav>
                    <div class="nav nav-tabs" id="nav6-tab" role="tablist">
                        <a class="nav-link active" id="nav6-met-tra-tab" data-toggle="tab" href="#nav6-met-tra" role="tab" aria-controls="nav6-met-tra" aria-selected="true">Metas trazadoras</a>
                        <a class="nav-link" id="nav6-met-sec-tab" data-toggle="tab" href="#nav6-met-sec" role="tab" aria-controls="nav6-met-sec" aria-selected="true">Metas sectoriales</a>
                        <a class="nav-link" id="nav6-presupuesto-tab" data-toggle="tab" href="#nav6-presupuesto" role="tab" aria-controls="nav6-presupuesto" aria-selected="false">Presupuesto</a>
                    </div>
                </nav>
                <div class="tab-content pt-5" id="nav6-tabContent">
                    <div class="tab-pane fade show active" id="nav6-met-tra" role="tabpanel" aria-labelledby="nav6-met-tra-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorteTrazadores ?></span>
								<span class="value" id="sa6"> <span class="loading-dots"></span></span>
							</div>
                            <div class="col-md-4 form-group">
                                <a class="float-right" href="files/02_MetasTrazadorasvsODS20230630.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos
                                </a>
                            </div>
                        </div>
						<div class="row">
							<div class="col">
								<div class="form-group">
									El seguimiento a estas metas se realiza de forma semestral.
								</div>
								<!--<div class="form-group fst-italic">
									Fuente: Secretaría Distrital de Planeación. Dirección de Planes de Desarrollo y Fortalecimiento Local.
								</div>
								-->
							</div>
						</div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 19%;">Meta</th>
                                            <th style="width: 18%;">Indicador</th>
                                            <th style="width: 15%;">Línea base</th>
                                            <th style="width: 15%;">Fuente Año</th>
                                            <th style="width: 15%;">Meta Cuatrenio</th>
                                            <th style="width: 15%;">Último dato</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbmt6"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav6-met-sec" role="tabpanel" aria-labelledby="nav6-met-sec-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorte ?></span>
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="https://www.sdp.gov.co/gestion-a-la-inversion/programacion-y-seguimiento-a-la-inversion/seguimiento" target="_blank">
                                    Conoce toda la información del seguimiento al Plan de Desarrollo
                                </a>
                            </div>
                        </div>
                        <div class="row">
							<div class="col form-group">
								El seguimiento a estas metas se realiza de forma trimestral.
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="files/AsiVaElPlanPlanAccion20202024_20240331.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos abiertos
                                </a>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 57%;">Meta</th>
                                            <th style="width: 20%;">Asignación Cuatrienio</th>
                                            <th style="width: 20%;">Ejecutado</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbms6"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav6-presupuesto" role="tabpanel" aria-labelledby="nav6-presupuesto-tab">
                        <div class="row">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Total ejecutado y por ejecutar</div>
                                <canvas id="myCanvas6" width="300" height="300" class="donut"></canvas>
                            </div>
                            <div class="col-5 d-flex align-items-center">
                                <div class="text-left">
                                    <span class="pieIndicator yellow"></span> Ejecutado<br />
                                    <span class="pieIndicator blue"></span> Por Ejecutar<br />
                                </div>
                            </div>
                        </div>
                        <div class="row mt-5">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 1</div>
                                <canvas id="myCanvas6_1" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 2</div>
                                <canvas id="myCanvas6_2" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 3</div>
                                <canvas id="myCanvas6_3" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 4</div>
                                <canvas id="myCanvas6_4" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 5</div>
                                <canvas id="myCanvas6_5" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="v-pills-6" role="tabpanel" aria-labelledby="v-pills-tab-tab-6">
                <h3 class="innerTitleSmall mb-4">Trabajo decente y crecimiento económico</h3>
                <div class="row mb-5">
                    <div class="col">
                        Promover el crecimiento económico sostenido, inclusivo y sostenible, el empleo pleno y productivo y el trabajo decente para todos.
                    </div>
                </div>
                <div class="row mb-4">
                    <div class="col value-info">
                        <svg class="icon">
                            <use xlink:href="img/custom-icons.svg#pie" />
                        </svg>
                        <span class="name">Ejecutados a <?= $fechaCorte ?></span>
                        <span class="value" id="se8"> <span class="loading-dots"></span></span>
                    </div>
                </div>
                <nav>
                    <div class="nav nav-tabs" id="nav7-tab" role="tablist">
                        <a class="nav-link active" id="nav7-met-tra-tab" data-toggle="tab" href="#nav7-met-tra" role="tab" aria-controls="nav7-met-tra" aria-selected="true">Metas trazadoras</a>
                        <a class="nav-link" id="nav7-met-sec-tab" data-toggle="tab" href="#nav7-met-sec" role="tab" aria-controls="nav7-met-sec" aria-selected="true">Metas sectoriales</a>
                        <a class="nav-link" id="nav7-presupuesto-tab" data-toggle="tab" href="#nav7-presupuesto" role="tab" aria-controls="nav7-presupuesto" aria-selected="false">Presupuesto</a>
                    </div>
                </nav>
                <div class="tab-content pt-5" id="nav7-tabContent">
                    <div class="tab-pane fade show active" id="nav7-met-tra" role="tabpanel" aria-labelledby="nav7-met-tra-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorteTrazadores ?></span>
								<span class="value" id="sa8"> <span class="loading-dots"></span></span>
							</div>
                            <div class="col-md-4 form-group">
                                <a class="float-right" href="files/02_MetasTrazadorasvsODS20230630.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos
                                </a>
                            </div>
                        </div>
						<div class="row">
							<div class="col">
								<div class="form-group">
									El seguimiento a estas metas se realiza de forma semestral.
								</div>
								<!--<div class="form-group fst-italic">
									Fuente: Secretaría Distrital de Planeación. Dirección de Planes de Desarrollo y Fortalecimiento Local.
								</div>
								-->
							</div>
						</div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 19%;">Meta</th>
                                            <th style="width: 18%;">Indicador</th>
                                            <th style="width: 15%;">Línea base</th>
                                            <th style="width: 15%;">Fuente Año</th>
                                            <th style="width: 15%;">Meta Cuatrenio</th>
                                            <th style="width: 15%;">Último dato</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbmt8"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav7-met-sec" role="tabpanel" aria-labelledby="nav7-met-sec-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorte ?></span>
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="https://www.sdp.gov.co/gestion-a-la-inversion/programacion-y-seguimiento-a-la-inversion/seguimiento" target="_blank">
                                    Conoce toda la información del seguimiento al Plan de Desarrollo
                                </a>
                            </div>
                        </div>
                        <div class="row">
							<div class="col form-group">
								El seguimiento a estas metas se realiza de forma trimestral.
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="files/AsiVaElPlanPlanAccion20202024_20240331.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos abiertos
                                </a>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 57%;">Meta</th>
                                            <th style="width: 20%;">Asignación Cuatrienio</th>
                                            <th style="width: 20%;">Ejecutado</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbms8"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav7-presupuesto" role="tabpanel" aria-labelledby="nav7-presupuesto-tab">
                        <div class="row">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Total ejecutado y por ejecutar</div>
                                <canvas id="myCanvas8" width="300" height="300" class="donut"></canvas>
                            </div>
                            <div class="col-5 d-flex align-items-center">
                                <div class="text-left">
                                    <span class="pieIndicator yellow"></span> Ejecutado<br />
                                    <span class="pieIndicator blue"></span> Por Ejecutar<br />
                                </div>
                            </div>
                        </div>
                        <div class="row mt-5">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 1</div>
                                <canvas id="myCanvas8_1" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 2</div>
                                <canvas id="myCanvas8_2" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 3</div>
                                <canvas id="myCanvas8_3" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 4</div>
                                <canvas id="myCanvas8_4" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 5</div>
                                <canvas id="myCanvas8_5" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="v-pills-7" role="tabpanel" aria-labelledby="v-pills-tab-tab-7">
                <h3 class="innerTitleSmall mb-4"> Industria, innovación e infraestructura</h3>
                <div class="row mb-5">
                    <div class="col">
                        Construir infraestructura resiliente, promover la industrialización inclusiva y sostenible y fomentar la innovación.
                    </div>
                </div>
                <div class="row mb-4">
                    <div class="col value-info">
                        <svg class="icon">
                            <use xlink:href="img/custom-icons.svg#pie" />
                        </svg>
                        <span class="name">Ejecutados a <?= $fechaCorte ?></span>
                        <span class="value" id="se9"> <span class="loading-dots"></span></span>
                    </div>
                </div>
                <nav>
                    <div class="nav nav-tabs" id="nav8-tab" role="tablist">
                        <a class="nav-link active" id="nav8-met-tra-tab" data-toggle="tab" href="#nav8-met-tra" role="tab" aria-controls="nav8-met-tra" aria-selected="true">Metas trazadoras</a>
                        <a class="nav-link" id="nav8-met-sec-tab" data-toggle="tab" href="#nav8-met-sec" role="tab" aria-controls="nav8-met-sec" aria-selected="true">Metas sectoriales</a>
                        <a class="nav-link" id="nav8-presupuesto-tab" data-toggle="tab" href="#nav8-presupuesto" role="tab" aria-controls="nav8-presupuesto" aria-selected="false">Presupuesto</a>
                    </div>
                </nav>
                <div class="tab-content pt-5" id="nav8-tabContent">
                    <div class="tab-pane fade show active" id="nav8-met-tra" role="tabpanel" aria-labelledby="nav8-met-tra-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorteTrazadores ?></span>
								<span class="value" id="sa9"> <span class="loading-dots"></span></span>
							</div>
                            <div class="col-md-4 form-group">
                                <a class="float-right" href="files/02_MetasTrazadorasvsODS20230630.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos
                                </a>
                            </div>
                        </div>
						<div class="row">
							<div class="col">
								<div class="form-group">
									El seguimiento a estas metas se realiza de forma semestral.
								</div>
								<!--<div class="form-group fst-italic">
									Fuente: Secretaría Distrital de Planeación. Dirección de Planes de Desarrollo y Fortalecimiento Local.
								</div>
								-->
							</div>
						</div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 19%;">Meta</th>
                                            <th style="width: 18%;">Indicador</th>
                                            <th style="width: 15%;">Línea base</th>
                                            <th style="width: 15%;">Fuente Año</th>
                                            <th style="width: 15%;">Meta Cuatrenio</th>
                                            <th style="width: 15%;">Último dato</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbmt9"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav8-met-sec" role="tabpanel" aria-labelledby="nav8-met-sec-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorte ?></span>
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="https://www.sdp.gov.co/gestion-a-la-inversion/programacion-y-seguimiento-a-la-inversion/seguimiento" target="_blank">
                                    Conoce toda la información del seguimiento al Plan de Desarrollo
                                </a>
                            </div>
                        </div>
                        <div class="row">
							<div class="col form-group">
								El seguimiento a estas metas se realiza de forma trimestral.
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="files/AsiVaElPlanPlanAccion20202024_20240331.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos abiertos
                                </a>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 57%;">Meta</th>
                                            <th style="width: 20%;">Asignación Cuatrienio</th>
                                            <th style="width: 20%;">Ejecutado</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbms9"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav8-presupuesto" role="tabpanel" aria-labelledby="nav8-presupuesto-tab">
                        <div class="row">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Total ejecutado y por ejecutar</div>
                                <canvas id="myCanvas9" width="300" height="300" class="donut"></canvas>
                            </div>
                            <div class="col-5 d-flex align-items-center">
                                <div class="text-left">
                                    <span class="pieIndicator yellow"></span> Ejecutado<br />
                                    <span class="pieIndicator blue"></span> Por Ejecutar<br />
                                </div>
                            </div>
                        </div>
                        <div class="row mt-5">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 1</div>
                                <canvas id="myCanvas9_1" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 2</div>
                                <canvas id="myCanvas9_2" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 3</div>
                                <canvas id="myCanvas9_3" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 4</div>
                                <canvas id="myCanvas9_4" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 5</div>
                                <canvas id="myCanvas9_5" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="v-pills-8" role="tabpanel" aria-labelledby="v-pills-tab-tab-8">
                <h3 class="innerTitleSmall mb-4">Reducción de las desigualdades</h3>
                <div class="row mb-5">
                    <div class="col">
                        Reducir la desigualdad en y entre los países.
                    </div>
                </div>
                <div class="row mb-4">
                    <div class="col value-info">
                        <svg class="icon">
                            <use xlink:href="img/custom-icons.svg#pie" />
                        </svg>
                        <span class="name">Ejecutados a <?= $fechaCorte ?></span>
                        <span class="value" id="se10"> <span class="loading-dots"></span></span>
                    </div>
                </div>
                <nav>
                    <div class="nav nav-tabs" id="nav9-tab" role="tablist">
                        <a class="nav-link active" id="nav9-met-tra-tab" data-toggle="tab" href="#nav9-met-tra" role="tab" aria-controls="nav9-met-tra" aria-selected="true">Metas trazadoras</a>
                        <a class="nav-link" id="nav9-met-sec-tab" data-toggle="tab" href="#nav9-met-sec" role="tab" aria-controls="nav9-met-sec" aria-selected="true">Metas sectoriales</a>
                        <a class="nav-link" id="nav9-presupuesto-tab" data-toggle="tab" href="#nav9-presupuesto" role="tab" aria-controls="nav9-presupuesto" aria-selected="false">Presupuesto</a>
                    </div>
                </nav>
                <div class="tab-content pt-5" id="nav9-tabContent">
                    <div class="tab-pane fade show active" id="nav9-met-tra" role="tabpanel" aria-labelledby="nav9-met-tra-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorteTrazadores ?></span>
								<span class="value" id="sa10"> <span class="loading-dots"></span></span>
							</div>
                            <div class="col-md-4 form-group">
                                <a class="float-right" href="files/02_MetasTrazadorasvsODS20230630.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos
                                </a>
                            </div>
                        </div>
						<div class="row">
							<div class="col">
								<div class="form-group">
									El seguimiento a estas metas se realiza de forma semestral.
								</div>
								<!--<div class="form-group fst-italic">
									Fuente: Secretaría Distrital de Planeación. Dirección de Planes de Desarrollo y Fortalecimiento Local.
								</div>
								-->
							</div>
						</div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 19%;">Meta</th>
                                            <th style="width: 18%;">Indicador</th>
                                            <th style="width: 15%;">Línea base</th>
                                            <th style="width: 15%;">Fuente Año</th>
                                            <th style="width: 15%;">Meta Cuatrenio</th>
                                            <th style="width: 15%;">Último dato</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbmt10"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav9-met-sec" role="tabpanel" aria-labelledby="nav9-met-sec-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorte ?></span>
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="https://www.sdp.gov.co/gestion-a-la-inversion/programacion-y-seguimiento-a-la-inversion/seguimiento" target="_blank">
                                    Conoce toda la información del seguimiento al Plan de Desarrollo
                                </a>
                            </div>
                        </div>
                        <div class="row">
							<div class="col form-group">
								El seguimiento a estas metas se realiza de forma trimestral.
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="files/AsiVaElPlanPlanAccion20202024_20240331.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos abiertos
                                </a>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 57%;">Meta</th>
                                            <th style="width: 20%;">Asignación Cuatrienio</th>
                                            <th style="width: 20%;">Ejecutado</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbms10"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav9-presupuesto" role="tabpanel" aria-labelledby="nav9-presupuesto-tab">
                        <div class="row">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Total ejecutado y por ejecutar</div>
                                <canvas id="myCanvas10" width="300" height="300" class="donut"></canvas>
                            </div>
                            <div class="col-5 d-flex align-items-center">
                                <div class="text-left">
                                    <span class="pieIndicator yellow"></span> Ejecutado<br />
                                    <span class="pieIndicator blue"></span> Por Ejecutar<br />
                                </div>
                            </div>
                        </div>
                        <div class="row mt-5">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 1</div>
                                <canvas id="myCanvas10_1" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 2</div>
                                <canvas id="myCanvas10_2" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 3</div>
                                <canvas id="myCanvas10_3" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 4</div>
                                <canvas id="myCanvas10_4" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 5</div>
                                <canvas id="myCanvas10_5" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="v-pills-9" role="tabpanel" aria-labelledby="v-pills-tab-tab-9">
                <h3 class="innerTitleSmall mb-4">Ciudades y comunidades sostenibles</h3>
                <div class="row mb-5">
                    <div class="col">
                        Lograr que las ciudades y los asentamientos humanos sean inclusivos, seguros, resilientes y sostenibles.
                    </div>
                </div>
                <div class="row mb-4">
                    <div class="col value-info">
                        <svg class="icon">
                            <use xlink:href="img/custom-icons.svg#pie" />
                        </svg>
                        <span class="name">Ejecutados a <?= $fechaCorte ?></span>
                        <span class="value" id="se11"> <span class="loading-dots"></span></span>
                    </div>
                </div>
                <nav>
                    <div class="nav nav-tabs" id="nav10-tab" role="tablist">
                        <a class="nav-link active" id="nav10-met-tra-tab" data-toggle="tab" href="#nav10-met-tra" role="tab" aria-controls="nav10-met-tra" aria-selected="true">Metas trazadoras</a>
                        <a class="nav-link" id="nav10-met-sec-tab" data-toggle="tab" href="#nav10-met-sec" role="tab" aria-controls="nav10-met-sec" aria-selected="true">Metas sectoriales</a>
                        <a class="nav-link" id="nav10-presupuesto-tab" data-toggle="tab" href="#nav10-presupuesto" role="tab" aria-controls="nav10-presupuesto" aria-selected="false">Presupuesto</a>
                    </div>
                </nav>
                <div class="tab-content pt-5" id="nav10-tabContent">
                    <div class="tab-pane fade show active" id="nav10-met-tra" role="tabpanel" aria-labelledby="nav10-met-tra-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorteTrazadores ?></span>
								<span class="value" id="sa11"> <span class="loading-dots"></span></span>
							</div>
                            <div class="col-md-4 form-group">
                                <a class="float-right" href="files/02_MetasTrazadorasvsODS20230630.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos
                                </a>
                            </div>
                        </div>
						<div class="row">
							<div class="col">
								<div class="form-group">
									El seguimiento a estas metas se realiza de forma semestral.
								</div>
								<!--<div class="form-group fst-italic">
									Fuente: Secretaría Distrital de Planeación. Dirección de Planes de Desarrollo y Fortalecimiento Local.
								</div>
								-->
							</div>
						</div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 19%;">Meta</th>
                                            <th style="width: 18%;">Indicador</th>
                                            <th style="width: 15%;">Línea base</th>
                                            <th style="width: 15%;">Fuente Año</th>
                                            <th style="width: 15%;">Meta Cuatrenio</th>
                                            <th style="width: 15%;">Último dato</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbmt11"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav10-met-sec" role="tabpanel" aria-labelledby="nav10-met-sec-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorte ?></span>
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="https://www.sdp.gov.co/gestion-a-la-inversion/programacion-y-seguimiento-a-la-inversion/seguimiento" target="_blank">
                                    Conoce toda la información del seguimiento al Plan de Desarrollo
                                </a>
                            </div>
                        </div>
                        <div class="row">
							<div class="col form-group">
								El seguimiento a estas metas se realiza de forma trimestral.
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="files/AsiVaElPlanPlanAccion20202024_20240331.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos abiertos
                                </a>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 57%;">Meta</th>
                                            <th style="width: 20%;">Asignación Cuatrienio</th>
                                            <th style="width: 20%;">Ejecutado</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbms11"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav10-presupuesto" role="tabpanel" aria-labelledby="nav10-presupuesto-tab">
                        <div class="row">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Total ejecutado y por ejecutar</div>
                                <canvas id="myCanvas11" width="300" height="300" class="donut"></canvas>
                            </div>
                            <div class="col-5 d-flex align-items-center">
                                <div class="text-left">
                                    <span class="pieIndicator yellow"></span> Ejecutado<br />
                                    <span class="pieIndicator blue"></span> Por Ejecutar<br />
                                </div>
                            </div>
                        </div>
                        <div class="row mt-5">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 1</div>
                                <canvas id="myCanvas11_1" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 2</div>
                                <canvas id="myCanvas11_2" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 3</div>
                                <canvas id="myCanvas11_3" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 4</div>
                                <canvas id="myCanvas11_4" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 5</div>
                                <canvas id="myCanvas11_5" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="v-pills-10" role="tabpanel" aria-labelledby="v-pills-tab-tab-10">
                <h3 class="innerTitleSmall mb-4">Producción y consumo responsables</h3>
                <div class="row mb-5">
                    <div class="col">
                        Lograr que las ciudades y los asentamientos humanos sean inclusivos, seguros, resilientes y sostenibles.
                    </div>
                </div>
                <div class="row mb-4">
                    <div class="col value-info">
                        <svg class="icon">
                            <use xlink:href="img/custom-icons.svg#pie" />
                        </svg>
                        <span class="name">Ejecutados a <?= $fechaCorte ?></span>
                        <span class="value" id="se12"> <span class="loading-dots"></span></span>
                    </div>
                </div>
                <nav>
                    <div class="nav nav-tabs" id="nav11-tab" role="tablist">
                        <a class="nav-link active" id="nav11-met-tra-tab" data-toggle="tab" href="#nav11-met-tra" role="tab" aria-controls="nav11-met-tra" aria-selected="true">Metas trazadoras</a>
                        <a class="nav-link" id="nav11-met-sec-tab" data-toggle="tab" href="#nav11-met-sec" role="tab" aria-controls="nav11-met-sec" aria-selected="true">Metas sectoriales</a>
                        <a class="nav-link" id="nav11-presupuesto-tab" data-toggle="tab" href="#nav11-presupuesto" role="tab" aria-controls="nav11-presupuesto" aria-selected="false">Presupuesto</a>
                    </div>
                </nav>
                <div class="tab-content pt-5" id="nav11-tabContent">
                    <div class="tab-pane fade show active" id="nav11-met-tra" role="tabpanel" aria-labelledby="nav11-met-tra-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorteTrazadores ?></span>
								<span class="value" id="sa12"> <span class="loading-dots"></span></span>
							</div>
                            <div class="col-md-4 form-group">
                                <a class="float-right" href="files/02_MetasTrazadorasvsODS20230630.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos
                                </a>
                            </div>
                        </div>
						<div class="row">
							<div class="col">
								<div class="form-group">
									El seguimiento a estas metas se realiza de forma semestral.
								</div>
								<!--<div class="form-group fst-italic">
									Fuente: Secretaría Distrital de Planeación. Dirección de Planes de Desarrollo y Fortalecimiento Local.
								</div>
								-->
							</div>
						</div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 19%;">Meta</th>
                                            <th style="width: 18%;">Indicador</th>
                                            <th style="width: 15%;">Línea base</th>
                                            <th style="width: 15%;">Fuente Año</th>
                                            <th style="width: 15%;">Meta Cuatrenio</th>
                                            <th style="width: 15%;">Último dato</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbmt12"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav11-met-sec" role="tabpanel" aria-labelledby="nav11-met-sec-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorte ?></span>
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="https://www.sdp.gov.co/gestion-a-la-inversion/programacion-y-seguimiento-a-la-inversion/seguimiento" target="_blank">
                                    Conoce toda la información del seguimiento al Plan de Desarrollo
                                </a>
                            </div>
                        </div>
                        <div class="row">
							<div class="col form-group">
								El seguimiento a estas metas se realiza de forma trimestral.
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="files/AsiVaElPlanPlanAccion20202024_20240331.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos abiertos
                                </a>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 57%;">Meta</th>
                                            <th style="width: 20%;">Asignación Cuatrienio</th>
                                            <th style="width: 20%;">Ejecutado</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbms12"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav11-presupuesto" role="tabpanel" aria-labelledby="nav11-presupuesto-tab">
                        <div class="row">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Total ejecutado y por ejecutar</div>
                                <canvas id="myCanvas12" width="300" height="300" class="donut"></canvas>
                            </div>
                            <div class="col-5 d-flex align-items-center">
                                <div class="text-left">
                                    <span class="pieIndicator yellow"></span> Ejecutado<br />
                                    <span class="pieIndicator blue"></span> Por Ejecutar<br />
                                </div>
                            </div>
                        </div>
                        <div class="row mt-5">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 1</div>
                                <canvas id="myCanvas12_1" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 2</div>
                                <canvas id="myCanvas12_2" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 3</div>
                                <canvas id="myCanvas12_3" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 4</div>
                                <canvas id="myCanvas12_4" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 5</div>
                                <canvas id="myCanvas12_5" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="v-pills-11" role="tabpanel" aria-labelledby="v-pills-tab-tab-11">
                <h3 class="innerTitleSmall mb-4">Acción por el clima</h3>
                <div class="row mb-5">
                    <div class="col">
                        Adoptar medidas urgentes para combatir el cambio climático y sus efectos (tomando nota de los acuerdos celebrados en el foro de la Convención Marco de las Naciones Unidas sobre el Cambio Climático).
                    </div>
                </div>
                <div class="row mb-4">
                    <div class="col value-info">
                        <svg class="icon">
                            <use xlink:href="img/custom-icons.svg#pie" />
                        </svg>
                        <span class="name">Ejecutados a <?= $fechaCorte ?></span>
                        <span class="value" id="se13"> <span class="loading-dots"></span></span>
                    </div>
                </div>
                <nav>
                    <div class="nav nav-tabs" id="nav12-tab" role="tablist">
                        <a class="nav-link active" id="nav12-met-tra-tab" data-toggle="tab" href="#nav12-met-tra" role="tab" aria-controls="nav12-met-tra" aria-selected="true">Metas trazadoras</a>
                        <a class="nav-link" id="nav12-met-sec-tab" data-toggle="tab" href="#nav12-met-sec" role="tab" aria-controls="nav12-met-sec" aria-selected="true">Metas sectoriales</a>
                        <a class="nav-link" id="nav12-presupuesto-tab" data-toggle="tab" href="#nav12-presupuesto" role="tab" aria-controls="nav12-presupuesto" aria-selected="false">Presupuesto</a>
                    </div>
                </nav>
                <div class="tab-content pt-5" id="nav12-tabContent">
                    <div class="tab-pane fade show active" id="nav12-met-tra" role="tabpanel" aria-labelledby="nav12-met-tra-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorteTrazadores ?></span>
								<span class="value" id="sa13"> <span class="loading-dots"></span></span>
							</div>
                            <div class="col-md-4 form-group">
                                <a class="float-right" href="files/02_MetasTrazadorasvsODS20230630.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos
                                </a>
                            </div>
                        </div>
						<div class="row">
							<div class="col">
								<div class="form-group">
									El seguimiento a estas metas se realiza de forma semestral.
								</div>
								<!--<div class="form-group fst-italic">
									Fuente: Secretaría Distrital de Planeación. Dirección de Planes de Desarrollo y Fortalecimiento Local.
								</div>
								-->
							</div>
						</div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 19%;">Meta</th>
                                            <th style="width: 18%;">Indicador</th>
                                            <th style="width: 15%;">Línea base</th>
                                            <th style="width: 15%;">Fuente Año</th>
                                            <th style="width: 15%;">Meta Cuatrenio</th>
                                            <th style="width: 15%;">Último dato</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbmt13"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav12-met-sec" role="tabpanel" aria-labelledby="nav12-met-sec-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorte ?></span>
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="https://www.sdp.gov.co/gestion-a-la-inversion/programacion-y-seguimiento-a-la-inversion/seguimiento" target="_blank">
                                    Conoce toda la información del seguimiento al Plan de Desarrollo
                                </a>
                            </div>
                        </div>
                        <div class="row">
							<div class="col form-group">
								El seguimiento a estas metas se realiza de forma trimestral.
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="files/AsiVaElPlanPlanAccion20202024_20240331.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos abiertos
                                </a>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 57%;">Meta</th>
                                            <th style="width: 20%;">Asignación Cuatrienio</th>
                                            <th style="width: 20%;">Ejecutado</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbms13"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav12-presupuesto" role="tabpanel" aria-labelledby="nav12-presupuesto-tab">
                        <div class="row">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Total ejecutado y por ejecutar</div>
                                <canvas id="myCanvas13" width="300" height="300" class="donut"></canvas>
                            </div>
                            <div class="col-5 d-flex align-items-center">
                                <div class="text-left">
                                    <span class="pieIndicator yellow"></span> Ejecutado<br />
                                    <span class="pieIndicator blue"></span> Por Ejecutar<br />
                                </div>
                            </div>
                        </div>
                        <div class="row mt-5">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 1</div>
                                <canvas id="myCanvas13_1" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 2</div>
                                <canvas id="myCanvas13_2" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 3</div>
                                <canvas id="myCanvas13_3" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 4</div>
                                <canvas id="myCanvas13_4" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 5</div>
                                <canvas id="myCanvas13_5" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="v-pills-12" role="tabpanel" aria-labelledby="v-pills-tab-tab-12">
                <h3 class="innerTitleSmall mb-4">Vida de ecosistemas terrestres</h3>
                <div class="row mb-5">
                    <div class="col">
                        Proteger, restablecer y promover el uso sostenible de los ecosistemas terrestres, efectuar una ordenación sostenible de los bosques, luchar contra la desertificación, detener y revertir la degradación de las tierras y poner freno a la pérdida de la diversidad biológica.
                    </div>
                </div>
                <div class="row mb-4">
                    <div class="col value-info">
                        <svg class="icon">
                            <use xlink:href="img/custom-icons.svg#pie" />
                        </svg>
                        <span class="name">Ejecutados a <?= $fechaCorte ?></span>
                        <span class="value" id="se15"> <span class="loading-dots"></span></span>
                    </div>
                </div>
                <nav>
                    <div class="nav nav-tabs" id="nav13-tab" role="tablist">
                        <a class="nav-link active" id="nav13-met-tra-tab" data-toggle="tab" href="#nav13-met-tra" role="tab" aria-controls="nav13-met-tra" aria-selected="true">Metas trazadoras</a>
                        <a class="nav-link" id="nav13-met-sec-tab" data-toggle="tab" href="#nav13-met-sec" role="tab" aria-controls="nav13-met-sec" aria-selected="true">Metas sectoriales</a>
                        <a class="nav-link" id="nav13-presupuesto-tab" data-toggle="tab" href="#nav13-presupuesto" role="tab" aria-controls="nav13-presupuesto" aria-selected="false">Presupuesto</a>
                    </div>
                </nav>
                <div class="tab-content pt-5" id="nav13-tabContent">
                    <div class="tab-pane fade show active" id="nav13-met-tra" role="tabpanel" aria-labelledby="nav13-met-tra-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorteTrazadores ?></span>
								<span class="value" id="sa15"> <span class="loading-dots"></span></span>
							</div>
                            <div class="col-md-4 form-group">
                                <a class="float-right" href="files/02_MetasTrazadorasvsODS20230630.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos
                                </a>
                            </div>
                        </div>
						<div class="row">
							<div class="col">
								<div class="form-group">
									El seguimiento a estas metas se realiza de forma semestral.
								</div>
								<!--<div class="form-group fst-italic">
									Fuente: Secretaría Distrital de Planeación. Dirección de Planes de Desarrollo y Fortalecimiento Local.
								</div>
								-->
							</div>
						</div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 19%;">Meta</th>
                                            <th style="width: 18%;">Indicador</th>
                                            <th style="width: 15%;">Línea base</th>
                                            <th style="width: 15%;">Fuente Año</th>
                                            <th style="width: 15%;">Meta Cuatrenio</th>
                                            <th style="width: 15%;">Último dato</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbmt15"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav13-met-sec" role="tabpanel" aria-labelledby="nav13-met-sec-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorte ?></span>
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="https://www.sdp.gov.co/gestion-a-la-inversion/programacion-y-seguimiento-a-la-inversion/seguimiento" target="_blank">
                                    Conoce toda la información del seguimiento al Plan de Desarrollo
                                </a>
                            </div>
                        </div>
                        <div class="row">
							<div class="col form-group">
								El seguimiento a estas metas se realiza de forma trimestral.
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="files/AsiVaElPlanPlanAccion20202024_20240331.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos abiertos
                                </a>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 57%;">Meta</th>
                                            <th style="width: 20%;">Asignación Cuatrienio</th>
                                            <th style="width: 20%;">Ejecutado</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbms15"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav13-presupuesto" role="tabpanel" aria-labelledby="nav13-presupuesto-tab">
                        <div class="row">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Total ejecutado y por ejecutar</div>
                                <canvas id="myCanvas15" width="300" height="300" class="donut"></canvas>
                            </div>
                            <div class="col-5 d-flex align-items-center">
                                <div class="text-left">
                                    <span class="pieIndicator yellow"></span> Ejecutado<br />
                                    <span class="pieIndicator blue"></span> Por Ejecutar<br />
                                </div>
                            </div>
                        </div>
                        <div class="row mt-5">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 1</div>
                                <canvas id="myCanvas15_1" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 2</div>
                                <canvas id="myCanvas15_2" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 3</div>
                                <canvas id="myCanvas15_3" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 4</div>
                                <canvas id="myCanvas15_4" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 5</div>
                                <canvas id="myCanvas15_5" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="v-pills-13" role="tabpanel" aria-labelledby="v-pills-tab-tab-13">
                <h3 class="innerTitleSmall mb-4">Paz, justicia e instituciones sólidas</h3>
                <div class="row mb-5">
                    <div class="col">
                        Promover sociedades pacíficas e inclusivas para el desarrollo sostenible, facilitar el acceso a la justicia para todos y crear instituciones eficaces, responsables e inclusivas a todos los niveles.
                    </div>
                </div>
                <div class="row mb-4">
                    <div class="col value-info">
                        <svg class="icon">
                            <use xlink:href="img/custom-icons.svg#pie" />
                        </svg>
                        <span class="name">Ejecutados a <?= $fechaCorte ?></span>
                        <span class="value" id="se16"> <span class="loading-dots"></span></span>
                    </div>
                </div>
                <nav>
                    <div class="nav nav-tabs" id="nav14-tab" role="tablist">
                        <a class="nav-link active" id="nav14-met-tra-tab" data-toggle="tab" href="#nav14-met-tra" role="tab" aria-controls="nav14-met-tra" aria-selected="true">Metas trazadoras</a>
                        <a class="nav-link" id="nav14-met-sec-tab" data-toggle="tab" href="#nav14-met-sec" role="tab" aria-controls="nav14-met-sec" aria-selected="true">Metas sectoriales</a>
                        <a class="nav-link" id="nav14-presupuesto-tab" data-toggle="tab" href="#nav14-presupuesto" role="tab" aria-controls="nav14-presupuesto" aria-selected="false">Presupuesto</a>
                    </div>
                </nav>
                <div class="tab-content pt-5" id="nav14-tabContent">
                    <div class="tab-pane fade show active" id="nav14-met-tra" role="tabpanel" aria-labelledby="nav14-met-tra-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorteTrazadores ?></span>
								<span class="value" id="sa16"> <span class="loading-dots"></span></span>
							</div>
                            <div class="col-md-4 form-group">
                                <a class="float-right" href="files/02_MetasTrazadorasvsODS20230630.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos
                                </a>
                            </div>
                        </div>
						<div class="row">
							<div class="col">
								<div class="form-group">
									El seguimiento a estas metas se realiza de forma semestral.
								</div>
								<!--<div class="form-group fst-italic">
									Fuente: Secretaría Distrital de Planeación. Dirección de Planes de Desarrollo y Fortalecimiento Local.
								</div>
								-->
							</div>
						</div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 19%;">Meta</th>
                                            <th style="width: 18%;">Indicador</th>
                                            <th style="width: 15%;">Línea base</th>
                                            <th style="width: 15%;">Fuente Año</th>
                                            <th style="width: 15%;">Meta Cuatrenio</th>
                                            <th style="width: 15%;">Último dato</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbmt16"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav14-met-sec" role="tabpanel" aria-labelledby="nav14-met-sec-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorte ?></span>
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="https://www.sdp.gov.co/gestion-a-la-inversion/programacion-y-seguimiento-a-la-inversion/seguimiento" target="_blank">
                                    Conoce toda la información del seguimiento al Plan de Desarrollo
                                </a>
                            </div>
                        </div>
                        <div class="row">
							<div class="col form-group">
								El seguimiento a estas metas se realiza de forma trimestral.
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="files/AsiVaElPlanPlanAccion20202024_20240331.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos abiertos
                                </a>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 57%;">Meta</th>
                                            <th style="width: 20%;">Asignación Cuatrienio</th>
                                            <th style="width: 20%;">Ejecutado</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbms16"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav14-presupuesto" role="tabpanel" aria-labelledby="nav14-presupuesto-tab">
                        <div class="row">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Total ejecutado y por ejecutar</div>
                                <canvas id="myCanvas16" width="300" height="300" class="donut"></canvas>
                            </div>
                            <div class="col-5 d-flex align-items-center">
                                <div class="text-left">
                                    <span class="pieIndicator yellow"></span> Ejecutado<br />
                                    <span class="pieIndicator blue"></span> Por Ejecutar<br />
                                </div>
                            </div>
                        </div>
                        <div class="row mt-5">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 1</div>
                                <canvas id="myCanvas16_1" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 2</div>
                                <canvas id="myCanvas16_2" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 3</div>
                                <canvas id="myCanvas16_3" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 4</div>
                                <canvas id="myCanvas16_4" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 5</div>
                                <canvas id="myCanvas16_5" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="v-pills-14" role="tabpanel" aria-labelledby="v-pills-tab-tab-14">
                <h3 class="innerTitleSmall mb-4">Alianzas para Lograr los Objetivos</h3>
                <div class="row mb-5">
                    <div class="col">
                        Fortalecer los medios de ejecución y revitalizar la alianza mundial para el desarrollo sostenible.
                    </div>
                </div>
                <div class="row mb-4">
                    <div class="col value-info">
                        <svg class="icon">
                            <use xlink:href="img/custom-icons.svg#pie" />
                        </svg>
                        <span class="name">Ejecutados a <?= $fechaCorte ?></span>
                        <span class="value" id="se17"> <span class="loading-dots"></span></span>
                    </div>
                </div>
                <nav>
                    <div class="nav nav-tabs" id="nav15-tab" role="tablist">
                        <a class="nav-link active" id="nav15-met-tra-tab" data-toggle="tab" href="#nav15-met-tra" role="tab" aria-controls="nav15-met-tra" aria-selected="true">Metas trazadoras</a>
                        <a class="nav-link" id="nav15-met-sec-tab" data-toggle="tab" href="#nav15-met-sec" role="tab" aria-controls="nav15-met-sec" aria-selected="true">Metas sectoriales</a>
                        <a class="nav-link" id="nav15-presupuesto-tab" data-toggle="tab" href="#nav15-presupuesto" role="tab" aria-controls="nav15-presupuesto" aria-selected="false">Presupuesto</a>
                    </div>
                </nav>
                <div class="tab-content pt-5" id="nav15-tabContent">
                    <div class="tab-pane fade show active" id="nav15-met-tra" role="tabpanel" aria-labelledby="nav15-met-tra-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorteTrazadores ?></span>
								<span class="value" id="sa17"> <span class="loading-dots"></span></span>
							</div>
                            <div class="col-md-4 form-group">
                                <a class="float-right" href="files/02_MetasTrazadorasvsODS20230630.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos
                                </a>
                            </div>
                        </div>
						<div class="row">
							<div class="col">
								<div class="form-group">
									El seguimiento a estas metas se realiza de forma semestral.
								</div>
								<!--<div class="form-group fst-italic">
									Fuente: Secretaría Distrital de Planeación. Dirección de Planes de Desarrollo y Fortalecimiento Local.
								</div>
								-->
							</div>
						</div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 19%;">Meta</th>
                                            <th style="width: 18%;">Indicador</th>
                                            <th style="width: 15%;">Línea base</th>
                                            <th style="width: 15%;">Fuente Año</th>
                                            <th style="width: 15%;">Meta Cuatrenio</th>
                                            <th style="width: 15%;">Último dato</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbmt17"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav15-met-sec" role="tabpanel" aria-labelledby="nav15-met-sec-tab">
                        <div class="row">
							<div class="col value-info">
								<svg class="icon">
									<use xlink:href="img/custom-icons.svg#circle-right" />
								</svg>
								<span class="name">Información a <?= $fechaCorte ?></span>
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="https://www.sdp.gov.co/gestion-a-la-inversion/programacion-y-seguimiento-a-la-inversion/seguimiento" target="_blank">
                                    Conoce toda la información del seguimiento al Plan de Desarrollo
                                </a>
                            </div>
                        </div>
                        <div class="row">
							<div class="col form-group">
								El seguimiento a estas metas se realiza de forma trimestral.
							</div>
                            <div class="col form-group">
                                <a class="float-right" href="files/AsiVaElPlanPlanAccion20202024_20240331.xlsx" target="_blank">
                                    <svg class="icon mr-2">
                                        <use xlink:href="img/bootstrap-icons.svg#download" />
                                    </svg> Descargar los datos abiertos
                                </a>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col form-group">
                                <table class="table table-striped table-custom-hover table-pag">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%;">#</th>
                                            <th style="width: 57%;">Meta</th>
                                            <th style="width: 20%;">Asignación Cuatrienio</th>
                                            <th style="width: 20%;">Ejecutado</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbms17"></tbody>
                                </table>
                                <nav class="mt-5">
                                    <ul class="pagination justify-content-center">
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav15-presupuesto" role="tabpanel" aria-labelledby="nav15-presupuesto-tab">
                        <div class="row">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Total ejecutado y por ejecutar</div>
                                <canvas id="myCanvas17" width="300" height="300" class="donut"></canvas>
                            </div>
                            <div class="col-5 d-flex align-items-center">
                                <div class="text-left">
                                    <span class="pieIndicator yellow"></span> Ejecutado<br />
                                    <span class="pieIndicator blue"></span> Por Ejecutar<br />
                                </div>
                            </div>
                        </div>
                        <div class="row mt-5">
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 1</div>
                                <canvas id="myCanvas17_1" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 2</div>
                                <canvas id="myCanvas17_2" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 3</div>
                                <canvas id="myCanvas17_3" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 4</div>
                                <canvas id="myCanvas17_4" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                            <div class="col text-center">
                                <div class="fw-bold mb-2">Año 5</div>
                                <canvas id="myCanvas17_5" width="120" height="120" class="donut_small mb-3"></canvas>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<?php
$additionalScript = ["anychart-core.min.js", "anychart-treemap.min.js", "ods.min.js"];
include('webparts/bottom.php');
?>