PageSourceSearch

https://seduinscripciones.azurewebsites.net/index.html

html seduinscripciones.azurewebsites.net collected 2026-10-09 21:55:27 UTC 60,597 bytes, 1,320 lines download raw bytes

1<!DOCTYPE html>
2<html lang="es">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <title>Preinscripciones 2026-2027 | SE Coahuila</title>
7    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
8    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9    <!-- Google tag (gtag.js) -->
vendor: 69 bytes, lines 9-10
9
10    <script async src="https://www.googletagmanager.com/gtag/js?id=
10G-MQY5SX5R1L
vendor: 17 bytes, lines 10-11
10"></script>
11    
11<script>
12    
vendor: 144 bytes, lines 12-16
12window.dataLayer = window.dataLayer || [];
13    function gtag(){dataLayer.push(arguments);}
14    gtag('js', new Date());
15
16    gtag('config', '
16G-MQY5SX5R1L
vendor: 9 bytes, lines 16-17
16');
17    
17</script>
17
18    <style>
19        :root {
20            --primary-color: #A91177;
21            --secondary-color: #fe117c;
22            --accent-color: #764191;
23            --dark-purple: #5A5AA5;
24            --light-gray: #ECEDF0;
25        }
26
27        body {
28            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
29            overflow-x: hidden;
30        }
31
32        /* Header */
33        .header-top {
34            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
35            padding: 1rem 0;
36            color: white;
37        }
38
39        .navbar {
40            background: white;
41            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
42            padding: 1rem 0;
43        }
44
45        .navbar-brand img {
46            max-height: 80px;
47        }
48
49        /* Hero Section */
50        .hero-section {
51            background: linear-gradient(180deg, var(--light-gray), var(--secondary-color));
52            color: white;
53            padding: 4rem 0;
54            position: relative;
55            overflow: hidden;
56        }
57
58        .hero-section::before {
59            content: '';
60            position: absolute;
61            top: 0;
62            left: 0;
63            right: 0;
64            bottom: 0;
65            background: url('assets/img/fondo.png') center no-repeat;
66            opacity: 0.1;
67        }
68
69        .hero-content {
70            position: relative;
71            z-index: 1;
72        }
73
74        .btn-consulta {
75            background: white;
76            color: var(--primary-color);
77            font-size: 1.5rem;
78            padding: 1rem 3rem;
79            border-radius: 50px;
80            font-weight: bold;
81            box-shadow: 0 8px 20px rgba(0,0,0,0.2);
82            transition: all 0.3s ease;
83        }
84
85        .btn-consulta:hover {
86            transform: translateY(-5px);
87            box-shadow: 0 12px 30px rgba(0,0,0,0.3);
88            color: var(--secondary-color);
89        }
90
91        /* Banner Cards */
92        .banner-section {
93            padding: 4rem 0;
94            background: white;
95        }
96
97        .banner-card {
98            border-radius: 20px;
99            overflow: hidden;
100            box-shadow: 0 10px 30px rgba(0,0,0,0.15);
101            transition: all 0.3s ease;
102            height: 100%;
103            position: relative;
104        }
105
106        .banner-card:hover {
107            transform: translateY(-10px);
108            box-shadow: 0 15px 40px rgba(0,0,0,0.2);
109        }
110
111        .banner-card img {
112            width: 100%;
113            height: auto;
114            display: block;
115        }
116
117        .banner-overlay {
118            position: absolute;
119            bottom: 0;
120            left: 0;
121            right: 0;
122            background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
123            padding: 2rem;
124            color: white;
125        }
126
127        .banner-nivel {
128            font-size: 2.5rem;
129            font-weight: bold;
130            margin: 0;
131        }
132
133        .banner-fechas {
134            font-size: 1.2rem;
135            margin: 0.5rem 0 0 0;
136        }
137
138        /* Cronograma Section */
139        .cronograma-section {
140            padding: 4rem 0;
141            background: white;
142        }
143
144        .section-title {
145            font-size: 2.5rem;
146            font-weight: bold;
147            color: var(--primary-color);
148            margin-bottom: 3rem;
149            text-align: center;
150        }
151
152        .timeline {
153            position: relative;
154            padding: 2rem 0;
155        }
156
157        .timeline-item {
158            background: white;
159            border-radius: 15px;
160            padding: 2rem;
161            margin-bottom: 2rem;
162            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
163            border-left: 5px solid var(--accent-color);
164            transition: all 0.3s ease;
165        }
166
167        .timeline-item:hover {
168            transform: translateX(10px);
169            box-shadow: 0 8px 30px rgba(0,0,0,0.15);
170        }
171
172        .timeline-item.nivel-inicial { border-left-color: #FFA726; }
173        .timeline-item.nivel-preescolar { border-left-color: #FFA726; }
174        .timeline-item.nivel-primaria { border-left-color: #8BC34A; }
175        .timeline-item.nivel-secundaria { border-left-color: #26C6DA; }
176        .timeline-item.nivel-otros { border-left-color: #FF9800; }
177
178        .timeline-header {
179            display: flex;
180            align-items: center;
181            margin-bottom: 1rem;
182        }
183
184        .timeline-icon {
185            width: 50px;
186            height: 50px;
187            border-radius: 50%;
188            display: flex;
189            align-items: center;
190            justify-content: center;
191            font-size: 1.5rem;
192            color: white;
193            margin-right: 1rem;
194        }
195
196        .nivel-inicial .timeline-icon { background: #FFA726; }
197        .nivel-preescolar .timeline-icon { background: #FFA726; }
198        .nivel-primaria .timeline-icon { background: #8BC34A; }
199        .nivel-secundaria .timeline-icon { background: #26C6DA; }
200        .nivel-otros .timeline-icon { background: #FF9800; }
201
202        .timeline-title {
203            font-size: 1.5rem;
204            font-weight: bold;
205            color: #333;
206            margin: 0;
207        }
208
209        .timeline-dates {
210            background: var(--light-gray);
211            padding: 1rem;
212            border-radius: 10px;
213            margin-top: 1rem;
214        }
215
216        .date-range {
217            display: flex;
218            justify-content: space-between;
219            align-items: center;
220            flex-wrap: wrap;
221            gap: 1rem;
222        }
223
224        .date-box {
225            flex: 1;
226            min-width: 150px;
227            text-align: center;
228        }
229
230        .date-label {
231            font-size: 0.9rem;
232            color: #666;
233            margin-bottom: 0.5rem;
234        }
235
236        .date-value {
237            font-size: 1.2rem;
238            font-weight: bold;
239            color: var(--primary-color);
240        }
241
242        /* Tabla de actividades destacada */
243        .tabla-actividades {
244            margin-top: 3rem;
245            background: white;
246            border-radius: 20px;
247            padding: 2rem;
248            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
249        }
250
251        .tabla-actividades h3 {
252            color: var(--primary-color);
253            font-size: 2rem;
254            font-weight: bold;
255            margin-bottom: 2rem;
256        }
257
258        .actividad-row {
259            background: var(--light-gray);
260            border-radius: 15px;
261            padding: 2rem;
262            margin-bottom: 1.5rem;
263            transition: all 0.3s ease;
264            border-left: 5px solid var(--primary-color);
265        }
266
267        .actividad-row:hover {
268            transform: translateX(10px);
269            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
270        }
271
272        .actividad-titulo {
273            font-size: 1.5rem;
274            font-weight: bold;
275            color: var(--primary-color);
276            margin-bottom: 0.5rem;
277        }
278
279        .actividad-descripcion {
280            font-size: 1.1rem;
281            color: #555;
282            margin-bottom: 1rem;
283        }
284
285        .actividad-fecha {
286            display: inline-block;
287            background: var(--primary-color);
288            color: white;
289            padding: 0.75rem 2rem;
290            border-radius: 50px;
291            font-size: 1.2rem;
292            font-weight: bold;
293        }
294
295        /* Etapas Section */
296        .etapas-section {
297            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
298            padding: 4rem 0;
299            color: white;
300        }
301
302        .etapa-card {
303            background: rgba(255,255,255,0.1);
304            backdrop-filter: blur(10px);
305            border-radius: 20px;
306            padding: 2rem;
307            height: 100%;
308            border: 2px solid rgba(255,255,255,0.2);
309            transition: all 0.3s ease;
310        }
311
312        .etapa-card:hover {
313            transform: translateY(-10px);
314            background: rgba(255,255,255,0.15);
315        }
316
317        .etapa-number {
318            width: 80px;
319            height: 80px;
320            border-radius: 50%;
321            background: white;
322            color: var(--primary-color);
323            font-size: 2.5rem;
324            font-weight: bold;
325            display: flex;
326            align-items: center;
327            justify-content: center;
328            margin: 0 auto 1.5rem;
329        }
330
331        /* Info Cards */
332        .info-section {
333            padding: 4rem 0;
334            background: var(--light-gray);
335        }
336
337        .info-card {
338            background: white;
339            border-radius: 15px;
340            padding: 2rem;
341            height: 100%;
342            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
343            transition: all 0.3s ease;
344        }
345
346        .info-card:hover {
347            transform: translateY(-5px);
348            box-shadow: 0 8px 30px rgba(0,0,0,0.15);
349        }
350
351        .info-icon {
352            font-size: 3rem;
353            color: var(--primary-color);
354            margin-bottom: 1rem;
355        }
356
357        /* Contacto Section */
358        .contacto-section {
359            padding: 4rem 0;
360            background: white;
361        }
362
363        .contact-card {
364            background: linear-gradient(135deg, var(--accent-color), var(--dark-purple));
365            color: white;
366            border-radius: 15px;
367            padding: 2rem;
368            text-align: center;
369            height: 100%;
370        }
371
372        .contact-icon {
373            font-size: 3rem;
374            margin-bottom: 1rem;
375        }
376
377        /* Footer */
378        footer {
379            background: var(--primary-color);
380            color: white;
381            padding: 2rem 0;
382        }
383
384        /* Modales */
385        .modal-header {
386            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
387            color: white;
388        }
389
390        .modal-title {
391            font-weight: bold;
392        }
393
394        .requisito-card {
395            border-radius: 15px;
396            padding: 1.5rem;
397            margin-bottom: 1.5rem;
398            color: white;
399            transition: all 0.3s ease;
400        }
401
402        .requisito-card:hover {
403            transform: translateY(-5px);
404            box-shadow: 0 8px 25px rgba(0,0,0,0.2);
405        }
406
407        .requisito-card.inicial {
408            background: linear-gradient(135deg, #5E35B1, #7E57C2);
409        }
410
411        .requisito-card.preescolar {
412            background: linear-gradient(135deg, #0097A7, #00BCD4);
413        }
414
415        .requisito-card.primaria {
416            background: linear-gradient(135deg, #388E3C, #66BB6A);
417        }
418
419        .requisito-card.secundaria {
420            background: linear-gradient(135deg, #D32F2F, #EF5350);
421        }
422
423        .requisito-icon {
424            font-size: 3rem;
425            margin-bottom: 1rem;
426        }
427
428        .requisito-list {
429            list-style: none;
430            padding-left: 0;
431        }
432
433        .requisito-list li {
434            padding: 0.5rem 0;
435            padding-left: 1.5rem;
436            position: relative;
437        }
438
439        .requisito-list li:before {
440            content: "✓";
441            position: absolute;
442            left: 0;
443            font-weight: bold;
444            font-size: 1.2rem;
445        }
446
447        .search-box {
448            background: var(--light-gray);
449            padding: 2rem;
450            border-radius: 15px;
451            margin-bottom: 2rem;
452        }
453
454        /* Responsive */
455        @media (max-width: 768px) {
456            .section-title {
457                font-size: 2rem;
458            }
459
460            .btn-consulta {
461                font-size: 1.2rem;
462                padding: 0.8rem 2rem;
463            }
464
465            .timeline-item {
466                padding: 1.5rem;
467            }
468
469            .date-range {
470                flex-direction: column;
471            }
472        }
473    </style>
474</head>
475<body>
476    <!-- Modal de Anuncio -->
477    <div class="modal fade" id="anuncioModal" tabindex="-1" aria-labelledby="anuncioModalLabel" aria-hidden="true">
478        <div class="modal-dialog modal-dialog-centered">
479            <div class="modal-content" style="border: 2px solid var(--primary-color);">
480                <div class="modal-header" style="background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); color: white; border: none;">
481                    <h5 class="modal-title" id="anuncioModalLabel" style="font-weight: bold; font-size: 1.3rem;">
482                        <i class="fas fa-bell me-2"></i>Anuncio Importante
483                    </h5>
484                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
485                </div>
486                <div class="modal-body" style="padding: 2rem; text-align: center;">
487                    <p style="font-size: 1.2rem; color: var(--primary-color); font-weight: bold; margin: 0; line-height: 1.6;">
488                        LA ENTREGA DE RESULTADO DE ASIGNACIÓN SERA EL DIA 8 DE JUNIO DEL 2026 A LAS <br><b style="font-size: 50px;">09:00</b> AM
489                    </p>
490                </div>
491                <div class="modal-footer" style="border-top: 1px solid #ddd;">
492                    <button type="button" class="btn btn-primary" data-bs-dismiss="modal" style="background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); border: none; font-weight: bold;">
493                        <i class="fas fa-check me-2"></i>Entendido
494                    </button>
495                </div>
496            </div>
497        </div>
498    </div>
499
500    <!-- Header Top Bar -->
501    <div class="header-top">
502        <div class="container">
503            <div class="row align-items-center">
504                <div class="col-md-6">
505                    <i class="fas fa-phone"></i> 844 4 11 88 35 | 844 4 11 88 44
506                </div>
507                <div class="col-md-6 text-end">
508                    <a href="https://www.facebook.com/PreinscripcionesCoah/" target="_blank" class="text-white me-3">
509                        <i class="fab fa-facebook fa-lg"></i>
510                    </a>
511                </div>
512            </div>
513        </div>
514    </div>
515
516    <!-- Navbar -->
517    <nav class="navbar navbar-expand-lg navbar-light sticky-top">
518        <div class="container">
519            <a class="navbar-brand" href="index.html">
520                <img src="assets/img/encabezado.png" alt="SE Coahuila">
521            </a>
522            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
523                <span class="navbar-toggler-icon"></span>
524            </button>
525            <div class="collapse navbar-collapse" id="navbarNav">
526                <ul class="navbar-nav ms-auto">
527                    <li class="nav-item"><a class="nav-link" href="#inicio">Inicio</a></li>
528                    <li class="nav-item"><a class="nav-link" href="#cronograma">Cronograma</a></li>
529                    <li class="nav-item"><a class="nav-link" href="#etapas">Etapas</a></li>
530                    <li class="nav-item"><a class="nav-link" href="#requisitos">Requisitos</a></li>
531                    <li class="nav-item"><a class="nav-link" href="#contacto">Contacto</a></li>
532                </ul>
533            </div>
534        </div>
535    </nav>
536
537    <!-- Hero Section -->
538    <section class="hero-section" id="inicio">
539        <div class="row align-items-center">
540            <div class="col-md-6">
541                <img src="assets/img/personajes.png" alt="Preinscripciones 2026-2027" class="img-fluid" onerror="this.src='https://via.placeholder.com/500x400/A91177/FFFFFF?text=Preinscripciones'">
542            </div>
543            <div class="col-md-6">
544        <div class="container">
545            <div class="hero-content text-center">
546                <img src="assets/img/PREINSCRIPCIONES-ETIQUETA.png" style="width: 100%;" alt="PREINSCRIPCIONES-ETIQUETA" class="mb-4" onerror="this.src='https://via.placeholder.com/400x100/FFFFFF/A91177?text=PREINSCRIPCIONES'">
547                <a href="preinscripciones/" class="btn btn-consulta">
548                    <i class="fas fa-search me-2"></i>CONSULTAR RESULTADOS DE ASIGNACIÓN
549                </a>
550                <!--<a  class="btn btn-consulta">
551                    INICIA EL REGISTRO EL DÍA 26 DE ENERO A LAS 09:00 A.M.
552                </a> -->
553            </div>
554        </div>
555    </section>
556
557    <!-- Banner Cards Section -->
558    <section class="banner-section">
559        <div class="container">
560            <h2 class="section-title">
561                <i class="fas fa-calendar-check me-2"></i>Fechas de Preinscripción por Nivel
562            </h2>
563            <div class="row g-4">
564                <div class="col-md-4">
565                    <div class="banner-card">
566                        <img src="assets/img/PREESCOLAR1.png" alt="Inicial y Preescolar" onerror="this.src='https://via.placeholder.com/400x500/FFA726/FFFFFF?text=INICIAL+Y+PREESCOLAR'">
567                    </div>
568                </div>
569                <div class="col-md-4">
570                    <div class="banner-card">
571                        <img src="assets/img/PRIMARIA1.png" alt="Primaria" onerror="this.src='https://via.placeholder.com/400x500/8BC34A/FFFFFF?text=PRIMARIA'">
572                    </div>
573                </div>
574                <div class="col-md-4">
575                    <div class="banner-card">
576                        <img src="assets/img/SECUNDARIA1.png" alt="Secundaria" onerror="this.src='https://via.placeholder.com/400x500/26C6DA/FFFFFF?text=SECUNDARIA'">
577                    </div>
578                </div>
579            </div>
580        </div>
581    </section>
582    <!-- App Download Section -->
583    <section class="app-section" style="padding: 4rem 0; background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); color: white;">
584        <div class="container">
585            <div class="row align-items-center g-4">
586                <div class="col-md-6 text-center">
587                    <img src="https://play-lh.googleusercontent.com/lHmR58uMsB97SwXsGIgFmO0dJ-sFKUVCFG6I2ja3y7nvizfVEqu6iwwbtYYjfwfxeyk_Fcc9H_FMgWUrmKpChQ=w240-h480-rw" alt="App Preinscripciones Coahuila" style="max-width: 210px; border-radius: 20px; box-shadow: 0 10px 40px rgba(0,0,0,0.4);">
588                </div>
589                <div class="col-md-6">
590                    <h2 style="font-size: 2.5rem; font-weight: bold; margin-bottom: 1.5rem;">
591                        <i class="fas fa-mobile-alt me-2"></i>Descarga Nuestra Aplicación
592                    </h2>
593                    <p style="font-size: 1.2rem; margin-bottom: 2rem; line-height: 1.8;">
594                        Descarga la app de Preinscripciones Coahuila y realiza tu trámite de manera rápida y fácil desde tu dispositivo móvil.
595                    </p>
596                    <a href="https://play.google.com/store/apps/details?id=com.luca.preinscripciones&hl=es_MX" target="_blank" class="btn btn-light btn-lg" style="font-weight: bold; padding: 1rem 2.5rem; width: 100%;">
597                        <i class="fab fa-google-play me-2"></i>Descargar en Google Play
598                    </a>
599                    <br>
600                    <p style="margin-top: 10px;"> 
601                    <a href="https://apps.apple.com/mx/app/preinscripciones-coahuila/id6476985340?l=en-GB" target="_blank" class="btn btn-light btn-lg" style="font-weight: bold; padding: 1rem 2.5rem; width: 100%;">
602                        <i class="fab fa-apple me-2"></i>Descargar en App Store
603                    </a>
604                    </p>
605                </div>
606            </div>
607        </div>
608    </section>
609    <!-- Cronograma Section -->
610    <section class="cronograma-section" id="cronograma">
611        <div class="container">
612            <!-- <h2 class="section-title">
613                <i class="fas fa-calendar-alt me-2"></i>Cronograma de Preinscripciones
614            </h2> -->
615            
616            <div class="timeline">
617                <!-- Inicial -->
618                <!-- <div class="timeline-item nivel-inicial" data-aos="fade-right">
619                    <div class="timeline-header">
620                        <div class="timeline-icon">
621                            <i class="fas fa-baby"></i>
622                        </div>
623                        <h3 class="timeline-title">INICIAL</h3>
624                    </div>
625                    <p class="mb-2">Los niños no nacidos se registrarán vía teléfonos en el CAI de su preferencia.</p>
626                    <div class="timeline-dates">
627                        <div class="date-range">
628                            <div class="date-box">
629                                <div class="date-label">INICIA</div>
630                                <div class="date-value">26 de enero</div>
631                            </div>
632                            <div class="text-center">
633                                <i class="fas fa-arrow-right fa-2x" style="color: var(--primary-color);"></i>
634                            </div>
635                            <div class="date-box">
636                                <div class="date-label">CONCLUYE</div>
637                                <div class="date-value">06 de febrero</div>
638                            </div>
639                        </div>
640                    </div>
641                </div> -->
642
643                <!-- Preescolar -->
644                <!-- <div class="timeline-item nivel-preescolar" data-aos="fade-left">
645                    <div class="timeline-header">
646                        <div class="timeline-icon">
647                            <i class="fas fa-child"></i>
648                        </div>
649                        <h3 class="timeline-title">PREESCOLAR</h3>
650                    </div>
651                    <div class="timeline-dates">
652                        <div class="date-range">
653                            <div class="date-box">
654                                <div class="date-label">INICIA</div>
655                                <div class="date-value">26 de enero</div>
656                            </div>
657                            <div class="text-center">
658                                <i class="fas fa-arrow-right fa-2x" style="color: #00BCD4;"></i>
659                            </div>
660                            <div class="date-box">
661                                <div class="date-label">CONCLUYE</div>
662                                <div class="date-value">13 de febrero</div>
663                            </div>
664                        </div>
665                    </div>
666                </div> -->
667
668                <!-- Primaria -->
669                <!-- <div class="timeline-item nivel-primaria" data-aos="fade-right">
670                    <div class="timeline-header">
671                        <div class="timeline-icon">
672                            <i class="fas fa-book"></i>
673                        </div>
674                        <h3 class="timeline-title">
674PRIMARIA (1er. grado)</h3>
675                    </div>
676                    <div class="timeline-dates">
677                        <div class="date-range">
678                            <div class="date-box">
679                                <div class="date-label">INICIA</div>
680                                <div class="date-value">03 de febrero</div>
681                            </div>
682                            <div class="text-center">
683                                <i class="fas fa-arrow-right fa-2x" style="color: #4CAF50;"></i>
684                            </div>
685                            <div class="date-box">
686                                <div class="date-label">CONCLUYE</div>
687                                <div class="date-value">13 de febrero</div>
688                            </div>
689                        </div>
690                    </div>
691                </div> -->
692
693                <!-- Secundaria -->
694                <!-- <div class="timeline-item nivel-secundaria" data-aos="fade-left">
695                    <div class="timeline-header">
696                        <div class="timeline-icon">
697                            <i class="fas fa-graduation-cap"></i>
698                        </div>
699                        <h3 class="timeline-title">SECUNDARIA (1er. grado)</h3>
700                    </div>
701                    <div class="timeline-dates">
702                        <div class="date-range">
703                            <div class="date-box">
704                                <div class="date-label">INICIA</div>
705                                <div class="date-value">09 de febrero</div>
706                            </div>
707                            <div class="text-center">
708                                <i class="fas fa-arrow-right fa-2x" style="color: #FF5252;"></i>
709                            </div>
710                            <div class="date-box">
711                                <div class="date-label">CONCLUYE</div>
712                                <div class="date-value">27 de febrero</div>
713                            </div>
714                        </div>
715                    </div>
716                </div> -->
717
718                <!-- Centros Educativos -->
719                 <div class="timeline-item nivel-otros" data-aos="fade-right">
720                    <div class="timeline-header">
721                        <div class="timeline-icon">
722                            <i class="fas fa-school"></i>
723                        </div>
724                        <h3 class="timeline-title">CENTROS EDUCATIVOS RURALES, TELESECUNDARIAS Y PARTICULARES</h3>
725                    </div>
726                    <div class="alert alert-info mb-0">
727                        <i class="fas fa-info-circle me-2"></i>
728                        La preinscripción la realizan los padres de familia directamente en la escuela, en el período que corresponde a su nivel educativo.
729                    </div>
730                </div>
731            </div> 
732
733            <!-- Cronograma Actividades -->
734            <div class="tabla-actividades">
735                <h3 class="text-center">
736                    <i class="fas fa-tasks me-3"></i>Actividades Importantes del Proceso
737                </h3>
738                <div class="actividad-row">
739                    <div class="actividad-titulo">
740                        <i class="fas fa-calendar-check me-2"></i>Aplicación de evaluación de ingreso a secundaria
741                    </div>
742                    <p class="actividad-descripcion">
743                        Se aplicará a todos los alumnos de 6º de primaria en su mismo centro educativo. <br> <b>Alumnos de otros estados que realicen preinscripción, se registrarán en la oficina regional mas cercana para presentar el examen.</b>
744                    </p>
745                    <div class="text-end mb-2" style="text-decoration: none;">
746                        <span class="actividad-fecha">
747                            <a href="assets/img/examen_valoracion_aprendizajes.pdf" target="_blank" style="text-decoration: none; color:white;"><i class="far fa-list-alt me-2"></i>Ver guía de examen</a>
748                        </span>
749                    </div>
750                    <div class="text-end">
751                        <span class="actividad-fecha">
752                            <i class="far fa-calendar-alt me-2"></i>18 de febrero
753                        </span>
754                    </div>
755                </div>
756                <div class="actividad-row">
757                    <div class="actividad-titulo">
758                        <i class="fas fa-newspaper me-2"></i>Publicación de Escuela Asignada
759                    </div>
760                    <p class="actividad-descripcion">
761                        Los resultados deberán ser consultados en la página www.inscripciones.org
762                    </p>
763                    <div class="text-end">
764                        <span class="actividad-fecha">
765                            <i class="far fa-calendar-alt me-2"></i>08 de junio
766                        </span>
767                    </div>
768                </div>
769
770                <div class="actividad-row">
771                    <div class="actividad-titulo">
772                        <i class="fas fa-check-circle me-2"></i>Confirmación en la Escuela Asignada
773                    </div>
774                    <p class="actividad-descripcion">
775                        El padre, madre o tutor del menor deberá acudir de manera presencial al centro educativo a realizar la confirmación
776                    </p>
777                    <div class="text-end">
778                        <span class="actividad-fecha">
779                            <i class="far fa-calendar-alt me-2"></i>08 al 19 de junio
780                        </span>
781                    </div>
782                </div>
783
784                <div class="actividad-row">
785                    <div class="actividad-titulo">
786                        <i class="fas fa-exchange-alt me-2"></i>Cambios, Inscripciones y Reinscripciones
787                    </div>
788                    <p class="actividad-descripcion">
789                        Los cambios se realizarán directamente en los centros educativos y <strong>estarán sujetos a la disponibilidad de lugares</strong>
790                    </p>
791                    <div class="text-end">
792                        <span class="actividad-fecha">
793                            <i class="far fa-calendar-alt me-2"></i>Inicio de Ciclo Escolar 2026 – 2027
794                        </span>
795                    </div>
796                </div>
797            </div>
798        </div>
799    </section>  
800
801    <!-- Etapas Section -->
802    <section class="etapas-section" id="etapas">
803        <div class="container">
804            <h2 class="section-title text-white">Las 3 Etapas del Proceso</h2>
805            <div class="row g-4">
806                <div class="col-md-4">
807                    <div class="etapa-card">
808                        <div class="etapa-number">1</div>
809                        <h4 class="text-center mb-3">Primera Etapa</h4>
810                        <p>Del 26 de enero al 28 de febrero del 2026, el padre de familia registrará a su hijo en internet según su nivel educativo.</p>
811                    </div>
812                </div>
813                <div class="col-md-4">
814                    <div class="etapa-card">
815                        <div class="etapa-number">2</div>
816                        <h4 class="text-center mb-3">Segunda Etapa</h4>
817                        <p>A partir del 08 junio estará disponible en la página de internet de inscripciones la escuela asignada.</p>
818                    </div>
819                </div>
820                <div class="col-md-4">
821                    <div class="etapa-card">
822                        <div class="etapa-number">3</div>
823                        <h4 class="text-center mb-3">Tercera Etapa</h4>
824                        <p>Del 08 al 19 de junio el padre de familia deberá realizar la confirmación de inscripción en la escuela autorizada.</p>
825                    </div>
826                </div>
827            </div>
828        </div>
829    </section>
830
831    <!-- Info Section -->
832    <section class="info-section" id="requisitos">
833        <div class="container">
834            <h2 class="section-title">Información Importante</h2>
835            <div class="row g-4">
836                <div class="col-md-6">
837                    <div class="info-card text-center">
838                        <i class="fas fa-file-alt info-icon"></i>
839                        <h4>Requisitos</h4>
840                        <p>
840Consulta los requisitos específicos para cada nivel educativo.</p>
841                        <button type="button" class="btn btn-outline-primary" data-bs-toggle="modal" data-bs-target="#modalRequisitos">Ver más</button>
842                    </div>
843                </div>
844                <div class="col-md-6">
845                    <div class="info-card text-center">
846                        <i class="fas fa-certificate info-icon"></i>
847                        <h4>Escuelas Certificadas</h4>
848                        <p>Conoce las escuelas certificadas en nuestro estado.</p>
849                        <button type="button" class="btn btn-outline-primary" data-bs-toggle="modal" data-bs-target="#modalEscuelas">Consultar</button>
850                    </div>
851                </div>
852                <!-- <div class="col-md-4">
853                    <div class="info-card text-center">
854                        <i class="fas fa-map-marker-alt info-icon"></i>
855                        <h4>Módulos de Atención</h4>
856                        <p>Encuentra el módulo de atención más cercano a ti.</p>
857                        <a href="assets/img/Centros_atencion.pdf" target="_blank" class="btn btn-outline-primary">Ver módulos</a>
858                    </div>
859                </div> -->
860            </div>
861        </div>
862    </section>
863
864    <!-- Contacto Section -->
865    <section class="contacto-section" id="contacto">
866        <div class="container">
867            <h2 class="section-title">Contacto y Atención</h2>
868            <div class="row g-4">
869                <div class="col-md-4">
870                    <div class="contact-card">
871                        <i class="fas fa-phone contact-icon"></i>
872                        <h4>Teléfonos</h4>
873                        <p class="mb-0">844 4 11 88 35</p>
874                        <p class="mb-0">844 4 11 88 44</p>
875                        <p>844 4 11 88 00 ext. 3125 y 3434</p>
876                    </div>
877                </div>
878                <div class="col-md-4">
879                    <div class="contact-card" style="background: linear-gradient(135deg, #7B68EE, #9370DB);">
880                        <i class="fab fa-facebook contact-icon"></i>
881                        <h4>Facebook</h4>
882                        <a href="https://www.facebook.com/PreinscripcionesCoah/" target="_blank" class="text-white">
883                            facebook.com/PreinscripcionesCoah
884                        </a>
885                    </div>
886                </div>
887                <div class="col-md-4">
888                    <a href="assets/img/modulos2627.pdf" target="_blank" style="text-decoration: none;">
889                        <div class="contact-card" style="background: linear-gradient(135deg, #FF6B6B, #FF8E53);">
890                        <i class="fas fa-building contact-icon"></i>
891                        <h4>Módulos Regionales</h4>
892                        <p>Consulta los horarios y ubicaciones de nuestros módulos de atención</p>
893                    </div></a>
894                </div>
895            </div>
896        </div>
897    </section>
898
899    <!-- Footer -->
900    <footer>
901        <div class="container">
902            <div class="row">
903                <div class="col-md-6">
904                    <p class="mb-0">© 2015-2026 Secretaría de Educación del Estado de Coahuila</p>
905                    <p class="mb-0">Versión 2.2.19.2026</p>
906                </div>
907                <div class="col-md-6 text-end">
908                    <a href="https://www.seducoahuila.gob.mx" class="text-white">Página Secretaría</a>
909                </div>
910            </div>
911        </div>
912    </footer>
913
914    <!-- Modal Requisitos -->
915    <div class="modal fade" id="modalRequisitos" tabindex="-1" aria-labelledby="modalRequisitosLabel" aria-hidden="true">
916        <div class="modal-dialog modal-xl modal-dialog-scrollable">
917            <div class="modal-content">
918                <div class="modal-header">
919                    <h3 class="modal-title" id="modalRequisitosLabel">
920                        <i class="fas fa-file-alt me-2"></i>Requisitos por Nivel Educativo
921                    </h3>
922                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
923                </div>
924                <div class="modal-body">
925                    <div class="row">
926                        <!-- Inicial -->
927                        <div class="col-md-6 mb-4">
928                            <div class="requisito-card inicial">
929                                <div class="text-center">
930                                    <i class="fas fa-baby requisito-icon"></i>
931                                    <h4 class="fw-bold">INICIAL</h4>
932                                </div>
933                                
934                                <h5 class="mt-4 mb-3"><i class="fas fa-user-tie me-2"></i>Personal derechohabiente</h5>
935                                <ul class="requisito-list">
936                                    <li>Ser madre o padre trabajador de la Secretaría de Educación (Secciones 5, 35 y 38 del SNTE, del Estado de Coahuila de Zaragoza)</li>
937                                    <li>Trabajar en turno matutino o vespertino</li>
938                                    <li>RFC de la madre, padre o tutor trabajador</li>
939                                    <li>CURP del menor</li>
940                                </ul>
941                                <div class="alert alert-light mt-3">
942                                    <small>La asignación de lugares está sujeta a la capacidad física instalada.</small>
943                                </div>
944
945                                <h5 class="mt-4 mb-3"><i class="fas fa-users me-2"></i>Público en general</h5>
946                                <ul class="requisito-list">
947                                    <li>RFC de la madre, padre o tutor</li>
948                                    <li>CURP del menor</li>
949                                    <li>Comprobante de domicilio</li>
950                                </ul>
951
952                                <h5 class="mt-4 mb-3"><i class="fas fa-home me-2"></i>Estancias DIF</h5>
953                                <ul class="requisito-list">
954                                    <li>A partir de 1 año hasta 2 años-11 meses cumplidos al 31 de diciembre del 2026</li>
955                                    <li>CURP del menor</li>
956                                    <li>Constancia de trabajo especificando horario laboral</li>
957                                </ul>
958                                <div class="alert alert-warning mt-3">
959                                    <strong>Recuerda que el trámite es gratuito.</strong>
960                                </div>
961                            </div>
962                        </div>
963
964                        <!-- Preescolar -->
965                        <div class="col-md-6 mb-4">
966                            <div class="requisito-card preescolar">
967                                <div class="text-center">
968                                    <i class="fas fa-child requisito-icon"></i>
969                                    <h4 class="fw-bold">PREESCOLAR</h4>
970                                </div>
971                                
972                                <h5 class="mt-4 mb-3"><i class="fas fa-birthday-cake me-2"></i>Edad requerida</h5>
973                                <ul class="requisito-list">
974                                    <li>3 años para primer grado</li>
975                                    <li>4 años para segundo grado</li>
976                                    <li>5 años para tercer grado</li>
977                                </ul>
978                                <div class="alert alert-light mt-3">
979                                    <small><strong>NOTA:</strong> Cumplidos al 31 de diciembre 2026</small>
980                                </div>
981
982                                <h5 class="mt-4 mb-3"><i class="fas fa-folder-open me-2"></i>Documentos</h5>
983                                <ul class="requisito-list">
984                                    <li>Acta de nacimiento para alumnos nacidos en otros estados y alumnos extranjeros</li>
985                                    <li>Autorización de inscripción emitida por el sistema</li>
986                                    <li>Comprobante de domicilio</li>
987                                </ul>
988                            </div>
989                        </div>
990
991                        <!-- Primaria -->
992                        <div class="col-md-6 mb-4">
993                            <div class="requisito-card primaria">
994                                <div class="text-center">
995                                    <i class="fas fa-book requisito-icon"></i>
996                                    <h4 class="fw-bold">PRIMARIA</h4>
997                                </div>
998                                
999                                <h5 class="mt-4 mb-3"><i class="fas fa-check-circle me-2"></i>Requisitos de ingreso</h5>
1000                                <ul class="requisito-list">
1001                                    <li>Haber concluido 3er grado de preescolar o contar con 6 años cumplidos al 31 de diciembre del 2026</li>
1002                                    <li>Acta de nacimiento para alumnos nacidos en otros estados y alumnos extranjeros</li>
1003                                    <li>Autorización de inscripción emitida por el sistema</li>
1004                                    <li>Comprobante de domicilio</li>
1005                                </ul>
1006                            </div>
1007                        </div>
1008
1009                        <!-- Secundaria -->
1010                        <div class="col-md-6 mb-4">
1011                            <div class="requisito-card secundaria">
1012                                <div class="text-center">
1013                                    <i class="fas fa-graduation-cap requisito-icon"></i>
1014                                    <h4 class="fw-bold">SECUNDARIA</h4>
1015                                </div>
1016                                
1017                                <h5 class="mt-4 mb-3"><i class="fas fa-file-certificate me-2"></i>Requisitos de ingreso</h5>
1018                                <ul class="requisito-list">
1019                                    <li>Certificado o certificación de educación primaria, para egresados de ciclos anteriores</li>
1020                                    <li>Acta de nacimiento para alumnos nacidos en otros estados y alumnos extranjeros</li>
1021                                    <li>Autorización de inscripción emitida por el sistema</li>
1022                                    <li>Comprobante de domicilio</li>
1023                                </ul>
1024                            </div>
1025                        </div>
1026                    </div>
1027
1028                    <!-- Info CURP -->
1029                    <div class="alert alert-info">
1030                        <div class="row align-items-center">
1031                            <div class="col-md-2 text-center">
1032                                <img src="assets/img/ejemplo-curp_nuevo-formato.png" class="img-fluid" alt="Ejemplo CURP">
1033                            </div>
1034                            <div class="col-md-10">
1035                                <h5><i class="fas fa-id-card me-2"></i>Información importante sobre la CURP</h5>
1036                                <ul>
1037                                    <li>Para alumnos que ingresarán a primaria o secundaria utilizar la CURP como aparece en su boleta de evaluaciones.</li>
1038                                    <li>Se realizará una misma solicitud de inscripción para gemelos, cuates o hermanos de nuevo ingreso, para facilitar el proceso y garantizar el ingreso a la misma escuela.</li>
1039                                    <li>Si cuentas con un hermano estudiando en la escuela a ingresar deberás registrar su CURP.</li>
1040                                </ul>
1041                                <a href="https://www.gob.mx/curp/" target="_blank" class="btn btn-dark">
1042                                    <i class="fas fa-search me-2"></i>Buscar CURP
1043                                </a>
1044                            </div>
1045                        </div>
1046                    </div>
1047
1048                    <div class="alert alert-success text-center">
1049                        <h5><i class="fas fa-gift me-2"></i>Recuerda que el trámite es GRATUITO</h5>
1050                    </div>
1051                </div>
1052                <div class="modal-footer">
1053                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
1054                </div>
1055            </div>
1056        </div>
1057    </div>
1058
1059    <!-- Modal Escuelas Certificadas -->
1060    <div class="modal fade" id="modalEscuelas" tabindex="-1" aria-labelledby="modalEscuelasLabel" aria-hidden="true">
1061        <div class="modal-dialog modal-xl modal-dialog-scrollable">
1062            <div class="modal-content" style="width: 90%;">
1063                <div class="modal-header">
1064                    <h3 class="modal-title" id="modalEscuelasLabel">
1065                        <i class="fas fa-certificate me-2"></i>Escuelas Certificadas
1066                    </h3>
1067                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
1068                </div>
1069                <div class="modal-body">
1070                    <div class="alert alert-info">
1071                        <h5><i class="fas fa-info-circle me-2"></i>¿Qué son las escuelas certificadas?</h5>
1072                        <p>El Sistema Estatal de Certificación de Escuelas a través de un proceso sistemático de evaluación entre pares, valora el nivel de cumplimiento alcanzado por las escuelas en setenta y cuatro indicadores que revisan cinco dimensiones: equipamiento e infraestructura, índices de aprendizaje, personal docente y competitivo, colaboración y corresponsabilidad de los padres de familia, y liderazgo directivo y docente.</p>
1073                        <p class="mb-0">Las escuelas que alcanzan el puntaje esperado reciben una certificación de validez estatal como un reconocimiento a sus logros y excelente desempeño.</p>
1074                    </div>
1075
1076                    <!-- Búsqueda de escuelas -->
1077                    <div class="search-box">
1078                        <h5 class="mb-3"><i class="fas fa-search me-2"></i>Buscar Escuelas Certificadas</h5>
1079                        <div class="row g-3">
1080                            <div class="col-md-4">
1081                                <label for="selectNivel" class="form-label">Nivel Educativo:</label>
1082                                <select class="form-select" id="selectNivel">
1083                                    <option value="" selected disabled>Seleccione un nivel</option>
1084                                    <option value="0">INICIAL</option>
1085                                    <option value="1">PREESCOLAR</option>
1086                                    <option value="2">PRIMARIA</option>
1087                                    <option value="3">SECUNDARIA</option>
1088                                </select>
1089                            </div>
1090                            <div class="col-md-4">
1091                                <label for="selectMunicipio" class="form-label">Municipio:</label>
1092                                <select class="form-select" id="selectMunicipio">
1093                                    <option value="" selected disabled>Seleccione un municipio</option>
1094                                    <option value="001">ABASOLO</option>
1095                                    <option value="002">ACUÑA</option>
1096                                    <option value="003">ALLENDE</option>
1097                                    <option value="004">
1097ARTEAGA</option>
1098                                    <option value="005">CANDELA</option>
1099                                    <option value="006">CASTAÑOS</option>
1100                                    <option value="007">CUATROCIENEGAS</option>
1101                                    <option value="008">ESCOBEDO</option>
1102                                    <option value="009">FCO I. MADERO</option>
1103                                    <option value="010">FRONTERA</option>
1104                                    <option value="011">GENERAL CEPEDA</option>
1105                                    <option value="012">GUERRERO</option>
1106                                    <option value="013">HIDALGO</option>
1107                                    <option value="014">JIMENEZ</option>
1108                                    <option value="015">JUAREZ</option>
1109                                    <option value="016">LAMADRID</option>
1110                                    <option value="017">MATAMOROS</option>
1111                                    <option value="018">MONCLOVA</option>
1112                                    <option value="019">MORELOS</option>
1113                                    <option value="020">MUZQUIZ</option>
1114                                    <option value="021">NADADORES</option>
1115                                    <option value="022">NAVA</option>
1116                                    <option value="023">OCAMPO</option>
1117                                    <option value="024">PARRAS DE LA FUENTE</option>
1118                                    <option value="025">PIEDRAS NEGRAS</option>
1119                                    <option value="026">PROGRESO</option>
1120                                    <option value="027">RAMOS ARIZPE</option>
1121                                    <option value="028">SABINAS</option>
1122                                    <option value="029">SACRAMENTO</option>
1123                                    <option value="030">SALTILLO</option>
1124                                    <option value="031">SAN BUENAVENTURA</option>
1125                                    <option value="032">SAN JUAN DE SABINAS</option>
1126                                    <option value="033">SAN PEDRO DE LAS COL</option>
1127                                    <option value="034">SIERRA MOJADA</option>
1128                                    <option value="035">TORREON</option>
1129                                    <option value="036">VIESCA</option>
1130                                    <option value="037">VILLA UNION</option>
1131                                    <option value="038">ZARAGOZA</option>
1132                                </select>
1133                            </div>
1134                            <div class="col-md-4 d-flex align-items-end">
1135                                <button type="button" class="btn btn-primary w-100" onclick="buscarEscuelas()">
1136                                    <i class="fas fa-search me-2"></i>BUSCAR
1137                                </button>
1138                            </div>
1139                        </div>
1140                    </div>
1141
1142                    <!-- Resultados -->
1143                    <div id="resultadosEscuelas">
1144                        <div class="text-center text-muted py-5">
1145                            <i class="fas fa-school fa-4x mb-3"></i>
1146                            <p>Seleccione un nivel educativo y un municipio para buscar escuelas certificadas.</p>
1147                        </div>
1148                    </div>
1149                </div>
1150                <div class="modal-footer">
1151                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
1152                </div>
1153            </div>
1154        </div>
1155    </div>
1156
1157    
1157<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
1157
1158    
1158<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
1158
1159    
1159<script>
1160        
1161        // Smooth scrolling
1162        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
1163            anchor.addEventListener('click', function (e) {
1164                e.preventDefault();
1165                const target = document.querySelector(this.getAttribute('href'));
1166                if (target) {
1167                    target.scrollIntoView({
1168                        behavior: 'smooth',
1169                        block: 'start'
1170                    });
1171                }
1172            });
1173        });
1174
1175        // Navbar scroll effect
1176        window.addEventListener('scroll', function() {
1177            const navbar = document.querySelector('.navbar');
1178            if (window.scrollY > 50) {
1179                navbar.style.boxShadow = '0 4px 20px rgba(0,0,0,0.15)';
1180            } else {
1181                navbar.style.boxShadow = '0 2px 10px rgba(0,0,0,0.1)';
1182            }
1183        });
1184
1185        // Mostrar modal al cargar la página
1186        /*document.addEventListener('DOMContentLoaded', function() {
1187            const anuncioModal = document.getElementById('anuncioModal');
1188            if (anuncioModal && typeof bootstrap !== 'undefined') {
1189                const modal = new bootstrap.Modal(anuncioModal);
1190                modal.show();
1191            }
1192        });
1193        $("#document").ready(function() {
1194            $('#anuncioModal').modal('show');
1195        });*/
1196
1197        // Función para buscar escuelas certificadas
1198        function buscarEscuelas() {
1199            const nivel = document.getElementById('selectNivel').value;
1200            const municipio = document.getElementById('selectMunicipio').value;
1201            const resultados = document.getElementById('resultadosEscuelas');
1202
1203            if (!nivel || !municipio) {
1204                resultados.innerHTML = `
1205                    <div class="alert alert-warning">
1206                        <i class="fas fa-exclamation-triangle me-2"></i>
1207                        Por favor, seleccione el nivel educativo y el municipio.
1208                    </div>
1209                `;
1210                return;
1211            }
1212
1213            // Mostrar loading
1214            resultados.innerHTML = `
1215                <div class="text-center py-5">
1216                    <div class="spinner-border text-primary" role="status">
1217                        <span class="visually-hidden">Cargando...</span>
1218                    </div>
1219                    <p class="mt-3">Buscando escuelas certificadas...</p>
1220                </div>
1221            `;
1222
1223            // Realizar búsqueda con AJAX
1224            $.ajax({
1225                url: 'https://seduinscripciones.azurewebsites.net/preinscripciones/registro/_actions/get_escuelas_certificadas.php',
1226                type: 'POST',
1227                dataType: 'html',
1228                data: {
1229                    n: nivel,
1230                    m: municipio
1231                },
1232                success: function(response) {
1233                    resultados.innerHTML = response;
1234                    
1235                    // Aplicar estilos responsivos y atractivos a la tabla
1236                    const tabla = document.getElementById('tablaEscuelas');
1237                    if (tabla) {
1238                        tabla.classList.add('table', 'table-striped', 'table-hover', 'table-responsive');
1239                        tabla.style.borderCollapse = 'collapse';
1240                        tabla.style.width = '100%';
1241                        tabla.style.marginTop = '1.5rem';
1242                        
1243                        // Estilizar encabezados
1244                        const thead = tabla.querySelector('thead');
1245                        if (thead) {
1246                            thead.style.backgroundColor = '#A91177';
1247                            thead.style.color = 'white';
1248                            const ths = thead.querySelectorAll('th');
1249                            ths.forEach(th => {
1250                                th.style.padding = '1rem';
1251                                th.style.fontWeight = 'bold';
1252                                th.style.textAlign = 'left';
1253                                th.style.borderBottom = '2px solid #A91177';
1254                            });
1255                        }
1256                        
1257                        // Estilizar filas del cuerpo
1258                        const tbody = tabla.querySelector('tbody');
1259                        if (tbody) {
1260                            const filas = tbody.querySelectorAll('tr');
1261                            filas.forEach((fila, index) => {
1262                                fila.style.padding = '0.75rem';
1263                                fila.style.transition = 'all 0.3s ease';
1264                                
1265                                // Colores alternados (stripe)
1266                                if (index % 2 === 0) {
1267                                    fila.style.backgroundColor = '#f9f9f9';
1268                                } else {
1269                                    fila.style.backgroundColor = '#ffffff';
1270                                }
1271                                
1272                                // Efecto hover
1273                                fila.addEventListener('mouseenter', function() {
1274                                    this.style.backgroundColor = '#fe117c';
1275                                    this.style.color = 'white';
1276                                    this.style.boxShadow = '0 4px 12px rgba(169, 17, 119, 0.2)';
1277                                    this.style.transform = 'scale(1.01)';
1278                                });
1279                                
1280                                fila.addEventListener('mouseleave', function() {
1281                                    this.style.color = 'inherit';
1282                                    this.style.boxShadow = 'none';
1283                                    this.style.transform = 'scale(1)';
1284                                    if (index % 2 === 0) {
1285                                        this.style.backgroundColor = '#f9f9f9';
1286                                    } else {
1287                                        this.style.backgroundColor = '#ffffff';
1288                                    }
1289                                });
1290                                
1291                                // Estilizar celdas
1292                                const celdas = fila.querySelectorAll('td');
1293                                celdas.forEach(celda => {
1294                                    celda.style.padding = '1rem';
1295                                    celda.style.borderBottom = '1px solid #e0e0e0';
1296                                });
1297                            });
1298                        }
1299                        
1300                        // Contenedor responsivo
1301                        const contenedor = tabla.parentElement;
1302                        contenedor.style.overflowX = 'auto';
1303                        contenedor.style.borderRadius = '10px';
1304                        contenedor.style.boxShadow = '0 5px 20px rgba(0,0,0,0.1)';
1305                        contenedor.style.padding = '1rem';
1306                    }
1307                },
1308                error: function() {
1309                    resultados.innerHTML = `
1310                        <div class="alert alert-danger">
1311                            <i class="fas fa-times-circle me-2"></i>
1312                            Error al buscar las escuelas. Por favor, intente nuevamente.
1313                        </div>
1314                    `;
1315                }
1316            });
1317        }
1318    </script>
1318
1319</body>
1320</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.