Diferencias

Muestra las diferencias entre dos versiones de la página.

--- en:software:nuevos_desarrollos:coliseum [2026/07/17 18:57] – jesus
+++ en:software:nuevos_desarrollos:coliseum [2026/07/17 19:01] (actual) – jesus
@@ Línea 216: / Línea 216: @@
   }
-  /* Visor interactivo a TAMAÑO REAL con scroll */
+  /* VISOR INTERACTIVO OPTIMIZADO: Evita pérdidas por el lado izquierdo */
   .pcw-img-modal {
     display: none;
@@ Línea 223: / Línea 223: @@
     top: 0; left: 0; width: 100%; height: 100%;
     background-color: rgba(0,10,0,0.95);
-    overflow: auto;
+    overflow: hidden;
     cursor: zoom-out;
-    padding: 20px;
     box-sizing: border-box;
   }
@@ Línea 232: / Línea 231: @@
     justify-content: center;
     align-items: center;
-    min-width: 100%;
+    width: 100%;
-    min-height: 100%;
+    height: 100%;
+    padding: 20px;
+    box-sizing: border-box;
   }
   .pcw-img-modal img {
-    max-width: none !important;
+    max-width: 100% !important;
-    max-height: none !important;
+    max-height: 90vh !important;
     width: auto !important;
     height: auto !important;
+    object-fit: contain !important;
     border: 4px solid #00ff00 !important;
     box-shadow: 0 0 30px #00ff00;
@@ Línea 266: / Línea 268: @@
     img.src = url;
     visor.style.display = 'block';
-    visor.scrollTop = 0;
-    visor.scrollLeft = 0;
   }
 </script>
@@ Línea 324: / Línea 324: @@
   </div>
-  <!-- SECCIÓN CARÁTULA CORREGIDA (TEXT-ALIGN) -->
+  <!-- SECCIÓN CARÁTULA CORREGIDA (AJUSTE FLUIDO DE PANTALLA) -->
   <div class="retro-subtitle">Cover Art</div>
   <div style="text-align: center; margin-bottom: 25px; position: relative; z-index: 3;">
@@ Línea 391: / Línea 391: @@
   </div>
-  <!-- SECCIÓN MAPAS (CORREGIDA A 2 COLUMNAS SIMÉTRICAS) -->
+  <!-- SECCIÓN MAPAS (CORREGIDA A 2 COLUMNAS SIMÉTRICAS Y VISOR PROPORCIONAL) -->
   <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Maps</div>
   <div class="pcw-texto-plano" style="margin-bottom: 15px;">
@@ Línea 398: / Línea 398: @@
   <div class="pcw-grid-horizontal" style="display: flex; justify-content: center; gap: 20px;">
     <div class="pcw-grid-item">
-      <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:Colisevm_mapa_1.jpg" target="_blank">
+      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:Colisevm_mapa_1.jpg" style="width:310px;" onclick="verImagen(this.src)">
-        <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:Colisevm_mapa_1.jpg" style="width:310px; cursor:zoom-in;">
-      </a>
     </div>
     <div class="pcw-grid-item">
-      <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:Colisevm_mapa_2.jpg" target="_blank">
+      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:Colisevm_mapa_2.jpg" style="width:310px;" onclick="verImagen(this.src)">
-        <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:Colisevm_mapa_2.jpg" style="width:310px; cursor:zoom-in;">
-      </a>
     </div>
   </div>