<section id="esencia" style="background-color: white; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);">
    <div class="container">
        
        <p class="subtitle text-center" style="max-width: 800px; margin: 0 auto 1rem;">Creemos que la tecnología debe servir al bienestar colectivo, garantizando transparencia, equidad y responsabilidad en cada avance.</p>

        <div class="grid-3">
            <div class="card">
                <div style="display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem;">
                    <span class="icon" style="margin-bottom: 0;">🎯</span>
                    <h3>Misión</h3>
                </div>
                <p><strong>Promover un desarrollo tecnológico que respete la dignidad humana</strong>, integrando la inteligencia artificial en la sociedad de forma ética, transparente y beneficiosa para todos.</p>
            </div>
            <div class="card">
                <div style="display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem;">
                    <span class="icon" style="margin-bottom: 0;">🚀</span>
                    <h3>Visión</h3>
                </div>
                <p><strong>Ser un referente global en investigación ética aplicada a la inteligencia artificial</strong> y en la creación de estándares que guíen el uso responsable de las nuevas tecnologías.</p>
            </div>
            <div class="card">
                <div style="display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem;">
                    <span class="icon" style="margin-bottom: 0;">❤️</span>
                    <h3>Valores</h3>
                </div>
                <ul class="valores-list" style="margin: 0; padding-left: 0;">
                    <li><strong>Ética:</strong> La brújula de todas nuestras decisiones.</li>
                    <li><strong>Innovación:</strong> Crear soluciones sostenibles.</li>
                    <li><strong>Transparencia:</strong> Comunicar con claridad.</li>
                </ul>
            </div>
        </div>
    </div>
</section>