Diferencias

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

--- software:nuevos_desarrollos:knight_lore [2026/07/20 17:03] – jesus
+++ software:nuevos_desarrollos:knight_lore [2026/07/20 18:01] (actual) – jesus
@@ Línea 55: / Línea 55: @@
   }
-  /* Contenedores flexibles con soporte táctil nativo sin cortes en móvil */
+  /* Centrado de bloques multimedia y galerías */
-  .pcw-presentacion-galeria, .pcw-bloque-imagenes, .pcw-bloque-centrado, .pcw-bloque-linea-unica {
+  .pcw-presentacion-galeria, .pcw-bloque-imagenes, .pcw-bloque-centrado {
     display: flex !important;
-    flex-wrap: nowrap !important;
+    flex-wrap: wrap !important;
-    overflow-x: auto !important;
-    -webkit-overflow-scrolling: touch !important;
-    justify-content: flex-start !important;
     gap: 15px !important;
     margin-bottom: 25px !important;
     position: relative !important;
     z-index: 3 !important;
-    padding-bottom: 15px;
+    justify-content: center !important;
+    align-items: center !important;
   }
-  /* Centrado en pantallas grandes */
+  /* Embalaje en una sola línea sin barras de desplazamiento */
-  @media (min-width: 769px) {
+  .pcw-bloque-linea-unica {
-    .pcw-presentacion-galeria, .pcw-bloque-imagenes, .pcw-bloque-centrado, .pcw-bloque-linea-unica {
+    display: flex !important;
-      flex-wrap: wrap !important;
+    flex-wrap: nowrap !important;
-      overflow-x: visible !important;
+    gap: 10px !important;
-      justify-content: center !important;
+    margin-bottom: 15px !important;
-      padding-bottom: 0;
+    position: relative !important;
-    }
+    z-index: 3 !important;
+    justify-content: center !important;
+    align-items: center !important;
   }
-  /* Rejilla de manuales adaptiva */
+  /* Bloques de rejilla alineados para imágenes con texto inferior */
   .pcw-grid-horizontal {
     display: flex !important;
     flex-wrap: nowrap !important;
-    overflow-x: auto !important;
-    -webkit-overflow-scrolling: touch !important;
     gap: 20px !important;
-    justify-content: flex-start !important;
+    justify-content: center !important;
+    align-items: flex-start !important;
     margin-bottom: 25px !important;
     position: relative !important;
     z-index: 3 !important;
-    padding-bottom: 15px;
-  }
-  @media (min-width: 769px) {
-    .pcw-grid-horizontal {
-      flex-wrap: nowrap !important;
-      overflow-x: visible !important;
-      justify-content: center !important;
-      padding-bottom: 0;
-    }
   }
@@ Línea 107: / Línea 96: @@
     align-items: center !important;
     text-align: center !important;
-    min-width: 220px;
   }
-  /* Contenedor adaptativo con barra táctil para la tabla de capturas */
+  /* Estructura de Rejillas HTML en bloque continuo */
-  .pcw-tabla-scroll {
+  .pcw-tabla-grid {
     width: 100%;
-    overflow-x: auto !important;
+    border-collapse: collapse;
-    -webkit-overflow-scrolling: touch !important;
     margin-bottom: 25px;
     position: relative;
     z-index: 3;
-    padding-bottom: 15px;
-  }
-  .pcw-tabla-grid {
-    width: 100%;
-    min-width: 760px; /* Asegura que las 4 capturas mantengan su tamaño en línea */
-    border-collapse: collapse;
   }
   .pcw-tabla-grid td {
@@ Línea 137: / Línea 117: @@
     transition: 0.2s;
     cursor: pointer;
-    max-width: 100%;
-    height: auto;
-    pointer-events: auto !important; /* Garantiza selección táctil */
   }
   .pcw-ficha-container img:hover {
@@ Línea 213: / Línea 190: @@
   }
-  /* Visor interactivo fijado a la ventana visual activa (Fixed) */
+  .pcw-texto-sub-imagen {
+    font-size: 0.85em;
+    color: #00ff00;
+    margin-top: 8px;
+    max-width: 440px;
+  }
+  .pcw-lista-ul {
+    list-style-type: square;
+    margin-left: 25px;
+    margin-bottom: 20px;
+    position: relative;
+    z-index: 3;
+  }
+  .pcw-lista-ul li { margin-bottom: 5px; }
+  /* Estilos de Enlaces DokuWiki dentro del Monitor */
+  .dokuwiki .pcw-ficha-container a {
+    color: #00ff00 !important;
+    text-decoration: none !important;
+    font-weight: bold;
+  }
+  .dokuwiki .pcw-ficha-container a:hover {
+    text-decoration: underline !important;
+  }
+  /* Visor interactivo adaptado para pantallas sin perder los lados */
   .pcw-img-modal {
     display: none;
     position: fixed;
-    z-index: 99999;
+    z-index: 9999;
-    top: 0; left: 0; width: 100vw; height: 100vh;
+    top: 0; left: 0; width: 100%; height: 100%;
-    background-color: rgba(0,10,0,0.96);
+    background-color: rgba(0,10,0,0.95);
+    overflow: auto;
     cursor: zoom-out;
+    padding: 20px;
     box-sizing: border-box;
   }
@@ Línea 229: / Línea 234: @@
     width: 100%;
     height: 100%;
-    padding: 20px;
-    box-sizing: border-box;
   }
   .pcw-img-modal img {
-    max-width: 95% !important;
+    max-width: 90% !important;
-    max-height: 95% !important;
+    max-height: 90% !important;
     width: auto !important;
     height: auto !important;
@@ Línea 240: / Línea 243: @@
     border: 4px solid #00ff00 !important;
     box-shadow: 0 0 30px #00ff00;
-  }
-  .pcw-video-contenedor {
-    position: relative;
-    padding-bottom: 56.25%;
-    height: 0;
-    overflow: hidden;
-    max-width: 100%;
-    width: 600px;
-  }
-  .pcw-video-contenedor iframe {
-    position: absolute;
-    top: 0; left: 0; width: 100%; height: 100%;
   }
@@ Línea 259: / Línea 249: @@
     .dato-linea { flex-direction: column; }
     .dato-etiqueta { min-width: 100%; }
+    .pcw-grid-horizontal { flex-direction: column; align-items: center; gap: 30px !important; }
+    .pcw-bloque-linea-unica { flex-wrap: wrap !important; }
   }
 </style>
