{# Footer #}
<footer style="padding: var(--space-lg) var(--space-md); background: var(--soil); border-top: 1px solid var(--border);">
    <div class="wrap">
        <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--space-md);">
            <div>
                <p style="font-family: var(--mono); font-size: 0.875rem; color: var(--text-dim); margin-bottom: 0.5rem;">
                    © {{ "now"|date("Y") }} Saúl Morales Pacheco
                </p>
                <p style="font-family: var(--mono); font-size: 0.75rem; color: var(--text-dim); opacity: 0.7;">
                    This site is protected by reCAPTCHA and the Google
                    <a href="https://policies.google.com/privacy" target="_blank" style="color: var(--text-dim); text-decoration: underline;">Privacy Policy</a> and
                    <a href="https://policies.google.com/terms" target="_blank" style="color: var(--text-dim); text-decoration: underline;">Terms of Service</a> apply.
                </p>
            </div>
            <div style="display: flex; gap: var(--space-sm);">
                <a href="https://github.com/saulmoralespa" target="_blank" style="color: var(--text-mid); transition: color 0.3s;">GitHub</a>
                <a href="https://www.linkedin.com/in/saulmoralespa/" target="_blank" style="color: var(--text-mid); transition: color 0.3s;">LinkedIn</a>
                <a href="https://x.com/saulmoralesp" target="_blank" style="color: var(--text-mid); transition: color 0.3s;">X</a>
            </div>
        </div>
    </div>
</footer>

{# Google Tag Manager #}
<script async src="https://www.googletagmanager.com/gtag/js?id=G-F2G25Y6JZS"></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-F2G25Y6JZS');
</script>