Fix widget Telegramas

Elecciones-Web/frontend/src/components/TelegramaWidget.tsx

@@ -112,14 +112,21 @@ export const TelegramaWidget = () => {
       <div className="telegrama-viewer">
         {loading && <div className="spinner"></div>}
         {error && <p className="message error">{error}</p>}
+        
         {telegrama && (
           <div className="telegrama-content">
             <div className="telegrama-image-wrapper">
-              <img src={`data:image/jpeg;base64,${telegrama.contenidoBase64}`} alt={`Telegrama ${telegrama.id}`} />
+              <iframe
+                src={`data:application/pdf;base64,${telegrama.contenidoBase64}`}
+                title={`Telegrama de la mesa ${telegrama.id}`}
+                width="100%"
+                height="100%"
+                style={{ border: 'none' }}
+              />
             </div>
-            {/* Metadata (opcional, se puede añadir aquí si se desea) */}
           </div>
         )}
+
         {!loading && !telegrama && !error && <p className="message">Seleccione una mesa para visualizar el telegrama.</p>}
       </div>
     </div>