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.