Diferencias

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

--- software:nuevos_desarrollos:knight_lore [2026/07/20 17:01] – jesus
+++ software:nuevos_desarrollos:knight_lore [2026/07/20 18:01] (actual) – jesus
@@ Línea 55: / Línea 55: @@
   }
-  /* Centrado de bloques multimedia y galerías con soporte móvil táctil */
+  /* Centrado de bloques multimedia y galerías */
   .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: 10px;
+    justify-content: center !important;
+    align-items: center !important;
   }
-  /* Embalaje en una sola línea sin barras de desplazamiento fijas */
+  /* Embalaje en una sola línea sin barras de desplazamiento */
   .pcw-bloque-linea-unica {
     display: flex !important;
     flex-wrap: nowrap !important;
-    overflow-x: auto !important;
-    -webkit-overflow-scrolling: touch !important;
-    justify-content: flex-start !important;
     gap: 10px !important;
     margin-bottom: 15px !important;
     position: relative !important;
     z-index: 3 !important;
-    padding-bottom: 10px;
+    justify-content: center !important;
-  }
+    align-items: center !important;
-  /* Centrado por defecto en pantallas grandes */
-  @media (min-width: 769px) {
-    .pcw-presentacion-galeria, .pcw-bloque-imagenes, .pcw-bloque-centrado, .pcw-bloque-linea-unica {
-      flex-wrap: wrap !important;
-      overflow-x: visible !important;
-      justify-content: center !important;
-      padding-bottom: 0;
-    }
   }
@@ Línea 102: / Línea 88: @@
     margin-bottom: 25px !important;
     position: relative !important;
-    z-index: 3;
+    z-index: 3 !important;
   }
@@ Línea 112: / Línea 98: @@
   }
-  /* Contenedor adaptativo para la tabla de capturas en móviles */
+  /* 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;
-  }
-  .pcw-tabla-grid {
-    width: 100%;
-    min-width: 740px; /* Evita que la tabla colapse en móviles */
-    border-collapse: collapse;
   }
   .pcw-tabla-grid td {
@@ Línea 138: / Línea 117: @@
     transition: 0.2s;
     cursor: pointer;
-    max-width: 100%;
-    height: auto;
   }
   .pcw-ficha-container img:hover {
@@ Línea 220: / Línea 197: @@
   }
