software:nuevos_desarrollos:target_renegade []

Esta página es de solo lectura. Puedes ver la fuente pero no puedes cambiarla. Pregunta a tu administrador si crees que esto es incorrecto.
~~NOTOC~~

<html>
<style>
  /* --- FICHA TÉCNICA VISUAL ENGINE ORIGINAL --- */
  .pcw-ficha-container {
    background-color: #000b00; 
    border: 12px solid #2a2a2a; 
    border-radius: 15px;
    padding: 25px;
    margin: 25px 0;
    font-family: 'Courier New', Courier, monospace;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 60px rgba(0,255,0,0.15), 0 10px 30px rgba(0,0,0,0.7);
    color: #00bb00;
  }

  /* Scanlines y parpadeo CRT */
  .pcw-ficha-container::after {
    content: " ";
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.15) 50%), 
                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.15s infinite;
  }

  @keyframes flickering { 0% { opacity: 0.98; } 100% { opacity: 1; } }

  .retro-title {
    color: #00ff00 !important;
    font-size: 2em;
    font-weight: bold;
    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 #00ff00;
    padding-bottom: 10px;
    text-align: left;
  }

  .retro-subtitle {
    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 */
  .pcw-presentacion-galeria, .pcw-bloque-imagenes, .pcw-bloque-centrado {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    margin-bottom: 25px !important;
    position: relative !important;
    z-index: 3 !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /* Embalaje en una sola línea sin barras de desplazamiento */
  .pcw-bloque-linea-unica {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    margin-bottom: 15px !important;
    position: relative !important;
    z-index: 3 !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /* Bloques de rejilla alineados para imágenes con texto inferior (Carátulas y Manuales) */
  .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 !important;
  }

  .pcw-grid-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  /* Estructura de Rejillas HTML en bloque continuo */
  .pcw-tabla-grid {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 25px;
    position: relative;
    z-index: 3;
  }
  .pcw-tabla-grid td {
    padding: 10px;
    text-align: center;
    vertical-align: middle;
  }

  /* Marcos retro para imágenes del monitor y puntero clickable */
  .pcw-ficha-container img {
    border: 2px solid #005500;
    transition: 0.2s;
    cursor: pointer;
  }
  .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;
  }

  .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 a TAMAÑO REAL con scroll automático si excede la pantalla */
  .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;
    min-width: 100%;
    min-height: 100%;
  }
  .pcw-img-modal img {
    max-width: none !important;
    max-height: none !important;
    width: auto !important;
    height: auto !important;
    border: 4px solid #00ff00 !important;
    box-shadow: 0 0 30px #00ff00;
  }

  @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: column; align-items: center; gap: 30px !important; }
    .pcw-bloque-linea-unica { flex-wrap: wrap !important; }
  }
</style>

<!-- Contenedor del visor a tamaño nativo real con scroll -->
<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">TARGET RENEGADE</div>
<!-- RECUADRO DE FICHA TÉCNICA (COMPACTA) -->
  <div class="ficha-libro-crt">
    <div class="portada-ficha-container">
      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:target_renegade_ficha.jpg" class="portada-fija" style="width:170px; height:240px; object-fit: cover;">
    </div>
    <div class="datos-ficha">
      <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;">
      </div>
      <div class="dato-linea"><span class="dato-etiqueta">Compañía:</span><span class="dato-valor"><a href="doku.php?id=compa%C3%B1ias:ocean_software_ltd" style="color: #00ff00 !important; font-weight: bold; text-decoration: underline !important;">Ocean Software</a></span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Distribuidora:</span><span class="dato-valor"><a href="doku.php?id=companias:imagine_software" style="color: #00ff00 !important; font-weight: bold; text-decoration: underline !important;">Imagine Software</a></span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Equipo de producción:</span><span class="dato-valor">Programación Original: Mike Lamb<br>Gráficos: Gary Knight<br>Música Original: Gary Biasillo</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Portado:</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">1988 (Original)</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Año del port:</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">Modo Monocromo (PCW Clásico) / Modo 1 (4 Colores en PCW Plus)</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Sonido:</span><span class="dato-valor">Beeper Integrado & DKSound (Chip AY-3-8912)</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Periféricos:</span><span class="dato-valor">Teclado Redefinible / Soporte de Joystick</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Carga:</span><span class="dato-valor">Carga Estándar Completa (Basado en ZX Spectrum 128K)</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Género:</span><span class="dato-valor">Beat 'em up / Lucha Callejera / Arcade</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Idioma:</span><span class="dato-valor">Inglés</span></div>
    </div>
  </div>
  <!-- SECCIÓN CAPTURAS -->
  <div class="retro-subtitle">Capturas</div>
  <table class="pcw-tabla-grid">
    <tr>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:target_renegade_1.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:target_renegade_2.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:target_renegade_3.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:target_renegade_4.png" style="width:180px;" onclick="verImagen(this.src)"></td>
    </tr>
    <tr>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:target_renegade_5.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:target_renegade_6.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:target_renegade_7.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:target_renegade_8.png" style="width:180px;" onclick="verImagen(this.src)"></td>
    </tr>
  </table>
