<%- include("../templates/cabecera", {tituloweb: 'Galería ODA' }) -%>

<div class=" img_fondo" >
  <!--logo iztalco directorio -->
   <div class=" altura-body pt-3">
    <h2 class="text-center text_ibrand">Órgano Dictaminador (ODA) de la Alcaldía Iztacalco</h2>
    <div class="line4"></div> 
    <h2 class="text-center  text_ibrand ">Galeria</h2>
    
        
    </div>

    <section class="pb-4 text_ibrand ">                  
        <div class="photo-gallery">
            <div id="carouseloda" class="carousel slide" data-bs-ride="carousel">
                <div class="div-comunidad text-white" style="background-color:transparent; ">
                    <div class="carousel-indicators indicators_color">
                        <button type="button" data-bs-target="#carouseloda" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                        <button type="button" data-bs-target="#carouseloda" data-bs-slide-to="1" aria-label="Slide 2"></button>
                        <button type="button" data-bs-target="#carouseloda" data-bs-slide-to="2" aria-label="Slide 3"></button>
                        <button type="button" data-bs-target="#carouseloda" data-bs-slide-to="3" aria-label="Slide 4"></button>
                        <button type="button" data-bs-target="#carouseloda" data-bs-slide-to="4" aria-label="Slide 5"></button>
                        <button type="button" data-bs-target="#carouseloda" data-bs-slide-to="5" aria-label="Slide 6"></button>
                        <button type="button" data-bs-target="#carouseloda" data-bs-slide-to="6" aria-label="Slide 7"></button>
                        <button type="button" data-bs-target="#carouseloda" data-bs-slide-to="7" aria-label="Slide 8"></button>
                        <button type="button" data-bs-target="#carouseloda" data-bs-slide-to="8" aria-label="Slide 9"></button>
                        <button type="button" data-bs-target="#carouseloda" data-bs-slide-to="9" aria-label="Slide 10"></button>
                        <button type="button" data-bs-target="#carouseloda" data-bs-slide-to="10" aria-label="Slide 11"></button>
                        <button type="button" data-bs-target="#carouseloda" data-bs-slide-to="11" aria-label="Slide 12"></button>
                        <button type="button" data-bs-target="#carouseloda" data-bs-slide-to="12" aria-label="Slide 13"></button>
                        <button type="button" data-bs-target="#carouseloda" data-bs-slide-to="13" aria-label="Slide 14"></button>
                        <button type="button" data-bs-target="#carouseloda" data-bs-slide-to="14" aria-label="Slide 15"></button>
                        <button type="button" data-bs-target="#carouseloda" data-bs-slide-to="15" aria-label="Slide 16"></button>
                        <button type="button" data-bs-target="#carouseloda" data-bs-slide-to="16" aria-label="Slide 17"></button>
                        <button type="button" data-bs-target="#carouseloda" data-bs-slide-to="17" aria-label="Slide 18"></button>
                    </div>
                    <div class="carousel-inner pb-5 centrar" style="max-width: 100%;">
                        <div class="carousel-item active" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/1.jpg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/1.jpg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/2.jpg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/2.jpg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/3.jpg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/3.jpg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/4.jpg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/4.jpg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/5.jpg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/5.jpg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/6.jpg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/6.jpg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/7.jpg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/7.jpg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/8.jpg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/8.jpg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/9.jpg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/9.jpg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/10.jpg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/10.jpg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/11.jpg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/11.jpg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/12.jpg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/12.jpg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/13.jpg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/13.jpg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/14.jpg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/14.jpg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/15.jpg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/15.jpg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/16.jpg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/16.jpg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/17.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/17.jpeg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/18.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/18.jpeg">
                                </a>
                            </div>
                        </div>


                    </div>
                    <button class="carousel-control-prev" type="button" data-bs-target="#carouseloda"
                        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="#carouseloda"
                        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>

        </div>
        
        
    </section>

    <section>
        <div class="text_ibrand  centrar ocultar">
            <h3>2da. Sesión del Órgano Dictaminador de la Alcaldía Iztacalco</h3>
            <div class="lineG mx-auto "></div>
            <h5 class="texto_galeriaR pt-2">11 de febrero del 2026</h5>
        </div>

        <div class="photo-gallery">
            <div id="carouseloda_2s" class="carousel slide" data-bs-ride="carousel">
                <div class="div-comunidad text-white" style="background-color:transparent; ">
                    <div class="carousel-indicators indicators_color">
                        <button type="button" data-bs-target="#carouseloda_2s" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                        <button type="button" data-bs-target="#carouseloda_2s" data-bs-slide-to="1" aria-label="Slide 2"></button>
                        <button type="button" data-bs-target="#carouseloda_2s" data-bs-slide-to="2" aria-label="Slide 3"></button>
                        <button type="button" data-bs-target="#carouseloda_2s" data-bs-slide-to="3" aria-label="Slide 4"></button>
                        <button type="button" data-bs-target="#carouseloda_2s" data-bs-slide-to="4" aria-label="Slide 5"></button>
                        <button type="button" data-bs-target="#carouseloda_2s" data-bs-slide-to="5" aria-label="Slide 6"></button>
                    </div>
                    <div class="carousel-inner pb-5 centrar" style="max-width: 100%;">
                        <div class="carousel-item active" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/2s_1.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/2s_1.jpeg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/2s_2.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/2s_2.jpeg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/2s_3.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/2s_3.jpeg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/2s_4.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/2s_4.jpeg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/2s_5.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/2s_5.jpeg">
                                </a>
                            </div>
                        </div>

                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/2s_6.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/2s_6.jpeg">
                                </a>
                            </div>
                        </div>
                    </div>
                    <button class="carousel-control-prev" type="button" data-bs-target="#carouseloda_2s"
                        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="#carouseloda_2s"
                        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>

        </div>        
    
    </section>

    <section>
        <div class="text_ibrand  centrar ocultar">
            <h3>3ra. Sesión del Órgano Dictaminador de la Alcaldía Iztacalco</h3>
            <div class="lineG mx-auto "></div>
            <h5 class="texto_galeriaR pt-2">18 de febrero del 2026</h5>
        </div>

        <div class="photo-gallery">
            <div id="carouseloda_3s" class="carousel slide" data-bs-ride="carousel">
                <div class="div-comunidad text-white" style="background-color:transparent; ">
                    <div class="carousel-indicators indicators_color">
                        <button type="button" data-bs-target="#carouseloda_3s" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                        <button type="button" data-bs-target="#carouseloda_3s" data-bs-slide-to="1" aria-label="Slide 2"></button>
                        <button type="button" data-bs-target="#carouseloda_3s" data-bs-slide-to="2" aria-label="Slide 3"></button>
                        <button type="button" data-bs-target="#carouseloda_3s" data-bs-slide-to="3" aria-label="Slide 4"></button>
                        <button type="button" data-bs-target="#carouseloda_3s" data-bs-slide-to="4" aria-label="Slide 5"></button>
                    </div>
                    <div class="carousel-inner pb-5 centrar" style="max-width: 100%;">
                        <div class="carousel-item active" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/18_feb_1.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/18_feb_1.jpeg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/18_feb_2.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/18_feb_2.jpeg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/18_feb_3.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/18_feb_3.jpeg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/18_feb_4.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/18_feb_4.jpeg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/18_feb_5.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/18_feb_5.jpeg">
                                </a>
                            </div>
                        </div>
                    </div>
                    <button class="carousel-control-prev" type="button" data-bs-target="#carouseloda_3s"
                        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="#carouseloda_3s"
                        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>

        </div>
    </section>


     <section>
        <div class="text_ibrand  centrar ocultar">
            <h3>5ta. Sesión del Órgano Dictaminador de la Alcaldía Iztacalco</h3>
            <div class="lineG mx-auto "></div>
            <h5 class="texto_galeriaR pt-2">04 de marzo del 2026</h5>
        </div>

        <div class="photo-gallery">
            <div id="carouseloda_5ta" class="carousel slide" data-bs-ride="carousel">
                <div class="div-comunidad text-white" style="background-color:transparent; ">
                    <div class="carousel-indicators indicators_color">
                        <button type="button" data-bs-target="#carouseloda_5ta" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                        <button type="button" data-bs-target="#carouseloda_5ta" data-bs-slide-to="1" aria-label="Slide 2"></button>
                        <button type="button" data-bs-target="#carouseloda_5ta" data-bs-slide-to="2" aria-label="Slide 3"></button>
                        <button type="button" data-bs-target="#carouseloda_5ta" data-bs-slide-to="3" aria-label="Slide 4"></button>
                        <button type="button" data-bs-target="#carouseloda_5ta" data-bs-slide-to="4" aria-label="Slide 5"></button>
                        <button type="button" data-bs-target="#carouseloda_5ta" data-bs-slide-to="5" aria-label="Slide 6"></button>
                    </div>
                    <div class="carousel-inner pb-5 centrar" style="max-width: 100%;">
                        <div class="carousel-item active" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/5ta_1.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/5ta_1.jpeg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/5ta_2.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/5ta_2.jpeg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/5ta_3.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/5ta_3.jpeg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/5ta_4.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/5ta_4.jpeg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/5ta_5.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/5ta_5.jpeg">
                                </a>
                            </div>
                        </div>

                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/5ta_6.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/5ta_6.jpeg">
                                </a>
                            </div>
                        </div>
                    </div>
                    <button class="carousel-control-prev" type="button" data-bs-target="#carouseloda_5ta"
                        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="#carouseloda_5ta"
                        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>

        </div>        
    
    </section>

    <section>
        <div class="text_ibrand  centrar ocultar">
            <h3>3ra. Sesión Extraodinaria del Órgano Dictaminador de la Alcaldía Iztacalco</h3>
            <div class="lineG mx-auto "></div>
            <h5 class="texto_galeriaR pt-2">09 de marzo del 2026</h5>
        </div>

        <div class="photo-gallery">
            <div id="carouseloda_3ra_ext" class="carousel slide" data-bs-ride="carousel">
                <div class="div-comunidad text-white" style="background-color:transparent; ">
                    <div class="carousel-indicators indicators_color">
                        <button type="button" data-bs-target="#carouseloda_3ra_ext" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                        <button type="button" data-bs-target="#carouseloda_3ra_ext" data-bs-slide-to="1" aria-label="Slide 2"></button>
                        <button type="button" data-bs-target="#carouseloda_3ra_ext" data-bs-slide-to="2" aria-label="Slide 3"></button>
                        <button type="button" data-bs-target="#carouseloda_3ra_ext" data-bs-slide-to="3" aria-label="Slide 4"></button>
                        <button type="button" data-bs-target="#carouseloda_3ra_ext" data-bs-slide-to="4" aria-label="Slide 5"></button>
                        <button type="button" data-bs-target="#carouseloda_3ra_ext" data-bs-slide-to="5" aria-label="Slide 6"></button>
                    </div>
                    <div class="carousel-inner pb-5 centrar" style="max-width: 100%;">
                        <div class="carousel-item active" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/3ra-ext_1.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/3ra-ext_1.jpeg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/3ra-ext_2.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/3ra-ext_2.jpeg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/3ra-ext_3.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/3ra-ext_3.jpeg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/3ra-ext_4.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/3ra-ext_4.jpeg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/3ra-ext_5.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/3ra-ext_5.jpeg">
                                </a>
                            </div>
                        </div>

                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/3ra-ext_6.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/3ra-ext_6.jpeg">
                                </a>
                            </div>
                        </div>
                    </div>
                    <button class="carousel-control-prev" type="button" data-bs-target="#carouseloda_3ra_ext"
                        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="#carouseloda_3ra_ext"
                        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>

        </div>        
    
    </section>

    <section>
        <div class="text_ibrand  centrar ocultar">
            <h3>Sesión de Redictaminación del Órgano Dictaminador de la Alcaldía Iztacalco</h3>
            <div class="lineG mx-auto "></div>
            <h5 class="texto_galeriaR pt-2">18 de marzo del 2026</h5>
        </div>

        <div class="photo-gallery">
            <div id="carouseloda_redi" class="carousel slide" data-bs-ride="carousel">
                <div class="div-comunidad text-white" style="background-color:transparent; ">
                    <div class="carousel-indicators indicators_color">
                        <button type="button" data-bs-target="#carouseloda_redi" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                        <button type="button" data-bs-target="#carouseloda_redi" data-bs-slide-to="1" aria-label="Slide 2"></button>
                        <button type="button" data-bs-target="#carouseloda_redi" data-bs-slide-to="2" aria-label="Slide 3"></button>
                        <button type="button" data-bs-target="#carouseloda_redi" data-bs-slide-to="3" aria-label="Slide 4"></button>
                        <button type="button" data-bs-target="#carouseloda_redi" data-bs-slide-to="4" aria-label="Slide 5"></button>
                        
                    </div>
                    <div class="carousel-inner pb-5 centrar" style="max-width: 100%;">
                        <div class="carousel-item active" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/sesion190326_1.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/sesion190326_1.jpeg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/sesion190326_2.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/sesion190326_2.jpeg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/sesion190326_3.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/sesion190326_3.jpeg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/sesion190326_4.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/sesion190326_4.jpeg">
                                </a>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="col-sm-6 col-md-4 col-lg-3 mx-auto ">
                                <a href="./image/oda/sesion190326_5.jpeg" data-lightbox="photos">
                                    <img class="img-fluid" src="./image/oda/sesion190326_5.jpeg">
                                </a>
                            </div>
                        </div>

                        
                    </div>
                    <button class="carousel-control-prev" type="button" data-bs-target="#carouseloda_redi"
                        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="#carouseloda_redi"
                        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>

        </div>        
    
    </section>
    



</div>


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