<%- include("templates/cabecera", {tituloweb: 'INICIO' }) -%>

  <!-- boton  flotante accesibilidad 
  <a class="accesibilidad" id="speechButton" onclick="toggleSpeech()">
    <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" class="bi bi-universal-access-circle color_svg"
      viewBox="0 0 16 16" style="color: #BE9C60;">
      <path
        d="M8 4.143A1.071 1.071 0 1 0 8 2a1.071 1.071 0 0 0 0 2.143m-4.668 1.47 3.24.316v2.5l-.323 4.585A.383.383 0 0 0 7 13.14l.826-4.017c.045-.18.301-.18.346 0L9 13.139a.383.383 0 0 0 .752-.125L9.43 8.43v-2.5l3.239-.316a.38.38 0 0 0-.047-.756H3.379a.38.38 0 0 0-.047.756Z" />
      <path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0M1 8a7 7 0 1 1 14 0A7 7 0 0 1 1 8" />
    </svg>
  </a>
  boton  flotante llave CDMX 
  <a class="suacbtn" href="https://llave.cdmx.gob.mx/" target="_blank">
    <img src="./image/cesac/btnsuac.ico" style="max-width: 200%;">
  </a>
 boton  flotante llave CDMX 
  <a class="conferenciabtn" href="https://www.gob.mx/presidencia/archivo/videos?idiom=es&filter_origin=archive"
    target="_blank">
    <img src="./image/logos/m_puebloSF.ico" style="max-width: 140%;">
  </a>