<!-- SECCIÓN DESCRIPCIÓN -->
  <div class="retro-subtitle">Descripción</div>
  <div class="pcw-texto-descripcion">
    El rey indiscutible de la lucha callejera de los 8 bits rompe sus barreras habituales para desembarcar por todo lo alto en los circuitos del Amstrad PCW. Esta sobresaliente obra de ingeniería homebrew, programada por Enrique Gálvez en 2025, traslada el místico Target: Renegade de 1988 desde su versión cumbre: la de ZX Spectrum 128k [CEZ]. Lejos de ser una simple conversión directa, el proyecto rescata la esencia pura del clásico de Ocean/Imagine Software, adaptando las mecánicas fluidas de combate de Mike Lamb y el icónico diseño de sprites urbanos a una máquina históricamente limitada al ecosistema profesional y de oficina [CEZ].<br><br>
    La trama nos sumerge en una cruda cruzada de venganza en la que debemos rescatar a nuestro hermano de las garras de Mr. Big, el despiadado capo mafioso que controla los suburbios de Scumville. A lo largo de cinco exigentes niveles temáticos, el jugador se abrirá paso a golpe limpio frente a bandas organizadas muy diversas: desde peligrosos motoristas armados en un aparcamiento multinivel y pandillas de skinheads en los callejones, hasta dominatrix armadas con látigos en el distrito rojo, escoltas profesionales en el parque central y los matones de élite en el bar antes del cara a cara final.<br><br>
    La gran proeza técnica de este port radica en su optimización cruzada de hardware y rendimiento [CEZ]. En ordenadores Amstrad PCW tradicionales el juego despliega un limpio modo monocromo de alta velocidad, mientras que si es ejecutado bajo los sistemas avanzados Amstrad PCW Plus o el hardware PCW# mini, el software exprime el Modo 1 de vídeo nativo para mostrar una paleta adaptada de 4 colores simultáneos en pantalla [CEZ]. A esto se le suma un robusto cooperativo para dos jugadores simultáneos —un hito cooperativo sin apenas precedentes comerciales en el sistema— y la compatibilidad con el expansor de sonido DKSound para interpretar de fondo la inolvidable banda sonora chip de Gary Biasillo en el procesador musical AY-3-8912 [CEZ].
  </div>
