<?php
$page_title = 'Tríptico de Derechos Humanos';
$meta_desc = 'Tríptico informativo sobre los derechos humanos en el ámbito laboral, con enfoque en condiciones de trabajo equitativas y no discriminación.';
$current_page = 'politicas';
$base = '';

$gallery_images = [
    ['src' => 'img/capacitacion/triptico_DerechosHumanos_1.png', 'alt' => 'Triptico de derechos humanos 1'],
    ['src' => 'img/capacitacion/triptico_DerechosHumanos_2.png', 'alt' => 'Triptico de derechos humanos 2'],
    ['src' => 'img/capacitacion/triptico_DerechosHumanos_3.png', 'alt' => 'Triptico de derechos humanos 3'],
    ['src' => 'img/capacitacion/triptico_DerechosHumanos_4.png', 'alt' => 'Triptico de derechos humanos 4'],
    ['src' => 'img/capacitacion/triptico_DerechosHumanos_5.png', 'alt' => 'Triptico de derechos humanos 5'],
];

require_once '../../includes/banner.php';
require_once '../../includes/navbar.php';
?>

<main class="doc-shell">
    <div class="doc-container">
        <article class="doc-paper">
            <header class="doc-header">
                <div class="doc-kicker">Dignidad e igualdad</div>
                <h1 class="doc-title">Tríptico de Derechos Humanos</h1>
                <p class="doc-lead">
                    Los derechos humanos son inherentes a todas las personas. En el ámbito laboral, garantizan
                    condiciones de trabajo equitativas, seguras y dignas.
                </p>
            </header>

            <div class="doc-body">
                <section class="doc-section">
                    <div class="doc-visual-band">
                        <div class="doc-visual-copy">
                            <h2>Una base de dignidad para toda persona</h2>
                            <p>Los derechos humanos son derechos que tiene toda persona en virtud de su dignidad humana.
                                Atañen a todos los aspectos de la vida. Su ejercicio permite a hombres y mujeres
                                conformar y determinar su propia vida en condiciones de libertad, igualdad y respeto a
                                la dignidad humana.</p>
                            <p>Los derechos humanos son <strong>universales</strong> e <strong>inalienables</strong>;
                                por ello deben protegerse también dentro del entorno laboral.</p>
                        </div>
                        <figure class="doc-visual-frame">
                            <img class="doc-visual-image" src="<?= $base . $gallery_images[0]['src'] ?>"
                                alt="<?= htmlspecialchars($gallery_images[0]['alt']) ?>">
                        </figure>
                    </div>
                </section>

                <section class="doc-section">
                    <h2 class="doc-section-title">Derechos económicos, sociales y culturales</h2>
                    <ul class="doc-list">
                        <li>El derecho a trabajar</li>
                        <li>El derecho a condiciones de trabajo equitativas y satisfactorias</li>
                        <li>El derecho a fundar sindicatos y a afiliarse a ellos</li>
                        <li>El derecho a la seguridad social</li>
                        <li>La protección de la familia</li>
                        <li>El derecho a un nivel de vida adecuado (alimentos, vestido, vivienda)</li>
                        <li>El derecho a la salud</li>
                        <li>El derecho a la educación</li>
                    </ul>
                    <div class="doc-visual-stack doc-visual-stack--grid" style="margin-top: 1.25rem;">
                        <figure class="doc-visual-card">
                            <img class="doc-visual-image" src="<?= $base . $gallery_images[1]['src'] ?>"
                                alt="<?= htmlspecialchars($gallery_images[1]['alt']) ?>">
                        </figure>
                        <figure class="doc-visual-card">
                            <img class="doc-visual-image" src="<?= $base . $gallery_images[2]['src'] ?>"
                                alt="<?= htmlspecialchars($gallery_images[2]['alt']) ?>">
                        </figure>
                    </div>
                </section>

                <section class="doc-section">
                    <h2 class="doc-section-title">Condiciones de trabajo equitativas</h2>
                    <div class="doc-text">
                        <p>Se reconoce que toda persona tiene derecho al goce de condiciones de trabajo equitativas y
                            satisfactorias que le aseguren en especial:</p>
                        <ul class="doc-list">
                            <li><strong>a) Remuneración:</strong> salario equitativo e igual por trabajo de igual valor,
                                sin distinciones; condiciones no inferiores para las mujeres, con salario igual por
                                trabajo igual; condiciones de existencia dignas para ellos y sus familias.</li>
                            <li><strong>b) Seguridad e higiene en el trabajo.</strong></li>
                            <li><strong>c) Igual oportunidad de promoción</strong> dentro del trabajo, a la categoría
                                superior que les corresponda, con base en tiempo de servicio y capacidad.</li>
                            <li><strong>d) Descanso, tiempo libre, limitación razonable de horas de trabajo, vacaciones
                                    pagadas y remuneración de días festivos.</strong></li>
                        </ul>
                    </div>
                    <div class="doc-visual-cluster" style="margin-top: 1.25rem;">
                        <figure class="doc-visual-frame">
                            <img class="doc-visual-image" src="<?= $base . $gallery_images[3]['src'] ?>"
                                alt="<?= htmlspecialchars($gallery_images[3]['alt']) ?>">
                        </figure>
                        <figure class="doc-visual-card">
                            <img class="doc-visual-image" src="<?= $base . $gallery_images[4]['src'] ?>"
                                alt="<?= htmlspecialchars($gallery_images[4]['alt']) ?>">
                        </figure>
                    </div>
                </section>

                <!-- Canales de contacto -->
                <section class="doc-section">
                    <h2 class="doc-section-title">Medios de contacto</h2>
                    <div class="doc-text">
                        <ul class="doc-list">
                            <li>Buzón de sugerencias en la entrada</li>
                            <li>Correo: <strong>lineadeintegridad@serviciosDEMO.com.mx</strong></li>
                            <li><a href="https://serviciosDEMO-igualdad.com/contacto"
                                    target="_blank">https://serviciosDEMO-igualdad.com/contacto</a></li>
                            <li>Teléfono: <strong>477 100 33 0</strong></li>
                        </ul>
                    </div>
                </section>

            </div>
        </article>
    </div>
</main>

<?php require_once '../../includes/footer.php'; ?>