-  /* Adaptación de vídeo incrustado para móviles */
+  .pcw-lista-ul {
-  .pcw-video-contenedor {
+    list-style-type: square;
+    margin-left: 25px;
+    margin-bottom: 20px;
     position: relative;
-    padding-bottom: 56.25%;
+    z-index: 3;
-    height: 0;
-    overflow: hidden;
-    max-width: 100%;
-    width: 600px;
   }
-  .pcw-video-contenedor iframe {
+  .pcw-lista-ul li { margin-bottom: 5px; }
-    position: absolute;
+  /* 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: 9999;
     top: 0; left: 0; width: 100%; height: 100%;
+    background-color: rgba(0,10,0,0.95);
+    overflow: auto;
+    cursor: zoom-out;
+    padding: 20px;
+    box-sizing: border-box;
+  }
+  .pcw-img-modal-content {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+  }
+  .pcw-img-modal img {
+    max-width: 90% !important;
+    max-height: 90% !important;
+    width: auto !important;
+    height: auto !important;
+    object-fit: contain;
+    border: 4px solid #00ff00 !important;
+    box-shadow: 0 0 30px #00ff00;
   }
@@ Línea 238: / Línea 249: @@
     .dato-linea { flex-direction: column; }
     .dato-etiqueta { min-width: 100%; }
-    .pcw-grid-horizontal { flex-direction: row; overflow-x: auto; -webkit-overflow-scrolling: touch; justify-content: flex-start; gap: 15px !important; padding-bottom: 10px; }
+    .pcw-grid-horizontal { flex-direction: column; align-items: center; gap: 30px !important; }
-    .pcw-grid-item { min-width: 220px; }
+    .pcw-bloque-linea-unica { flex-wrap: wrap !important; }
   }
 </style>
@@ Línea 292: / Línea 303: @@
   <!-- SECCIÓN CAPTURAS -->
   <div class="retro-subtitle">Capturas</div>
-  <table class="pcw-tabla-grid">
+  <div class="pcw-tabla-scroll">
-    <tr>
+    <table class="pcw-tabla-grid">
-      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Knight_lore_1.png" style="width:180px;" onclick="verImagen(this.src)"></td>
+      <tr>
-      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Knight_lore_2.png" style="width:180px;" onclick="verImagen(this.src)"></td>
+        <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Knight_lore_1.png" style="width:180px;" onclick="verImagen(this.src)"></td>
-      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Knight_lore_3.png" style="width:180px;" onclick="verImagen(this.src)"></td>
+        <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Knight_lore_2.png" style="width:180px;" onclick="verImagen(this.src)"></td>
-      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Knight_lore_4.png" style="width:180px;" onclick="verImagen(this.src)"></td>
+        <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Knight_lore_3.png" style="width:180px;" onclick="verImagen(this.src)"></td>
-    </tr>
+        <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Knight_lore_4.png" style="width:180px;" onclick="verImagen(this.src)"></td>
-    <tr>
+      </tr>
-      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Knight_lore_5.png" style="width:180px;" onclick="verImagen(this.src)"></td>
+      <tr>
-      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Knight_lore_6.png" style="width:180px;" onclick="verImagen(this.src)"></td>
+        <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Knight_lore_5.png" style="width:180px;" onclick="verImagen(this.src)"></td>
-      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Knight_lore_7.png" style="width:180px;" onclick="verImagen(this.src)"></td>
+        <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Knight_lore_6.png" style="width:180px;" onclick="verImagen(this.src)"></td>
-      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Knight_lore_8.png" style="width:180px;" onclick="verImagen(this.src)"></td>
+        <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Knight_lore_7.png" style="width:180px;" onclick="verImagen(this.src)"></td>
-    </tr>
+        <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Knight_lore_8.png" style="width:180px;" onclick="verImagen(this.src)"></td>
-  </table>
+      </tr>
+    </table>
+  </div>
   <!-- SECCIÓN DESCRIPCIÓN -->
   <div class="retro-subtitle">Descripción</div>
   <div class="pcw-texto-descripcion">
-    Lanzado originalmente en 1984 por la mítica firma británica <strong>Ultimate Play The Game</strong> (fundada por los hermanos Chris y Tim Stamper), <em>Knight Lore</em> supuso un punto de inflexión absoluto e histórico en la industria global de los videojuegos. En una época en la que predominaban los entornos planos en dos dimensiones, este título revolutionized el mercado al introducir el aclamado motor gráfico <strong>Filmation Engine</strong>. Este hito técnico implementó por primera vez una perspectiva isométrica en un entorno pseudo-3D real, donde los objetos contaban con volumen, colisiones físicas, gravedad y la capacidad de interactuar y ser apilados. El impacto fue monumental en sistemas como ZX Spectrum, Amstrad CPC, BBC Micro, MSX y Commodore 64, definiendo las bases de un nuevo género gráfico de exploración estructural.<br><br>
+    Lanzado originalmente en 1984 por la mítica firma británica <strong>Ultimate Play The Game</strong> (fundada por los hermanos Chris y Tim Stamper), <em>Knight Lore</em> supuso un punto de inflexión absoluto e histórico en la industria global de los videojuegos. En una época en la que predominaban los entornos planos en dos dimensiones, este título revolucionó el mercado al introducir el aclamado motor gráfico <strong>Filmation Engine</strong>. Este hito técnico implementó por primera vez una perspectiva isométrica en un entorno pseudo-3D real, donde los objetos contaban con volumen, colisiones físicas, gravedad y la capacidad de interactuar y ser apilados. El impacto fue monumental en sistemas como ZX Spectrum, Amstrad CPC, BBC Micro, MSX y Commodore 64, definiendo las bases de un nuevo género gráfico de exploración estructural.<br><br>
     En esta ocasión, HabiSoft nos trae un port icónico y sumamente cuidado de esta joya de Ultimate. Fiel a su filosofía de exprimir las plataformas retro, en esta ocasión os traigo un juego portado icónico de Ultimate: el Knight Lore. Desarrollado originalmente en 2020, este port hace uso de una las características nuevas de la interfaz en color para expandir la experiencia en el Amstrad PCW. El juego deja elegir en cualquier caso al principio, y en caso de elegir monocromo parchea los gráficos in situ para que se vean mejor bajo la alta resolución nativa de los monitores clásicos. En caso de elegir color y tener activa la interfaz, cambiará a modo gráfico y además cambiará la paleta de la misma forma que la versión de CPC, respetando al cien por cien la viveza e identidad visual de la conversión clásica de Amstrad.<br><br>
     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>
-~~NOTOC~~
+<!-- SECCIÓN CARÁTULA -->
+  <div class="retro-subtitle">Caratula</div>
+  <div class="pcw-bloque-imagenes" style="display: flex; justify-content: center; margin-bottom: 25px;">
+    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:Knight_lore_cover.jpg" style="width:440px;" onclick="verImagen(this.src)">
+  </div>
-<html>
+  <!-- SECCIÓN MANUAL -->
-<style>
+  <div class="retro-subtitle">Manual</div>
-  /* --- FICHA TÉCNICA VISUAL ENGINE ORIGINAL --- */
+  <div class="pcw-texto-plano" style="margin-bottom: 15px;">
-  .pcw-ficha-container {
+    Se adjunta la documentación oficial escaneada en alta fidelidad.
-    background-color: #000b00;
+  </div>
-    border: 12px solid #2a2a2a;
+  <div class="pcw-grid-horizontal">
-    border-radius: 15px;
+    <div class="pcw-grid-item">
-    padding: 25px;
+      <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:Knight_lore_manual_1.jpg" target="_blank">
-    margin: 25px 0;
+        <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:Knight_lore_manual_1.jpg" style="width:220px; cursor:zoom-in;">
-    font-family: 'Courier New', Courier, monospace;
+      </a>
-    position: relative;
+    </div>
-    overflow: hidden;
+    <div class="pcw-grid-item">
-    box-shadow: inset 0 0 60px rgba(0,255,0,0.15), 0 10px 30px rgba(0,0,0,0.7);
+      <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:Knight_lore_manual_2.jpg" target="_blank">
-    color: #00bb00;
+        <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:Knight_lore_manual_2.jpg" style="width:220px; cursor:zoom-in;">
-  }
+      </a>
+    </div>
+  </div>
-  /* Scanlines y parpadeo CRT */
+  <!-- SECCIÓN DISCOS -->
-  .pcw-ficha-container::after {
+  <div class="retro-subtitle">Discos</div>
-    content: " ";
+  <div class="pcw-bloque-imagenes">
-    position: absolute;
+    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:discos:Knight_lore_disk_1.jpg" style="width:180px;" onclick="verImagen(this.src)">
-    top: 0; left: 0; bottom: 0; right: 0;
+    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:discos:Knight_lore_disk_2.jpg" style="width:180px;" onclick="verImagen(this.src)">
-    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.15) 50%),
+    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:discos:Knight_lore_disk_3.jpg" style="width:180px;" onclick="verImagen(this.src)">
-                linear-gradient(90deg, rgba(255, 0, 0, 0.02), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.02));
+  </div>
-    background-size: 100% 3px, 2px 100%;
-    z-index: 2;
-    pointer-events: none;
-    animation: flickering 0.15s infinite;
-  }
-  @keyframes flickering { 0% { opacity: 0.98; } 100% { opacity: 1; } }
+  <!-- SECCIÓN ETIQUETAS -->
+  <div class="retro-subtitle">Etiquetas</div>
+  <div class="pcw-texto-plano" style="text-align: justify; margin-bottom: 20px;">
+    Medida en 3“ alto: 7,00 cm - ancho: 7,10 cm.
+  </div>
+  <div style="text-align: center;">
+    <div class="pcw-bloque-imagenes" style="display: flex; justify-content: center;">
+      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:discos:Knight_lore_etiq_1.jpg" style="width:160px; cursor:pointer;" onclick="verImagen(this.src)">
+    </div>
+  </div>
+<!-- SECCIÓN EXTRAS Y MAPAS -->
+  <div class="retro-subtitle">Extras</div>
-  .retro-title {
+  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Teclado y Control</div>
-    color: #00ff00 !important;
+  <div class="pcw-texto-plano" style="text-align: justify; margin-bottom: 15px;">
-    font-size: 2em;
+    El sistema cuenta con soporte para el joystick de vicio con una respuesta excelente y un gran aprovechamiento de las rutinas de sonido. La configuración del teclado es completamente redefinible desde el menú interno; la lista expuesta abajo detalla los comandos oficiales del juego mapeados a sus teclas por defecto.
-    font-weight: bold;
+  </div>
-    text-shadow: 0 0 10px rgba(0, 255, 0, 0.7), 0 0 2px rgba(0, 255, 0, 0.8);
+  <div style="max-width: 500px; margin-bottom: 25px;">
-    margin-bottom: 20px;
+    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Tecla Q:</span><span class="dato-valor">FORWARD (Moverse hacia adelante en el eje angular)</span></div>
-    border-bottom: 3px double #00ff00;
+    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Tecla A:</span><span class="dato-valor">BACKWARD (Moverse hacia atrás)</span></div>
-    padding-bottom: 10px;
+    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Tecla O:</span><span class="dato-valor">TURN LEFT (Rotar el ángulo de mirada a la izquierda)</span></div>
-    text-align: left;
+    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Tecla P:</span><span class="dato-valor">TURN RIGHT (Rotar el ángulo de mirada a la derecha)</span></div>
-  }
+    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">ESPACIO:</span><span class="dato-valor">JUMP (Saltar usando las físicas del motor Filmation)</span></div>
+    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Tecla SYM:</span><span class="dato-valor">PICK UP / DROP (Recoger o soltar objetos en el inventario)</span></div>
+  </div>
-  .retro-subtitle {
+  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Consejos y trucos para terminar el juego</div>
-    color: #00ff00 !important;
-    font-size: 1.3em;
-    font-weight: bold;
-    text-shadow: 0 0 5px rgba(0, 255, 0, 0.5);
-    margin-top: 30px;
-    margin-bottom: 15px;
-    border-bottom: 1px dashed #00ff00;
-    padding-bottom: 5px;
-    text-transform: uppercase;
-  }
-  /* Centrado de bloques multimedia y galerías con soporte móvil táctil */
+  <div class="pcw-texto-plano" style="text-align: justify;">
-  .pcw-presentacion-galeria, .pcw-bloque-imagenes, .pcw-bloque-centrado {
+    <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>
-    display: flex !important;
+    <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>
-    flex-wrap: nowrap !important;
+    <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>
-    overflow-x: auto !important;
+    <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.
-    -webkit-overflow-scrolling: touch !important;
+  </div>
-    justify-content: flex-start !important;
-    gap: 15px !important;
-    margin-bottom: 25px !important;
-    position: relative !important;
-    z-index: 3 !important;
-    padding-bottom: 10px;
-  }
-  /* Embalaje en una sola línea sin barras de desplazamiento fijas */
+  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Mapa</div>
-  .pcw-bloque-linea-unica {
+  <div class="pcw-texto-plano" style="margin-bottom: 15px;">
-    display: flex !important;
+    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.
-    flex-wrap: nowrap !important;
+  </div>
-    overflow-x: auto !important;
+  <div class="pcw-bloque-imagenes" style="display: flex; justify-content: center; margin-bottom: 25px;">
-    -webkit-overflow-scrolling: touch !important;
+    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:knight_lore_mapa.png" style="width:440px;" onclick="verImagen(this.src)">
-    justify-content: flex-start !important;
-    gap: 10px !important;
-    margin-bottom: 15px !important;
-    position: relative !important;
-    z-index: 3 !important;
-    padding-bottom: 10px;
-  }
-  /* Centrado por defecto en pantallas grandes */
-  @media (min-width: 769px) {
-    .pcw-presentacion-galeria, .pcw-bloque-imagenes, .pcw-bloque-centrado, .pcw-bloque-linea-unica {
-      flex-wrap: wrap !important;
-      overflow-x: visible !important;
-      justify-content: center !important;
-      padding-bottom: 0;
-    }
-  }
-  /* Bloques de rejilla alineados para imágenes con texto inferior */
-  .pcw-grid-horizontal {
-    display: flex !important;
-    flex-wrap: nowrap !important;
-    gap: 20px !important;
-    justify-content: center !important;
-    align-items: flex-start !important;
-    margin-bottom: 25px !important;
-    position: relative !important;
-    z-index: 3;
-  }
-  .pcw-grid-item {
-    display: flex !important;
-    flex-direction: column !important;
-    align-items: center !important;
-    text-align: center !important;
-  }
-  /* Contenedor adaptativo para la tabla de capturas en móviles */
-  .pcw-tabla-scroll {
-    width: 100%;
-    overflow-x: auto !important;
-    -webkit-overflow-scrolling: touch !important;
-    margin-bottom: 25px;
-    position: relative;
-    z-index: 3;
-  }
-  .pcw-tabla-grid {
-    width: 100%;
-    min-width: 740px; /* Evita que la tabla colapse en móviles */
-    border-collapse: collapse;
-  }
-  .pcw-tabla-grid td {
-    padding: 10px;
-    text-align: center;
-    vertical-align: middle;
-  }
-  /* Marcos retro para imágenes del monitor */
-  .pcw-ficha-container img {
-    border: 2px solid #005500;
-    transition: 0.2s;
-    cursor: pointer;
-    max-width: 100%;
-    height: auto;
-  }
-  .pcw-ficha-container img:hover {
-    border: 2px solid #00ff00 !important;
-    box-shadow: 0 0 10px #00ff00 !important;
-    transform: scale(1.02) !important;
-  }
-  /* --- ESTRUCTURA DE FICHA TÉCNICA RECUADRO MAS PEQUEÑO --- */
-  .ficha-libro-crt {
-    border: 8px solid #2a2a2a;
-    border-radius: 12px;
-    padding: 15px 20px;
-    margin-bottom: 25px;
-    display: flex;
-    flex-wrap: wrap;
-    gap: 20px;
-    box-shadow: inset 0 0 40px rgba(0,255,0,0.15), 0 8px 20px rgba(0,0,0,0.7);
-    position: relative;
-    z-index: 3;
-    background-color: rgba(0, 10, 0, 0.4);
-    align-items: center;
-    max-width: 850px;
-    margin-left: auto;
-    margin-right: auto;
-  }
-  .portada-ficha-container {
-    width: 180px;
-    height: 250px;
-    background-color: #111;
-    border: 3px solid #00ff00;
-    padding: 2px;
-    box-sizing: border-box;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-  .portada-ficha-container img.portada-fija {
-    cursor: default !important;
-  }
-  .portada-ficha-container img.portada-fija:hover {
-    border: 2px solid #005500 !important;
-    box-shadow: none !important;
-    transform: none !important;
-  }
-  .datos-ficha { flex: 1; min-width: 260px; }
-  .titulo-linea {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    border-bottom: 2px solid #00ff00;
-    margin-bottom: 12px;
-    padding-bottom: 3px;
-  }
-  .datos-ficha h2 { margin: 0 !important; font-size: 1.4em !important; color: #00ff00 !important; text-transform: uppercase; text-shadow: 0 0 8px #00ff00; }
-  .bandera-pais { border: 1px solid #00ff00; }
-  .bandera-pais:hover { border: 1px solid #00ff00 !important; box-shadow: none !important; transform: none !important; cursor: default !important; }
-  .dato-linea { margin: 5px 0; font-size: 0.88em; display: flex; border-bottom: 1px solid rgba(0, 85, 0, 0.3); padding-bottom: 4px; line-height: 1.3; }
-  .dato-etiqueta { color: #008800; font-weight: bold; min-width: 150px; text-transform: uppercase; }
-  .dato-valor { color: #00ff00; }
-  .pcw-texto-descripcion, .pcw-texto-plano {
-    position: relative;
-    z-index: 3;
-    line-height: 1.6;
-    text-align: justify;
-    margin-bottom: 20px;
-  }
-  .pcw-texto-sub-imagen {
-    font-size: 0.85em;
-    color: #00ff00;
-    margin-top: 8px;
-    max-width: 440px;
-  }
-  /* Adaptación de vídeo incrustado para móviles */
-  .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%;
-  }
-  @media (max-width: 768px) {
-    .ficha-libro-crt { flex-direction: column; align-items: center; }
-    .dato-linea { flex-direction: column; }
-    .dato-etiqueta { min-width: 100%; }
-    .pcw-grid-horizontal { flex-direction: row; overflow-x: auto; -webkit-overflow-scrolling: touch; justify-content: flex-start; gap: 15px !important; padding-bottom: 10px; }
-    .pcw-grid-item { min-width: 220px; }
-  }
-</style>
-<!-- Contenedor del visor adaptado a pantalla -->
-<div id="pcwVisor" class="pcw-img-modal" onclick="this.style.display='none'">
-  <div class="pcw-img-modal-content">
-    <img id="pcwVisorImg" src="" alt="Visor">
   </div>
-</div>
-<script>
-  function verImagen(url) {
-    var visor = document.getElementById('pcwVisor');
-    var img = document.getElementById('pcwVisorImg');
-    img.src = url;
-    visor.style.display = 'block';
-    visor.scrollTop = 0;
-    visor.scrollLeft = 0;
-  }
-</script>
-<div class="pcw-ficha-container">
-  <div class="retro-title">KNIGHT LORE</div>
 <!-- SECCIÓN PÓSTER -->
   <div class="retro-subtitle">Poster Promocional</div>
-  <div style="display: flex; justify-content: center; margin-bottom: 25px; position: relative; z-index: 3;">
+  <div class="pcw-bloque-imagenes" style="display: flex; justify-content: center; margin-bottom: 25px;">
-    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:Knight_lore_poster.jpg" style="width:300px; max-width:100%; height:auto;" onclick="verImagen(this.src)">
+    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:Knight_lore_poster.jpg" style="width:300px;" onclick="verImagen(this.src)">
   </div>
@@ Línea 591: / Línea 416: @@
   <div class="pcw-bloque-imagenes" style="gap: 20px !important;">
     <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:descargas:Knight Lore.zip" style="text-decoration: none !important;">
-      <div style="border: 2px solid #005500; background: rgba(0,20,0,0.6); padding: 12px 20px; border-radius: 6px; text-align: center; transition: 0.2s; cursor: pointer; min-width: 240px;" onmouseover="this.style.borderColor='#00ff00'; this.style.boxShadow='0 0 10px #00ff00';" onmouseout="this.style.borderColor='#005500'; this.style.boxShadow='none';">
+      <div style="border: 2px solid #005500; background: rgba(0,20,0,0.6); padding: 12px 20px; border-radius: 6px; text-align: center; transition: 0.2s; cursor: pointer;" onmouseover="this.style.borderColor='#00ff00'; this.style.boxShadow='0 0 10px #00ff00';" onmouseout="this.style.borderColor='#005500'; this.style.boxShadow='none';">
         <span style="color: #00ff00; font-weight: bold; font-size: 1.1em; display: block; margin-bottom: 4px;">⬇ Knight Lore</span>
         <span style="color: #008800; font-size: 0.85em;">Versión PCW preservada (.ZIP)</span>
@@ Línea 602: / Línea 427: @@
   <div class="pcw-bloque-imagenes" style="gap: 20px !important; margin-bottom: 35px;">
     <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:descargas:Knight_lore_manual.pdf" style="text-decoration: none !important;">
-      <div style="border: 2px solid #005500; background: rgba(0,20,0,0.6); padding: 12px 20px; border-radius: 6px; text-align: center; transition: 0.2s; cursor: pointer; min-width: 240px;" onmouseover="this.style.borderColor='#00ff00'; this.style.boxShadow='0 0 10px #00ff00';" onmouseout="this.style.borderColor='#005500'; this.style.boxShadow='none';">
+      <div style="border: 2px solid #005500; background: rgba(0,20,0,0.6); padding: 12px 20px; border-radius: 6px; text-align: center; transition: 0.2s; cursor: pointer;" onmouseover="this.style.borderColor='#00ff00'; this.style.boxShadow='0 0 10px #00ff00';" onmouseout="this.style.borderColor='#005500'; this.style.boxShadow='none';">
         <span style="color: #00ff00; font-weight: bold; font-size: 1.1em; display: block; margin-bottom: 4px;">📄 Manual Oficial</span>
         <span style="color: #008800; font-size: 0.85em;">Edición física escaneada (PDF)</span>
@@ Línea 611: / Línea 436: @@
   <!-- SECCIÓN VÍDEOS -->
   <div class="retro-subtitle">Vídeos</div>
-  <div style="display: flex; justify-content: center; align-items: center; margin-bottom: 30px; position: relative; z-index: 3; padding: 0 10px;">
+  <div style="display: flex; justify-content: center; align-items: center; margin-bottom: 30px; position: relative; z-index: 3;">
-    <div style="border: 3px solid #005500; border-radius: 8px; padding: 5px; background-color: #000b00; box-shadow: 0 0 15px rgba(0, 255, 0, 0.4); display: inline-block; width: 100%; max-width: 600px; box-sizing: border-box;">
+    <div style="border: 3px solid #005500; border-radius: 8px; padding: 5px; background-color: #000b00; box-shadow: 0 0 15px rgba(0, 255, 0, 0.4); display: inline-block;">
-      <div class="pcw-video-contenedor">
+      </html>{{youtube>Q8-q5qckkEQ?large}}<html>
-        </html>{{youtube>Q8-q5qckkEQ?large}}<html>
-      </div>
     </div>
   </div>