https://diocesisarmenia.org/lvp.html

1<!DOCTYPE html>
2<html lang="es">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6     <meta name="description" content="La Voz del Pastor - Reflexiones y homilías de Mons. Carlos Arturo Quintero Gómez, Obispo de la Diócesi de Armenia. Mensajes semanales de fe y esperanza para la comunidad.">
7    <title>La Voz del Pastor</title>
8    

8<script src="https://cdn.tailwindcss.com"></script>

8
9    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
10    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
11    <style>
12        body {
13            font-family: 'Inter', sans-serif;
14        }
15        .page-header-bg {
16            background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/imagenes/lvp.png');
17            background-size: cover;
18            background-position: center;
19        }
20        /* Aspect ratio for responsive video */
21        .video-container {
22            position: relative;
23            padding-bottom: 56.25%; /* 16:9 */
24            height: 0;
25            overflow: hidden;
26            max-width: 100%;
27            background: #000;
28        }
29        .video-container iframe {
30            position: absolute;
31            top: 0;
32            left: 0;
33            width: 100%;
34            height: 100%;
35        }
36        .homily-card {
37            transition: transform 0.3s ease, box-shadow 0.3s ease;
38        }
39        .homily-card:hover {
40            transform: translateY(-5px);
41            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
42        }
43        .article-content h2 {
44            font-size: 1.5rem; /* text-2xl */
45            font-weight: 700;
46            color: #047857; /* teal-700 */
47            margin-top: 2.5rem;
48            margin-bottom: 1rem;
49        }
50        .article-content p {
51            margin-bottom: 1.5rem;
52            line-height: 1.75;
53            color: #374151; /* gray-700 */
54        }
55        .article-content blockquote {
56            border-left: 4px solid #0D9488; /* teal-600 */
57            padding-left: 1.5rem;
58            margin: 2rem 0;
59            font-style: italic;
60            color: #1F2937; /* gray-800 */
61            font-size: 1.125rem; /* text-lg */
62        }
63        .podcast-container {
64            position: relative;
65            height: 0;
66            overflow: hidden;
67            background: #000;
68        }
69
70    </style>
71</head>
72<body class="bg-gray-100 text-gray-800">
73
74    <!-- El encabezado se cargará aquí -->
75    <div id="header-placeholder"></div>
76
77    <main>
78        <!-- Page Header -->
79        <section class="page-header-bg h-56 flex items-center justify-center text-white text-center">
80            <div class="container mx-auto px-6">
81                <h1 class="text-4xl md:text-5xl font-bold">La Voz del Pastor</h1>
82                <p class="text-lg md:text-xl mt-2">Reflexiones Dominicales de nuestro pastor, Mons. Carlos Arturo Quintero Gómez</p>
83            </div>
84        </section>
85
86        <!-- Latest Homily Section -->
87        <section class="py-16 bg-white">
88            <div class="container mx-auto px-6 max-w-5xl">
89                <div class="text-center mb-12">
90                    <h2 class="text-3xl font-bold text-teal-700">La Voz del Pastor - IV Domingo del Tiempo Ordinario</h2>
91                    <p class="text-lg text-gray-600 mt-2">Domingo, 1 de febrero de 2026</p>
92                </div>
93
94                <!-- Video Player -->
95                <div class="video-container rounded-lg shadow-xl mx-auto max-w-4xl">
96 
97                   <iframe width="560" height="315" src="https://www.youtube.com/embed/EEdZMe-lm7M?si=q4iayoeLHB_srGBe" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
98                </div>
99            </br>
100                <!-- Podcast Player -->
101                <div class="rounded-lg shadow-xl mx-auto max-w-3xl">
102                   <iframe data-testid="embed-iframe" style="border-radius:12px" src="https://open.spotify.com/embed/episode/70WwuNT5pw0AsmNlaqS53d?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
103                </div>
104                
105                <!-- Homily Excerpt -->
106                <div class="article-content">
107                    <h2 class="text-center">
108                        Bienaventurados los pobres de espíritu: 
109                    </h2>
110                    <p class="text-xl leading-relaxed text-center">
111                        El camino de la verdadera felicidad 
112                    </p>
113                    <p> 
114                        La homilía de este IV Domingo del Tiempo Ordinario, en La Voz del Pastor, nos introduce de lleno en el Sermón de la Montaña. Monseñor Carlos Arturo Quintero Gómez presenta las bienaventuranzas como “un proyecto de vida, un camino en la vida cristiana”, que revela el sueño de Dios: la salvación y la felicidad verdadera para la humanidad.
115                    </p>
116                    <p>                        
117                        Sofonías anuncia un “resto humilde y pobre” que buscará refugio en el nombre del Señor, practicando la justicia y la humildad. El salmo proclama: “Bienaventurados los pobres en el espíritu, porque de ellos es el Reino de los cielos”, y San Pablo recuerda que Dios ha escogido lo necio y débil del mundo para confundir a los sabios y poderosos, de modo que nadie se gloríe sino en el Señor.
118                    </p>
119                    <p>                        
120                       Jesús, en el Evangelio, declara dichosos a los pobres de espíritu, mansos, limpios de corazón, misericordiosos, perseguidores de la paz y perseguidos por la justicia. La pobreza de espíritu no es miseria ni pasividad, sino elección libre de vivir desapegados, ligeros de equipaje, sin absolutizar los bienes, el poder o el prestigio. El problema no es tener, sino acumular sin compartir.
121
122                    </p>
123                    <p>                        
124                        Desde esta lógica del Reino, quien es pobre de corazón aprende obediencia, c

