https://www.ieepcnl.mx/info/procesos/2024/

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="UTF-8">
5<meta http-equiv="X-UA-Compatible" content="IE=edge">
6<meta name="viewport" content="width=device-width, initial-scale=1.0">
7<meta http-equiv="Cache-Control" content="max-age=60">
8

9<script src="https://kit.fontawesome.com/ec9a159518.js" crossorigin="anonymous"></script>

9
10<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

11<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

11
12<link rel="stylesheet" href="../../../css/sandstone.css">
13<link rel="stylesheet" href="../../../css/index2.css">

14<script src="https://kit.fontawesome.com/ec9a159518.js" crossorigin="anonymous"></script>

14

15<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>

15
16
17
18<link rel="preconnect" href="https://fonts.googleapis.com">
19<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
20<link href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Questrial&family=Quicksand:wght@300;400;500;600;700&display=swap" rel="stylesheet">
21
22<title>Instituto Estatal Electoral y de Participación Ciudadana de Nuevo León</title>
23</head>
24<body>
25
26<div id="menu"></div>
27
28
29<div class="contBasic">
30  <div class="container">
31        <p class="text-center">
32            <img src="../../../media/logos/logo_pe2024.webp" alt="" class="img420">
33        </p>
34    <div class="accordion accordion-flush" id="acc00">
35      <div class="accordion-item">
36        <h2 class="accordion-header" id="he01">
37          <button class="accordion-button " type="button" data-bs-toggle="collapse" data-bs-target="#col00" aria-expanded="true" aria-controls="col00">
38            <h6>PROCESO ELECTORAL 2023-2024</h6>
39          </button>
40        </h2>
41        <div id="col00" class="accordion-collapse " aria-labelledby="he00" data-bs-parent="#acc00">
42          <div class="procesos p-3">
43
44
45            <a data-pos="Memorias" data-inner="Memorias y Estadisrticas Proceso Electoral 2020-2021" class="contador btn btn-light cent" href="../../../data/info/publicaciones/2025/Memorias_2024.pdf"> MEMORIAS Proceso Electoral 2023-2024</a>
46            
47
48            <a href="listado_actas_escrutinio_computo_2024.xlsx" class="btn btn-light cent">ACTAS DE ESCRUTINIO Y CÓMPUTO</a>
49
50
51            <a href="data/Informe de cumplimiento Pauta Paritaria Nuevo Leon.pdf" class="btn btn-light cent">INFORME FINAL DE CUMPLIMIENTO DE LOS
52              PARTIDOS POLÍTICOS SOBRE LA DISTRIBUCIÓN
53              DE LOS PROMOCIONALES DE RADIO Y
54              TELEVISIÓN EN RAZÓN DE GÉNERO</a>
55
56            <a href="https://computo24dc.ieepcnl.mx/" class="btn btn-light cent">CÓMPUTOS FINALES CON MOTIVO DE IMPUGNACIONES 2024</a>
57            <a href="actas/" class="btn btn-light cent">ACTAS CÓMPUTO</a>
58
59            <a type="button" class="btn btn-light cent" data-bs-toggle="modal" data-bs-target="#modal01">
60              Listado de Candidaturas Electas
61            </a>
62            <div class="modal fade" id="modal01" tabindex="-1" aria-labelledby="modal01" aria-hidden="true">
63              <div class="modal-dialog  modal-dialog-centered">
64                <div class="modal-content">
65                  <div class="modal-header">
66                    <h1 class="modal-title fs-5" id="modal01">Listado de Candidaturas Electas</h1>
67                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
68                  </div>
69                  <div class="modal-body">
70                    <a href="integracion/20241008_integracion_congreso.xlsx" class="btn btn-dark w-100 m-1">Integracion Congreso 2024</a>
71                    <a href="integracion/20241008_integracion_ayuntamientos.xlsx" class="btn btn-dark w-100 m-1">Integracion Ayuntamientos 2024</a>
72                  </div>
73                  <div class="modal-footer">
74                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">cerrar</button>
75                  </div>
76                </div>
77              </div>
78            </div>
79
80
81            <a href="https://computo24.ieepcnl.mx/" class="btn btn-light cent">CÓMPUTO 2024</a>
82
83            <a href="https://difusores2024.ieepcnl.mx/" class="btn btn-light cent">Programa de Resultados Electorales Preliminares 2024</a>
84            <a type="button" class="btn btn-light cent" data-bs-toggle="modal" data-bs-target="#exampleModal">
85              Entidades donde se efectuarán las encuestas de salida y/o conteos rápidos
86            </a>
87
88            <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
89              <div class="modal-dialog  modal-dialog-centered">
90                <div class="modal-content">
91                  <div class="modal-header">
92                    <h1 class="modal-title fs-5" id="exampleModalLabel">Entidades donde se efectuarán las encuestas de salida y/o conteos rápidos</h1>
93                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
94                  </div>
95                  <div class="modal-body">
96                    <a href="encuestas_salida/INE-SE-2038-2024 Acreditaciones.pdf" class="btn btn-dark">INE-SE-2038-2024 Acreditaciones</a>
97                    <a href="encuestas_salida/Anexo.pdf" class="btn btn-dark">Anexo</a>
98                  </div>
99                  <div class="modal-footer">
100                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">cerrar</button>
101                  </div>
102                </div>
103              </div>
104            </div>
105
106
107            <a href="https://documentacion.ieepcnl.mx/archivos/PREP2024/ea/REPORTE_AUDITORIA_NLE2024_31MAY2024.pdf" class="btn btn-light cent">Ente Auditor: Resultados finales de la auditoría PREP 2024</a>
108            <a href="hcd/" class="btn btn-light cent">Programa de Promoción de la Participación Ciudadana en el Proceso Electoral Concurrente 2023-2024</a>
109            <a href="ubicacion/UbicacionCasillas_2_06_2024.pdf" class="btn btn-light cent">Encarte <br> Ubicación de Casillas</a>
110            
111            <a href="https://ubica24.ieepcnl.mx/" class="btn btn-light cent">Ubica tu Casilla</a>
112
113            <a href="Representantes_Partido_CMEs_220424.pdf" class="btn btn-light cent">Representantes de Partido Políticos Acreditados ante las CME's</a>
114            <a href="debates/0/" class="btn btn-light cent">Repetición Debates 2024</a>
115            <a href="20240506_CalendarioDebates2024.pdf" class="btn btn-light cent">Calendario de Debates 2024</a>
116            <!-- <a href="ca/" class="btn btn-light cent">Candidaturas Aprobadas</a> -->
117            <a href="data/20241029_candiadaturas_aprobadas.xlsx" class="btn btn-light cent">Candidaturas Aprobadas</a>
118            <!-- <a href="consulta/" class="btn btn-light cent">Consulta Popular 2024</a> -->
119            <a href="sccc/" class="btn btn-light cent">Sistema “Candidatas y Candidatos, Conóceles</a>
120            <a href="DifusoresPREP/" class="btn btn-light cent">Difusores oficiales PREP 2024</a>
121            <a href="12/" class="btn btn-light cent">Listado de Representantes de Partido Político ante las 51 Comisiones Municipales Electorales</a>
122            <a href="mac/" class="btn btn-light cent">Mesas Auxiliares de Cómputo</a>
123            <a href="09CaelSel/" class="btn btn-light cent">Convocatoria Supervisor/a Electoral Local o Capacitador/a Asistente Electoral Local</a>
124            <a href="10/index.html" class="btn btn-light cent">Registro de candidaturas</a>
125            <a href="10Monitoreo.html" class="btn btn-light cent" target="_self">MONITOREO DE MEDIOS: TELEVISIÓN, RADIO Y PRENSA IMPRESA</a>
126            <a href="../../../data/info/pe/2024/Pacto de comportamiento etico 2023-2024.pdf" class="btn btn-light cent" target="_self">Pacto de comportamiento ético 2023-2024</a>
127            <a href="08Materiales/" class="btn btn-light cent" target="_self">Materiales Didácticos</a>
128            <a href="07Ine/" class="btn btn-light cent" target="_self">Información INE</a>
129            <a href="05Infografias/" class="btn btn-light cent" target="_self">Infografías</a>
130            <a href="03Obs/" class="btn btn-light cent" target="_self">Observadoras y Observadores Electorales</a>
131            <a href="04Enc.html" class="btn btn-light cent" target="_self">Encuestas por muestreo, sondeos de opinión, encuestas de salida y conteos rápidos no institucionales</a>
132            <a href="../../../data/info/pe/2024/ACTA DE MODIFICACION CALENDARIO ELECTORAL.pdf" class="btn btn-light cent" target="_self">Acta de Modificación Calendario Electoral</a>
133            <a href="../../../data/info/pe/2024/[20240321]Calendario_2023-2024.pdf" class="btn btn-light cent" target="_self">Calendario Electoral</a>
134            <a href="02Cme.html" class="btn btn-light cent" target="_self">Comisiones Municipales Electorales</a>
135            <a href="01Ind.html" class="btn btn-light cent" target="_self">Candidaturas Independientes</a>
136
137      
138          </div>
139        </div>
140      </div>
141
142    </div>
143  </div>
144
145
146
147
148
149  <div class="bg-dark2 mt-4" id="pie"></div>
150</div>
151
152
153
154

