Diferencias

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

--- software:nuevos_desarrollos:batman_plus [2026/07/14 10:59] – creado jesus
+++ software:nuevos_desarrollos:batman_plus [2026/07/14 11:33] (actual) – jesus
@@ Línea 3: / Línea 3: @@
 <html>
 <style>
-  /* --- FICHA TÉCNICA VISUAL ENGINE - BATMAN PLUS --- */
+  /* --- FICHA TÉCNICA VISUAL ENGINE ORIGINAL (VERDE CRT) --- */
   .pcw-ficha-container {
-    background-color: #050510;
+    background-color: #000b00;
-    border: 12px solid #22222b;
+    border: 12px solid #2a2a2a;
     border-radius: 15px;
     padding: 25px;
@@ Línea 13: / Línea 13: @@
     position: relative;
     overflow: hidden;
-    box-shadow: inset 0 0 60px rgba(0,180,255,0.1), 0 10px 30px rgba(0,0,0,0.85);
+    box-shadow: inset 0 0 60px rgba(0,255,0,0.15), 0 10px 30px rgba(0,0,0,0.7);
-    color: #00ddff;
+    color: #00bb00;
   }
-  /* Scanlines y parpadeo CRT azulado/gótico */
+  /* Scanlines y parpadeo CRT */
   .pcw-ficha-container::after {
     content: " ";
     position: absolute;
     top: 0; left: 0; bottom: 0; right: 0;
-    background: linear-gradient(rgba(10, 15, 30, 0) 50%, rgba(0, 0, 0, 0.2) 50%),
+    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.15) 50%),
-                linear-gradient(90deg, rgba(0, 0, 255, 0.03), rgba(0, 255, 255, 0.01), rgba(255, 0, 0, 0.01));
+                linear-gradient(90deg, rgba(255, 0, 0, 0.02), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.02));
     background-size: 100% 3px, 2px 100%;
     z-index: 2;
     pointer-events: none;
-    animation: flickering 0.18s infinite;
+    animation: flickering 0.15s infinite;
   }
