<?php
$page_title = 'Lenguaje accesible, incluyente y no sexista';
$meta_desc  = 'Servicios DEMO Seguridad Privada — Lenguaje accesible, incluyente y no sexista como herramienta para la igualdad y no discriminación.';
$current_page = 'corresponsabilidad';
$base = '';

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

$manual_url = $base . 'doc/Manual_Lenguaje_Incluyente_con_perspectiva_de_genero.pdf';
?>

<main class="doc-shell">
    <div class="doc-container">
        <article class="doc-paper">
            <header class="doc-header">
                <div class="doc-kicker">Corresponsabilidad</div>
                <h1 class="doc-title">Lenguaje accesible, incluyente y no sexista</h1>
                <p class="doc-lead">
                    En Servicios DEMO Seguridad Privada estamos convencidos que en la medida que el lenguaje se vuelva más incluyente y menos sexista podrá darnos un vehículo confiable hacia una Igualdad y No Discriminación.
                </p>
            </header>

            <div class="doc-body">
                <section class="doc-section">
                    <p class="doc-text">
                        Consulta el siguiente <strong>Manual de Lenguaje Incluyente con Perspectiva de Género</strong>:
                    </p>

                    <div class="av-pub-file av-pub-file--pdf">
                        <span class="av-pub-file-icon">📄</span>
                        <div>
                            <p class="av-pub-file-name">Manual_Lenguaje_Incluyente_con_perspectiva_de_genero.pdf</p>
                            <div class="av-pub-file-preview">
                                <iframe src="<?= htmlspecialchars($manual_url) ?>#view=FitH" loading="lazy"
                                    title="Vista previa del Manual de Lenguaje Incluyente"></iframe>
                            </div>
                            <a class="av-pub-file-link" href="<?= htmlspecialchars($manual_url) ?>" target="_blank"
                                rel="noopener">Abrir / Descargar</a>
                        </div>
                    </div>
                </section>

                <section class="doc-section">
                    <h2 class="doc-section-title">¿Qué es el lenguaje accesible?</h2>
                    <p class="doc-text">
                        Es aquel que está dirigido a mejorar la información y comunicación del centro de trabajo hacia el personal que lo conforma, haciéndola clara, abierta, fluida, concisa y de fácil entendimiento con la finalidad de eliminar cualquier barrera en la comunicación.
                    </p>
                </section>

                <section class="doc-section">
                    <h2 class="doc-section-title">¿Qué es el lenguaje incluyente?</h2>
                    <p class="doc-text">
                        Es un elemento que reconoce a las mujeres y a los hombres tanto en lo hablado como en lo escrito, manifiesta la diversidad social e intenta equilibrar las desigualdades. El lenguaje incluyente contribuye a forjar una sociedad que reconozca e integre la diversidad, la igualdad y la igualdad de género.
                    </p>
                </section>

                <section class="doc-section">
                    <h2 class="doc-section-title">¿Qué es el lenguaje sexista?</h2>
                    <p class="doc-text">
                        El lenguaje sexista ha ayudado a legitimar y reproducir relaciones injustas que invisibilizan a las mujeres, prevaleciendo formas de expresión colectiva que las excluyen con formas lingüísticas que subordinan lo femenino a lo masculino, generando una discriminación al utilizar el género masculino de manera neutra, por ejemplo:
                    </p>
                    <blockquote
                        style="border-left:4px solid var(--c-accent);padding:.6rem 1rem;margin:1rem 0;background:#f6f7fc;color:var(--c-text);font-style:italic;">
                        «los jóvenes mexicanos piensan»
                    </blockquote>
                </section>

                <section class="doc-section">
                    <h2 class="doc-section-title">Video relacionado</h2>
                    <div class="av-pub-embed">
                        <iframe src="https://www.youtube.com/embed/e-Fs0TzHE5A" allowfullscreen loading="lazy"
                            title="Lenguaje incluyente"></iframe>
                    </div>
                </section>
            </div>
        </article>
    </div>
</main>

<style>
.av-pub-file {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: .6rem;
    padding: .9rem 1.2rem;
    border: 1px solid var(--c-border);
    border-radius: 8px;
    background: #fafbff;
    margin: 1rem auto;
    max-width: 900px;
}
.av-pub-file > div { width: 100%; }
.av-pub-file--pdf { border-left: 4px solid #dc3545; }
.av-pub-file-icon { font-size: 1.9rem; }
.av-pub-file-name { font-weight: 600; color: var(--c-text); margin-bottom: .2rem; }
.av-pub-file-link { font-size: .82rem; font-weight: 700; color: var(--c-primary); }
.av-pub-file-preview {
    margin: .55rem 0 .5rem;
    border: 1px solid var(--c-border);
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}
.av-pub-file-preview iframe {
    width: 100%;
    min-height: 560px;
    border: 0;
    display: block;
}
.av-pub-embed {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    border-radius: 8px;
    margin: 1rem 0;
}
.av-pub-embed iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
@media (max-width: 768px) {
    .av-pub-file-preview iframe { min-height: 420px; }
}
</style>

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