<?php
$page_title = '5 Recomendaciones para Ahorrar Papel';
$meta_desc = 'Consejos prácticos para reducir el consumo de papel en la oficina, fomentando la digitalización y el uso eficiente de recursos.';
$current_page = 'politicas';
$base = '';

$gallery_images = [
    ['src' => 'img\capacitacion\papel\ahorro-papel-1.jfif', 'alt' => 'Consejo para ahorrar papel 1'],
    ['src' => 'img\capacitacion\papel\ahorro-papel-2.jfif', 'alt' => 'Consejo para ahorrar papel 2'],
    ['src' => 'img\capacitacion\papel\ahorro-papel-3.jfif', 'alt' => 'Consejo para ahorrar papel 3']
];

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">Cuidado del medio ambiente</div>
                <h1 class="doc-title">5 Recomendaciones para Ahorrar Papel</h1>
                <p class="doc-lead">
                    Reducir el consumo de papel no solo ahorra recursos naturales, sino que también optimiza nuestros
                    procesos administrativos.
                </p>
            </header>

            <div class="doc-body">
                <section class="doc-section">
                    <div class="doc-visual-band">
                        <div class="doc-visual-copy">
                            <p class="doc-kicker">Menos impresiones</p>
                            <h2>Digitalizar también es cuidar recursos</h2>
                            <p>Un uso más consciente del papel mejora los procesos administrativos y reduce
                                desperdicios. Las piezas visuales quedan integradas al mensaje para que cada
                                recomendación se entienda rápido.</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">
                    <div class="doc-block">
                        <div class="doc-block-title">Buenas prácticas de oficina</div>
                        <ol class="doc-ordered">
                            <li><strong>Evite imprimir:</strong> procure usar y distribuir sus documentos en formato
                                digital en la mayoría de lo posible.</li>
                            <li><strong>Use letra más pequeña:</strong> en lugar de imprimir los textos en 14 puntos,
                                cambie a 11; ahorra más espacio y hojas.</li>
                            <li><strong>Imprima en ambas caras:</strong> utilice los dos lados del papel cada vez que
                                mande a imprimir o reutilice aquellas hojas impresas por una cara y que no ocupe.</li>
                            <li><strong>Compre papel reciclado:</strong> suele tener un tono más oscuro, pero al final
                                sirve igual que el papel blanco.</li>
                            <li><strong>Imprima la versión final:</strong> si imprimir es inevitable, revise muy bien el
                                documento para no hacer cambios posteriores ni repetir la impresión.</li>
                        </ol>
                    </div>
                </section>

                <section class="doc-section">
                    <div class="doc-visual-stack doc-visual-stack--grid">
                        <?php for ($index = 1; $index < count($gallery_images); $index++): ?>
                        <figure class="doc-visual-card">
                            <img class="doc-visual-image" src="<?= $base . $gallery_images[$index]['src'] ?>"
                                alt="<?= htmlspecialchars($gallery_images[$index]['alt']) ?>">
                        </figure>
                        <?php endfor; ?>
                    </div>
                </section>
            </div>
        </article>
    </div>
</main>

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