From c781863cd43f71b5da0248335023833563c1b323 Mon Sep 17 00:00:00 2001
From: Lizandro Guarnizo <77708265+lizandrogd@users.noreply.github.com>
Date: Tue, 17 Mar 2026 15:18:54 -0500
Subject: [PATCH] =?UTF-8?q?portal:=20orden=20m=C3=A9dica=20siempre=20muest?=
 =?UTF-8?q?ra=20bot=C3=B3n=20descarga=20(fix=20PDF/bin)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 enfermero_portal.php | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/enfermero_portal.php b/enfermero_portal.php
index 1cc750a..b91e5fd 100644
--- a/enfermero_portal.php
+++ b/enfermero_portal.php
@@ -534,18 +534,19 @@ const portal = {
             <!-- Orden médica -->
             ${item.orden_local_file ? `
             <div class="mt-2 mb-2">
-                <a href="${resOrden(item.orden_local_file)}" target="_blank" title="Ver / descargar orden médica">
-                    <img src="${resOrden(item.orden_local_file)}"
-                         style="max-width:100%;max-height:180px;border-radius:8px;border:1px solid #ddd;cursor:zoom-in"
-                         alt="Orden médica #${item.orden_id_display || item.orden_id}"
-                         onerror="this.style.display='none';document.getElementById('ord-icon-${item.orden_id}').style.display=''">
-                    <div id="ord-icon-${item.orden_id}" style="display:none;"
-                         class="text-center py-3 border rounded">
-                        <i class="fas fa-file-medical fa-2x text-danger"></i>
-                        <p class="small mt-1 mb-0 text-muted">Toca para ver / descargar</p>
-                    </div>
+                <!-- Vista previa solo para imágenes (falla silenciosamente para PDFs) -->
+                <img src="${resOrden(item.orden_local_file)}"
+                     id="ord-img-${item.orden_id}"
+                     style="max-width:100%;max-height:180px;border-radius:8px;border:1px solid #ddd;cursor:zoom-in;display:block"
+                     alt="Orden"
+                     onclick="window.open('${resOrden(item.orden_local_file)}','_blank')"
+                     onerror="this.style.display='none'">
+                <!-- Botón siempre visible: funciona para imágenes Y PDFs -->
+                <a href="${resOrden(item.orden_local_file)}" target="_blank"
+                   class="btn btn-sm btn-outline-danger w-100 mt-1">
+                    <i class="fas fa-file-medical me-1"></i>
+                    Ver / Descargar orden #${item.orden_id_display || item.orden_id || ''}
                 </a>
-                <div class="small text-muted mt-1"><i class="fas fa-file-medical me-1"></i>Orden #${item.orden_id_display || item.orden_id}</div>
             </div>` : ''}
             <!-- Servicios extra registrados -->
             ${seSuf ? `<div class="d-flex flex-wrap gap-1 mb-2">${seSuf}</div>` : ''}