software:nuevos_desarrollos:hundra []

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 */
  .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 */
  .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 -->
<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">HUNDRA</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:hundra_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=companias:zeus_software" style="color: #00ff00 !important; font-weight: bold; text-decoration: underline !important;">Zeus Software</a></span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Distribuidora:</span><span class="dato-valor"><a href="doku.php?id=companias:dinamic_software" style="color: #00ff00 !important; font-weight: bold; text-decoration: underline !important;">Dinamic Software</a></span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Equipo de producción:</span><span class="dato-valor">Programación: Ricardo Puerto<br>Gráficos Originales: Raúl López<br>Ilustración de Portada: Luis Royo</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">1988 (Original)</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">3 modos (Monocromo / 4 colores / 16 colores con atributos Modo 3)</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Sonido:</span><span class="dato-valor">Música y Sonido Buzzer / Intro DK'Sound</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Periféricos:</span><span class="dato-valor">Teclado (Redefinible) / Joystick compatible DK'Tronics</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">Arcade / Acción / Videoaventura / Plataformas</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Idioma:</span><span class="dato-valor">Español</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:hundra_1.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:hundra_2.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:hundra_3.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:hundra_4.png" style="width:180px;" onclick="verImagen(this.src)"></td>
    </tr>
    <tr>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:hundra_5.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:hundra_6.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:hundra_7.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:hundra_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 legendario clásico de la Edad de Oro del software español, desarrollado originalmente en 1988 por el célebre estudio vasco Zeus Software (Ricardo Puerto y Raúl López) y distribuido por la mítica Dinamic Software, recibe una conversión histórica sin precedentes. "Hundra" nos traslada a un oscuro trasfondo de mitología nórdica y fantasía épica, donde encarnamos a la última guerrera superviviente de una estirpe maldita. Nuestra misión consiste en infiltrarnos en las inhóspitas tierras enemigas para recuperar las gemas sagradas y vengar a nuestro clan, abriéndonos paso a base de espada y reflejos felinos frente a orcos, monstruos voladores y trampas mortales en un mapeado de pantallas fijas interconectadas de altísima dificultad.<br><br>
    Esta sobresaliente adaptación moderna realizada por Enrique G. Gálvez para la línea Amstrad PCW y sistemas compactos como PCW# mini supone un hito de ingeniería informática retro. Lejos de conformarse con un volcado plano, este port pasa a la historia por ser el primer juego de la escena en explotar el elusivo Modo 3 de vídeo del Amstrad PCW Plus. Gracias a ello, el título ofrece tres modos gráficos seleccionables por el usuario: un modo monocromo nítido para monitores clásicos, un modo intermedio de 4 colores y una espectacular paleta extendida de 16 colores con atributos de color optimizados en hardware compatible.<br><br>
    El apartado sonoro es otro de los grandes triunfos de esta preservación: añade música y efectos de sonido mediante el altavoz interno (buzzer) durante la acción directa del juego, complementado de manera brillante con una melodía de inicio diseñada específicamente para el hardware DK'Sound. Una pieza indispensable de coleccionismo digital que dignifica el catálogo del Amstrad PCW.
  </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:hundra_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 del juego reeditada con las especificaciones del nuevo motor técnico (Haz clic para abrir a pantalla completa en una pestaña nueva).
  </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:Hundra_manual.jpg" target="_blank">
      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:Hundra_manual.jpg" style="width:440px; cursor: zoom-in;">
    </a>
  </div>

  <!-- SECCIÓN DISCOS -->
  <div class="retro-subtitle">Discos</div>
  <div class="pcw-bloque-imagenes">
    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:discos:hundra_disk_1.jpg" style="width:180px;" onclick="verImagen(this.src)">
    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:discos:hundra_disk_2.jpg" style="width:180px;" onclick="verImagen(this.src)">
    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:discos:hundra_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 de impresión en disquete 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="/lib/exe/fetch.php?media=software:nuevos_desarrollos:discos:hundra_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>

  <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;">
    La Plus Edition optimiza la lectura de la matriz del teclado para evitar cualquier tipo de retraso o efecto ghosting. El juego incluye un menú inicial que permite al usuario <strong>redefinir por completo las teclas</strong> de juego a su gusto. Además, cuenta con soporte de fábrica nativo para joysticks digitales bajo el clásico estándar de DK'Tronics. Los controles definidos por defecto son:
  </div>
  <div style="max-width: 500px; margin-bottom: 25px;">
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Tecla Q:</span><span class="dato-valor">Saltar / Moverse hacia arriba (Redefinible)</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Tecla A:</span><span class="dato-valor">Agacharse / Bajar plataformas (Redefinible)</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Tecla O:</span><span class="dato-valor">Caminar hacia la Izquierda (Redefinible)</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Tecla P:</span><span class="dato-valor">Caminar hacia la Derecha (Redefinible)</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">ESPACIO:</span><span class="dato-valor">Atacar con Espada / Acción principal (Redefinible)</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>• Elige el Modo de Vídeo Idóneo:</strong> Al iniciar el software, evalúa tu hardware. Si dispones de un Amstrad PCW Plus o un emulador configurado con soporte Plus, activa sin dudarlo el Modo 3 para presenciar el despliegue de sus 16 colores con atributos.<br><br>
    <strong>• Ajusta tus Teclas en el Menú:</strong> Aprovecha la función integrada de redefinición de teclado antes de la partida si la distribución estándar clásica (Q/A/O/P/Espacio) no te resulta cómoda para ejecutar las precisas rutinas de salto.<br><br>
    <strong>• El Rescate del Rey Jorund y el Dios Loki:</strong> Para completar la aventura, debes adentrarte en el laberíntico Reino de Lukx. La misión principal radica en rescatar al Rey Jorund, quien ha sido hecho prisionero por las huestes del malvado dios Loki.<br><br>
    <strong>• Localización de las Tres Gemas Sagradas:</strong> A lo largo de la inmensa fortaleza enemiga, encontrarás ocultas las 3 gemas místicas de poder. Recogerlas es un requisito obligatorio e indispensable si deseas romper el sello final que custodia las estancias reales.<br><br>
    <strong>• Precisión Extrema en el Tanteo:</strong> La inercia de salto de la guerrera es muy exigente. Mide la distancia de las plataformas flotantes al milímetro y no ejecutes los ataques con espada en pleno vuelo a menos que sea estrictamente necesario.<br><br>
    <strong>• Temporización de Enemigos:</strong> Los monstruos voladores y orcos reaparecen al cambiar de pantalla fija. Quédate un segundo estático al entrar a una nueva estancia para aprenderte la ruta del patrón enemigo antes de avanzar y evitar perder barras de vida valiosas de forma instantánea.
  </div>

  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Póster</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:Hundra_poster.jpg" style="width:240px;" onclick="verImagen(this.src)">
  </div>

  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Boceto</div>
  <div class="pcw-texto-plano" style="margin-bottom: 15px;">
    Manuscrito original y trazos conceptuales del mapa empleados durante el desarrollo del juego.
  </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:Hundra_boceto.jpg" style="width:440px;" onclick="verImagen(this.src)">
  </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 y esquemas de las estancias nórdicas para guiar a nuestra guerrera en su dura travesía.
  </div>
  <div class="pcw-grid-horizontal">
    <div class="pcw-grid-item">
      <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:hundra_mapa.png" target="_blank">
        <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:hundra_mapa.png" style="width:480px; cursor:zoom-in;">
      </a>
    </div>
  </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:Hundra.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;">⬇ Hundra (Amstrad PCW Port)</span>
        <span style="color: #008800; font-size: 0.85em;">Versión optimizada con sonido buzzer, intro DK'Sound y los 3 modos de vídeo (.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:hundra_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;" 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 Plus</span>
        <span style="color: #008800; font-size: 0.85em;">Edición digital revisada con instrucciones de carga y periféricos (PDF)</span>
      </div>
    </a>
  </div>

  <!-- 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;">
    <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>b-UI3iAzunM?large}}<html>
    </div>
  </div>

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