-<!-- Contenedor del visor modal adaptado a la ventana visual activa -->
+<!-- Contenedor del visor adaptado a pantalla -->
 <div id="pcwVisor" class="pcw-img-modal" onclick="this.style.display='none'">
   <div class="pcw-img-modal-content">
@@ Línea 275: / Línea 267: @@
     img.src = url;
     visor.style.display = 'block';
+    visor.scrollTop = 0;
+    visor.scrollLeft = 0;
   }
 </script>
@@ Línea 280: / Línea 274: @@
 <div class="pcw-ficha-container">
   <div class="retro-title">KNIGHT LORE</div>
   <!-- RECUADRO DE FICHA TÉCNICA (COMPACTA) -->
   <div class="ficha-libro-crt">
@@ Línea 332: / Línea 327: @@
     La premisa argumental nos sumerge en la maldición del carismático explorador <strong>Sabreman</strong>, quien tras ser atacado en sus viajes, se ve atrapado dentro de los laberínticos confines de Knight Castle bajo la condición de un licántropo (el temible <em>Wulfman</em>). El jugador dispone de un límite estricto de cuarenta días y cuarenta noches de tiempo simulado para recorrer más de un centenar de peligrosas habitaciones. El objetivo crucial consiste en recolectar y transportar los ingredientes correctos requeridos secuencialmente por el Caldero Mágico del viejo mago Melkhior para sintetizar el antídoto definitivo. El paso del tiempo se monitoriza de forma constante a través de un marcador que alterna ciclos solares y lunares; cada transición desencadena una dolorosa transformación física en tiempo real que altera por completo el ritmo de juego y la agresividad del entorno. Este juego ha resultado más complicado de portar que los últimos desarrollos, pero le ha servido a HabiSoft para refinar complejas técnicas de renderizado y rutinas de entrada. Con alguna optimización extra en el código Z80, el desarrollo ha quedado bastante bien en velocidad, garantizando un soporte de joystick de vicio y una excelente calidad en el sonido para disfrutar en hardware real o sistemas expandidos.
   </div>
 <!-- SECCIÓN CARÁTULA -->
   <div class="retro-subtitle">Caratula</div>
