Diferencias

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

--- software:nuevos_desarrollos:coliseum [2026/07/17 18:56] – jesus
+++ software:nuevos_desarrollos:coliseum [2026/07/17 19:08] (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 291: / Línea 291: @@
       <div class="dato-linea"><span class="dato-etiqueta">Compatibilidad:</span><span class="dato-valor">PCW 8256 - PCW 8512 - PCW 9512 / PCW Plus / PCW# mini</span></div>
       <div class="dato-linea"><span class="dato-etiqueta">Gráficos:</span><span class="dato-valor">3 estilos (Simple, Patterns y Dither en Modos 0/1) / Monocromo optimizado</span></div>
-            <div class="dato-linea"><span class="dato-etiqueta">Sonido:</span><span class="dato-valor">Efectos por Buffer (Altavoz interno) / Música de inicio optimizada para DK'Sound</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">Sonido:</span><span class="dato-valor">Efectos por Buffer (Altavoz interno) / Música de inicio optimizada para DK'Sound</span></div>
       <div class="dato-linea"><span class="dato-etiqueta">Periféricos:</span><span class="dato-valor">Teclado (Redefinible) / Joystick compatible DK'Tronics</span></div>
       <div class="dato-linea"><span class="dato-etiqueta">Carga:</span><span class="dato-valor">Estructura adaptada al entorno CP/M (Conversión directa desde disco)</span></div>
       <div class="dato-linea"><span class="dato-etiqueta">Género:</span><span class="dato-valor">Arcade / Conducción / Acción / Carreras Retro</span></div>
@@ Línea 325: / Línea 324: @@
   </div>
-  <!-- SECCIÓN CARÁTULA CORREGIDA (TEXT-ALIGN) -->
+  <!-- SECCIÓN CARÁTULA CORREGIDA (AJUSTE FLUIDO DE PANTALLA) -->
   <div class="retro-subtitle">Caratula</div>
   <div style="text-align: center; margin-bottom: 25px; position: relative; z-index: 3;">
@@ Línea 366: / Línea 365: @@
   <!-- SECCIÓN EXTRAS Y MAPAS -->
   <div class="retro-subtitle">Extras</div>
-    <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Teclado y Control</div>
+  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Teclado y Control</div>
   <div class="pcw-texto-plano" style="text-align: justify; margin-bottom: 15px;">
-    Esta versión optimiza la lectura de la matriz del teclado para evitar cualquier tipo de retraso en la respuesta del carro en plena carrera. El software incluye un completo menú de configuración inicial que permite al usuario <strong>redefinir por completo las teclas</strong> de acción a su gusto. Además, cuenta con soporte nativo de fábrica para joysticks digitales bajo el estándar clásico de DK'Tronics. En el apartado sonoro, el motor aprovecha rutinas de sonido por buffer para el altavoz interno de la máquina (evitando caídas de frames en el scroll) y ofrece compatibilidad total con el hardware de expansión <strong>DK'Sound</strong> para reproducir la melodía original de Topo Soft con la máxima fidelidad de canales. Los controles definidos por defecto son:
+    Esta versión optimiza la lectura de la matriz del teclado para evitar cualquier tipo de retraso en la respuesta del carro en plena carrera. El juego incluye un menú inicial que permite al usuario <strong>redefinir por completo las teclas</strong> de juego a su gusto. Cuenta con soporte de fábrica nativo para joysticks digitales bajo el clásico estándar de DK'Tronics. En el apartado sonoro, el motor aprovecha rutinas de sonido por buffer para el altavoz interno de la máquina (evitando caídas de frames en el scroll) y ofrece compatibilidad total con el hardware de expansión <strong>DK'Sound</strong> para reproducir la melodía original de Topo Soft con la máxima fidelidad de canales. Los controles definidos por defecto son:
   </div>
   <div style="max-width: 500px; margin-bottom: 25px;">
     <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Tecla Q:</span><span class="dato-valor">Mover hacia Arriba / Carril Superior (Redefinible)</span></div>
@@ Línea 393: / 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;">Mapas</div>
   <div class="pcw-texto-plano" style="margin-bottom: 15px;">
@@ Línea 400: / 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>