-  @keyframes flickering { 0% { opacity: 0.97; } 100% { opacity: 1; } }
+  @keyframes flickering { 0% { opacity: 0.98; } 100% { opacity: 1; } }
   .retro-title {
-    color: #00ffff !important;
+    color: #00ff00 !important;
     font-size: 2em;
     font-weight: bold;
-    text-shadow: 0 0 10px rgba(0, 255, 255, 0.7), 0 0 2px rgba(0, 255, 255, 0.8);
+    text-shadow: 0 0 10px rgba(0, 255, 0, 0.7), 0 0 2px rgba(0, 255, 0, 0.8);
     margin-bottom: 20px;
-    border-bottom: 3px double #00ffff;
+    border-bottom: 3px double #00ff00;
     padding-bottom: 10px;
     text-align: left;
@@ Línea 44: / Línea 44: @@
   .retro-subtitle {
-    color: #00ffff !important;
+    color: #00ff00 !important;
     font-size: 1.3em;
     font-weight: bold;
-    text-shadow: 0 0 5px rgba(0, 255, 255, 0.5);
+    text-shadow: 0 0 5px rgba(0, 255, 0, 0.5);
     margin-top: 30px;
     margin-bottom: 15px;
-    border-bottom: 1px dashed #00ffff;
+    border-bottom: 1px dashed #00ff00;
     padding-bottom: 5px;
     text-transform: uppercase;
@@ Línea 74: / Línea 74: @@
     margin-bottom: 25px !important;
     position: relative !important;
-    z-index: 3 !important;
+    z-index: 3;
   }
@@ Línea 98: / Línea 98: @@
   .pcw-ficha-container img {
-    border: 2px solid #004466;
+    border: 2px solid #005500;
     transition: 0.2s;
     cursor: pointer;
   }
   .pcw-ficha-container img:hover {
-    border: 2px solid #00ffff !important;
+    border: 2px solid #00ff00 !important;
-    box-shadow: 0 0 10px #00ffff !important;
+    box-shadow: 0 0 10px #00ff00 !important;
     transform: scale(1.02) !important;
   }
   .ficha-libro-crt {
-    border: 8px solid #22222b;
+    border: 8px solid #2a2a2a;
     border-radius: 12px;
     padding: 15px 20px;
@@ Línea 116: / Línea 116: @@
     flex-wrap: wrap;
     gap: 20px;
-    box-shadow: inset 0 0 40px rgba(0,180,255,0.15), 0 8px 20px rgba(0,0,0,0.7);
+    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(5, 5, 20, 0.5);
+    background-color: rgba(0, 10, 0, 0.4);
     align-items: center;
     max-width: 850px;
@@ Línea 129: / Línea 129: @@
     width: 180px;
     height: 250px;
-    background-color: #050505;
+    background-color: #111;
-    border: 3px solid #00ffff;
+    border: 3px solid #00ff00;
     padding: 2px;
     box-sizing: border-box;
@@ Línea 141: / Línea 141: @@
   }
   .portada-ficha-container img.portada-fija:hover {
-    border: 2px solid #004466 !important;
+    border: 2px solid #005500 !important;
     box-shadow: none !important;
     transform: none !important;
@@ Línea 152: / Línea 152: @@
     justify-content: space-between;
     align-items: center;
-    border-bottom: 2px solid #00ffff;
+    border-bottom: 2px solid #00ff00;
     margin-bottom: 12px;
     padding-bottom: 3px;
   }
-  .datos-ficha h2 { margin: 0 !important; font-size: 1.4em !important; color: #00ffff !important; text-transform: uppercase; text-shadow: 0 0 8px #00ffff; }
+  .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 #00ffff; }
+  .bandera-pais { border: 1px solid #00ff00; }
-  .bandera-pais:hover { border: 1px solid #00ffff !important; box-shadow: none !important; transform: none !important; cursor: default !important; }
+  .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, 100, 150, 0.3); padding-bottom: 4px; line-height: 1.3; }
+  .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: #0088cc; font-weight: bold; min-width: 150px; text-transform: uppercase; }
+  .dato-etiqueta { color: #008800; font-weight: bold; min-width: 150px; text-transform: uppercase; }
-  .dato-valor { color: #00ffff; }
+  .dato-valor { color: #00ff00; }
   .pcw-texto-descripcion, .pcw-texto-plano {
@@ Línea 174: / Línea 174: @@
   .dokuwiki .pcw-ficha-container a {
-    color: #00ffff !important;
+    color: #00ff00 !important;
     text-decoration: none !important;
     font-weight: bold;
@@ Línea 187: / Línea 187: @@
     z-index: 9999;
     top: 0; left: 0; width: 100%; height: 100%;
-    background-color: rgba(5,5,15,0.95);
+    background-color: rgba(0,10,0,0.95);
     overflow: auto;
     cursor: zoom-out;
@@ Línea 205: / Línea 205: @@
     width: auto !important;
     height: auto !important;
-    border: 4px solid #00ffff !important;
+    border: 4px solid #00ff00 !important;
-    box-shadow: 0 0 30px #00ffff;
+    box-shadow: 0 0 30px #00ff00;
   }
@@ Línea 243: / Línea 243: @@
       <div class="titulo-linea">
 <h2>FICHA TÉCNICA</h2>
-        <img src="/lib/exe/fetch.php?media=botones:españa.jpg" class="bandera-pais" style="width:30px;">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="bandera-pais" style="width:30px;">
       </div>
-      <div class="dato-linea"><span class="dato-etiqueta">Compañía:</span><span class="dato-valor"><a href="doku.php?id=companias:opera_soft" style="color: #00ffff !important; font-weight: bold; text-decoration: underline !important;">Opera Soft S.A.</a></span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">Compañía:</span><span class="dato-valor"><a href="doku.php?id=companias:ocean_software_ltd" style="color: #00ff00 !important; font-weight: bold; text-decoration: underline !important;">Ocean Software Ltd.</a></span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">Distribuidora:</span><span class="dato-valor"><a href="doku.php?id=companias:opera_soft" style="color: #00ffff !important; font-weight: bold; text-decoration: underline !important;">Opera Soft S.A.</a></span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">Distribuidora:</span><span class="dato-valor"><a href="doku.php?id=companias:ocean_software_ltd" style="color: #00ff00 !important; font-weight: bold; text-decoration: underline !important;">Ocean Software Ltd.</a></span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">Equipo de producción:</span><span class="dato-valor">Programación Original: Gonzalo "Gonzo" Suárez<br>Gráficos Originales: Carlos A. Díaz Maroto<br>Música de Carga: Ángel "Vampiro" García</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">Equipo de producción:</span><span class="dato-valor">Programación Original: Jon Ritman<br>Diseño y Gráficos: Bernie Drummond<br>Estructura PCW: Distribución Estándar Ocean</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">Modificación / Port:</span><span class="dato-valor">Enrique Gálvez (<a href="https://itch.io" target="_blank" style="color: #00ffff !important; text-decoration: underline !important;">https://itch.io</a>)</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">Modificación / Port:</span><span class="dato-valor">Enrique Gálvez (<a href="https://enriqueggalvez.itch.io/" target="_blank" style="color: #00ff00 !important; text-decoration: underline !important;">https://itch.io</a>)</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">Año del juego:</span><span class="dato-valor">1989 (Original)</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">Año del juego:</span><span class="dato-valor">1986 (Original)</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">Año del mod/plus:</span><span class="dato-valor">2026</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">Año del mod/plus:</span><span class="dato-valor">2025</span></div>
       <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">4 Colores (Paleta gótica expandida)</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">Gráficos:</span><span class="dato-valor">4 Colores (Paleta expandida optimizada)</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">Sonido:</span><span class="dato-valor">Efectos y Música In-Game por Driver DK Sound</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">Sonido:</span><span class="dato-valor">Música y Efectos FX In-Game mediante Driver DK Sound</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">Periféricos:</span><span class="dato-valor">Teclado / Joystick Amstrad y Kempston compatible</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">Periféricos:</span><span class="dato-valor">Teclado / Joystick compatible</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">Carga:</span><span class="dato-valor">Carga Única (Estructura de memoria entrelazada acelerada)</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">Carga:</span><span class="dato-valor">Carga Única (Estructura optimizada de alta velocidad)</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">Género:</span><span class="dato-valor">Videoaventura / Acción / Isométrico</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">Género:</span><span class="dato-valor">Videoaventura / Acción / Isométrico (Filmation)</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">Idioma:</span><span class="dato-valor">Español</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">Idioma:</span><span class="dato-valor">Español / Inglés</span></div>
     </div>
   </div>
@@ Línea 280: / Línea 280: @@
   <div class="retro-subtitle">Descripción</div>
   <div class="pcw-texto-descripcion">
-    El legendario Batman de Opera Soft, desarrollado originalmente en 1989 por el genial Gonzalo "Gonzo" Suárez con deslumbrantes gráficos de Carlos A. Díaz Maroto, supuso uno de los techos técnicos de la Edad de Oro del software español. Sin embargo, su distribución en los sistemas Amstrad PCW sufrió el clásico estigma comercial de la máquina: una conversión monocroma limpia pero desprovista de color y completamente muda en el hardware estándar. Esta "Plus Edition", programada minuciosamente por Enrique G. Gálvez para sistemas Amstrad PCW y dispositivos modernos como el PCW# mini, se alza como un proyecto definitivo de preservación interactiva.<br><br>
+    El legendario Batman de Ocean Software, concebido originalmente en 1986 por el genial binomio técnico formado por el programador Jon Ritman y el grafista Bernie Drummond, supuso una de las revoluciones conceptuales más arrolladoras en la historia de los microordenadores de 8 bits. Su impecable perspectiva isométrica de scroll libre en salas tridimensionales (estilo Filmation) marcó un estándar imborrable. Desafortunadamente, los usuarios de Amstrad PCW recibieron en su día una conversión técnicamente impecable en lo visual, pero drásticamente castigada por el silencio absoluto que imponía el hardware básico de oficina. Esta "Plus Edition", rigurosamente desarrollada por Enrique G. Gálvez para la gama PCW y sistemas compactos de preservación como el PCW# mini, subsana de forma definitiva una deuda histórica de cuatro décadas.<br><br>
-    La narrativa nos traslada a una Gotham sumida en el caos absoluto: el Joker ha secuestrado a Robin y ha tomado el control de las profundidades de la ciudad. El jugador se enfunda el traje del Caballero Oscuro en una colosal e implacable videoaventura en perspectiva isométrica con una red tridimensional de pantallas interconectadas. Para rescatar a su compañero y desmantelar el mecanismo de destrucción final del Joker, Batman debe explorar laberintos subterráneos, saltar sobre plataformas móviles letales y recoger objetos icónicos que potencian sus habilidades físicas como el Batarang, las botas de supersalto o el cinturón de herramientas.<br><br>
+    La trama nos sitúa en las profundidades de la Batcueva, donde el Joker ha secuestrado a Robin. Para salvar a su compañero y restablecer el orden, Batman debe explorar un intrincado complejo laberíntico tridimensional compuesto por decenas de habitaciones interconectadas de forma vertical y horizontal. La aventura exige una precisión milimétrica en el salto táctico y una meticulosa resolución de acertijos basados en físicas e interacciones de bloques, combinados con la recolección de los icónicos objetos de Batman que potencian sus habilidades: el Batarang, el cinturón de herramientas, las botas de supersalto o el propulsor.<br><br>
-    Esta ambiciosa revisión técnica elimina de raíz las carencias del juego de 1989. El motor gráfico ha sido reescrito para desplegar una paleta extendida de 4 colores que tiñe los escenarios isométricos de una tétrica atmósfera de cómic gótico, ganando volumen tridimensional y claridad visual en cada habitación. Paralelamente, se ha inyectado un dinamismo óptimo al bucle principal de control, logrando que los saltos de píxel perfecto y las caídas calculadas respondan con una fluidez quirúrgica jamás vista en el microprocesador Z80 de la máquina.<br><br>
+    Esta ambiciosa actualización rompe con la sobriedad visual y sonora original sin alterar la sagrada jugabilidad de Ritman. El motor de visualización gráfico ha sido optimizado para inyectar una vibrante paleta expandida de 4 colores que confiere volumen tridimensional real a los intrincados bloques del escenario, enriqueciendo la ambientación y facilitando de manera crítica el cálculo de las caídas de píxel perfecto en las pantallas avanzadas.<br><br>
-    El salto evolutivo definitivo llega en el apartado sonoro: mediante la integración nativa del célebre driver y librería DK Sound, la aventura abandona el silencio absoluto para ofrecer una banda sonora musical in-game constante. La música aporta una genial tensión cinemática al recorrido, perfectamente arropada por un catálogo expandido de efectos de sonido especiales para las colisiones, caídas, saltos y recogidas de ítems. Una auténtica joya de la ingeniería retro para el Amstrad PCW.
+    El salto evolutivo definitivo en la preservación digital del título llega de la mano del apartado sonoro: mediante el uso integrado de la célebre librería y driver musical DK Sound, la aventura abandona por fin la ausencia total de estímulos sonoros. La obra despliega ahora una sugerente banda sonora in-game constante que dota de dinamismo cinemático a la exploración, perfectamente arropada por efectos especiales FX reescritos para las colisiones con trampas, recogida de ítems y saltos. Una pieza de coleccionismo informático de primer orden para el catálogo del Amstrad PCW y su serie avanzada PCW Plus.
   </div>
@@ Línea 295: / Línea 295: @@
   <div class="retro-subtitle">Manual</div>
   <div class="pcw-texto-plano" style="margin-bottom: 15px;">
-    Documentación oficial de Opera Soft digitalizada y revisada con los esquemas de memoria y sonido del nuevo motor Plus.
+    Documentación oficial del juego de Ocean Software digitalizada y reeditada para incluir las especificaciones técnicas del motor Plus y DK Sound.
   </div>
   <div class="pcw-grid-horizontal">
@@ Línea 331: / Línea 331: @@
   <div class="retro-subtitle">Extras</div>
-  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ffff;">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;">
     El motor Plus optimiza los tiempos de respuesta del teclado evitando cualquier retraso o efecto de ghosting en las diagonales isométricas. Permite configurar el control por joystick estándar de PCW o usar el teclado predefinido:
@@ Línea 340: / Línea 340: @@
     <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Tecla O:</span><span class="dato-valor">Moverse hacia Abajo-Izquierda</span></div>
     <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Tecla P:</span><span class="dato-valor">Moverse hacia Arriba-Derecha</span></div>
-    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">ESPACIO:</span><span class="dato-valor">Salto vertical / Activar objeto seleccionado</span></div>
+    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">ESPACIO:</span><span class="dato-valor">Salto vertical / Recoger y Activar objetos</span></div>
   </div>
-  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ffff;">Consejos y Guía de Supervivencia en Gotham</div>
+  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Consejos y Guía de Supervivencia en Gotham</div>
   <div class="pcw-texto-plano" style="text-align: justify;">
     <strong>• Domina la Perspectiva Isométrica:</strong> El cálculo de las sombras en las plataformas es vital. Si tienes dudas de dónde caerá Batman, fíjate siempre en la posición exacta de su sombra proyectada en el suelo.<br><br>
@@ Línea 351: / Línea 351: @@
   </div>
-  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ffff;">Mapa</div>
+  <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;">
     Planos cartográficos de las estancias y niveles tridimensionales isométricos para localizar a Robin.
@@ Línea 358: / Línea 358: @@
     <div class="pcw-grid-item">
       <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:Batman_mapa.png" target="_blank">
-        <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:Batman_mapa.png" style="width:480px; cursor:zoom-in;">
+        <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:Batman_mapa.png" style="width:360px; cursor:zoom-in;">
       </a>
     </div>
@@ Línea 366: / Línea 366: @@
   <div class="retro-subtitle">Descargas Disponibles</div>
-  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ffff;">Juego</div>
+  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Juego</div>
   <div class="pcw-bloque-imagenes" style="gap: 20px !important;">
     <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:descargas:BatmanPlus.zip" style="text-decoration: none !important;">
-      <div style="border: 2px solid #004466; background: rgba(5,5,20,0.6); padding: 12px 20px; border-radius: 6px; text-align: center; transition: 0.2s; cursor: pointer;" onmouseover="this.style.borderColor='#00ffff'; this.style.boxShadow='0 0 10px #00ffff';" onmouseout="this.style.borderColor='#004466'; 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: #00ffff; font-weight: bold; font-size: 1.1em; display: block; margin-bottom: 4px;">⬇ Batman Plus Edition</span>
+        <span style="color: #00ff00; font-weight: bold; font-size: 1.1em; display: block; margin-bottom: 4px;">⬇ Batman Plus Edition</span>
-        <span style="color: #0088cc; font-size: 0.85em;">Versión PCW optimizada con paleta de 4 colores y sonido DK Sound (.ZIP)</span>
+        <span style="color: #008800; font-size: 0.85em;">Versión PCW optimizada con paleta de 4 colores y sonido DK Sound (.ZIP)</span>
       </div>
     </a>
   </div>
-  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 30px; border-bottom: 1px dotted #00ffff;">Manuales</div>
+  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 30px; border-bottom: 1px dotted #00ff00;">Manuales</div>
   <div class="pcw-bloque-imagenes" style="gap: 20px !important; margin-bottom: 35px;">
     <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:descargas:Batman_manual.pdf" style="text-decoration: none !important;">
-      <div style="border: 2px solid #004466; background: rgba(5,5,20,0.6); padding: 12px 20px; border-radius: 6px; text-align: center; transition: 0.2s; cursor: pointer;" onmouseover="this.style.borderColor='#00ffff'; this.style.boxShadow='0 0 10px #00ffff';" onmouseout="this.style.borderColor='#004466'; 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: #00ffff; font-weight: bold; font-size: 1.1em; display: block; margin-bottom: 4px;">📄 Manual Oficial Plus</span>
+        <span style="color: #00ff00; font-weight: bold; font-size: 1.1em; display: block; margin-bottom: 4px;">📄 Manual Oficial Plus</span>
-        <span style="color: #0088cc; font-size: 0.85em;">Edición digitalizada y adaptada con la documentación técnica original (PDF)</span>
+        <span style="color: #008800; font-size: 0.85em;">Edición digitalizada y adaptada con la documentación técnica original (PDF)</span>
       </div>
     </a>
@@ Línea 389: / Línea 389: @@
   <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;">
-    <div style="border: 3px solid #004466; border-radius: 8px; padding: 5px; background-color: #050510; box-shadow: 0 0 15px rgba(0, 180, 255, 0.4); display: inline-block;">
+    <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;">
-      </html>{{youtube>f_x9fX7w9G4?large}}<html>
+      </html>{{youtube>wZu5XKeIfoI?large}}<html>
     </div>
   </div>