<!-- Diseño de Grecas Superior al Footer -->
<div class="container-fluid p-0 footer-grecas">
    <img src="img/barra.png" alt="Diseño Decorativo" class="img-fluid w-100" style="vertical-align: bottom;">
</div>

<footer class="footer-institucional">
    <div class="container">
        <div class="footer-content">
            <div class="footer-col">
                <h6>H. Ayuntamiento de Tehuacán</h6>
                <p>Gobierno Municipal 2024-2027</p>
            </div>
            <div class="footer-col">
                <p><i class="bi bi-geo-alt"></i> Palacio Municipal, Reforma Sur 1, Centro, 75700 Tehuacán, Pue.</p>
                <p><i class="bi bi-telephone"></i> (238) 380 0700</p>
            </div>
            <div class="footer-col">
                <p><i class="bi bi-envelope"></i> contacto@tehuacan.gob.mx</p>
                <p><i class="bi bi-globe2"></i> www.tehuacan.gob.mx</p>
            </div>
        </div>
        <div class="footer-bottom">
            <small>&copy; <?php echo date('Y'); ?> Padrón de Inspectores &mdash; H. Ayuntamiento de Tehuacán, Puebla.</small>
        </div>
    </div>
</footer>

<!-- Botón Flotante de Contacto -->
<button class="btn-contacto-flotante" data-bs-toggle="modal" data-bs-target="#modalContacto" title="Información de Contacto">
    <i class="bi bi-headset"></i>
</button>

<!-- Modal de Contacto -->
<div class="modal fade" id="modalContacto" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content modal-inspector">

    <div class="modal-header-formal">
        <h5 class="modal-title">Información de Contacto</h5>
        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Cerrar"></button>
    </div>

    <div class="modal-body p-0">
        <div class="contacto-header-modal">
            <img src="img/logo_tehuacan.png" alt="Escudo de Tehuacán" class="contacto-logo" onerror="this.style.display='none'">
            <div>
                <h5 class="mb-0">H. Ayuntamiento de Tehuacán</h5>
                <small>Gobierno Municipal 2024-2027</small>
            </div>
        </div>

        <table class="tabla-detalles">
            <tbody>
                <tr>
                    <td class="td-label"><i class="bi bi-geo-alt"></i> Dirección:</td>
                    <td class="td-valor">Palacio Municipal, Reforma Sur 1, Centro, 75700 Tehuacán, Puebla</td>
                </tr>
                <tr>
                    <td class="td-label"><i class="bi bi-telephone"></i> Teléfono:</td>
                    <td class="td-valor">(238) 380 0700</td>
                </tr>
                <tr>
                    <td class="td-label"><i class="bi bi-envelope"></i> Correo:</td>
                    <td class="td-valor">contacto@tehuacan.gob.mx</td>
                </tr>
                <tr>
                    <td class="td-label"><i class="bi bi-globe2"></i> Sitio Web:</td>
                    <td class="td-valor"><a href="https://www.tehuacan.gob.mx" target="_blank" class="text-danger">www.tehuacan.gob.mx</a></td>
                </tr>
                <tr>
                    <td class="td-label"><i class="bi bi-clock"></i> Horario:</td>
                    <td class="td-valor">
                        Lunes a Viernes<br>
                        <strong>9:00 a 15:00 hrs</strong><br>
                        <small class="text-muted">Sábados, Domingos y días festivos: Cerrado</small>
                    </td>
                </tr>
                <tr>
                    <td class="td-label"><i class="bi bi-shield-check"></i> Quejas:</td>
                    <td class="td-valor">
                        Contraloría Municipal<br>
                        <strong>(238) 380 0700 ext. 1200</strong>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>

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

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
