<section id="proyectos" style="background: white; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);">
    <div class="container">
        
        <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin-top: 2rem;">
            <div class="cta-box">
                <h3>{{ i18n "blog_title" }}</h3>
                <p>{{ i18n "blog_subtitle" }}</p>
                <a href="/blog" class="btn">{{ i18n "read_blog" }}</a>
            </div>
            <div class="cta-box">
                <h3>Proyecto LAIA</h3>
                <p>Laboratorio de Asistente de IA Abierto. Un proyecto que ejemplifica nuestro compromiso con la inteligencia artificial ética, transparencia radical y gobernanza participativa.</p>
                <a href="/laia" class="btn">Conocer LAIA</a>
            </div>
        </div>
    </div>
</section>