<?php
$page_title = '¿Quién soy? | Hugo Supo';
$meta_description = 'Conoce la historia, trayectoria y compromiso de Hugo Supo con Puno.';
$current_page = 'quienes-somos';
include 'header.php';
?>

        <header class="page-header">
            <div class="container">
                <span class="section-tagline text-white-50">UN LÍDER CON RAÍCES EN PUNO</span>
                <h1>¿Quién es Hugo Supo?</h1>
                <p>Periodista, comunicador y defensor del Altiplano.</p>
            </div>
        </header>

        <section class="biography-section">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-5 mb-5 mb-lg-0">
                        <div class="bio-image-container">
                            <img src="img/hugo-supo.png" alt="Hugo Supo Tipula" class="img-fluid">
                        </div>
                    </div>
                    <div class="col-lg-7 ps-lg-5">
                        <span class="section-tagline">HISTORIA Y COMPROMISO</span>
                        <h2 class="section-title">Una vida construida con esfuerzo</h2>
                        <p class="lead fw-bold text-dark mb-4">Nacido en las comunidades del Altiplano, crecido con el esfuerzo de su gente y comprometido profesionalmente con Puno.</p>
                        <p class="text-muted">A sus 44 años, Hugo Supo conoce de primera mano las necesidades de cada rincón de Puno. Ha trabajado como tejedor, artesano, ayudante de cocina, obrero de construcción civil y locutor para costear su educación. Hoy, como periodista, entiende los desafíos reales de nuestra región y tiene las ideas claras para liderar el cambio.</p>
                        <div class="row mt-4">
                            <div class="col-md-6 mb-3">
                                <span class="timeline-badge">Identidad y Cultura</span>
                                <p class="text-muted">Autor del libro <em>Caporales: Imaginarios en la migración altiplánica</em>, dedicado a revalorar nuestras manifestaciones vivas.</p>
                            </div>
                            <div class="col-md-6 mb-3">
                                <span class="timeline-badge">Conocimiento de la Región</span>
                                <p class="text-muted">Como periodista y comunicador, ha recorrido Puno conociendo sus problemas, su gente y los obstáculos que han frenado el desarrollo.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="photo-story-section">
            <div class="container">
                <div class="text-center mb-5">
                    <span class="section-tagline">CERCA DE LA GENTE</span>
                    <h2 class="section-title section-title-center">Puno es nuestra fuerza</h2>
                </div>
                <div class="row g-4">
                    <div class="col-md-4">
                        <img src="img/photo_2026-07-17_09-28-58.jpg" alt="Hugo Supo recorriendo Puno" class="img-fluid story-photo">
                    </div>
                    <div class="col-md-4">
                        <img src="img/photo_2026-07-17_09-28-59.jpg" alt="Hugo Supo dialogando con la ciudadanía" class="img-fluid story-photo">
                    </div>
                    <div class="col-md-4">
                        <img src="img/photo_2026-07-17_09-29-00.jpg" alt="Hugo Supo en una actividad regional" class="img-fluid story-photo">
                    </div>
                </div>
            </div>
        </section>

<?php include 'footer.php'; ?>