<!-- 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:target_renegade_cover.jpg" style="width:440px;" onclick="verImagen(this.src)">
  </div>

  <!-- SECCIÓN MANUAL -->
  <div class="retro-subtitle">Manual</div>
  <div class="pcw-texto-plano" style="margin-bottom: 15px;">
    Se adjunta la documentación oficial escaneada en alta fidelidad.
  </div>
  <div class="pcw-bloque-imagenes" style="display: flex; justify-content: center; margin-bottom: 25px;">
    <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:target_renegade_manual.jpg" target="_blank">
      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:target_renegade_manual.jpg" style="width:500px; cursor:zoom-in;">
    </a>
  </div>

  <!-- SECCIÓN DISCO -->
  <div class="retro-subtitle">Discos</div>
  <div class="pcw-bloque-imagenes" style="display: flex; justify-content: center; gap: 15px;">
    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:discos:target_renegade_disk_1.jpg" style="width:180px;" onclick="verImagen(this.src)">
    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:discos:target_renegade_disk_2.jpg" style="width:180px;" onclick="verImagen(this.src)">
    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:discos:target_renegade_disk_3.jpg" style="width:180px;" onclick="verImagen(this.src)">
  </div>

  <!-- SECCIÓN ETIQUETAS -->
  <div class="retro-subtitle">Etiquetas</div>
  <div class="pcw-texto-plano" style="text-align: justify; margin-bottom: 20px;">
    Medida en disco de 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="https://pcwwiki2.com/lib/exe/fetch.php?media=software:nuevos_desarrollos:discos:target_renegade_etiq_1.jpg" style="width:160px; cursor:pointer;" onclick="verImagen(this.src)">
    </div>
  </div>

  <!-- SECCIÓN EXTRAS -->
  <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="pcw-texto-plano" style="text-align: justify; margin-bottom: 15px;">
    El juego cuenta con soporte para interfaces periféricas de joystick. El mapeado del teclado es completamente redefinible desde el propio menú principal del juego, permitiendo configurar de forma independiente los controles para las partidas cooperativas de 2 jugadores simultáneos.
  </div>
  <div style="max-width: 500px; margin-bottom: 25px;">
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Arriba:</span><span class="dato-valor">Moverse hacia arriba / Eje vertical superior</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Abajo:</span><span class="dato-valor">Moverse hacia abajo / Eje vertical inferior / Agacharse</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Izquierda:</span><span class="dato-valor">Moverse hacia la izquierda</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Derecha:</span><span class="dato-valor">Moverse hacia la derecha</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Fuego / Acción:</span><span class="dato-valor">Ataque básico (Puñetazo o patada según posición / Recoger y usar armas del suelo)</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Combinación:</span><span class="dato-valor">Dirección contraria + Botón de ataque para ejecutar la demoledora patada trasera</span></div>
  </div>

  <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>
  <div class="pcw-texto-plano" style="text-align: justify;">
    <strong>• Dominio de la Patada Trasera:</strong> Al igual que en la recreativa original de Technōs, golpear hacia atrás saltando o soltando coces es el movimiento más seguro de Target: Renegade. Tiene mayor rango de colisión que el puñetazo simple y tumba a los enemigos al primer impacto de forma limpia.<br><br>
    <strong>• Armas en el Suelo:</strong> No dejes pasar los bates de béisbol o los palos que tiran los enemigos de la primera pantalla al caer desarmados. Recogerlos te dará una ventaja de distancia crítica en los niveles posteriores, especialmente frente a las implacables dominatrix armadas con látigos.<br><br>
    <strong>• Gestión de los Bordes de Pantalla:</strong> Evita que los skinheads o los guardaespaldas te acorralen en los extremos laterales de la pantalla, ya que el scroll detiene tu avance y los enemigos pueden encadenar golpes sin dar margen de recuperación a tu barra de vida.<br><br>
    <strong>• Cooperación Táctica (Modo 2 Jugadores):</strong> Si juegas en modo simultáneo, dividíos los lados de la pantalla. Un jugador puede atraer la atención de los moteros moviéndose arriba y abajo mientras el segundo entra en carrera para derribarlos por los flancos limpios.
  </div>

<div class="retro-subtitle">Mapa</div>
  <div class="pcw-texto-plano" style="margin-bottom: 15px;">
    Se adjunta el plano cartográfico completo urbano de los suburbios de Scumville.
  </div>
  <div class="pcw-grid-horizontal">
    <div class="pcw-grid-item">
      <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:target_renagade_mapa.png" target="_blank">
        <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:target_renagade_mapa.png" style="width:320px; cursor:zoom-in;">
      </a>
    </div>
  </div>

  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Póster Oficial</div>
  <div class="pcw-texto-plano" style="margin-bottom: 15px;">
    Se incluye el póster promocional del juego a alta resolución. Al hacer clic sobre la ilustración se abrirá en una nueva ventana independiente a tamaño real para evitar recortes en la visualización.
  </div>
  <div class="pcw-bloque-imagenes" style="display: flex; justify-content: center; margin-bottom: 25px;">
    <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:target_renagade_poster.jpg" target="_blank">
      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:target_renagade_poster.jpg" style="width:260px; cursor:zoom-in;">
    </a>
  </div>

  <!-- SECCIÓN DESCARGA -->
  <div class="retro-subtitle">Descargas Disponibles</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:Target_renegade.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;" 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;">⬇ Target: Renegade</span>
        <span style="color: #008800; font-size: 0.85em;">Versión PCW preservada (.ZIP)</span>
      </div>
    </a>
  </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:target_renegade_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;" 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>
      </div>
    </a>
  </div>

</div> <!-- Cierre final del contenedor de la ficha -->
</html>