<?php
// $base ya fue definido en banner.php
$year = date('Y');
?>
<!-- ══════════════════════════════════════════════════
     FOOTER
     ══════════════════════════════════════════════════ -->
<footer class="site-footer">
    <div class="footer-top">

        <div class="footer-brand">
            <img src="<?= $base ?>img/demoLogo_SinFondo.png" alt="DEMO" class="footer-brand-logo"
                onerror="this.style.display='none'">
            <div class="footer-brand-name">Servicios DEMO<br>Seguridad Privada</div>
            <p>Empresa mexicana de seguridad privada con cobertura en el Bajío. Comprometidos con la innovación, calidad
                y el servicio profesional.</p>

            <div class="footer-col">
                <h4><a href="<?= $base ?>index.php">Inicio</a> · Contacto</h4>
                <ul>
                    <li><a href="<?= $base ?>pages/contacto/buzon-denuncias.php">Buzón de denuncias</a></li>
                    <li><a href="<?= $base ?>pages/contacto/quejas-sugerencias.php">Quejas y sugerencias</a></li>
                    <li><a href="<?= $base ?>pages/contacto/vacantes.php">Vacantes</a></li>
                    <li><a href="<?= $base ?>index.php#certificaciones">Certificaciones</a></li>
                </ul>
                <div style="margin-top:1.2rem;font-size:.8rem;color:rgba(242,242,242,.6);line-height:1.7">
                    📞 477 100 33 09<br>
                    ✉️ notificaciones@serviciosDEMO-igualdad.com<br>
                    📍 León, Guanajuato, México
                </div>
            </div>
        </div>

        <div class="footer-col">
            <h4><a href="<?= $base ?>pages/politicas.php">Políticas</a></h4>
            <ul class="footer-policies-list">
                <li><a href="<?= $base ?>pages/politicas/COD-RH-01 CODIGO DE ETICA DEMO REV 00  NOV 2025 (FINAL).php">COD-RH-01
                        Código de Ética</a></li>
                <li><a href="<?= $base ?>pages/politicas/CODIGO DE CONDUCTA COMITE ILND DEMO REV 00  FEB  2026.php">COD-RH-02
                        Código de Conducta Comité ILND</a></li>
                <li><a
                        href="<?= $base ?>pages/politicas/P-AMB-01 POLÍTICA AMBIENTAL^J SOSTENIBILIDAD MANEJO DE RESIDUOS Y RECICLAJE  REV 01 FEB 2025 DEMO-PAGINA WEB.php">P-AMB-01
                        Política Ambiental</a></li>
                <li><a
                        href="<?= $base ?>pages/politicas/P-RH-03 POLÍTICA DE RELACIÓN CON LA COMUNIDAD VECINAL REV 00 MAYO 2024 DEMO PAGINA WEB.php">P-RH-03
                        Relación con la Comunidad</a></li>
                <li><a
                        href="<?= $base ?>pages/politicas/P-RH-03_POLITICA_DE_PERMISOS__REV_02__ENERO____2026_DEMO[1].php">P-RH-03
                        Política de Permisos</a></li>
                <li><a
                        href="<?= $base ?>pages/politicas/P-RH-05 POLÍTICA DE PREVENCION DE RIESGOS PSICOSOCIALES REV 00 NOVIEMBRE 2025 DEMO-PAGINA WEB.php">P-RH-05
                        Riesgos Psicosociales</a></li>
                <li><a
                        href="<?= $base ?>pages/politicas/P-RH-06 POLITICA DE CORRESPONSABILIDAD EN LA VIDA LABORAL Y FAMILIAR DEMO REV 00 NOV 2025-PAGINA WEB.php">P-RH-06
                        Corresponsabilidad Laboral y Familiar</a></li>
                <li><a
                        href="<?= $base ?>pages/politicas/P-RH-07 POLITICA CONTRA LA VIOLENCIA LABORAL Y MECANISMO DEMO REV 00 NOV 2025 ( FINAL).php">P-RH-07
                        Contra la Violencia Laboral</a></li>
                <li><a href="<?= $base ?>pages/politicas/P-RH-08 POLÍTICA PUERTAS ABIERTAS DEMO REV 00 NOV 2025.php">P-RH-08
                        Puertas Abiertas</a></li>
                <li><a
                        href="<?= $base ?>pages/politicas/P-RSE-01 POLÍTICA DE RESPONSABILIDAD SOCIAL EMPRESARIAL  REV 01 MAY 2025 DEMO PAGINA WEB.php">P-RSE-01
                        Responsabilidad Social</a></li>
                <li><a
                        href="<?= $base ?>pages/politicas/P-RSE-02 Política Anticorrupción y Antisoborno - REV 00 MAYO 2024 DEMO pagina web.php">P-RSE-02
                        Anticorrupción y Antisoborno</a></li>
                <li><a
                        href="<?= $base ?>pages/politicas/POLITICA IGUALDAD LABORAL Y ND DEMO REV 01  DIC  2025 ( final).php">P-RSE-03
                        Igualdad Laboral y ND (12/25)</a></li>
                <!-- <li><a
                        href="pages/politicas/POLITICA IGUALDAD LABORAL Y ND DEMO REV 01  NOV  2025-PAGINA WEB.php">P-RSE-03
                        Igualdad Laboral y ND (11/25)</a></li> -->
                <li><a
                        href="<?= $base ?>pages/politicas/PR-RH-03 PROCEDIMIETO DE PROMOCION Y ASCENSO REV 01 DICIEMBRE 2025.php">PR-RH-03
                        Promoción y Ascenso</a></li>
                <li><a
                        href="<?= $base ?>pages/politicas/PR-RH-04 PROCEDIMIETO DE EMERGENCIAS REV 00  DICIEMBRE 2025.php">PR-RH-04
                        Procedimiento de Emergencias</a></li>
            </ul>
        </div>

        <div class="footer-col">
            <h4><a href="<?= $base ?>pages/corresponsabilidad.php">Corresponsabilidad</a></h4>
            <ul>
                <li><a href="<?= $base ?>pages/corresponsabilidad/asesoria-cuidado-a-terceros-y-dependientes.php">Asesoría
                        cuidado a terceros y dependientes</a></li>
                <li><a href="<?= $base ?>pages/corresponsabilidad/de-ladiversidad.php">De la diversidad</a></li>
                <li><a href="<?= $base ?>pages/corresponsabilidad/lactancia-materna.php">Lactancia materna</a></li>
                <li><a href="<?= $base ?>pages/corresponsabilidad/leguaje-accesible-e-incluyente.php">Lenguaje
                        accesible, incluyente y no sexista</a></li>
                <li><a href="<?= $base ?>pages/corresponsabilidad/paternidad-activa.php">Paternidad activa</a></li>
                <li><a href="<?= $base ?>pages/corresponsabilidad/programa-proteccion-civil-incluyente.php">Programa de
                        protección civil incluyente</a></li>
                <li><a href="<?= $base ?>pages/corresponsabilidad/salud-mental.php">Salud mental</a></li>
            </ul>
        </div>

        <div class="footer-col">
            <h4><a href="<?= $base ?>pages/capacitacion.php">Capacitación</a></h4>
            <ul>
                <li><a
                        href="<?= $base ?>pages/capacitacion/10.2_Ejemplo_de_Programa_Anual_de_Capacitaci_n OROHON 2025-2026.php">Programa
                        Anual de Capacitación</a></li>
                <li><a href="<?= $base ?>pages/capacitacion/campaña en igualdad laboral y no discriminacion.php">Campaña
                        Igualdad Laboral y ND</a></li>
                <li><a
                        href="<?= $base ?>pages/capacitacion/CONVOCATORIA CURSO DE BUSQUEDA Y RESCATE 29 DE AGOSTO 2025 DEMO.php">Curso
                        de Búsqueda y Rescate</a></li>
                <li><a href="<?= $base ?>pages/capacitacion/ahorro-energia.php">Ahorro de energía</a></li>
                <li><a href="<?= $base ?>pages/capacitacion/ahorro-agua.php">Cuidado del agua</a></li>
                <li><a href="<?= $base ?>pages/capacitacion/ahorro-papel.php">Ahorro de papel</a></li>
                <li><a href="<?= $base ?>pages/capacitacion/ahorro-residuos.php">Ahorro de residuos</a></li>
                <li><a href="<?= $base ?>pages/capacitacion/triptico-3s.php">Metodología 3S Japonesas</a></li>
                <li><a href="<?= $base ?>pages/capacitacion/triptico-ctyf.php">Conciliación Trabajo y Familia</a></li>
                <li><a href="<?= $base ?>pages/capacitacion/triptico-induccion.php">Tríptico de Inducción</a></li>
                <li><a href="<?= $base ?>pages/capacitacion/triptico-derechos-humanos.php">Derechos Humanos</a></li>
                <li><a href="<?= $base ?>pages/capacitacion/triptico-diversidades.php">Tríptico de Diversidad</a></li>
                <li><a href="<?= $base ?>pages/capacitacion/triptico-nmx.php">Tríptico NMX</a></li>
                <li><a href="<?= $base ?>pages/capacitacion/triptico-violencia-laboral.php">Tríptico Violencia
                        Laboral</a></li>
            </ul>
        </div>

        <div class="footer-col">
            <h4><a href="<?= $base ?>pages/archivo.php">Archivo</a></h4>
            <ul>
                <li><a
                        href="<?= $base ?>pages/archivos/AVISO DE PRIVACIDAD SERVICIOS DEMO SEGURIDAD PRIVADA 2025 FINAL.php">Aviso
                        de Privacidad</a></li>
                <li><a
                        href="<?= $base ?>pages/archivos/FO-RH-29 PROGRAMA UIPC  REV 00 ABRIL 2024 DEMO ( 2026 INCLUYENTE).php">PROGRAMA
                        UIPC</a></li>
            </ul>

            <h4 style="margin-top:1.5rem"><a href="<?= $base ?>pages/avisos.php">Avisos</a></h4>
            <ul>
                <li><a href="<?= $base ?>pages/avisos/AVISO EVAL DESEMPEÑO DEMO  2025.php">Aviso de Evaluación de
                        Desempeño</a></li>
            </ul>
        </div>

    </div>

    <div class="footer-bottom">
        <span>© <?= $year ?> <strong>Servicios DEMO Seguridad Privada, S.A. de C.V.</strong> — Todos los derechos
            reservados.</span>
        <span>Registro SSP · León, Guanajuato, México</span>
    </div>