155<script src="../../../js/menu.js"></script>

155

156<script src="../../../js/pie.js"></script>

156

157<script type="module" src='../../../js/visitasIEEPC.js'></script>

157
158
159</body>
160</html>
161

162<script>
163  let pagina = 'INFO/PROCESO/2024'
164  const valoresContenedorBotonesProceso = []
165  const clases = ['c1', 'c2', 'c3','c4', 'c5', 'c6']
166  let indiceClase = 0
167  let contenedorBotonesProceso = document.querySelectorAll('.procesos')
168  Object.values(contenedorBotonesProceso).forEach( g => {
169    valoresContenedorBotonesProceso.push(g.children)
170  })
171  
172  let valoresTotales = []
173  for (let i = 0; i < valoresContenedorBotonesProceso.length; i++) {
174    // console.log(valoresContenedorBotonesProceso[i])
175    valoresTotales.push(valoresContenedorBotonesProceso[i])
176  }
177  // console.log(valoresTotales)
178
179  let valoresValores = []
180  for (let x = 0; x < valoresTotales.length; x++) { 
181    // console.log(valoresTotales[x])
182    // console.log(valoresTotales[x].length)
183    valoresValores.push(valoresTotales[x])
184    // console.log(valoresTotales[x])
185    for (let j = 0; j < valoresTotales[x].length; j++) {
186      // console.log(valoresTotales[x][j])
187      valoresTotales[x][j].classList.add(clases[indiceClase])
188      indiceClase++
189
190      if(indiceClase === clases.length) {
191        indiceClase = 0
192      }
193      
194    }
195
196  }
197
198
199</script>

