<?php
$page_title = 'Tríptico de Diversidades';
$meta_desc = 'Tríptico informativo sobre los tipos de diversidad: sexual, biológica, cultural, lingüística y étnica, en el contexto de igualdad laboral.';
$current_page = 'politicas';
$base = '';

$gallery_images = [
    ['src' => 'img/capacitacion/diversidad/diversidad-cultural-1.jpg', 'alt' => 'Triptico de diversidad 1'],
    ['src' => 'img/capacitacion/diversidad/diversidad-cultural-2.jpg', 'alt' => 'Triptico de diversidad 2'],
    ['src' => 'img/capacitacion/diversidad/diversidad-cultural-3.jfif', 'alt' => 'Triptico de diversidad 3'],
    ['src' => 'img/capacitacion/diversidad/diversidad-cultural-4.jfif', 'alt' => 'Triptico de diversidad 4'],
    ['src' => 'img/capacitacion/diversidad/diversidad-cultural-5.jpg', 'alt' => 'Triptico de diversidad 5'],
    ['src' => 'img/capacitacion/diversidad/diversidad-cultural-6.jpg', 'alt' => 'Triptico de diversidad 6'],
];

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">Inclusión y respeto</div>
                <h1 class="doc-title">Tríptico de Diversidades</h1>
                <p class="doc-lead">
                    La diversidad nos enriquece. Conoce los distintos tipos de diversidad que coexisten en nuestra
                    sociedad y organización.
                </p>
            </header>

            <div class="doc-body">
                <section class="doc-section">
                    <h2 class="doc-section-title">¿Qué son las diversidades?</h2>
                    <div class="doc-visual-band">
                        <div class="doc-visual-copy">
                            <p>Hace alusión a las diferencias que puede haber entre personas, animales, grupos, cosas,
                                opiniones, elecciones, entre muchas otras.</p>
                            <p>Entenderlas desde distintos ángulos ayuda a construir un ambiente laboral más respetuoso,
                                inclusivo y consciente de la pluralidad.</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">Tipos de diversidades</h2>

                    <div class="doc-block">
                        <div class="doc-block-title">Diversidad sexual</div>
                        <div class="doc-text">De acuerdo a la CNDH, la diversidad sexual hace referencia a todas las
                            posibilidades que tienen las personas de asumir, expresar y vivir la sexualidad, así como de
                            asumir expresiones, preferencias u orientaciones, identidades sexuales y de género
                            —distintas en cada cultura y persona.</div>
                    </div>

                    <div class="doc-visual-cluster">
                        <figure class="doc-visual-frame">
                            <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>

                    <div class="doc-block">
                        <div class="doc-block-title">Diversidad biológica</div>
                        <div class="doc-text">Según el Convenio Internacional de Diversidad Biológica (1992), se
                            entiende la variabilidad de organismos vivos de cualquier fuente, incluidos los ecosistemas
                            terrestres y marinos y los complejos ecológicos de los que forman parte; comprende la
                            diversidad dentro de cada especie, entre las especies y de los ecosistemas.</div>
                    </div>

                    <div class="doc-block">
                        <div class="doc-block-title">Diversidad cultural</div>
                        <div class="doc-text">Se refiere a la multiplicidad de formas en que se expresan las culturas de
                            los grupos y sociedades. Se manifiesta en las diversas formas de expresión, enriquecimiento
                            y transmisión del patrimonio cultural, así como en distintos modos de creación artística,
                            producción, difusión, distribución y disfrute de las expresiones culturales (UNESCO, 2005).
                        </div>
                    </div>

                    <div class="doc-visual-cluster">
                        <figure class="doc-visual-card">
                            <img class="doc-visual-image" src="<?= $base . $gallery_images[3]['src'] ?>"
                                alt="<?= htmlspecialchars($gallery_images[3]['alt']) ?>">
                        </figure>
                        <figure class="doc-visual-frame">
                            <img class="doc-visual-image" src="<?= $base . $gallery_images[4]['src'] ?>"
                                alt="<?= htmlspecialchars($gallery_images[4]['alt']) ?>">
                        </figure>
                    </div>

                    <div class="doc-block">
                        <div class="doc-block-title">Diversidad lingüística</div>
                        <div class="doc-text">Relacionada con la existencia y convivencia de distintas lenguas. Se
                            calcula que en el mundo se hablan cerca de 7 mil lenguas, además de aproximadamente 3 mil
                            lenguas de señas mediante las que se comunican las comunidades de sordos.</div>
                    </div>

                    <div class="doc-block">
                        <div class="doc-block-title">Diversidad étnica</div>
                        <div class="doc-text">Es la coexistencia de las diversas razas que existen alrededor del mundo y
                            que difieren en el color de la piel, el lenguaje o las costumbres.</div>
                    </div>

                    <figure class="doc-visual-frame" style="margin-top: 1.25rem;">
                        <img class="doc-visual-image" src="<?= $base . $gallery_images[5]['src'] ?>"
                            alt="<?= htmlspecialchars($gallery_images[5]['alt']) ?>">
                    </figure>
                </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'; ?>