Diferencias

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

--- software:nuevos_desarrollos:knight_lore [2026/07/20 17:59] – 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 395: / Línea 390: @@
   <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á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 402: / 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="/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>