@@ Línea 393: / Línea 389: @@
   <div class="pcw-texto-plano" style="text-align: justify;">
-    <strong>• Gestión de Ingredientes en el Caldero:</strong> Melkhior te exigirá una secuencia estricta de 14 objetos específicos que se mostrarán de manera flotante sobre el Caldero Mágico. Si cometes el error de arrojar un ingrediente equivocado, este saldrá repelido violentamente de la sala, penalizántote. Un truco fundamental consiste en recolectar y apilar de forma organizada los objetos duplicados en las habitaciones inmediatamente adyacentes a la sala del caldero principal para acortar tiempos en el tramo final.<br><br>
+    <strong>• Gestión de Ingredientes en el Caldero:</strong> Melkhior te exigirá una secuencia estricta de 14 objetos específicos que se mostrarán de manera flotante sobre el Caldero Mágico. Si cometes el error de arrojar un ingrediente equivocado, este saldrá repelido violentamente de la sala, penalizándote. Un truco fundamental consiste en recolectar y apilar de forma organizada los objetos duplicados en las habitaciones inmediatamente adyacentes a la sala del caldero principal para acortar tiempos en el tramo final.<br><br>
-    <strong>• Físicas, Peso y Apilamiento de Bloques:</strong> El motor Filmation calcula con rigidez el peso y las inercias espaciales. Empujar bloques, mesas y banquetas para crear escaleras improvisadas es vital. Al saltar justo en el borde de un bloque en movimiento, obtendrás una inercia vertical extra calculada por el motor, permitiéndote cruzar fosos amplios repletos de pinchos mortales o eludir fantasmas.<br><br>
+    <strong>• Físicas, Peso y Apilamiento de Bloques:</strong> El motor Filmation calcula con rigidez el peso y las inercias espaciales. Empujar bloques, mesas y banquetas para crear escaleras improvisadas es vital. Al saltar justo en el borde de un block en movimiento, obtendrás una inercia vertical extra calculada por el motor, permitiéndote cruzar fosos amplios repletos de pinchos mortales o eludir fantasmas.<br><br>
     <strong>• Frames de Invulnerabilidad en Metamorfosis:</strong> El instante exacto en el que se ejecuta la transformación visual entre Sabreman y Wulfman (hombre lobo) otorga un breve lapso de inmunidad absoluta a cualquier impacto. Puedes cronometrar el ciclo solar y lunar de la interfaz para usar este parpadeo defensivo a tu favor, logrando atravesar estancias saturadas de fuego enemigo o pasillos bloqueados.<br><br>
     <strong>• Saltos sobre Monstruos y Atajos Geométricos:</strong> Es perfectamente posible saltar sobre las cabezas de monstruos móviles o plataformas flotantes letales. Utilízalas como peldaños dinámicos improvisados para acceder a cornisas elevadas de estancias complejas, lo que te evitará la necesidad de acarrear pesadas estructuras de bloques desde salas lejanas.
@@ Línea 401: / Línea 397: @@
   <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Mapa</div>
   <div class="pcw-texto-plano" style="margin-bottom: 15px;">
-    Se adjunta el mapa cartográfico completo de las estancias de Knight Castle. Al hacer clic sobre él se abrirá adaptado a la pantalla en el visor.
+    Se adjunta el plano cartográfico completo de las estancias de Knight Castle. Al hacer clic sobre él se abrirá adaptado a la pantalla en el visor.
   </div>
   <div class="pcw-bloque-imagenes" style="display: flex; justify-content: center; margin-bottom: 25px;">
-    <img src="https://pcwwiki2.com" style="width:440px;" onclick="verImagen(this.src)">
+    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:knight_lore_mapa.png" style="width:440px;" onclick="verImagen(this.src)">
   </div>
 <!-- SECCIÓN PÓSTER -->
   <div class="retro-subtitle">Poster Promocional</div>