Seguimiento de Indicadores de Coahuila

<!DOCTYPE html> <html lang="es-MX"> <head> <meta charset="utf-8"> <title>Seguimiento de Indicadores de Coahuila</title> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="" name="keywords"> <meta content="" name="description">  <link href="img/favicon.ico" rel="icon">   <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&family=Playfair+Display:wght@700;900&display=swap" rel="stylesheet">  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">  <link href="lib/animate/animate.min.css" rel="stylesheet"> <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet"> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> </head> <body>  <div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center"> <div class="spinner-border text-primary" role="status" style="width: 3rem; height: 3rem;"></div> </div>   <div class="container-fluid bg-white sticky-top"> <div class="container-fluid"> <nav class="navbar navbar-expand-lg bg-white navbar-light py-2 py-lg-0"> <a href="index.html" class="navbar-brand"> <img class="img-fluid" src="img/logo.png" alt="Logo"> </a> <button type="button" class="navbar-toggler ms-auto me-0" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarCollapse"> <div class="navbar-nav ms-auto"> <a href="index.php" class="nav-item nav-link active">INDICADORES PED</a>   </div> </nav> </div> </div>  <div class="container-fluid pb-5 pt-5 header-full">  <div class="row"> <div class="col-lg-4 col-md-12"> <img src="./imgs/backs/coahuila.webp" alt="" class="img-fluid"> </div> <div class="col-lg-4 col-md-12 " > <div class="row justify-content-center " style="display:table;height: 100%;">  <h1 class="font-1 text-justify text-upper text-middle mt-5 mb-5 pb-5 pt-5 text-header-title" >Sistema <br> de seguimiento <br> de indicadores</h1> </div>  </div> <div class="col-lg-4 col-md-12"> <img src="./imgs/backs/coahuila_line.webp" alt="" class="img-fluid"> </div> </div> </div> <div class="container-fluid py-5 header-full"> <picture>  <source media="(min-width: 768px)" srcset="./imgs/backs/ciudadano.webp" class="img-fluid "> <img src="./imgs/backs/ciudadano_r.webp" class="img-fluid "/> </picture>     </div>  <div class="container-fluid product "> <div class="row justify-content-center"> <div class="col-lg-9 col-sm-12"> <div class="row justify-content-center"> <div class="col-sm-12 col-md-2 col-lg-2 text-center display-table "> <a class="text-center" href="#eje2"><img class="img-eje animated tada" src="https://beta.coahuila.gob.mx/indicadores/imgs/eje2.png" alt=""></a> </div> </div> <div class="row justify-content-center"> <div class="col-sm-12 col-md-2 col-lg-2 text-center display-table"> <a class="text-center" href="#eje1"><img class="img-eje animated tada" src="https://beta.coahuila.gob.mx/indicadores/imgs/eje1.png" alt=""></a> </div> <div class="col-sm-12 col-md-3 text-center display-table "> <h1 class=" text-dark text-main-header font-5">PLAN ESTATAL DE <br> DESARROLLO <br> 2023-2029</h1> </div> <div class="col-sm-12 col-md-2 col-lg-2 text-center display-table"> <a class="text-center" href="#eje3"><img class="img-eje animated tada" src="https://beta.coahuila.gob.mx/indicadores/imgs/eje3.png" alt=""></a> </div> </div> <div class="row justify-content-center"> <div class="col-sm-12 col-md-2 col-lg-2 text-center display-table"> <a class="text-center" href="#eje5"><img class="img-eje animated tada" src="https://beta.coahuila.gob.mx/indicadores/imgs/eje5.png" alt=""></a> </div> <div class="col-sm-12 col-md-2 col-lg-2 text-center display-table"> <a class="text-center" href="#eje4"><img class="img-eje animated tada" src="https://beta.coahuila.gob.mx/indicadores/imgs/eje4.png" alt=""></a> </div> </div> </div> </div> </div>   <div class="container-fluid py-5 header-full"> <hr id="eje1" class=" mb-0 mt-0" > <div class="row justify-content-center wow fadeIn" data-wow-delay="0.1s"> <div class="col-12"> <h1 class="text-center font-1 title-eje-1 mb-0">EJE 1</h1> </div> </div> <div class="row justify-content-center wow fadeIn" data-wow-delay="0.1s"> <div class="col-12"> <img src="./imgs/backs/interiores-seguridad.webp" alt="" class="img-fluid"> </div> </div> <div class="container-fluid"> <div class="row justify-content-around police "> <div class="col-lg-1 col-md-12 mt-3 mb-3 img-police"> <img src="./imgs/icons/police-white.png" alt="" class="img-fluid icon-eje"> </div> <div class="col-lg-6 col-md-12 mt-4 mb-3"> <p class="text-justify justify-content-center objetivo-text">Mantener a Coahuila como una de las entidades m谩s seguras del pa铆s, donde predomine la confianza de la ciudadan铆a en las autoridades por su profesionalismo, eficiencia y cercan铆a, a la vez que prevalezcan la paz, el orden p煤blico, los derechos humanos y la tranquilidad de todas las personas.</p> </div> <div class="col-lg-1 col-md-12 mt-3 mb-3 text-center"> <button class="btn btn-resumen" style="text-transform:uppercase;" onclick="showdataResumen(1);"> <i class="fa fa-table" style=" width: 100%; text-align: center; font-size: 3rem; "></i> Resumen de indicadores <br> del eje </button>  </div> </div> <div class="col-12"> <div class="row justify-content-center py-5"> <ol class="col-10 text-justify wow fadeIn" data-wow-delay="0.3s" id="containerEje1"></ol> </div> </div> </div> <hr id="eje2" class=" mb-0 mt-0" > <div class="row justify-content-center wow fadeIn" data-wow-delay="0.1s"> <div class="col-12"> <h1 class="text-center font-1 title-eje-2 mb-0">EJE 2</h1> </div> </div> <div class="row justify-content-center wow fadeIn" data-wow-delay="0.1s"> <div class="col-12"> <img src="./imgs/backs/interiores-global.webp" alt="" class="img-fluid"> </div> </div> <div class="container-fluid"> <div class="row justify-content-around global "> <div class="col-lg-1 col-md-12 mt-3 mb-3 img-global"> <img src="./imgs/icons/global.png" alt="" class="img-fluid icon-eje"> </div> <div class="col-lg-6 col-md-12 mt-5 mb-3 "> <p class="text-justify justify-content-center objetivo-text">Consolidar a Coahuila como un estado altamente competitivo, atractivo y seguro para los inversionistas y turistas, con un desarrollo econ贸mico s贸lido, un ambiente laboral seguro y un sector productivo que genere empleos suficientes y dignos.</p> </div> <div class="col-lg-1 col-md-12 mt-3 mb-3 text-center"> <button class="btn btn-resumen" style="text-transform:uppercase;" onclick="showdataResumen(2);"> <i class="fa fa-table" style=" width: 100%; text-align: center; font-size: 3rem; "></i> Resumen de indicadores <br> del eje </button> </div> </div> <div class="col-12"> <div class="row justify-content-center py-5"> <ol class="col-10 text-justify wow fadeIn" data-wow-delay="0.3s" id="containerEje2"></ol> </div> </div> </div> <hr id="eje3" class=" mb-0 mt-0" > <div class="row justify-content-center wow fadeIn" data-wow-delay="0.1s"> <div class="col-12"> <h1 class="text-center font-1 title-eje-3 mb-0">EJE 3</h1> </div> </div> <div class="row justify-content-center wow fadeIn" data-wow-delay="0.1s"> <div class="col-12"> <img src="./imgs/backs/interiores-des-humano.webp" alt="" class="img-fluid"> </div> </div> <div class="container-fluid"> <div class="row justify-content-around desarrollo "> <div class="col-lg-1 col-md-12 mt-3 mb-3 img-desarrollo"> <img src="./imgs/icons/humano.png" alt="" class="img-fluid icon-eje"> </div> <div class="col-lg-6 col-md-12 mt-4 mb-3 "> <p class="text-justify justify-content-center objetivo-text">Construir un Coahuila m谩s pr贸spero y equitativo, con mejores oportunidades para todas las personas, con acceso a servicios de salud y de educaci贸n de calidad, m谩s cultura y deporte; un estado que logre generar un desarrollo humano incluyente y solidario, donde disminuya la pobreza y se mejore la calidad de vida de todas y todos los habitantes. </p> </div> <div class="col-lg-1 col-md-12 mt-3 mb-3 text-center"> <button class="btn btn-resumen" style="text-transform:uppercase;" onclick="showdataResumen(3);"> <i class="fa fa-table" style=" width: 100%; text-align: center; font-size: 3rem; "></i> Resumen de indicadores <br> del eje </button> </div> </div> <div class="col-12"> <div class="row justify-content-center py-5"> <ol class="col-10 text-justify wow fadeIn" data-wow-delay="0.3s" id="containerEje3"></ol> </div> </div> </div> <hr id="eje4" class=" mb-0 mt-0" > <div class="row justify-content-center wow fadeIn" data-wow-delay="0.1s"> <div class="col-12"> <h1 class="text-center font-1 title-eje-4 mb-0">EJE 4</h1> </div> </div> <div class="row justify-content-center wow fadeIn" data-wow-delay="0.1s"> <div class="col-12"> <img src="./imgs/backs/interiores-sostenible.webp" alt="" class="img-fluid"> </div> </div> <div class="container-fluid"> <div class="row justify-content-around infraestructura "> <div class="col-lg-1 col-md-12 mt-3 mb-3 img-infraestructura"> <img src="./imgs/icons/infraestructura.png" alt="" class="img-fluid icon-eje"> </div> <div class="col-lg-6 col-md-12 mt-4 mb-3"> <p class="text-justify justify-content-center objetivo-text">Dotar a todas las regiones del estado con la infraestructura necesaria para aumentar su competitividad y desarrollo integral, bajo la pauta de instrumentos de planeaci贸n orientados a un crecimiento ordenado que permita el acceso a toda la poblaci贸n a servicios p煤blicos de calidad, un medio ambiente sano y un entorno que les brinde mayor nivel de bienestar.</p> </div> <div class="col-lg-1 col-md-12 mt-3 mb-3 text-center"> <button class="btn btn-resumen" style="text-transform:uppercase;" onclick="showdataResumen(4);"> <i class="fa fa-table" style=" width: 100%; text-align: center; font-size: 3rem; "></i> Resumen de indicadores <br> del eje </button>  </div> </div> <div class="col-12"> <div class="row justify-content-center py-5"> <ol class="col-10 text-justify wow fadeIn" data-wow-delay="0.3s" id="containerEje4"></ol> </div> </div> </div> <hr id="eje5" class=" mb-0 mt-0" > <div class="row justify-content-center wow fadeIn" data-wow-delay="0.1s"> <div class="col-12"> <h1 class="text-center font-1 title-eje-5 mb-0">EJE 5</h1> </div> </div> <div class="row justify-content-center wow fadeIn" data-wow-delay="0.1s"> <div class="col-12"> <img src="imgs/backs/interiores-ciudadania.webp" alt="" class="img-fluid"> </div> </div> <div class="container-fluid"> <div class="row justify-content-around ciudadania "> <div class="col-lg-1 col-md-12 mt-3 mb-3 img-ciudadania"> <img src="imgs/icons/ciudadania.png" alt="" class="img-fluid icon-eje"> </div> <div class="col-lg-6 col-md-12 mt-4 mb-3 "> <p class="text-justify justify-content-center objetivo-text">Ser un gobierno profesional, con eficiencia en el desempe帽o de todos los servidores p煤blicos y un cuidado riguroso y transparente en el manejo de los recursos p煤blicos, que trabaje de la mano con la sociedad en todos los sectores del quehacer p煤blico estatal, involucr谩ndola en la toma de las decisiones m谩s relevantes.</p> </div> <div class="col-lg-1 col-md-12 mt-3 mb-3 text-center"> <button class="btn btn-resumen" style="text-transform:uppercase;" onclick="showdataResumen(5);"> <i class="fa fa-table" style=" width: 100%; text-align: center; font-size: 3rem; "></i> Resumen de indicadores <br> del eje </button>  </div> </div> <div class="col-12"> <div class="row justify-content-center py-5"> <ol class="col-10 text-justify wow fadeIn" data-wow-delay="0.3s" id="containerEje5"></ol> </div> </div> </div> <hr class=" mb-5 mt-5" > </div>   <div class="container-fluid product py-5 my-5"> <div class="container py-5"> <div class="section-title text-center mx-auto wow fadeInUp" data-wow-delay="0.1s" style="max-width: 500px;"> <p class="fs-5 fw-medium fst-italic text-primary font-3">FUENTES</p> <h1 class="display-6 font-1 text-upper">Sitios de las principales fuentes <br> de informaci贸n</h1> </div> <div class="owl-carousel product-carousel wow fadeInUp" data-wow-delay="0.5s"> <a href="https://www.inegi.org.mx/" class="d-block product-item rounded"> <img src="img/product-1.jpg" alt=""> <div class="bg-white shadow-sm text-center p-4 position-relative mt-n5 mx-4"> <h4 class="text-primary justify font-4">INEGI</h4> <span class="text-body font-3">Instituto Nacional de Estad铆stica <br> y Geograf铆a</span> </div> </a> <a href="https://www.gob.mx/sep" class="d-block product-item rounded"> <img src="img/product-2.jpg" alt=""> <div class="bg-white shadow-sm text-center p-4 position-relative mt-n5 mx-4"> <h4 class="text-primary justify font-4">SEP</h4> <span class="text-body font-3">Secretar铆a de <br> Educaci贸n P煤blica</span> </div> </a> <a href="https://www.coneval.org.mx/Paginas/principal.aspx" class="d-block product-item rounded"> <img src="img/product-3.jpg" alt=""> <div class="bg-white shadow-sm text-center p-4 position-relative mt-n5 mx-4"> <h4 class="text-primary justify font-4">CONEVAL</h4> <span class="text-body font-3">Consejo Nacional de Evaluaci贸n de la Pol铆tica de Desarrollo Social</span> </div> </a> <a href="https://imco.org.mx/" class="d-block product-item rounded"> <img src="img/product-4.jpg" alt=""> <div class="bg-white shadow-sm text-center p-4 position-relative mt-n5 mx-4"> <h4 class="text-primary justify font-4">IMCO</h4> <span class="text-body font-3">Centro de Investigaci贸n <br> en P贸litica P煤blica</span> </div> </a> <a href="https://agenda2030.mx/#/home" class="d-block product-item rounded"> <img src="img/product-5.jpg" alt=""> <div class="bg-white shadow-sm text-center p-4 position-relative mt-n5 mx-4"> <h4 class="text-primary justify font-4">OBJETIVOS</h4> <span class="text-body font-3">Sistema de Informaci贸n de los Objetivos de Desarrollo Sostenible</span> </div> </a> <a href="https://ensanut.insp.mx/" class="d-block product-item rounded"> <img src="img/product-6.jpg" alt=""> <div class="bg-white shadow-sm text-center p-4 position-relative mt-n5 mx-4"> <h4 class="text-primary justify font-4">ENSANUT</h4> <span class="text-body font-3">Encuesta Nacional de Salud <br> y Nutrici贸n</span> </div> </a> <a href="https://www.gob.mx/conapo" class="d-block product-item rounded"> <img src="img/product-7.jpg" alt=""> <div class="bg-white shadow-sm text-center p-4 position-relative mt-n5 mx-4"> <h4 class="text-primary justify font-4">CONAPO</h4> <span class="text-body font-3">Consejo Nacional <br> bde Poblaci贸n</span> </div> </a> <a href="https://www.imss.gob.mx/conoce-al-imss/cubos" class="d-block product-item rounded"> <img src="img/product-8.jpg" alt=""> <div class="bg-white shadow-sm text-center p-4 position-relative mt-n5 mx-4"> <h4 class="text-primary justify font-4">IMSS</h4> <span class="text-body font-3">Instituto Mexicano <br> del Seguro Social</span> </div> </a> <a href="https://www.undp.org/es/mexico" class="d-block product-item rounded"> <img src="img/product-9.jpg" alt=""> <div class="bg-white shadow-sm text-center p-4 position-relative mt-n5 mx-4"> <h4 class="text-primary justify font-4">PNUD</h4> <span class="text-body font-3">Pol铆tica Nacional <br> de Desarrollo Urbano</span> </div> </a> <a href="https://www.gob.mx/salud" class="d-block product-item rounded"> <img src="img/product-10.jpg" alt=""> <div class="bg-white shadow-sm text-center p-4 position-relative mt-n5 mx-4"> <h4 class="text-primary justify font-4">SALUD</h4> <span class="text-body font-3">Secretar铆a de <br> Salud</span> </div> </a> <a href="https://www.gob.mx/semarnat" class="d-block product-item rounded"> <img src="img/product-11.jpg" alt=""> <div class="bg-white shadow-sm text-center p-4 position-relative mt-n5 mx-4"> <h4 class="text-primary justify font-4">SEMARNAT</h4> <span class="text-body font-3">Secretar铆a de Medio Ambiente y Recursos Naturales</span> </div> </a> <a href="https://www.gob.mx/siap" class="d-block product-item rounded"> <img src="img/product-12.jpg" alt=""> <div class="bg-white shadow-sm text-center p-4 position-relative mt-n5 mx-4"> <h4 class="text-primary justify font-4">SIAP</h4> <span class="text-body font-3">Servicio de Informaci贸n Agroalimentaria y Pesquera</span> </div> </a> <a href="https://www.gob.mx/stps/" class="d-block product-item rounded"> <img src="img/product-13.jpg" alt=""> <div class="bg-white shadow-sm text-center p-4 position-relative mt-n5 mx-4"> <h4 class="text-primary justify font-4">STPS</h4> <span class="text-body font-3">Secretar铆a del Trabajo <br> y Prevenci贸n Social</span> </div> </a> </div> </div> </div>   <a href="#" class="btn btn-lg btn-primary btn-lg-square rounded-circle back-to-top"><i class="bi bi-arrow-up"></i></a> <div class="modal fade" id="data_indicador" tabindex="-1" role="dialog" aria-labelledby="modalDataIndicador" aria-hidden="true" > <div class="modal-dialog modal-xl" role="document"> <div class="modal-content"> <div class="modal-header" id="header-indicador"> <h5 class="modal-title font-5" id="indicadorName">Indicador #</h5> <button type="button" onclick="hideDataIndicador()" class="btn btn-close" data-dismiss="modal" data-target="#data_indicador" aria-label="Cerrar"> <span aria-hidden="true"></span> </button> </div> <div class="modal-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="mapa-tab" data-toggle="tab" href="#mapa" role="tab" aria-controls="mapa" aria-selected="true">Mapa</a> </li> <li class="nav-item"> <a class="nav-link" id="indicador-tab" data-toggle="tab" href="#indicador" role="tab" aria-controls="indicador" aria-selected="false">Indicador</a> </li> <li class="nav-item"> <a class="nav-link" id="grafica-tab" data-toggle="tab" href="#grafica" role="tab" aria-controls="grafica" aria-selected="false">Gr谩fica</a> </li> <li class="nav-item"> <a class="nav-link" id="metadatos-tab" data-toggle="tab" href="#metadatos" role="tab" aria-controls="metadatos" aria-selected="false">Ficha t茅cnica</a> </li>  </ul> <div class="tab-content" id="myTabContent"> <div class="tab-pane fade show active" id="mapa" role="tabpanel" aria-labelledby="mapa-tab"> <div class="row mb-5 mt-5" style="min-height:30rem;" > <div class="col-lg-7 col-md-12"> <div id="chartdiv" style="height:30rem;" ></div> </div> <div class="col-lg-5 col-md-12 table-responsive" style="max-height:30rem;"> <table class="table table-bordered" style="font-size: .8rem;"> <thead id="color-eje-indicador-ranking"> <tr > <th class="text-center" scope="col" > ENTIDAD </th> <th class="text-center" scope="col" style="padding-left:.5rem !important;padding-right:.5rem !important;"> VALOR </th> <th class="text-center" scope="col" style="padding-left:.15em !important; padding-right:.5rem !important;"> LUGAR </th> <th class="text-center" scope="col" style="padding-left:.15em !important; padding-right:.5rem !important;"> RANGO </th> </tr> </thead> <tbody id="table_ranking"> </tbody> </table> </div> </div> </div> <div class="tab-pane fade" id="indicador" role="tabpanel" aria-labelledby="indicador-tab"> <div class="row justify-content-center"> <div class="col-lg-8 col-md-12 table-responsive" style="max-height:30rem;"> <table class="table table-bordered table-hover"> <thead id="color-eje-indicador">  <tr> <th class="text-center text-table-middle"> Entidad Federativa </th> <th class="text-center text-table-middle"> Valor </th> <th class="text-center text-table-middle"> Lugar </th> </tr> </thead> <tbody id="table_indicador"> </tbody> </table> </div> </div> <div class="row justify-content-center mt-3 mb-3"> <div class="col-2"><a id="btn-exportar-historico" href="javascript:void(0);" class="btn btn-color-eje"><i class="fas fa-file-excel"></i> EXPORTAR HIST脫RICO</a></div> </div> </div> <div class="tab-pane fade" id="grafica" role="tabpanel" aria-labelledby="grafica-tab"> <div class="row" style="min-height:40rem;" > <div class="col-12"> <div class="col-md-12 col-lg-12 col-sm-12"> <div id="chartdivBar" style="height:40rem;" ></div> </div> </div> </div> </div> <div class="tab-pane fade" id="metadatos" role="tabpanel" aria-labelledby="metadatos-tab"> <div class="row justify-content-center table-responsive " style="min-height:30rem;" > <div class="col-md-12 col-lg-10 "> <img src="imgs/encabezado-ficha.jpg" alt="Logo Coahuila Pa delante" class="img-fluid pb-3"> </div> <div class="col-md-11 col-lg-9 "> <table id="table-ficha-tecnica" class=" table-responsive table-striped table-bordered " > <tbody> <tr> <th colspan="3" class="text-start thead-ficha" > Dependencia: </th> <td colspan="9" class="text-start text-middle tdata-ficha" id="dependencia_indicador" > </td> </tr> <tr> <th colspan="3" class="text-start thead-ficha" scope="row"> Alineaci贸n al Plan Estatal de Desarrollo: </th> <td colspan="9" class="text-start text-middle tdata-ficha" id="eje_indicador"> </td> </tr> <tr> <th colspan="12" class="text-center thead-ficha" scope="row"> Datos de identificaci贸n </th> </tr> <tr> <th colspan="1" class="text-start thead-ficha" scope="row"> N煤m: </th> <th colspan="5" class="text-start thead-ficha" scope="row"> Nombre del indicador: </th> <th colspan="6" class="text-start thead-ficha" scope="row"> Definici贸n: </th> </tr> <tr> <td colspan="1" class="text-center text-middle tdata-ficha" id="num_indicador"> </td> <td colspan="5" class="text-justify text-middle tdata-ficha" id="nombre_indicador_f"> </td> <td colspan="6" class="text-justify text-middle tdata-ficha" id="definicion"> </td> </tr> <tr> <th colspan="6" class="text-start thead-ficha" scope="row"> Tipo de indicador: </th> <th colspan="6" class="text-start thead-ficha" scope="row"> Dimensi贸n a medir: </th> </tr> <tr> <td colspan="6" class="text-center text-middle tdata-ficha" id="tipo_indicador"> </td> <td colspan="6" class="text-center text-middle tdata-ficha" id="dimension_indicador"> </td> </tr> <tr> <th colspan="6" class="text-start thead-ficha" scope="row"> Descripci贸n: </th> <th colspan="6" class="text-start thead-ficha" scope="row" width="50%"> Algoritmo: </th> </tr> <tr> <td colspan="6" class="text-justify text-middle tdata-ficha " id="descripcion_indicador"> </td> <td colspan="6" class="text-middle tdata-ficha text-center" id="algoritmo_indicador"> </td> </tr> <tr> <th colspan="12" class="text-start thead-ficha" scope="row"> L铆nea base </th>  </tr> <tr> <th colspan="2" class="text-start thead-ficha" scope="row"> Periodo: </th> <td colspan="2" class="text-center text-middle tdata-ficha" id="periodo_indicador"> </td> <th colspan="2" class="text-start thead-ficha" scope="row"> Valor: </th> <td colspan="2" class="text-center text-middle tdata-ficha" id="valor_indicador"> </td> <th colspan="2" class="text-start thead-ficha" scope="row"> Lugar: </th> <td colspan="2" class="text-center text-middle tdata-ficha " id="lugar_indicador"> </td>  </tr> <tr> <th colspan="12" class="text-start thead-ficha" scope="row"> Metadatos </th> </tr> <tr> <th colspan="3" class="text-start thead-ficha" scope="row" style="white-space: nowrap;"> Fuente: </th> <td colspan="9" class="text-justify text-middle tdata-ficha " id="fuente_indicador"> </td> </tr> <tr> <th colspan="6" class="text-start thead-ficha" scope="row"> 脕rea responsable del indicador: </th> <th colspan="6" class="text-start thead-ficha" scope="row"> Sentido: </th> </tr> <tr> <td colspan="6" class="text-center text-middle tdata-ficha " id="responsable_indicador"> </td> <td colspan="6" class="text-center text-middle tdata-ficha " id="sentido_indicador"> </td> </tr> <tr> <th colspan="6" class="text-start thead-ficha" scope="row"> Cobertura geogr谩fica: </th> <th colspan="6" class="text-start thead-ficha" scope="row"> Frecuencia: </th> </tr> <tr> <td colspan="6" class="text-center text-middle tdata-ficha " id="cobertura_indicador"> </td> <td colspan="6" class="text-center text-middle tdata-ficha " id="frecuancia_indicador"> </td> </tr> <tr> <th colspan="6" class="text-start thead-ficha" scope="row"> Unidad de an谩lisis: </th> <th colspan="6" class="text-start thead-ficha" scope="row"> Pr贸xima actualizaci贸n: </th> </tr> <tr> <td colspan="6" class="text-center text-middle tdata-ficha " id="unidad_analisis_indicador"> </td> <td colspan="6" class="text-center text-middle tdata-ficha " id="proxima_actualizacion_indicador"> </td> </tr> </tbody> </table> </div> </div> <div class="row justify-content-center mt-3 mb-3"> <div class="col-2"><a id="btn-exportar-ficha" href="javascript:void(0);" class="btn btn-color-eje"><i class="fa fa-file-pdf"></i> EXPORTAR FICHA</a></div> </div> </div>  </div> </div> <div class="modal-footer"> <form style="display: none" action="javascript:void(0)" method="POST" id="reportes"> <input type="hidden" id="dataFicha" name="dataFicha" value="" required> </form> <form style="display: none" action="javascript:void(0)" method="POST" id="files"> <input type="hidden" id="file" name="file" value="" required> </form>  <button type="button" class="btn btn-dark" onclick="hideDataIndicador()" data-target="#data_indicador" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <div class="modal fade" id="data_resumen" tabindex="-1" role="dialog" aria-labelledby="modalResumenEje" aria-hidden="true" > <div class="modal-dialog modal-xl" role="document"> <div class="modal-content"> <div class="modal-header resumen-h">  <img id="img-header-resumen" src="" alt="" class="header-eje-resumen"> <hr id="line-header" class=""> <button type="button" onclick="hideDataResumen()" class="btn btn-close" data-dismiss="modal" data-target="#data_resumen" aria-label="Cerrar"> <span aria-hidden="true"></span> </button> </div> <div class="modal-body resumen-b table-responsive"> <table class="table table-bordered table-hover "> <thead id="thead-table-resumen" class=""> <tr> <th class="text-center text-table-middle-th" rowspan="2" scope="col">INDICADOR</th> <th class="text-center text-table-middle-th" rowspan="2" scope="col">PERIODO DE EVALUACI脫N</th> <th class="text-center text-table-middle-th" rowspan="2" scope="col">FECHA DE PUBLICACI脫N</th> <th class="text-center text-table-middle-th" colspan="2" scope="col">COAHUILA</th> <th class="text-center text-table-middle-th" rowspan="2" scope="col">VALOR NACIONAL</th> <th class="text-center text-table-middle-th" colspan="2" scope="col">ESTADO L脥DER</th> <th class="text-center text-table-middle-th" rowspan="2" scope="col">DEPENDENCIA</th> <th class="text-center text-table-middle-th" rowspan="2" scope="col">驴M脕S ALTO ES MEJOR?</th> </tr> <tr> <th class="text-center text-table-middle-th" scope="col">VALOR</th> <th class="text-center text-table-middle-th" scope="col">LUGAR</th> <th class="text-center text-table-middle-th" scope="col">ESTADO</th> <th class="text-center text-table-middle-th" scope="col">VALOR</th> </tr> </thead> <tbody id="resumen_table"> </tbody> </table> <div class="row justify-content-center mt-3 mb-3"> <div class="col-2"><a id="btn-exportar-resumen" href="javascript:void(0);" class="btn btn-color-eje"> <i class="fas fa-file-excel"></i> EXPORTAR</a> </div> </div> </div> <div class="modal-footer">  <button type="button" class="btn btn-dark" onclick="hideDataResumen()" data-target="#data_resumen" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <style> .header-eje-resumen{ width:17%; } .text-table-middle{ vertical-align: middle; overflow-wrap: anywhere; } .text-table-middle-th{ vertical-align: middle; } .resumen-h{ padding: 1rem 1rem 0rem 1rem; border-bottom: 0; } .resumen-b{ padding: 0rem 1rem 1rem 1rem; } .line-img-header-1{ width: 100%; height: 2px !important; background: linear-gradient(90deg, rgb(8 118 135) 0%, rgb(3 152 176) 100%); opacity: 1 !important; } .th-table-resumen-1{ background: linear-gradient(-90deg, rgb(8 118 135) 87%, rgb(3 152 176) 100%); color: #FFFFFF; } .line-img-header-2{ width: 100%; height: 2px !important; background: linear-gradient(90deg, rgb(255 176 1) 0%, rgb(251 147 0) 100%); opacity: 1 !important; } .th-table-resumen-2{ background: linear-gradient(-90deg, rgb(255 176 1) 87%, rgb(251 147 0) 100%); color: #FFFFFF; } .line-img-header-3{ width: 100%; height: 2px !important; background: linear-gradient(90deg, rgb(168 18 89) 0%, rgb(251 15 123) 100%); opacity: 1 !important; } .th-table-resumen-3{ background: linear-gradient(-90deg, rgb(168 18 89) 87%, rgb(251 15 123) 100%); color: #FFFFFF; } .line-img-header-4{ width: 100%; height: 2px !important; background: linear-gradient(90deg, rgb(3 138 98) 0%, rgb(37 168 75) 100%); opacity: 1 !important; } .th-table-resumen-4{ background: linear-gradient(-90deg, rgb(3 138 98) 87%, rgb(37 168 75) 100%); color: #FFFFFF; } .line-img-header-5{ width: 100%; height: 2px !important; background: linear-gradient(90deg, rgb(126 47 214) 0%, rgb(159 48 215) 100%); opacity: 1 !important; } .th-table-resumen-5{ background: linear-gradient(-90deg, rgb(126 47 214) 87%, rgb(159 48 215) 100%); color: #FFFFFF; } .btn-color-eje-1 { color: #fff; background-color: #007d99; border-color: #007d99; } .btn-color-eje-1:hover { color: #000; background-color: #459eb3; border-color: #459eb3; } .btn-color-eje-1:focus { outline: 0; box-shadow: 0 0 0 .25rem rgb(103 78 180 / 25%); } /* :#007d99; :#faab00; :#e00063; :#00ac40; :#8c1bc1; */ .btn-color-eje-2 { color: #fff; background-color: #faab00; border-color: #faab00; } .btn-color-eje-2:hover { color: #000; background-color: #b3b045; border-color: #b3b045; } .btn-color-eje-2:focus { outline: 0; box-shadow: 0 0 0 .25rem rgb(180 177 78 / 25%); } .btn-color-eje-3 { color: #fff; background-color: #e00063; border-color: #e00063; } .btn-color-eje-3:hover { color: #000; background-color: #b34569; border-color: #b34569; } .btn-color-eje-3:focus { outline: 0; box-shadow: 0 0 0 .25rem rgb(180 78 163 / 25%) } .btn-color-eje-4 { color: #fff; background-color: #00ac40; border-color: #00ac40; } .btn-color-eje-4:hover { color: #000; background-color: #45b35d; border-color: #45b35d; } .btn-color-eje-4:focus { outline: 0; box-shadow: 0 0 0 .25rem rgb(78 180 114 / 25%); } .btn-color-eje-5 { color: #fff; background-color: #8c1bc1; border-color: #8c1bc1; } .btn-color-eje-5:hover { color: #000; background-color: #7945b3; border-color: #7945b3; } .btn-color-eje-5:focus { outline: 0; box-shadow: 0 0 0 .25rem rgb(131 78 180 / 25%); } /* body{ background: url(imgs/backs/patron.png); background-position: center; background-repeat: repeat; background-size: contain; } */ </style>  <hr id="descargas" class=" mb-0 mt-0" > <div class="container-xxl contact py-5"> <div class="row"> <div class="col-md-12"> <div class="section-title text-center mx-auto wow fadeInUp" data-wow-delay="0.1s" style="max-width: 500px;"> <p class="fs-5 fw-medium fst-italic text-primary font-3">Todos los indicadores</p> <h1 class="display-6 font-1 text-upper">Descargas</h1> </div> </div> <div class="col-md-12"> <div class="row justify-content-center wow fadeInUp" data-wow-delay="0.1s"> <div class="col-lg-8"> <div class="row g-5"> <div class="col-md-6 text-center wow fadeInUp" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;"> <div class="btn-square mx-auto mb-3 pointer" onClick="resumenAllXLS();"> <i class="fa fa-file-excel fa-2x text-white"></i> </div> <p class="mb-2 font-3">Tabulado</p> </div> <div class="col-md-6 text-center wow fadeInUp" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;"> <div class="btn-square mx-auto mb-3 pointer" onClick="fichasTecnicasPDF();"> <i class="fa fa-file-pdf fa-2x text-white"></i> </div> <p class="mb-2 font-3">Fichas t茅cnicas</p> </div> </div> </div> </div> </div> </div> </div>   <div class="container-fluid bg-dark footer mt-5 py-5 wow fadeIn" data-wow-delay="0.1s"> <div class="container py-5"> <div class="row g-5 justify-content-center"> <div class="col-md-12 text-center"> <img class="img-fluid" src="imgs/coahuila-vision2030-escudo-footer.png" alt="Logo">  </div>  </div> </div> </div>  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script> <script src="lib/wow/wow.min.js"></script> <script src="lib/easing/easing.min.js"></script> <script src="lib/waypoints/waypoints.min.js"></script> <script src="lib/owlcarousel/owl.carousel.min.js"></script> <script src="lib/amcharts/core.js"></script> <script src="lib/amcharts/maps.js"></script> <script src="lib/amcharts/charts.js"></script> <script src="lib/amcharts/themes/animated.js"></script> <script src="lib/amcharts/geodata/mexicoLow.js"></script>   <script src="js/main.js"></script><script src="js/indicadores.js"></script> </body> </html>

CINXE.COM

Seguimiento de Indicadores de Coahuila