124astidad, justicia, misericordia y capacidad de levantar al que ha caído, reproduciendo en su vida los mismos sentimientos de Cristo, pobre y humilde en el pesebre de Belén.
125                    </p>
126                    <p>
127                        Monseñor concluye invitandonos a buscar a Dios, asumir la pobreza, la humildad y la sencillez como norma de vida y pasar de “dar cosas” a darse uno mismo, compartiendo incluso de lo que nos falta.
128                    </p>
129                    <p class="mt-4 font-semibold text-teal-800">- Mons. Carlos Arturo Quintero Gómez</p>
130                </div>
131                
132            </div>
133        </section>
134
135        <!-- Previous Homilies Archive -->
136        <section class="py-16">
137            <div class="container mx-auto px-6">
138                <h2 class="text-3xl font-bold text-center text-teal-700 mb-12">Homilías Anteriores</h2>
139                
140                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 gap-8">
141                    <div class="homily-card bg-white rounded-lg overflow-hidden shadow-md">
142                        <img src="https://placehold.co/400x225/FBBF24/FFFFFF?text=Ver+Homilías" alt="[Miniatura de la homilía]" class="w-full h-48 object-cover">
143                        <div class="p-6">
144                            <p class="text-sm text-gray-500">Video</p>
145                            <h3 class="font-bold text-lg mt-1">Ver Archivo Completo en Youtube</h3>
146                            <a href="https://www.youtube.com/playlist?list=PLcdP55JBkj6y0SjBHgctjp8Fsj16tEudq" class="font-semibold text-teal-600 hover:underline mt-4 inline-block">Ver video &rarr;</a>
147                        </div>
148                    </div>
149
150                    <div class="homily-card bg-white rounded-lg overflow-hidden shadow-md">
151                        <img src="https://placehold.co/400x225/FBBF24/FFFFFF?text=Escuchar+Homilías" alt="[Miniatura de la homilía]" class="w-full h-48 object-cover">
152                        <div class="p-6">
153                            <p class="text-sm text-gray-500">Audio</p>
154                            <h3 class="font-bold text-lg mt-1">Escuchar Archivo Completo en Spotify</h3>
155                            <a href="https://open.spotify.com/show/10DWY5CyqcYANdGUcuzE5w?si=aa8317482d7f4cfd" class="font-semibold text-teal-600 hover:underline mt-4 inline-block">Escuchar Podcast &rarr;</a>
156                        </div>
157                    </div>
158            </div>
159        </section>
160
161    </main>
162
163    <!-- El pie de página se cargará aquí -->
164    <div id="footer-placeholder"></div>
165    
166    <!-- Script para cargar componentes y manejar interactividad -->
167    

167<script src="/scripts.js" defer></script>

167
168
169</body>
170</html>