-->
  <!--MODAL CARGA PAGINA 
    NO DELETE
    <div class="modal fade" id="miModal" tabindex="-1" aria-labelledby="modalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content img_fondo text_ibrand">
          <div class="modal-header text-center  ">
            <h3 class="modal-title text_ibrand w-100 " id="modalLabel">
              <img src="./image/logos/iztacalco_BM.png" style="max-width: 80%;">

              <p class="texto_noticia ">🌟¡BIENVENID@ <span class="texto_noticia2">A LA NUEVA </span> <span
                  class="texto_noticia2"> PÁGINA WEB </span>DE IZTACALCO!🚀
              </p>
            </h3>
          </div>
          <div class="modal-body " style="text-align: justify; letter-spacing: 0.3px;">
            <h5>
              Hemos renovado nuestro sitio para brindarte una navegación más rápida, moderna y sencilla. Descubre las
              nuevas funciones que hemos preparado para ti:
              <p>
              <ul class="">
                <li class="zoom_target">

                  <span class="texto_noticia">✅Botón</span> <span class="texto_noticia2">SUAC</span><span
                    class="texto_noticia">:</span> Realiza reportes de forma fácil y segura con tu llave CDMX.
                </li>
                <li class="zoom_target">
                  <span class="texto_noticia">📌Nuevo</span> <span class="texto_noticia2">Directorio</span>
                  <span class="texto_noticia">Institucional:</span> Encuentra a las personas servidoras públicas de la
                  Alcaldía con un diseño más accesible.
                </li>
                <li class="zoom_target">
                  <span class="texto_noticia">📢Avisos y</span> <span class="texto_noticia2"> Boletines</span><span
                    class="texto_noticia">:</span> Mantente al día con las últimas noticias de tu comunidad de manera
                  rápida e interactiva.
                </li>
                <li class="zoom_target">
                  <span class="texto_noticia">🎥Videos y</span> <span class="texto_noticia2">Galería</span><span
                    class="texto_noticia">:</span> Revive los eventos y momentos más importantes de Iztacalco en un solo
                  clic.
                </li>
                <P class="">
                <h5 class=" text-center w-100">👉Explora ahora y disfruta de la nueva experiencia digital!</h5>
                </P>

              </ul>
              </p>
            </h5>

          </div>
          <div class="modal-footer text-center">
            <button type="button" class="btn color_btn1  w-100" id="cerrarModal">
              <a style="text-decoration: none; "><i class="bi bi-x"></i>Cerrar </a>
            </button>
          </div>
        </div>
      </div>
    </div>
  -->

  <!-- BOTÓN ACCESIBILIDAD -->
  <div class="fab-container" id="fabContainer">
    <!-- Accesibilidad -->
    <a class="fab-sub accesibilidad-sub" id="speechButton" onclick="toggleSpeech()" title="Accesibilidad">
      <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" class="color_svg" viewBox="0 0 16 16">
        <path
          d="M8 4.143A1.071 1.071 0 1 0 8 2a1.071 1.071 0 0 0 0 2.143m-4.668 1.47 3.24.316v2.5l-.323 4.585A.383.383 0 0 0 7 13.14l.826-4.017c.045-.18.301-.18.346 0L9 13.139a.383.383 0 0 0 .752-.125L9.43 8.43v-2.5l3.239-.316a.38.38 0 0 0-.047-.756H3.379a.38.38 0 0 0-.047.756Z" />
        <path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0M1 8a7 7 0 1 1 14 0A7 7 0 0 1 1 8" />
      </svg>
    </a>

    <!-- Llave CDMX -->
    <a class="fab-sub suac-sub" href="https://llave.cdmx.gob.mx/" target="_blank" title="Llave CDMX">
      <img src="./image/cesac/btnsuac.ico" style="width: 65px; height: 35px;">
    </a>

    <!-- Conferencias -->
    <a class="fab-sub conferencia-sub"
      href="https://www.gob.mx/presidencia/archivo/videos?idiom=es&filter_origin=archive" target="_blank"
      title="Conferencias">
      <img src="./image/logos/m_puebloSF.ico" style="width: 60px; height: 35px;">
    </a>

    <!-- Whatsapp -->
    <a class="fab-sub whatsapp-sub" href="https://wa.me/525643084572?text=Buen%20día" target="_blank"
      title="Corrupcero">
      <img src="./image/logos/corrupcero.png" style="width: 65px; height: 65px;">
    </a>

    <!-- CDMX -->
    <a class="fab-sub CDMX-sub" href="https://www.cdmx.gob.mx" target="_blank" title="Página CDMX">
      <img src="./image/logos/btn_cdmx.png" style="width: 75px; height: 60px;">
    </a>

    <!-- Botón principal -->
    <div class="fab-main" onclick="toggleFab()"> </div>
  </div>

  <!-- SECCION Carousel INICIAL -->
  <section class="img_fondo">
    <div id="carouselResponsive" class="carousel slide" data-bs-ride="carousel">

      <!-- Indicadores -->
      <div class="carousel-indicators indicators_color">
        <button type="button" data-bs-target="#carouselResponsive" data-bs-slide-to="0" class="active"></button>
        <button type="button" data-bs-target="#carouselResponsive" data-bs-slide-to="1"></button>
        <button type="button" data-bs-target="#carouselResponsive" data-bs-slide-to="2"></button>
        <button type="button" data-bs-target="#carouselResponsive" data-bs-slide-to="3"></button>
        <button type="button" data-bs-target="#carouselResponsive" data-bs-slide-to="4"></button>
      </div>

      <!-- Slides -->
      <div class="carousel-inner">

        <!-- SLIDE 1 -->
        <div class="carousel-item active">
          <div class="carousel-image-wrapper">
            <img src="./image/carrucel/carrusel1.jpeg" class="carousel-img" alt="Imagen 1">
            <div class="carousel-overlay">
              <div class="overlay-content text_ibrand">
                <h4 class=" overlay-title texto_carruselP">
                  CON GRAN SOBERANÍA Y DEMOCRACIA, LA ALCALDESA LOURDES PAZ REYES ENCABEZA EL GRITO DE INDEPENDENCIA EN IZTACALCO
                </h4>

                <p class="texto_galeriaD">
                  <strong>
                    • Con más de diez mil asistentes, Lourdes Paz salió al balcón principal de la Alcaldía a vivir y celebrar la soberanía del pueblo iztacalquense.
                  </strong>
                </p>

                <button type="button" class="btn color_btn1 mx-auto" data-bs-toggle="modal" data-bs-target="#miModal1">
                  <a style="text-decoration: none;">Ver más <i class="bi bi-arrow-right"></i></a>
                </button>
                
              </div>
            </div>
          </div>
        </div>

        <!-- SLIDE 2 -->
        <div class="carousel-item ">
          <div class="carousel-image-wrapper">

            <img src="./image/carrucel/carrusel2.jpeg" class="carousel-img" alt="Imagen 2">

            <div class="carousel-overlay">
              <div class="overlay-content text_ibrand">
                <h4 class="overlay-title texto_carruselP">
                  LA ALCALDESA LOURDES PAZ Y EL SECRETARIO DE EDUCACIÓN PÚBLICA MARIO DELGADO DAN INICIO A LA JORNADA NACIONAL DE JUEGOS TRADICIONALES
                </h4>
                <p class=" texto_galeriaD">
                  <strong>
                    •  Dicha jornada llegará a tres mil 300 escuelas y medio millón de niñas y niños simultáneamente.
                  </strong>
                </p>
                <button  class="btn color_btn1 mx-auto" data-bs-toggle="modal" data-bs-target="#miModal2">
                  <a style="text-decoration: none;">Ver más <i class="bi bi-arrow-right"></i></a>                  
                </button>
              </div>
            </div>

          </div>
        </div>   

        <!-- SLIDE 4 -->
        <div class="carousel-item">
          <div class="carousel-image-wrapper">
            <img src="./image/carrucel/carrusel4.jpeg" class="carousel-img" alt="Imagen 2">

            <div class="carousel-overlay">
              <div class="overlay-content text_ibrand">
                <h4 class="texto_carruselP">
                  LA ALCALDESA LOURDES PAZ OTORGA CERCA DE MIL CERTIFICADOS MÉDICOS PARA EL“REGRESO A CLASES”
                </h4>

                <p class="texto_galeriaD">
                  <strong>
                  • Las acciones han permitido realizar 917 certificados médicos y brindar más de 17 mil 440 atenciones.
                  </strong>
                </p>

                <button type="button" class="btn color_btn1 mx-auto" data-bs-toggle="modal" data-bs-target="#miModal4">
                  <a style="text-decoration: none;">Ver más <i class="bi bi-arrow-right"></i></a>
                </button>
              </div>
            </div>

                
                
          </div>
        </div>

        <!-- SLIDE 5 -->
        <div class="carousel-item">
          <div class="carousel-image-wrapper">
            <img src="./image/carrucel/carrusel5.jpeg" class="carousel-img" alt="Imagen 4">
            <div class="carousel-overlay">
              <div class="overlay-content text_ibrand">
                <h4 class="texto_carruselP">
                  LA ALCALDESA LOURDES PAZ CONCLUYE CON ÉXITO LOS CURSOS DE VERANO 2026.
                </h4>

                <p class="texto_galeriaD">
                  <strong>
                     • Cerca de 500 niñas y niños disfrutaron de fútbol, touch, básquetbol, teatro, entre otras actividades 
                  </strong>
                </p>

                <button type="button" class="btn color_btn1 mx-auto" data-bs-toggle="modal" data-bs-target="#miModal5">
                  <a style="text-decoration: none;">Ver más <i class="bi bi-arrow-right"></i></a>
                </button>
                
                
              </div>
            </div>
          </div>
        </div>

        <!-- SLIDE 6 -->
        <div class="carousel-item">
          <div class="carousel-image-wrapper">
            <img src="./image/carrucel/carrusel6.jpeg" class="carousel-img" alt="Imagen 5">
            <div class="carousel-overlay">
              <div class="overlay-content text_ibrand">
                <h4 class="texto_carruselP">
                  LOURDES PAZ, ALCALDESA DE IZTACALCO, ENTREGA LOS PRIMEROS 80 KM DE “CAMINOS DE PAZ”
                </h4>

                <p class="texto_galeriaD">
                  <strong>
                    • Más de 3 mil luminarias tipo vela fueron instaladas en 750 cruceros que abarcan 78 
                    puntos lineales de “Caminos de Paz” 
                  </strong>
                </p>

                <button type="button" class="btn color_btn1 mx-auto" data-bs-toggle="modal" data-bs-target="#miModal6">
                  <a style="text-decoration: none;">Ver más <i class="bi bi-arrow-right"></i></a>
                </button>

              </div>
            </div>
          </div>
        </div>

      </div>

      <!-- Controles -->
      <button class="carousel-control-prev" type="button"
        data-bs-target="#carouselResponsive" data-bs-slide="prev">
        <span class="carousel-control-prev-icon prev_color"></span>
      </button>

      <button class="carousel-control-next" type="button"
        data-bs-target="#carouselResponsive" data-bs-slide="next">
        <span class="carousel-control-next-icon next_color"></span>
      </button>

    </div>

    <!--------------------------Modal banner1--------------------->              
    <div class="modal  modal-xl " id="miModal1" tabindex="-1" aria-labelledby="miModalLabel1" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content img_fondo text_ibrand">
          <div class="modal-header">
            <h3 class="modal-title texto_noticia2" id="miModal1" style="text-align: end;">
              Boletín: IZT/CCS/224
            </h3>            
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
          </div>
          <div class="modal-body">
            <p>
            <h6 class="texto_noticia2" style="text-align: end;">
              Ciudad de México, a 15 de septiembre de 2026
            </h6>
            </p>

            <!------Carrusel banner1----->
            <div id="carouselModal1" class="carousel slide modal-carousel-bs" data-bs-interval="false" data-bs-touch="true">
              <div class="carousel-inner">
                <div class="carousel-item active">
                  <img src="./image/noticias/2026/septiembre2026/16092026_1.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/septiembre2026/16092026_2.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/septiembre2026/16092026_3.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/septiembre2026/16092026_4.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/septiembre2026/16092026_5.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/septiembre2026/16092026_6.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/septiembre2026/16092026_7.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/septiembre2026/16092026_8.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/septiembre2026/16092026_9.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/septiembre2026/16092026_10.jpeg" class="d-block w-100">
                </div>

              </div>

              <button class="carousel-control-prev" type="button" data-bs-target="#carouselModal1" data-bs-slide="prev">
                <span class="carousel-control-prev-icon prev_color"></span>
              </button>
              
              <button class="carousel-control-next" type="button" data-bs-target="#carouselModal1" data-bs-slide="next">
                <span class="carousel-control-next-icon next_color"></span>
              </button>
            </div>

            <h3 class="texto_noticia mt-5" style="text-align: center;">
              CON GRAN SOBERANÍA Y DEMOCRACIA, LA ALCALDESA LOURDES PAZ REYES ENCABEZA EL GRITO DE INDEPENDENCIA EN IZTACALCO 
            </h3>
            
            
            <p class="mt-3">
            <ul>
              <strong>
                <h4>
                  <li>
                    <i>
                      Con más de diez mil asistentes, Lourdes Paz salió al balcón principal de la Alcaldía a vivir y celebrar la soberanía del pueblo iztacalquense.
                    </i>
                  </li>
                </h4>
              </strong>
            </ul>
            </p>
            
            <h5>
              <p>
                Más de 15 mil personas se dieron cita en la explanada de la Alcaldía Iztacalco para conmemorar el 
                CCXVI aniversario de la Independencia de México, en una jornada llena de tradición, música y 
                orgullo nacional, que tuvo como acto central el tradicional Grito de Independencia ¡Viva la 
                democracia y la soberanía del pueblo de México!, encabezado por la alcaldesa Lourdes Paz 
                Reyes. 
              </p>
              <p>
                Con la finalidad de garantizar que las familias disfrutaran de esta celebración en condiciones de 
                seguridad, se implementó un operativo donde la alcaldía desplegó a más de 50 elementos de 
                Protección Civil, 100 trabajadores de la Dirección General de Participación Ciudadana, 120 
                elementos de la Policía Auxiliar, 100 elementos de la Policía de Sector y 18 policías de Tránsito.
              </p>
              <p>
                Además, 150 elementos que estuvieron desplegados en la explanada, mientras que 70 realizaron 
                labores de vigilancia en la romería y la feria, instalada alrededor de la alcaldía. Como parte del 
                dispositivo, también se contó con tres patrullas y tres ambulancias, con el objetivo de brindar 
                atención oportuna y mantener el orden y la seguridad durante toda la celebración. 
              </p>
              <p>
                Dichas actividades comenzaron con la ceremonia cívica y el izamiento de la Bandera Nacional, en 
                un acto al que asistieron integrantes del Tercer Concejo de la Alcaldía Iztacalco, personal de 
                estructura, elementos de la Policía Auxiliar, la banda de guerra de la Policía Auxiliar, así como la 
                Banda de Música de la demarcación.
              </p>
              <p>
               En su mensaje, la alcaldesa Lourdes Paz destacó la importancia de mantener vivas las tradiciones 
               que forman parte de la identidad de las y los mexicanos, así como de nuestros héroes y heroínas 
               que dieron libertad y por eso se mantiene una soberanía en el pueblo de México y con el orgullo de 
               nuestras raíces.
              </p>
              <p>
                Como parte de las actividades patrias, también se llevó a cabo la coronación de la Reina de las 
                Fiestas Patrias 2026, dando el triunfo a Jessica Magaña, oriunda de la colonia Agrícola Pantitlán, 
                para dar continuidad a las costumbres y tradiciones mexicanas.
              </p>
              <p>
                La festividad continuó con las presentaciones de la cantante de regional mexicano Ari Salgado, el 
                cantante JUANMA y Edwin Luna y la Trakalosa de Monterrey, quienes pusieron ritmo y alegría al 
                gran festejo de estas fiestas patrias 2026.
              </p>
              <p>
                En punto de las 23:00 horas, la alcaldesa Lourdes Paz Reyes encabezó la tradicional arenga del 
                Grito de Independencia, ante más de 15 mil personas reunidas en la explanada, la alcaldesa evocó 
                a las mujeres y hombres que hicieron posible la Independencia de México y la soberanía del pueblo 
                mexicano.
              </p>
              <p>
                El cierre de la noche estuvo a cargo de Adolescentes Orquesta, que con su energía y sus grandes 
                éxitos como Anhelo, Persona Ideal,  Virgen, entre otras, pusieron a bailar a las y los asistentes.
              </p>
             
            </h5>

          </div>
        </div>
      </div>
    </div>
          
    <!--------------------------Modal banner2--------------------->
    <div class="modal  modal-xl" id="miModal2" tabindex="-1" aria-labelledby="miModalLabel2" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content text_ibrand img_fondo">
          <div class="modal-header">
            <h3 class="modal-title texto_noticia2" id="miModalLabel2" style="text-align: end;">
                Boletín: IZT/CCS/223
            </h3>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
          </div>
          
          <div class="modal-body ">
            <p>
              <h6 class="texto_noticia2" style="text-align: end;">
                Ciudad de México, a 09 de Septiembre de 2026
              </h6>
            </p>

            <!------Carrusel banner2----->
            <div id="carouselModal2" class="carousel slide modal-carousel-bs" data-bs-interval="false" data-bs-touch="true">
              <div class="carousel-inner">
                <div class="carousel-item active">
                  <img src="./image/noticias/2026/septiembre2026/09092026_1.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/septiembre2026/09092026_2.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/septiembre2026/09092026_3.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/septiembre2026/09092026_4.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/septiembre2026/09092026_5.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/septiembre2026/09092026_6.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/septiembre2026/09092026_7.jpeg" class="d-block w-100">
                </div>
                                
              </div>

              <button class="carousel-control-prev" type="button" data-bs-target="#carouselModal2" data-bs-slide="prev">
                <span class="carousel-control-prev-icon prev_color"></span>
              </button>
              
              <button class="carousel-control-next" type="button" data-bs-target="#carouselModal2" data-bs-slide="next">
                <span class="carousel-control-next-icon next_color"></span>
              </button>
            </div>

            <h3 class="texto_noticia mt-5" style="text-align: center;">
              LA ALCALDESA LOURDES PAZ Y EL SECRETARIO DE EDUCACIÓN PÚBLICA MARIO DELGADO DAN INICIO A LA JORNADA NACIONAL DE JUEGOS TRADICIONALES 
            </h3>
            <p class="mt-3">
            <ul>
              <strong>
                <h4>
                  <li>
                    <i>
                      Dicha jornada llegará a tres mil 300 escuelas y medio millón de niñas y niños simultáneamente.
                    </i>
            
                  </li>
                </h4>
              </strong>
            </ul>
            </p>
            <h5>
              <p>
                La alcaldesa de Iztacalco, Lourdes Paz Reyes, y el secretario de Educación Pública del Gobierno 
                de México, Mario Delgado Carrillo, dieron inicio a la Jornada Nacional de Juegos Tradicionales, 
                desde la Escuela Primaria República Federal de Alemania, ubicada en esta demarcación, con el 
                objetivo de promover entre niñas y niños la convivencia, la actividad física y el rescate de las 
                tradiciones. 
              </p>
              <p>
                De manera simultánea, esta jornada comenzó en 3 mil 300 escuelas de todo el país, con la 
                participación de medio millón de niñas y niños, quienes tendrán la oportunidad de disfrutar y 
                recuperar juegos tradicionales como parte de las actividades encaminadas a fortalecer la 
                convivencia escolar.
              </p>
              <p>
                En su intervención, la alcaldesa refrendó el compromiso de Iztacalco con las acciones que 
                contribuyen al bienestar y desarrollo integral de las niñas y los niños, así como con la construcción 
                de entornos escolares donde prevalezcan la convivencia, la actividad física y la paz.  
              </p>
              <p>
                “Celebro la realización de este programa ya personas como yo crecimos con ellos, con el yoyo, con 
                el balero, con la cuerda, con muchos otros con los que crecieron muchas generaciones que hoy 
                somos mujeres y hombres de bien y nuestras infancias deben de conocerlos porque no todo es el 
                celular, ni cualquier otro tipo de juego electrónico, estos juegos desarrollan nuestro cerebro y 
                nuestras habilidades psicomotrices. En Iztacalco nos sumamos a este esfuerzo cuenten con 
                nosotros para impulsar este programa”, agregó la funcionaria.
              </p>
              <p>
                Por su parte, Mario Delgado resaltó la importancia de recuperar los juegos tradicionales como una 
                herramienta para fortalecer la convivencia, fomentar la actividad física y preservar las tradiciones 
                entre las nuevas generaciones.
              </p>
              <p>
                “El uso excesivo de los celulares está haciendo que los niños y niñas pasen más tiempo pegado a 
                una pantalla que estar jugando. Ayer daban resultados de la pruebadel Programa para la Evaluación 
                Internacional de los Estudiantes (Pisa), que indica que en el mundo está perdiéndose la capacidad 
                de leer de las adolescentes y los jóvenes. Hay una muy baja comprensión en la lectura, porque las 
                pantallas están haciendo una lectura fácil de imágenes. Un teléfono celular se juega, se revisa o se 
                está todo el tiempo en solitario y dejamos de hacer amigos por estar pegados al celular. Dejamos 
                de convivir, dejamos de desarrollar habilidades para relacionarnos con los demás y estos juegos no 
                se juegan solos, se juegan en grupos para ser amigos, para divertirnos, para pasarla bien, para 
                enseñar cómo se gana algunas veces, cómo se aprende en otras”, mencionó el secretario.
              </p>
              <p>
               Durante el arranque, las y los alumnos de la Escuela Primaria República Federal de Alemania 
               realizaron una muestra de diversos juegos tradicionales, entre ellos el avión, juego de resorte, salto 
               de cuerda, canicas, trompo y lotería, demostrando que estas actividades continúan siendo una 
               forma de diversión, convivencia y activación física para las nuevas generaciones. 
              </p>
              <p>
                El evento contó con la presencia de Angélica Noemí Juárez Pérez, subsecretaria de Educación 
                Básica; Tania Rodríguez Mora, subsecretaria de Educación Media Superior; Ricardo Villanueva 
                Lomelí, subsecretario de Educación Superior; y Mario Chávez Campos, director general de 
                Operación de Servicios Educativos, en representación del titular de la Autoridad Educativa Federal 
                en la Ciudad de México. 
              </p>
            </h5>

          </div>
        </div>
      </div>
    </div>    
    
    <!--------------------------Modal banner4--------------------->    
    <div class="modal  modal-xl " id="miModal4" tabindex="-1" aria-labelledby="miModal4" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content img_fondo text_ibrand">
          <div class="modal-header">
            <h3 class="modal-title texto_noticia2" id="miModal4" style="text-align: end;">
              Boletín: IZT/CCS/222
            </h3>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
          </div>
          <div class="modal-body">
            <p>
            <h6 class="texto_noticia2" style="text-align: end;">
              Ciudad de México, a 30 de Agosto de 2026
            </h6>
            </p>

            <!------Carrusel banner4----->
            <div id="carouselModal4" class="carousel slide modal-carousel-bs" data-bs-interval="false" data-bs-touch="true">
              <div class="carousel-inner">
                <div class="carousel-item active">
                  <img src="./image/noticias/2026/agosto2026/30082026_1.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/agosto2026/30082026_2.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/agosto2026/30082026_3.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/agosto2026/30082026_4.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/agosto2026/30082026_5.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/agosto2026/30082026_6.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/agosto2026/30082026_7.jpeg" class="d-block w-100">
                </div>
                               
                
              </div>

              <button class="carousel-control-prev" type="button" data-bs-target="#carouselModal4" data-bs-slide="prev">
                <span class="carousel-control-prev-icon prev_color"></span>
              </button>
              
              <button class="carousel-control-next" type="button" data-bs-target="#carouselModal4" data-bs-slide="next">
                <span class="carousel-control-next-icon next_color"></span>
              </button>
            </div>

            <h3 class="texto_noticia mt-5" style="text-align: center;">
              LA ALCALDESA LOURDES PAZ OTORGA CERCA DE MIL CERTIFICADOS MÉDICOS PARAEL“REGRESO A CLASES”    
            </h3>

            <p class="mt-3">
              <ul>
                <strong>
                  <h4>
                    <li>
                      <i>
                        Las acciones han permitido realizar 917 certificados médicos y brindar más de 17 mil 440 atenciones.
                      </i>
                    </li>
                  </h4>
                </strong>
              </ul>
            </p>

            <h5>
              <p>
                Con el objetivo de garantizar que las familias de Iztacalco tengan acceso a servicios médicos
                gratuitos, preventivos e integrales durante el regreso a clases, la alcaldesa Lourdes Paz
                implementó las Jornadas de Salud de “Regreso a Clases” para acercar atención médica a
                distintos puntos de la demarcación.
              </p>
              <p>
                Como resultado de estas acciones, se han brindado 17 mil 440 atenciones, beneficiando a 7 mil
                155 personas, además de realizar 627 certificados médicos durante las jornadas efectuadas en
                diferentes colonias y espacios públicos de Iztacalco. 
              </p>
              <p>
                A esta cifra se suman los certificados elaborados directamente en las unidades de salud de la
                demarcación: 245 en la Clínica Salud para el Pueblo y 45 en la Clínica Mujeres por la Paz. De
                esta manera, se alcanza un total acumulado de 917 certificados médicos.
              </p>
              <p>
                Para la alcaldesa Lourdes Paz, acercar los servicios de salud a las comunidades representa una
                prioridad, particularmente en una temporada en la que las familias requieren contar con la
                documentación médica necesaria para el inicio del ciclo escolar, pero también con herramientas
                que permitan detectar oportunamente posibles factores de riesgo y fortalecer el cuidado de la
                salud de niñas, niños y adolescentes.
              </p>
              <p>
               Los certificados médicos se realizan mediante una valoración integral que permite conocer las
               condiciones generales de salud de las y los estudiantes, identificar oportunamente posibles
               alteraciones y contribuir a que comiencen sus actividades escolares en mejores condiciones.
              </p>
              <p>
                Sin embargo, las Jornadas de Salud de Regreso a Clases van más allá de la expedición de
                certificados médicos. En estos espacios, las familias han podido acceder de manera gratuita a
                servicios como: asesoría dental y acciones de salud bucal, asesoría nutricional, promoción de la
                salud, valoración de ortopedia, quiropráctica, examen de la vista y atención de salud visual, toma
                de signos vitales, corte de cabello, entre otros servicios.
              </p>
              <p>
               Asimismo, mediante la coordinación con diversas instituciones del sector salud, se han
               incorporado acciones de salud mental, detección de enfermedades crónico-degenerativas,
               pruebas rápidas, aplicación de vacunas, gestiones clínicas, entrega de desparasitantes, Vida
               Suero Oral y ácido fólico, entre otras.
              </p>
              <p>
                Esta estrategia ha sido posible gracias al trabajo coordinado de la Jurisdicción Sanitaria, IMSS
                Bienestar, IMSS Ordinario, Servicio Nacional de Salud Pública y la Comisión Nacional de los
                Derechos Humanos, instituciones que han sumado capacidades, recursos y servicios para ampliar
                el alcance de las acciones de prevención y promoción de la salud en territorio.
              </p>
              <p>
                Las jornadas se han realizado en distintos puntos de Iztacalco, entre ellos la Unidad Habitacional
                14 de Diciembre, Granjas México, la explanada de la Alcaldía, el Kiosco de Sur 16, la Unidad
                Habitacional Mujeres Ilustres y la Escuela Primaria “Zapata Vela”.
              </p>
              <p>
                Con estas acciones, la administración encabezada por Lourdes Paz refrenda su compromiso de
                construir una alcaldía cercana a sus habitantes, donde los servicios públicos, particularmente los
                relacionados con la salud, lleguen directamente a las comunidades y contribuyan a mejorar la
                calidad de vida de las familias.
              </p>
              
            </h5>

          </div>
        </div>
      </div>
    </div>

    <!--------------------------Modal banner5--------------------->
    <div class="modal  modal-xl " id="miModal5" tabindex="-1" aria-labelledby="miModal5" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content img_fondo text_ibrand">
          <div class="modal-header">
            <h3 class="modal-title texto_noticia2" id="miModal5" style="text-align: end;">
              Boletín: IZT/CCS/220
            </h3>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
          </div>
          <div class="modal-body">
            <p>
            <h6 class="texto_noticia2" style="text-align: end;">
              Ciudad de México, a 16 de Agosto de 2026
            </h6>
            </p>

            <!------Carrusel banner5----->
            <div id="carouselModal5" class="carousel slide modal-carousel-bs" data-bs-interval="false" data-bs-touch="true">
              <div class="carousel-inner">
                <div class="carousel-item active">
                  <img src="./image/noticias/2026/agosto2026/16082026_1.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/agosto2026/16082026_2.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/agosto2026/16082026_3.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/agosto2026/16082026_4.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/agosto2026/16082026_5.jpeg" class="d-block w-100">
                </div>
                
              </div>

              <button class="carousel-control-prev" type="button" data-bs-target="#carouselModal5" data-bs-slide="prev">
                <span class="carousel-control-prev-icon prev_color"></span>
              </button>
              
              <button class="carousel-control-next" type="button" data-bs-target="#carouselModal5" data-bs-slide="next">
                <span class="carousel-control-next-icon next_color"></span>
              </button>
            </div>

            <h3 class="texto_noticia mt-5" style="text-align: center;">
              LA ALCALDESA LOURDES PAZ CONCLUYE CON ÉXITO LOS CURSOS DE VERANO 2026 
            </h3>

            <p class="mt-3">
              <ul>
                  <strong>
                      <h4>
                          <li>
                              <i>
                                  Cerca de 500 niñas y niños disfrutaron de fútbol, touch, básquetbol, teatro, entre otras actividades 
                              </i>

                          </li>
                      </h4>
                  </strong>
              </ul>
            </p>

            <h5>
                <p>
                    Con el objetivo de brindar a niñas y niños de Iztacalco espacios seguros para convivir, aprender, 
                    desarrollar nuevas habilidades y disfrutar de sus vacaciones, la alcaldesa Lourdes Paz impulsó los 
                    Cursos de Verano “Verano Divertido 2026” y la Semana del Deporte “Paz en Acción, Iztacalco en 
                    Movimiento”, estrategias que acercaron actividades deportivas, culturales, educativas y recreativas 
                    a distintos puntos de la demarcación. 
                </p>
                <p>
                    La alcaldesa Lourdes Paz destacó que para su gobierno es fundamental que las niñas y los niños 
                    de Iztacalco cuenten con alternativas durante las vacaciones que contribuyan a su desarrollo inte
                    gral y, al mismo tiempo, permitan fortalecer la convivencia familiar y comunitaria.
                </p>
                <p>
                    A través de la Dirección General de Desarrollo Social, durante este periodo vacacional 445 niñas y
                    niños participaron en las distintas actividades organizadas en el Deportivo Leandro Valle, bibliote
                    cas, espacios educativos y recreativos, módulos deportivos y la Casa Mujeres por la Paz.
                </p>
                <p>
                    En el Curso de Verano Leandro Valle participaron 220 niñas y niños, quienes disfrutaron de activi
                    dades como fútbol, básquetbol, tochito, rally, búsqueda del tesoro, teatro, manualidades, juegos de 
                    mesa, cine, yoga, zumba y juegos de integración, entre otras. Para su desarrollo se contó con la 
                    participación de 60 personas y siete facilitadores del programa “Iztacalco por Amor al Arte, a la 
                    Cultura y al Deporte”.
                </p>
                <p>
                    Durante todo el desarrollo del Curso de Verano, la Dirección de la Unidad de Gestión Integral de 
                    Riesgos y Protección Civil de la Alcaldía Iztacalco mantuvo presencia y seguimiento permanente 
                    para garantizar condiciones de seguridad y brindar atención oportuna ante cualquier eventualidad. 
                    Como parte de este acompañamiento se realizaron 145 atenciones prehospitalarias, principalmente 
                    por caídas con laceraciones y raspones, sin que ello impidiera la continuidad de las actividades 
                    programadas.
                </p>
                <p>
                    Asimismo, en las bibliotecas Juan Rulfo, Rosario Castellanos, Santiago y Enrique Beltrán, así como 
                    en el Centro Lúdico Infantil Esperando a Mamá y el Parque Escuela Urbano Ecológico, participaron 
                    123 niñas y niños en actividades de activación física, lectura, dibujo, música, ajedrez, inglés, karate, 
                    astronomía, cine y talleres relacionados con el cuidado de las plantas. Estas actividades se desa
                    rrollaron con el apoyo de 33 personas.
                </p>
                <p>
                    En los espacios de promoción deportiva vecinal participaron en promedio 32 niñas y niños, quienes 
                    practicaron básquetbol, boxeo, tochito, ajedrez y fútbol de salón, además de juegos enfocados en 
                    fortalecer la integración y convivencia. 
                </p>
                <p>
                    Por otra parte, en la Casa Mujeres por la Paz, 70 niñas y niños participaron en un programa confor
                    mado por 30 actividades, entre ellas proyecciones de películas, manualidades, experimentos cien
                    tíficos, baile, arte, clown, danza árabe y afrobrasileña, magia, teatro y danza contemporánea. Para 
                    estas actividades se contó con 17 integrantes de las áreas pedagógica, psicológica, cultural y de 
                    coordinación.
                </p>
                <p>
                    La Alcaldía también llevó a cabo la Semana del Deporte “Paz en Acción, Iztacalco en Movimiento”, 
                    con actividades de boxeo, fútbol, patinaje, tocho bandera y básquetbol en cinco módulos deportivos 
                    de la demarcación, con una participación de 335 personas, entre niñas, niños, jóvenes y familias. 
                </p>
                <p>
                    Las actividades se realizaron en los módulos deportivos Jardines Tecma, Campamento 2 de Octu
                    bre, Sur 20, Girasol y El Vivero, fortaleciendo estos espacios como puntos de encuentro, activación 
                    física, recreación e integración comunitaria.  
                </p>
                <p>
                    Con estas acciones, el gobierno de Lourdes Paz refrenda su compromiso de construir una alcaldía 
                    donde el deporte, la cultura, la educación y la recreación sean herramientas para fortalecer el tejido 
                    social y generar entornos de convivencia y paz para las familias de Iztacalco, siempre procurando 
                    que las actividades se desarrollen en espacios seguros y con atención oportuna para niñas y niños. 
                </p>
            </h5> 

          </div>
        </div>
      </div>
    </div>

     <!--------------------------Modal banner6--------------------->
    <div class="modal  modal-xl fade " id="miModal6" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog ">
        <div class="modal-content text_ibrand img_fondo">
          <div class="modal-header">
              <h3 class="modal-title texto_noticia2" id="exampleModalLabel" style="text-align: end;">
              Boletín: IZT/CCS/221
              </h3>

              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body ">
            <p>
              <h6 class="texto_noticia2" style="text-align: end;">
                Ciudad de México, a 20 de Agosto de 2026
              </h6>
            </p>

            <!------Carrusel banner6----->
            <div id="carouselModal6" class="carousel slide modal-carousel-bs" data-bs-interval="false" data-bs-touch="true">
              <div class="carousel-inner">
                <div class="carousel-item active">
                  <img src="./image/noticias/2026/agosto2026/20082026_1.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item ">
                  <img src="./image/noticias/2026/agosto2026/20082026_2.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/agosto2026/20082026_3.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/agosto2026/20082026_4.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/agosto2026/20082026_5.jpeg" class="d-block w-100">
                </div>
                <div class="carousel-item">
                  <img src="./image/noticias/2026/agosto2026/20082026_6.jpeg" class="d-block w-100">
                </div>
                
                
              </div>

              <button class="carousel-control-prev" type="button" data-bs-target="#carouselModal6" data-bs-slide="prev">
                <span class="carousel-control-prev-icon prev_color"></span>
              </button>
              
              <button class="carousel-control-next" type="button" data-bs-target="#carouselModal6" data-bs-slide="next">
                <span class="carousel-control-next-icon next_color"></span>
              </button>
            </div>
              

            <h3 class="texto_noticia mt-5" style="text-align: center;">
              LOURDES PAZ, ALCALDESA DE IZTACALCO, ENTREGA LOS PRIMEROS 80 
              KM DE “CAMINOS DE PAZ” 
            </h3>

            <p class="mt-3">
              <ul>
                  <strong>
                      <h4>
                          <li>
                              <i>
                                  Más de 3 mil luminarias tipo vela fueron instaladas en 750 cruceros que abarcan 78 
                                  puntos lineales de “Caminos de Paz”  
                              </i>
                          </li>
                      </h4>
                  </strong>
              </ul>
            </p>
            
            <h5>
                <p>
                  Para fortalecer la seguridad, recuperar los espacios públicos y mejorar la calidad de 
                  vida de las familias de Iztacalco, la alcaldesa Lourdes Paz entregó los primeros 
                  “Caminos de Paz” en la colonia Ramos Millán, una estrategia integral que contempla 
                  la intervención de 80 kilómetros y la instalación de más de 3 mil luminarias tipo vela 
                  de 90 watts en colonias como Agrícola Oriental, Agrícola Pantitlán, Ramos Millán, 
                  Cuchilla Ramos Millán y Barrio Los Reyes, entre otras.
                </p>
                <p>
                  Durante el recorrido con vecinas y vecinos, la alcaldesa destacó que esta primera 
                  etapa beneficiará a 24 mil 197 habitantes de Ramos Millán, mediante la 
                  transformación de calles y espacios públicos para generar entornos mejor iluminados, 
                  seguros y dignos.
                </p>
                <p>
                  “Los Caminos de Paz significan seguridad, bienestar y transformación. Estamos 
                  recuperando nuestras calles y espacios públicos para que nuestras familias puedan 
                  caminar, transitar y vivir con mayor tranquilidad”, señaló Lourdes Paz.
                </p>
                <p>
                  La alcaldesa explicó que esta estrategia da continuidad a la visión de los “Senderos 
                  Seguros” impulsada por la presidenta de México, Claudia Sheinbaum, durante su 
                  gestión como jefa de Gobierno de la Ciudad de México, y que actualmente se 
                  fortalece bajo la administración de la jefa de Gobierno, Clara Brugada, a través de los 
                  “Caminos de Mujeres Libres y Seguras”.
                </p>
                <p>
                  Este primer “Camino de Paz” recorre desde Sur 185 hasta avenida 5, atraviesa
                  Circuito Interior y cruza prácticamente toda la colonia Ramos Millán, con una longitud 
                  de mil 206 metros. Como parte de esta intervención se instalaron 64 luminarias tipo 
                  vela de 90 watts, con el objetivo de mejorar la iluminación y fortalecer la seguridad de 
                  quienes transitan diariamente por esta zona.
                </p>
                <p>
                  Asimismo, como parte de esta estrategia se dio una “Manita de Gato” integral para 
                  mejorar las condiciones de las calles y espacios públicos, mediante trabajos de poda, 
                  bacheo, balizamiento, reencarpetado y limpieza. En esta intervención también se 
                  realizaron más de 900 metros lineales de desazolve y la limpieza de 15 rejillas de 
                  banqueta, acciones que contribuyen a mejorar las condiciones de las vialidades y 
                  prevenir encharcamientos.
                </p>
                <p>
                  Los “Caminos de Paz” también dan continuidad al programa “Caminos de Luz”, 
                  impulsado por la alcaldesa Lourdes Paz, mediante el cual se realizó la rehabilitación 
                  del alumbrado público con 110 servicios, que incluyeron 22 reconexiones, 9 
                  fotoceldas, 44 luminarias Prometeo, 39 luminarias Top y 9 luminarias Cronos, además 
                  de 2 reflectores de 400 watts y 2 reflectores de 200 watts. Estas acciones permiten
                  mejorar la iluminación de calles y espacios públicos, y contribuyen a fortalecer 
                  entornos más seguros, limpios y dignos para las y los vecinos.
                </p>
                <p>
                  La alcaldesa Lourdes Paz refrendó que su gobierno continuará trabajando de manera 
                  cercana con las comunidades para transformar las calles y espacios públicos de la 
                  demarcación. Destacó que estos 80 kilómetros de intervención representan una 
                  dimensión significativa, ya que equivalen aproximadamente a la distancia entre el 
                  Zócalo de la Ciudad de México y la zona arqueológica de Teotihuacán, y son casi 
                  cuatro veces el perímetro de Iztacalco, que es de 23 kilómetros cuadrados.
                </p>
               
            </h5>
            
          </div>
        </div>
      </div>
    </div> 

  </section>

  <!-- SECCIÓN ÁREAS ALCALDIA y ATENCIÓN CIUDADANA-->
  <div class=" p-4 rounded  text-dark text_ibrand img_fondo">

    <!-- SECCIÓN ATENCIÓN CIUDADANA-->
    <div class="container mx-auto mt-3">
      <h2 class="text-center  text_ibrand ">Atención Ciudadana </h2>
      <div class="line4"></div>

      <div class="row ocultar-grupo">

        <div class="col-lg-4 mb-3  zoom_target text-center ocultar-separado ocultar">
          <a class="navbar-brand" target="_blank"
            href="https://www.cdmx.gob.mx/public/InformacionTramite.xhtml?idTramite=103"><img
              src="./image/cesac/cesac1.png" alt="" width="300px" height="120px"></a>
        </div>

        <div class="col-lg-4 mb-3 mt-4 zoom_target text-center ocultar-separado ocultar">
          <a class="navbar-brand  " target="_blank" href="./cesac"><img src="./image/cesac/cesac3.png" alt=""
              width="300px" height="70px"></a>
        </div>

        <div class="col-lg-4 mb-3  zoom_target  text-center ocultar-separado ocultar">
          <a class=" " target="_blank" href="./ventanilla_unica"><img src="./image/cesac/vut.png" alt="" width="300px"
              height="100px"></a>
        </div>

        <!-- 
        <div class="col-lg-3 mb-3 mt-2 zoom_target text-center " style="display: none;">
          <a class="navbar-brand" target="_blank"
            href="https://www.cdmx.gob.mx/public/InformacionTramite.xhtml?idTramite=103"><img
              src="./image/cesac/tramites2.png" alt="" width="300px" height="120px"></a>
        </div>
        SECCIÓN ATENCIÓN CIUDADANA-->

      </div>
    </div>

    <!-- SECCION ÁREAS ALCALDIA-->
    <div class="mt-3 mx-auto">
      <h2 class=" menu2 text_ibrand ">Áreas</h2>
      <div class="line2"></div>
      <div class="text_ibrand d-md-block text-center">
        <h5>Administración alcaldía</h5>
      </div>
      
      <!-- carrusel areas alcaldia none-->
      <div id="carouselExampleDark" class="carousel carousel-dark slide" style="display: none;">
        <div class="carousel-inner ">
          <div class="carousel-item active">
            <div class="carousel-indicators">
              <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="0" class="active"
                aria-current="true" aria-label="Slide 1"></button>
            </div>

            <div class=" container mt-3  ">
              <div class="cont-princ-slider mx-auto">
                <div class="slier-prin ">

                  <div class="juegos_DWG">
                    <a href="./serurbanos">
                      <img src="./image/areas/serv_urb.png" class="margin_areas2" alt="" width="105px" height="150px">
                    </a>
                  </div>

                  <div class="juegos_DWG ">
                    <a href="./cultura">
                      <img src="./image/areas/cultura.png" class="margin_areas" width="105px" height="150px"></a>
                  </div>
                  <div class="juegos_DWG ">
                    <a href="./deporte">
                      <img src="./image/areas/deporte.png" class="margin_areas" alt="" width="105px" height="150px"></a>
                  </div>

                  <div class="juegos_DWG">
                    <a href="./desarrollo_social">
                      <img src="./image/areas/DESARROLLO-SOCIAL.png" class="margin_areas2" alt="" width="105px"
                        height="150px"></a>
                  </div>

                  <div class="juegos_DWG">
                    <a href="./pdf/carrucel/CENTRODESALUD.pdf">
                      <img src="./image/areas/salud.png" class="margin_areas" alt="" width="105px" height="150px"></a>
                  </div>

                  <div class="juegos_DWG">
                    <a href="./seguridad_ciudadana">
                      <img src="./image/areas/SEGURIDAD-CIUDADANA.png" class="margin_areas2" alt="" width="105px"
                        height="150px"></a>
                  </div>

                  <div class="juegos_DWG">
                    <a href="./proteccion_civil">
                      <img src="./image/areas/PROTECCION-CIVIL.png" class="margin_areas2" alt="" width="105px"
                        height="150px"></a>
                  </div>

                  <div class="juegos_DWG">
                    <a href="./presupuesto_participativo">
                      <img src="./image/areas/PRESUPUESTO-PARTICIPATIVO.png" class="margin_areas2" alt="" width="120px"
                        height="150px"></a>
                  </div>

                </div>
              </div>
            </div>
          </div>
        </div>

        <button class="carousel-control-prev control_prev_BTN " type="button" data-bs-target="#carouselExampleDark"
          data-bs-slide="prev">
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next control_next_BTN" type="button" data-bs-target="#carouselExampleDark"
          data-bs-slide="next">
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="visually-hidden">Next</span>
        </button>
      </div>

      
    </div> 

    <!-- carrusel areas propuesta final-->
    <div id="carrusel_areas" class="carousel slide" data-bs-ride="carousel">
      <div class="carousel-indicators indicators_color">
        <button type="button" data-bs-target="#carrusel_areas" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 0"> </button>
        <button type="button" data-bs-target="#carrusel_areas" data-bs-slide-to="1" aria-label="Slide 1"> </button>
        <button type="button" data-bs-target="#carrusel_areas" data-bs-slide-to="2" aria-label="Slide 2"></button>
        <button type="button" data-bs-target="#carrusel_areas" data-bs-slide-to="3" aria-label="Slide 3"></button>
        <button type="button" data-bs-target="#carrusel_areas" data-bs-slide-to="4" aria-label="Slide 4"></button>
        <button type="button" data-bs-target="#carrusel_areas" data-bs-slide-to="5" aria-label="Slide 5"></button>
        <button type="button" data-bs-target="#carrusel_areas" data-bs-slide-to="6" aria-label="Slide 6"></button>
        
      </div>
      <div class="carousel-inner">

        <!-- SLIDE 0 -->
        <div class="carousel-item active" data-bs-interval="3000">
          <div class="container ocultar-grupo">
            <div class="photo-gallery ">
              <div class="row photos ">

                <div class="col-lg-12 zoom_target mb-4 ocultar ocultar-separado">
                  <a href="./audiencias"  >
                    <img src="./image/areas/2026/audi_ciudad.jpeg" class="d-block img-fluid" 
                      style="max-width:70%; margin: auto;">
                  </a>
                </div>

              </div>
            </div>
          </div>
        </div>
        
        <!-- SLIDE 1 -->
        <div class="carousel-item " data-bs-interval="2000">
          <div class="container ocultar-grupo">
            <div class="photo-gallery ">
              <div class="row photos ">

                <div class="col-lg-12 zoom_target mb-4 ocultar ocultar-separado">
                  <a href="./comunidad_segura" >
                    <img src="./image/areas/2026/com_segura.jpeg" class="d-block img-fluid" 
                      style="max-width:70%; margin: auto;">
                  </a>
                </div> 
              </div>
            </div>
          </div>
        </div>         


        <!-- SLIDE 2 -->
        <div class="carousel-item" data-bs-interval="2000">
          <div class="container ocultar-grupo">
            <div class="photo-gallery ">
              <div class="row photos ">
                
                <div class="col-lg-12 zoom_target mb-4 ocultar ocultar-separado mx-auto">
                  <a href="./manita_gato" >
                    <img src="./image/areas/2026/manita_gato.jpeg" class="d-block img-fluid " 
                      style="max-width:70%; margin: auto;">
                  </a>
                </div>
                
              </div>
            </div>
          </div>
        </div>

        <!-- SLIDE 3 -->
        <div class="carousel-item" data-bs-interval="2000">
          <div class="container ocultar-grupo">
            <div class="photo-gallery ">
              <div class="row photos ">
                
                <div class="col-lg-12 zoom_target mb-4 ocultar ocultar-separado">
                  <a href="./bacheo" >
                    <img src="./image/areas/2026/bacheo.jpeg" class="d-block img-fluid" 
                      style="max-width:70%; margin: auto;">
                  </a>
                </div> 
                
              </div>
            </div>
          </div>
        </div>

        <!-- SLIDE 4 -->
        <div class="carousel-item" data-bs-interval="2000">
          <div class="container ocultar-grupo">
            <div class="photo-gallery ">
              <div class="row photos ">
                
                <div class="col-lg-12 zoom_target mb-4 ocultar ocultar-separado">
                  <a href="./base_plata" >
                    <img src="./image/areas/2026/base_plata.jpeg" class="d-block img-fluid" 
                      style="max-width:70%; margin: auto;">
                  </a>
                </div>
                
              </div>
            </div>
          </div>
        </div>

        <!-- SLIDE 5 -->
        <div class="carousel-item" data-bs-interval="2000">
          <div class="container ocultar-grupo">
            <div class="photo-gallery ">
              <div class="row photos ">

                
                
                <div class="col-lg-12 zoom_target mb-4 ocultar ocultar-separado">
                  <a href="./alb_lvalle" >
                    <img src="./image/areas/2026/alberca_leandro_valle.jpeg" class="d-block img-fluid" 
                      style="max-width:75%; margin: auto;">
                  </a>
                </div>

                
                
              </div>
            </div>
          </div>
        </div>

        <!-- SLIDE 6 -->
        <div class="carousel-item" data-bs-interval="2000">
          <div class="container ocultar-grupo">
            <div class="photo-gallery ">
              <div class="row photos ">                
                
                <div class="col-lg-12 zoom_target mb-4 ocultar ocultar-separado">
                  <a href="./canchas_izt" >
                    <img src="./image/areas/2026/canchas.jpeg" class="d-block img-fluid" 
                      style="max-width:75%; margin: auto;">
                  </a>
                </div>
                
              </div>
            </div>
          </div>
        </div>

      </div>

      <button class="carousel-control-prev" type="button" data-bs-target="#carrusel_areas" data-bs-slide="prev">
        <span class="carousel-control-prev-icon prev_color" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
      </button>
      <button class="carousel-control-next" type="button" data-bs-target="#carrusel_areas" data-bs-slide="next">
        <span class="carousel-control-next-icon next_color" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
      </button>
    </div>

  </div>

  <!-- SECCION NOTICIAS -->
  <section class=" p-3 img_fondo">
    <h2 class="text-center text_ibrand ">Últimas Noticias </h2>
    <div class="line3 mt-1"></div>

    <div id="carrusel_noticias" class="carousel slide" data-bs-ride="carousel">
      
      <div class="carousel-inner">

        <div class="carousel-item active" data-bs-interval="4000">

          <div class="container ocultar-grupo">
            <div class="row">
              
              <div class="col-lg-4 zoom_target ocultar ocultar-separado">
                <div class="card">
                  <img src="./image/noticias/2026/septiembre2026/16092026_5.jpeg" class="card-img-top img-fluid " style="margin: auto;">
                  <div class="card-body">
                    <h5 class="text_ibrand texto_tramites">
                      <strong>
                        CON GRAN SOBERANÍA Y DEMOCRACIA, LA ALCALDESA LOURDES PAZ REYES ENCABEZA EL GRITO DE INDEPENDENCIA EN IZTACALCO.
                      </strong>
                    </h5>

                    <p class="card-text text_ibrand izquierdaR texto_noticia2 ">
                      <small>
                        Fecha Publicación 15/09/2026
                      </small></p>
                    <div class="centrar">
                      <a target="_blank" href="./Septiembre2026" class="btn color_btn1 ">Ver más</a>
                    </div>
                  </div>
                </div>

              </div>

              <div class="col-lg-4 zoom_target ocultar ocultar-separado">
                <div class="card">
                  <img src="./image/noticias/2026/septiembre2026/09092026_1.jpeg" class="card-img-top mx-auto img-fluid">
                  <div class="card-body">
                    <h5 class="text_ibrand texto_tramites">
                      <strong>                 
                        LA ALCALDESA LOURDES PAZ Y EL SECRETARIO DE EDUCACIÓN PÚBLICA MARIO DELGADO DAN INICIO A LA 
                        JORNADA NACIONAL DE JUEGOS TRADICIONALES.
                      </strong>
                    </h5>
                    <p class="card-text text_ibrand izquierdaR texto_noticia2">
                      <small>
                        Fecha Publicación 09/09/2026
                      </small>
                    </p>

                    <div class="centrar pt-1">
                      <a target="_blank" href="./septiembre2026" class="btn color_btn1">Ver más</a>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-lg-4 zoom_target ocultar ocultar-separado">
                <div class="card">
                  <img src="./image/noticias/2026/agosto2026/30082026_2.jpeg" class="card-img-top img-fluid">
                  <div class="card-body">
                    <h5 class="text_ibrand texto_tramites">
                      <strong>
                        LA ALCALDESA LOURDES PAZ OTORGA CERCA DE MIL CERTIFICADOS MÉDICOS PARA EL“REGRESO A CLASES”
                      </strong>
                    </h5>
                    <p class="card-text text_ibrand izquierdaR texto_noticia2">
                      <small>
                        Fecha Publicación 30/08/2026
                      </small>
                    </p>

                    <div class="centrar">
                      <a target="_blank" href="./agosto2026" class="btn color_btn1" >Ver más</a>
                    </div>
                  </div>
                </div>

              </div>

            </div>
          </div>
        </div>

        <div class="carousel-item" data-bs-interval="4000">

          <div class="container ocultar-grupo">
            
            <div class="row">

              <div class="col-lg-4 zoom_target ocultar ocultar-separado">
                <div class="card mb-2">
                  <div class=" centro_imagenes" >
                    <img src="./image/noticias/2026/agosto2026/20082026_2.jpeg" class="card-img-top img-fluid ">
                  </div>
                  <div class="card-body">
                    <h5 class="card-title text_ibrand texto_noticia pt-1" >
                      <strong>
                        LOURDES PAZ, ALCALDESA DE IZTACALCO, ENTREGA LOS PRIMEROS 80 KM DE “CAMINOS DE PAZ”.
                      </strong>
                    </h5>
                    <p class="card-text text_ibrand izquierdaR texto_noticia2 ">
                      <small>
                        Fecha Publicación 20/08/2026
                      </small>
                    </p>
                    <div class="centrar">
                      <a target="_blank" href="./agosto2026" class="btn color_btn1">Ver más</a>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-lg-4 zoom_target ocultar ocultar-separado">
                <div class="card">
                  <img src="./image/noticias/2026/agosto2026/16082026_1.jpeg" class="card-img-top img-fluid">
                  <div class="card-body">
                    <h5 class="text_ibrand texto_tramites">
                      <strong>
                        LA ALCALDESA LOURDES PAZ CONCLUYE CON ÉXITO LOS CURSOS DE VERANO 2026.
                      </strong>
                    </h5>
                    <p class="card-text text_ibrand izquierdaR texto_noticia2">
                      <small>
                        Fecha Publicación 16/08/2026
                      </small>
                    </p>

                    <div class="centrar pt-1">
                      <a target="_blank" href="./septiembre2026" class="btn color_btn1">Ver más</a>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-lg-4 zoom_target ocultar ocultar-separado">
                <div class="card">
                  <img src="./image/noticias/2026/agosto2026/09082026_6.jpeg" class="card-img-top img-fluid">
                  <div class="card-body">
                    <h5 class="card-title text_ibrand texto_noticia">
                      <strong>
                        LA ALCALDESA LOURDES PAZ BRINDA MÁS DE ONCE MIL TRABAJOS DE “MANITA DE GATO” EN IZTACALCO.
                      </strong>
                    </h5>
                    <p class="card-text text_ibrand izquierdaR texto_noticia2">
                      <small>
                       Fecha Publicación 09/08/2026
                      </small></p>

                    <div class="centrar pt-2">
                      <a target="_blank" href="./agosto2026" class="btn color_btn1">Ver más</a>
                    </div>
                  </div>
                </div>
              </div>

            </div>

          </div>
        </div>

      </div>

      <button class="carousel-control-prev " type="button" data-bs-target="#carrusel_noticias" data-bs-slide="prev">
        <span class="carousel-control-prev-icon prev_color" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
      </button>
      <button class="carousel-control-next" type="button" data-bs-target="#carrusel_noticias" data-bs-slide="next">
        <span class="carousel-control-next-icon next_color " aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
      </button>

    </div>

    <div class=" mt-2 d-grid gap-2 col-6 mx-auto">
      <button class="btn btn-primary color_btn1 text_ibrand zoom_target" type="button">
        <a class="color_link2" target="_blank" href="./Septiembre2026">Ver más</a>
      </button>
    </div>


  </section>

  <!-- SECCION AVISOS IZTACLCO -->
  <section class=" p-5  rounded img_fondo">
    <div>

      <h2 class="text_ibrand">Avisos comunidad Iztacalco</h2>
      <div class="line mt-1"></div>

      <div class=" text-center  d-md-block ">
        <h5 class="text_ibrand">Participa en Iztacalco</h5>
      </div>

    </div>

    <div id="carrusel_avisos" class="carousel slide" data-bs-ride="carousel">
      
      <div class="carousel-indicators indicators_color">
        <button type="button" data-bs-target="#carrusel_avisos" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 0"> </button>
        <button type="button" data-bs-target="#carrusel_avisos" data-bs-slide-to="1" aria-label="Slide 1"> </button>
        <button type="button" data-bs-target="#carrusel_avisos" data-bs-slide-to="2" aria-label="Slide 2"> </button>
        <button type="button" data-bs-target="#carrusel_avisos" data-bs-slide-to="3" aria-label="Slide 3"> </button>
        <button type="button" data-bs-target="#carrusel_avisos" data-bs-slide-to="4" aria-label="Slide 4"> </button>
        <button type="button" data-bs-target="#carrusel_avisos" data-bs-slide-to="5" aria-label="Slide 5"> </button>
        <button type="button" data-bs-target="#carrusel_avisos" data-bs-slide-to="6" aria-label="Slide 6"> </button>
        <button type="button" data-bs-target="#carrusel_avisos" data-bs-slide-to="7" aria-label="Slide 7"> </button>
        <button type="button" data-bs-target="#carrusel_avisos" data-bs-slide-to="8" aria-label="Slide 8"> </button>
        <button type="button" data-bs-target="#carrusel_avisos" data-bs-slide-to="9" aria-label="Slide 9"> </button> 
        <button type="button" data-bs-target="#carrusel_avisos" data-bs-slide-to="10" aria-label="Slide 10"> </button>
        <button type="button" data-bs-target="#carrusel_avisos" data-bs-slide-to="11" aria-label="Slide 11"> </button>
        <button type="button" data-bs-target="#carrusel_avisos" data-bs-slide-to="12" aria-label="Slide 12"> </button>
        <button type="button" data-bs-target="#carrusel_avisos" data-bs-slide-to="13" aria-label="Slide 13"> </button>  
      </div>
      
      <div class="carousel-inner">
        

        <!-- SLIDE 0 -->
        <div class="carousel-item active" data-bs-interval="4000">
          <div class="container ocultar-grupo">
            <div class="photo-gallery ">
              <div class="row photos mb-5">                

                <div class="col-lg-4 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./image/comunidad/2026/septiembre2026/29092026_1.jpeg" data-lightbox="photos">
                      <img src="./image/comunidad/2026/septiembre2026/29092026_1.jpeg" class="d-block img-fluid" 
                      style="max-width:85%; margin: auto;">
                  </a>
                </div>
                <div class="col-lg-4 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./image/comunidad/2026/septiembre2026/22092026_2.jpeg" data-lightbox="photos">
                      <img src="./image/comunidad/2026/septiembre2026/22092026_2.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>
                
                <div class="col-lg-4 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./image/comunidad/2026/septiembre2026/22092026_1.jpeg" data-lightbox="photos">
                      <img src="./image/comunidad/2026/septiembre2026/22092026_1.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>      

              </div>
            </div>
          </div>
        </div>

        <!-- SLIDE 1 -->
        <div class="carousel-item " data-bs-interval="4000">
          <div class="container ocultar-grupo">
            <div class="photo-gallery ">
              <div class="row photos mb-5 "> 

                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./image/comunidad/2026/septiembre2026/03092026_1.jpeg" data-lightbox="photos">
                      <img src="./image/comunidad/2026/septiembre2026/03092026_1.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>
                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./image/comunidad/2026/agosto2026/18082026_1.jpeg" data-lightbox="photos">
                      <img src="./image/comunidad/2026/agosto2026/18082026_1.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>
                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./pdf/comunidad/2026/septiembre/convocatoria_hackaton_civico.pdf" target="_blank">
                      <img src="./image/comunidad/2026/septiembre2026/11092026_1.jpeg" class="d-block img-fluid" 
                        style="max-width:65%; margin: auto;">
                  </a>
                </div> 
                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./pdf/comunidad/2026/septiembre/INF-107-26.pdf" target="_blank">
                      <img src="./image/comunidad/2026/septiembre2026/04092026_1.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>          
                
                

                                 
                                                
              </div>
            </div>
          </div>
        </div>

        <!-- SLIDE 2 -->
        <div class="carousel-item " data-bs-interval="4000">
          <div class="container ocultar-grupo">
            <div class="photo-gallery ">
              <div class="row photos mb-5 ">
                 
                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./image/comunidad/2026/agosto2026/19082026_1.jpeg" data-lightbox="photos">
                      <img src="./image/comunidad/2026/agosto2026/19082026_1.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>
                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./image/comunidad/2026/agosto2026/19082026_2.jpeg" data-lightbox="photos">
                      <img src="./image/comunidad/2026/agosto2026/19082026_2.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>                 
                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./image/comunidad/2026/agosto2026/07082026_1.jpeg" data-lightbox="photos">
                      <img src="./image/comunidad/2026/agosto2026/07082026_1.jpeg" class="d-block img-fluid" 
                      style="max-width:79%; margin: auto;">
                  </a>
                </div>
                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./image/comunidad/2026/julio2026/31072026.jpg" data-lightbox="photos">
                      <img src="./image/comunidad/2026/julio2026/31072026.jpg" class="d-block img-fluid" 
                      style="max-width:75%; margin: auto;">
                  </a>
                </div> 
                                
              </div>
            </div>
          </div>
        </div>

        <!-- SLIDE 3 -->
        <div class="carousel-item" data-bs-interval="4000">
          <div class="container ocultar-grupo">
            <div class="photo-gallery ">
              <div class="row photos mb-5 ">  

                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                    <a href="./image/comunidad/2026/junio2026/05062026_1.jpeg" data-lightbox="photos">
                      <img src="./image/comunidad/2026/junio2026/05062026_1.jpeg" class="d-block img-fluid" 
                      style="max-width:65%; margin: auto;">
                    </a>
                </div>

                
                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="https://www.iecm.mx/www/taip/cg/acu/2026/IECM-ACU-CG-043-2026.pdf" target="_blank">
                      <img src="./image/comunidad/2026/julio2026/07072026_1.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>

                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./image/comunidad/2026/junio2026/12062026_1.jpeg" data-lightbox="photos">
                      <img src="./image/comunidad/2026/junio2026/12062026_1.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>

                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./image/comunidad/2026/junio2026/12062026_2.jpeg" data-lightbox="photos">
                      <img src="./image/comunidad/2026/junio2026/12062026_2.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>                
                
              </div>
            </div>
          </div>
        </div>

        <!-- SLIDE 4 -->
        <div class="carousel-item " data-bs-interval="4000">
          <div class="container ocultar-grupo">
            <div class="photo-gallery ">
              <div class="row photos mb-5 ">

                <div class="col-lg-2 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./pdf/comunidad/2026/marzo/IECM-ACU-CG-026-2026.pdf" target="_blank">
                      <img src="./image/comunidad/2026/marzo2026/07042026.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>

                <div class="col-lg-2 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./pdf/comunidad/2026/marzo/IECM-ACU-CG-023-2026.pdf" target="_blank">
                      <img src="./image/comunidad/2026/marzo2026/090326.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>

                <div class="col-lg-2 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./pdf/comunidad/2026/marzo/IECM-ACU-CG-024-2026.pdf" target="_blank">
                    <img src="./image/comunidad/2026/marzo2026/23032026_1.jpg" class="d-block img-fluid"
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>

                <div class="col-lg-2 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./pdf/comunidad/2026/abril/IECM-ACU-CG-027-2026.pdf" target="_blank">
                      <img src="./image/comunidad/2026/abril2026/22042026_1.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>

                <div class="col-lg-2 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                <a href="./pdf/comunidad/2026/marzo/IECM-ACU-CG-022-2026.pdf" target="_blank">
                  <img src="./image/comunidad/2026/marzo2026/090326_2.jpeg" class="d-block img-fluid"
                    style="max-width:100%; margin: auto;">
                </a>
              </div>                               
                
              </div>
            </div>
          </div>
        </div>
      

        <!-- SLIDE 5 -->
        <div class="carousel-item " data-bs-interval="4000">
          <div class="container ocultar-grupo">
            <div class="photo-gallery ">
              <div class="row photos mb-5 "> 
               
                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./pdf/comunidad/2026/mayo/Listado_IECM_2026.pdf" target="_blank">
                      <img src="./image/comunidad/2026/mayo2026/22052026_1.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>
                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href=https://sicee.ine.mx/home target="_blank">
                      <img src="./image/comunidad/2026/mayo2026/19052026.png" class="d-block img-fluid " 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>
                         
                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./pdf/comunidad/2026/marzo/cata_logo_copsadii_2026.pdf" target="_blank">
                    <img src="./image/comunidad/2026/marzo2026/27032026.jpg" class="d-block img-fluid"
                      style="max-width:80%; margin: auto;">
                  </a>
                </div>
                
                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="https://www.iecm.mx/www/sites/copaco_pp_2026/copaco.html" target="_blank">
                    <img src="./image/comunidad/2026/marzo2026/20032026_2.jpeg" class="d-block img-fluid"
                      style="max-width:70%; margin: auto;">
                  </a>
                </div>
                

              </div>
            </div>
          </div>
        </div>

        <!-- SLIDE 6  -->
        <div class="carousel-item " data-bs-interval="4000">
          <div class="container ocultar-grupo">
            <div class="photo-gallery ">
              <div class="row photos mb-5 "> 
                
               <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./image/comunidad/2026/marzo2026/170326_1.jpeg" data-lightbox="photos">
                      <img src="./image/comunidad/2026/marzo2026/170326_1.jpeg" class="d-block img-fluid" 
                      style="max-width:70%; margin: auto;">
                  </a>
                </div>   
                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="https://ee.kobotoolbox.org/x/KRZ3knYN" target="_blank">
                      <img src="./image/comunidad/2026/marzo2026/110326_2.jpeg" class="d-block img-fluid" 
                      style="max-width:70%; margin: auto;">
                  </a>
                </div>                 
                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="https://prepaenlinea.sep.gob.mx/convocatorias-2026/" target="_blank" >
                      <img src="./image/comunidad/2026/marzo2026/100326.jpeg" class="d-block img-fluid mt-5 pt-5" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>
                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./image/comunidad/2026/junio2026/05062026_2.jpeg" data-lightbox="photos">
                      <img src="./image/comunidad/2026/junio2026/05062026_2.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>

                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- SLIDE 7 -->
        <div class="carousel-item " data-bs-interval="4000">
          <div class="container ocultar-grupo">
            <div class="photo-gallery ">
              <div class="row photos mb-5 "> 

                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./pdf/comunidad/2026/febrero/gaceta_magdalena_mixihhcua_185_194.pdf" target="_blank">
                      <img src="./image/comunidad/2026/febrero2026/gaceta.jpeg" class="d-block img-fluid"                      
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>  
                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./pdf/comunidad/2026/febrero/lista-de-reserva-de-personas-especialistas.pdf" target="_blank">
                      <img src="./image/comunidad/2026/febrero2026/030326_2.png" class="d-block  img-fluid mt-5 pt-5" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>
                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./pdf/comunidad/2026/febrero/constancia_de_integracion_coyoacan.pdf" target="_blank">
                      <img src="./image/comunidad/2026/febrero2026/030326.jpeg" class="d-block  img-fluid mt-5 pt-5" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>

                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href=https://geoutcdmx.iecm.mx/busquedas_ut/home.html target="_blank">
                      <img src="./image/comunidad/2026/abril2026/22042026_2.jpeg" class="d-block img-fluid mt-5 pt-5" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>
                
            </div>
          </div>
        </div>

        <!-- SLIDE 8 -->
        <div class="carousel-item" data-bs-interval="4000">
          <div class="container ocultar-grupo">
            <div class="photo-gallery ">
              <div class="row photos mb-5 "> 

                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./pdf/comunidad/2026/febrero/IECM-ACU-CG-018-2026.pdf" target="_blank">
                      <img src="./image/comunidad/2026/febrero2026/260226_6.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>
                 <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="https://www.iecm.mx/aprueba-iecm-convocatoria-unica-para-participar-en-la-eleccion-de-las-copaco-y-la-consulta-de-presupuesto-participativo-2026-y-2027/" target="_blank">
                    <img src="./image/comunidad/2026/febrero2026/elec_comun.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>

                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="https://aplicaciones2.iecm.mx/biblioteca-electronica/pub/" target="_blank">
                    <img src="./image/comunidad/2026/febrero2026/biblioteca_electronica.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>

                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./pdf/comunidad/2026/enero/constancias_de_insaculacion_izt.pdf" target="_blank">
                    <img src="./image/comunidad/2026/enero2026/con_insa.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div> 
              </div>
                               

              </div>
            </div>
          </div>
        </div>
        
        <!-- SLIDE 9 -->
        <div class="carousel-item " data-bs-interval="4000">
          <div class="container ocultar-grupo">
            <div class="photo-gallery ">
              <div class="row photos mb-5 ">

                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./image/comunidad/2026/febrero2026/260226_4.jpeg" data-lightbox="photos">
                      <img src="./image/comunidad/2026/febrero2026/260226_4.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>

                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./image/comunidad/2026/febrero2026/260226_5.jpeg" data-lightbox="photos">
                      <img src="./image/comunidad/2026/febrero2026/260226_5.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>

                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./image/comunidad/2026/febrero2026/260226_2.jpeg" data-lightbox="photos">
                      <img src="./image/comunidad/2026/febrero2026/260226_2.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>

                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./image/comunidad/2026/febrero2026/260226_3.jpeg" data-lightbox="photos">
                      <img src="./image/comunidad/2026/febrero2026/260226_3.jpeg" class="d-block img-fluid" 
                      style="max-width:98%; margin: auto;">
                  </a>
                </div>
                   
                

              </div>
            </div>
          </div>
        </div>
        
        <!-- SLIDE 10-->
        <div class="carousel-item " data-bs-interval="4000">
          <div class="container ocultar-grupo">
            <div class="photo-gallery ">
              <div class="row photos mb-5">

                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./pdf/comunidad/2026/enero/lista_reserva.pdf" target="_blank">
                    <img src="./image/comunidad/2026/enero2026/lista_resev.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>

                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./image/comunidad/2026/enero2026/3.jpeg" data-lightbox="photos">
                    <img src="./image/comunidad/2026/enero2026/3.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>
                <div class="col-lg-3 zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./image/comunidad/2026/enero2026/11.jpeg" data-lightbox="photos">
                    <img src="./image/comunidad/2026/enero2026/11.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>

                <div class="col-lg-3 zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./image/comunidad/2026/enero2026/9.jpeg" data-lightbox="photos">
                    <img src="./image/comunidad/2026/enero2026/9.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>
                

              </div>
            </div>
          </div>
        </div>
        
        <!-- SLIDE 11-->
        <div class="carousel-item " data-bs-interval="4000">
          <div class="container ocultar-grupo">
            <div class="photo-gallery ">
              <div class="row photos mb-5">   

                <div class="col-lg-3 zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./pdf/comunidad/2026/enero/IECM-ACU-CG-004-2026.pdf" target="_blank" >
                    <img src="./image/comunidad/2026/enero2026/Concejo_1.jpg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>

                <div class="col-lg-3 zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./pdf/comunidad/2026/enero/IECM-ACU-CG-005-2026.pdf" target="_blank" >
                    <img src="./image/comunidad/2026/enero2026/Concejo_2.jpg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>

                <div class="col-lg-3 zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./pdf/comunidad/2026/enero/IECM-ACU-CG-006-2026.pdf" target="_blank" >
                    <img src="./image/comunidad/2026/enero2026/Concejo_3.jpg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>
                <div class="col-lg-3 zoom_target mb-5  ocultar ocultar-separado">
                  <a href="./image/comunidad/2026/enero2026/6.jpeg" data-lightbox="photos">
                    <img src="./image/comunidad/2026/enero2026/6.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>
                

              </div>
            </div>
          </div>
        </div>

        <!-- SLIDE 12-->
        <div class="carousel-item " data-bs-interval="4000">
          <div class="container ocultar-grupo">
            <div class="photo-gallery ">
              <div class="row photos mb-5">   

                <div class="col-lg-3 zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./image/comunidad/2026/enero2026/1.jpeg" data-lightbox="photos">
                    <img src="./image/comunidad/2026/enero2026/1.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>

                <div class="col-lg-3 zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./image/comunidad/2026/enero2026/2.jpeg" data-lightbox="photos">
                    <img src="./image/comunidad/2026/enero2026/2.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>

                <div class="col-lg-3 zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./image/comunidad/2026/enero2026/8.jpeg" data-lightbox="photos">
                    <img src="./image/comunidad/2026/enero2026/8.jpeg" class="d-block img-fluid" 
                      style="max-width:80%; margin: auto;">
                  </a>
                </div>
              
                <div class="col-lg-3 zoom_target mb-5 mt-3 ocultar ocultar-separado">
                  <a href="./image/comunidad/2026/enero2026/10.jpeg" data-lightbox="photos">
                    <img src="./image/comunidad/2026/enero2026/10.jpeg" class="d-block img-fluid " 
                      style="max-width:95%; margin: auto;">
                  </a>
                </div>
                

              </div>
            </div>
          </div>
        </div>

        <!-- SLIDE 13 -->
        <div class="carousel-item " data-bs-interval="4000">
          <div class="container ocultar-grupo">
            <div class="photo-gallery ">
              <div class="row photos mb-5 "> 

                <div class="col-lg-3 mx-auto zoom_target mb-5 ocultar ocultar-separado">
                  <a href="https://procadist.stps.gob.mx/procadist/" target="_blank">
                      <img src="./image/comunidad/2026/julio2026/20072026_1.jpeg" class="d-block img-fluid" 
                      style="max-width:80%; margin: auto;">
                  </a>
                </div>
                <div class="col-lg-3 zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./image/comunidad/2026/enero2026/4.jpeg" data-lightbox="photos">
                    <img src="./image/comunidad/2026/enero2026/4.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>

                <div class="col-lg-3 zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./image/comunidad/2026/enero2026/5.jpeg" data-lightbox="photos">
                    <img src="./image/comunidad/2026/enero2026/5.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>

                <div class="col-lg-3 zoom_target mb-5 ocultar ocultar-separado">
                  <a href="./image/comunidad/2026/enero2026/7.jpeg" data-lightbox="photos">
                    <img src="./image/comunidad/2026/enero2026/7.jpeg" class="d-block img-fluid" 
                      style="max-width:100%; margin: auto;">
                  </a>
                </div>             
                           
                                                
              </div>
            </div>
          </div>
        </div>
        
        


        

      </div>

      <button class="carousel-control-prev" type="button" data-bs-target="#carrusel_avisos" data-bs-slide="prev">
        <span class="carousel-control-prev-icon prev_color" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
      </button>
      <button class="carousel-control-next" type="button" data-bs-target="#carrusel_avisos" data-bs-slide="next">
        <span class="carousel-control-next-icon next_color" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
      </button>
    </div>
  </section>

 
  <!-- SECCION CS -->
  <section class="img_fondo pt-3 pb-3">

    <div>
      <h2 class="text_ibrand">Redes Sociales</h2>
      <div class="line5"></div>
    </div>

    <div class="container mt-5">
      <div class="row g-4 justify-content-center ">

        <!-- Twitter -->
        <div class="col-lg-4">
          <div class="card social-card">
            
            <div class="card-header tarjeta_socialCS text-center">
              <h5 class="mb-0">
                <i class="bi bi-twitter-x"></i> Twitter
              </h5>
            </div>

            <div class="card-body">
              <div class="social-embed text-center">
                <blockquote class="twitter-tweet mx-auto">
                  <a href="https://twitter.com/IztacalcoAl/status/2078993940263444971"></a>
                </blockquote>
                <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
              </div>
            </div>

          </div>
        </div>

        <!-- Instagram -->
        <div class="col-lg-4">
          <div class="card social-card">
            <div class="card-header tarjeta_socialCS text-center">
              <h5 class="mb-0">
                <i class="bi bi-instagram"></i> Instagram
              </h5>
            </div>

            <div class="card-body">
              <div class="social-embed">
                <iframe
                  src="https://www.instagram.com/iztacalcoalcaldia/embed/">
                </iframe>
              </div>
            </div>
          </div>
        </div>

        <!-- Facebook -->
        <div class="col-lg-4">
          <div class="card social-card">
            <div class="card-header tarjeta_socialCS text-center">
              <h5 class="mb-0">
                <i class="facebook-icon_color_CS"></i> Facebook
              </h5>
            </div>

            <div class="card-body">
              <div class="social-embed">
                <iframe
                  src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FalcaldiaIztacalcooficial%2F&tabs=timeline&adapt_container_width=true">
                </iframe>
              </div>
            </div>
          </div>
        </div>



      </div>
    </div>
  </section>
 
  <!-- SECCION INEGI -->
  <section class="img_fondo pt-3 pb-3 ">

    <div>
      <h2 class="text_ibrand pt-2">INEGI</h2>
      <div class="line5"></div>
    </div>
    

    <div id="carouselINEGI" class="carousel slide" data-bs-ride="carousel">
      <div class=" text-white">
        <div class="carousel-indicators indicators_color ">
          <button type="button" data-bs-target="#carouselINEGI" data-bs-slide-to="0" class="active" aria-current="true"  aria-label="Slide 1">
          </button>
        </div>
        <div class="carousel-inner p-5">          
          <div class="carousel-item active" data-bs-interval="2000">
             <a href="https://www.inegi.org.mx/pasionporlosdatos/" target="_blank">
              <img src="./image/INEGI/INEGI.jpeg" class="d-block mx-auto img-fluid zoom_target" style="max-height: 300px; object-fit: contain;">
            </a>
          </div>

        </div>
        <button class="carousel-control-prev " typeferia_unh1 data-bs-target="#carouselINEGI" data-bs-slide="prev">
          <span class="carousel-control-prev-icon prev_color zoom_target" aria-hidden="true"></span>
          <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#carouselINEGI" data-bs-slide="next">
          <span class="carousel-control-next-icon next_color zoom_target" aria-hidden="true"></span>
          <span class="visually-hidden">Next</span>
        </button>
      </div>
    </div>


  </section>

  <!-- BOTON ARRIBA -->
  <button onclick="irArriba()" id="btnArriba">
    <i class="bi bi-arrow-up"></i>
  </button>  


  <!---SCRIPT BTN ARRIBA-->
  <script>
    const btn = document.getElementById("btnArriba");

    window.onscroll = function () {
      if (document.documentElement.scrollTop > 200) {
        btn.style.display = "block";
      } else {
        btn.style.display = "none";
      }
    };

    function irArriba() {
      window.scrollTo({
        top: 0,
        behavior: "smooth"
      });
    }
  </script>
  
  <!---SCRIPT BTNS SOCIALES-->
  <script>
    const social = document.getElementById('socialFloat');
    let lastScroll = 0;

    function isMobileTablet() {
      return window.innerWidth <= 992; // Bootstrap lg
    }

    window.addEventListener('scroll', () => {
      if (!isMobileTablet()) return;

      const currentScroll = window.pageYOffset;

      if (currentScroll > lastScroll && currentScroll > 100) {
        social.classList.add('hide');   // bajando
      } else {
        social.classList.remove('hide'); // subiendo
      }

      lastScroll = currentScroll;
    });
  </script>


 



  <%- include("templates/footer") -%>