199
200<style>
201    body {
202       scroll-behavior: smooth;
203    }
204
205
206    .contBtn {
207        display: flex;
208        gap: 5px;
209    }
210
211    .clean {
212        width: 100%;
213        
214    }
215    .procesos {
216        display: grid; 
217        grid-template-columns: 1fr 1fr 1fr; 
218        grid-template-rows: 1fr 1fr 1fr; 
219        gap: 5px 3px; 
220        
221        grid-template-areas: 
222            ". . ."
223            ". . ."
224            ". . ."; 
225    }
226
227    .cent {
228        display: flex;
229        justify-content: center;
230        align-items: center;
231        word-break: break-word;
232        height: 100px;
233        cursor: pointer;
234        margin: 10px;
235      
236    }
237
238    .c1, .c1:hover {
239        border-right: 25px solid #ebcb3c;
240    }
241
242    .c2, .c2:hover {
243        border-right: 25px solid #939cc7;
244    }
245
246    .c3, .c3:hover {
247        border-right: 25px solid #18cfbd;
248    }
249
250    .c4, .c4:hover {
251        border-right: 25px solid #bb17d0;
252    }
253
254    .c5, .c5:hover {
255        border-right: 25px solid #4dab5d;
256    }
257
258    .c6, .c6:hover {
259        border-right: 25px solid #efb77c;
260    }
261
262    /* 
263      #ebcb3c
264      #939cc7
265      #18cfbd
266      #bb17d0
267      #4dab5d
268      #7b92f0
269      #efb77c
270    */
271
272    .img420 {
273      width: 420px;
274    }
275
276    @media  screen and (max-width: 800px) {
277      .img420 {
278        width: 100%;
279    }
280      .procesos {
281        display: flex;
282        flex-direction: column;
283    }
284
285    .cent {
286
287        width: 100%;
288        cursor: pointer;
289        margin: 10px;
290      
291    }
292    }
293    @media  screen and (min-width: 801px) and (max-width: 1199px) {
294      .img420 {
295          width: 100%;
296      }
297
298    }
299</style>