</footer>

<?php include __DIR__ . '/accessibility.php'; ?>

<!-- ══════════════════════════════════════════════════
     MODAL DE CERTIFICACIONES
     ══════════════════════════════════════════════════ -->
<div class="cert-modal" id="certModal" role="dialog" aria-modal="true" aria-labelledby="certModalTitle">
    <div class="cert-modal-box">
        <button type="button" class="cert-modal-close" id="certModalClose" aria-label="Cerrar">✕</button>
        <div class="cert-modal-head">
            <img id="certModalImg" src="" alt="">
            <h3 id="certModalTitle"></h3>
        </div>
        <div class="cert-modal-body" id="certModalBody"></div>
    </div>
</div>

<script>
(function() {
    var BASE = <?= json_encode($base) ?>;
    var CERTS = {
        '1': {
            img: BASE + 'img/certificacion1.png',
            title: 'Distintivo Marca Guanajuato',
            body: '<p>Guanajuato es el primero y único estado en contar con una marca región que da certeza de la calidad de lo hecho en la entidad. Por medio de esta estrategia se fomenta el desarrollo de las Micro, Pequeñas y Medianas Empresas (MIPyMEs) y garantiza su calidad, con lo que están en posibilidades de competir en mercados internacionales, además de fomentar el orgullo por el consumo local.</p>' +
                '<p><strong>Marca Guanajuato</strong> es un registro oficial de parte del Instituto Mexicano de la Propiedad Industrial (IMPI), respaldado por el Instituto Mexicano de Normalización y Certificación.</p>'
        },
        '2': {
            img: BASE + 'img/certificacion2.png',
            title: 'Distintivo Red de Empresas Incluyentes',
            body: '<p>Se otorga a las empresas que realizan acciones en favor de diversos grupos en situación de vulnerabilidad, de su comunidad y del Municipio para construir una ciudad más accesible e incluyente.</p>' +
                '<p>• Se entrega entre diciembre y enero de cada año.</p>'
        },
        '3': {
            img: BASE + 'img/certificacion3.png',
            title: 'Certificación de Empresas con Responsabilidad SocioLaboral',
            body: '<p>El Gobierno del Estado otorga la <strong>“Certificación de Empresas con Responsabilidad SocioLaboral”</strong> a aquellos centros de trabajo que adoptan mejores prácticas laborales que tiendan a mejorar la dignificación de la persona y la productividad de las relaciones laborales, así como mejores prácticas que conlleven el cuidado y respeto del medio ambiente.</p>' +
                '<p>Tiene como objetivo promover en las empresas del Estado de Guanajuato prácticas responsables para con los trabajadores, la sociedad y todas las partes interesadas, que permita un desarrollo equilibrado entre la empresa, los trabajadores y la sociedad en general.</p>'
        },
        '4': {
            img: BASE + 'img/certificacion4.png',
            title: 'Distintivo Buenas Prácticas Ambientales',
            body: '<p>Es un modelo que impulsa la Procuraduría Ambiental y de Ordenamiento Territorial que promueve la participación y responsabilidad de la sociedad para mejorar el desempeño ambiental y disminuir impactos a los efectos del cambio climático.</p>' +
                '<p>Va dirigido a micros y pequeñas empresas, cámaras empresariales, prestadores de servicios, industria turística e instituciones públicas y privadas que implementen Buenas Prácticas Ambientales e impulsen un ambiente adecuado para el desarrollo y bienestar de los guanajuatenses.</p>'
        },
        '5': {
            img: BASE + 'img/certificacion5.png',
            title: 'Red de Espacios Seguros para las Mujeres — Mujer A Salvo',
            body: '<p><strong>Mujer A Salvo</strong> es un espacio de escucha y acompañamiento inmediato donde una trabajadora social identifica las necesidades urgentes de las mujeres y de sus hijas e hijos, activando de forma oportuna los protocolos necesarios para proteger su integridad. Este espacio funciona desde el 4 de noviembre de 2021.</p>' +
                '<p>Desde entonces, se han sumado aliados externos a la Red, dependencias de gobierno y organizaciones de la sociedad civil que buscan unir esfuerzos y voluntades. La Asociación de Hoteles y Moteles de León fue la primera en firmar un convenio de colaboración el 25 de noviembre de 2021, poniendo a disposición de mujeres en riesgo sus instalaciones corporativas y las de algunos de sus agremiados.</p>' +
                '<p><a href="https://mujeres.leon.gob.mx/redespacioseguro/" target="_blank">https://mujeres.leon.gob.mx/redespacioseguro/</a></p>'
        }
    };

    var modal = document.getElementById('certModal');
    var modalImg = document.getElementById('certModalImg');
    var modalTitle = document.getElementById('certModalTitle');
    var modalBody = document.getElementById('certModalBody');
    var modalClose = document.getElementById('certModalClose');

    function openModal(id) {
        var c = CERTS[id];
        if (!c) return;
        modalImg.src = c.img;
        modalImg.alt = c.title;
        modalTitle.textContent = c.title;
        modalBody.innerHTML = c.body;
        modal.classList.add('is-open');
        document.body.style.overflow = 'hidden';
    }

    function closeModal() {
        modal.classList.remove('is-open');
        document.body.style.overflow = '';
    }

    document.addEventListener('click', function(e) {
        var trig = e.target.closest('[data-cert]');
        if (trig) {
            e.preventDefault();
            openModal(trig.getAttribute('data-cert'));
            return;
        }
        if (e.target === modal) closeModal();
    });
    modalClose.addEventListener('click', closeModal);
    document.addEventListener('keydown', function(e) {
        if (e.key === 'Escape' && modal.classList.contains('is-open')) closeModal();
    });
})();
</script>

</body>

</html>