de:software:nuevos_desarrollos:madmixgame []

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 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">MAD MIX GAME</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:Mad_Mix_ficha.jpg" class="portada-fija" style="width:170px; height:240px; object-fit: cover;">
    </div>
    <div class="datos-ficha">
      <div class="titulo-linea">
        <h2>TECHNISCHE DATEN</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">Entwickler:</span><span class="dato-valor"><a href="doku.php?id=de:companias:topo_soft" style="color: #00ff00 !important; font-weight: bold; text-decoration: underline !important;">Topo Soft</a></span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Vertrieb:</span><span class="dato-valor"><a href="doku.php?id=de:companias:erbe_software" style="color: #00ff00 !important; font-weight: bold; text-decoration: underline !important;">Erbe Software</a></span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Produktionsteam:</span><span class="dato-valor">Original-Programmierung: Rafael Gómez (Gepetto)<br>Original-Grafik: Alfonso Fernández Borro (Azpiri de los píxeles)<br>Original-Musik: César Astudillo (Gominolas)<br>Cover-Illustration: Alfonso Azpiri</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Portierung:</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">Jahr (Spiel):</span><span class="dato-valor">1988 (Original)</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Jahr (Port):</span><span class="dato-valor">2025</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Kompatibilität:</span><span class="dato-valor">Amstrad PCW 8256/8512/9512 (Modus 0) und PCW Plus / PCW# mini (Modus 1 & 2)</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Grafik:</span><span class="dato-valor">Modus 0 (2 Farben: Standard-PCW) / Modus 1 (4 Farben: Plus) / Modus 2 (16 Farben: Plus)</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Sound:</span><span class="dato-valor">Interner Beeper & DK'Tronics Sound (DKSound)</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Peripherie:</span><span class="dato-valor">Tastatur / DK'Tronics Joystick</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Ladevorgang:</span><span class="dato-valor">Einzelladung (Single Load)</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Genre:</span><span class="dato-valor">Arcade / Labyrinth / Geschicklichkeit</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Sprache:</span><span class="dato-valor">Spanisch</span></div>
    </div>
  </div>

  <!-- SECCIÓN CAPTURAS -->
  <div class="retro-subtitle">Screenshots</div>
  <table class="pcw-tabla-grid">
    <tr>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Mad_Mix_1.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Mad_Mix_2.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Mad_Mix_3.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Mad_Mix_4.png" style="width:180px;" onclick="verImagen(this.src)"></td>
    </tr>
    <tr>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Mad_Mix_5.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Mad_Mix_6.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Mad_Mix_7.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Mad_Mix_8.png" style="width:180px;" onclick="verImagen(this.src)"></td>
    </tr>
  </table>

<!-- SECCIÓN DESCRIPCIÓN (Inicio) -->
  <div class="retro-subtitle">Beschreibung</div>
  <div class="pcw-texto-descripcion">
    <strong>Mad Mix Game</strong> ist einer der unbestreitbaren Meilensteine in der Geschichte der spanischen Unterhaltungssoftware. Das 1988 von der legendären Spieleschmiede <strong>Topo Soft</strong> veröffentlichte Werk hob sich von herkömmlichen Pac-Man-Clonen ab, indem es dreidimensionale Scroll-Mechaniken, physische Fallen und ein tiefgründig asymmetrisches Leveldesign einführte. Die großartige Cover-Illustration aus der Feder des Meisters <strong>Alfonso Azpiri</strong> sowie der unvergessliche Soundtrack von <strong>César Astudillo („Gominolas“)</strong> katapultierten das Spiel an die Spitze der Verkaufscharts. Dies führte dazu, dass der internationale Publisher U.S. Gold die Vertriebsrechte für ganz Europa erwarb (und das Spiel im Zuge einer massiven Werbekampagne in <i>The Pepsi Challenge</i> umbenannte).<br><br>
    Der überwältigende Erfolg des Videospiels führte zur Entwicklung offizieller Portierungen für eine enorme Bandbreite an damaligen Computersystemen. Während die 8-Bit-Versionen für Amstrad CPC, Sinclair ZX Spectrum und MSX auf dem spanischen Heimatmarkt direkt miteinander konkurrierten, erweiterten die Umsetzungen für den Commodore 64, Atari ST und PC-Kompatible (CGA/EGA) die Präsenz von Topo Soft auf dem britischen und deutschen Markt. Amstrads professionelle Textverarbeitungsplattform, die <strong>PCW 8xxx/9xxx</strong>-Serie, blieb jedoch aufgrund ihrer primären Ausrichtung auf den Büro- und Geschäftseinsatz über Jahrzehnte hinweg ohne eine Version dieses unterhaltsamen Labyrinth-Arcade-Spiels.<br><br>
    Im Jahr 2025 schloss der Entwickler und Archivist <strong>Enrique Gálvez</strong> diese historische Lücke mit einer außergewöhnlichen Portierung, welche die technischen Besonderheiten der PCW-Architektur meisterhaft ausreizt. Das bemerkenswerteste Merkmal dieser Konvertierung ist die mehrstufige Unterstützung der Grafikhardware: Das Spiel läuft nativ im klassischen monochromen <strong>Modus 0</strong> (2 Farben) auf den Standard-PCW-Systemen (8256/8512), verwandelt sich jedoch auf den Modellen <strong>PCW Plus</strong> und <strong>PCW# mini</strong> visuell komplett. Auf Letzteren nutzt der Code die erweiterten Architekturmerkmale der Maschine, um fließend zwischen dem <strong>Modus 1</strong> (4 Farben) und dem hervorragenden <strong>Modus 2</strong> mit einer gleichzeitigen Farbpalette von 16 Farben auf dem Bildschirm zu wechseln. Dabei wurde das originale Pixel-Art von Alfonso Fernández Borro makellos angepasst. Auch der Audio-Bereich profitiert von den klassischen Hardware-Erweiterungen, indem er die Unterstützung für <strong>DKTronics Sound (DKSound)</strong>-Peripheriegeräte parallel zum integrierten System-Lautsprecher vollständig einbindet.
  </div>

  <!-- SECCIÓN CARÁTULA -->
  <div class="retro-subtitle">Cover</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:Mad_Mix_cover.jpg" style="width:440px;" onclick="verImagen(this.src)">
  </div>

  <!-- SECCIÓN MANUAL -->
  <div class="retro-subtitle">Handbuch</div>
  <div class="pcw-texto-plano" style="margin-bottom: 15px;">
    Die offizielle, restaurierte und für den PCW angepasste Dokumentation von Topo Soft ist beigefügt.
  </div>
  <div class="pcw-grid-horizontal">
    <div class="pcw-grid-item">
      <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:Mad_Mix_manual_1.jpg" target="_blank">
        <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:Mad_Mix_manual_1.jpg" style="width:220px; cursor:zoom-in;">
      </a>
    </div>
    <div class="pcw-grid-item">
      <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:Mad_Mix_manual_2.jpg" target="_blank">
        <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:Mad_Mix_manual_2.jpg" style="width:220px; cursor:zoom-in;">
      </a>
    </div>
  </div>

  <!-- SECCIÓN DISCOS -->
  <div class="retro-subtitle">Disketten</div>
  <div class="pcw-bloque-imagenes">
    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:discos:Mad_Mix_disk_1.jpg" style="width:180px;" onclick="verImagen(this.src)">
    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:discos:Mad_Mix_disk_2.jpg" style="width:180px;" onclick="verImagen(this.src)">
    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:discos:Mad_Mix_disk_3.jpg" style="width:180px;" onclick="verImagen(this.src)">
  </div>

  <!-- SECCIÓN ETIQUETAS -->
  <div class="retro-subtitle">Etiketten</div>
  <div class="pcw-texto-plano" style="text-align: justify; margin-bottom: 20px;">
    Abmessungen für 3"-Disketten (Höhe: 7,00 cm - Breite: 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:Mad_mix_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;">Tastatur und Steuerung</div>
  <div class="pcw-texto-plano" style="text-align: justify; margin-bottom: 15px;">
    Das Spiel bietet volle Flexibilität und ermöglicht es, wahlweise mit der Tastatur oder einem Joystick (über das DK'Tronics-Interface) zu spielen. Die Tastaturbelegung ist im Optionen-Menü des Spiels komplett frei konfigurierbar, sodass die sechs Hauptbefehle nach eigenen Wünschen angepasst werden können:
  </div>
  <div style="max-width: 500px; margin-bottom: 25px;">
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Pause:</span><span class="dato-valor">Konfigurierbar / Pausiert das laufende Spiel temporär</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Oben:</span><span class="dato-valor">Konfigurierbar / Bewegung nach oben durch den Korridor</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Unten:</span><span class="dato-valor">Konfigurierbar / Bewegung nach unten durch den Korridor</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Links:</span><span class="dato-valor">Konfigurierbar / Bewegung nach links im Labyrinth</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Rechts:</span><span class="dato-valor">Konfigurierbar / Bewegung nach rechts im Labyrinth</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Feuer:</span><span class="dato-valor">Konfigurierbar / Bestätigungen und spielinterne Sonderfunktionen</span></div>
  </div>
  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Tipps und Tricks, um das Spiel zu meistern</div>

  <div class="pcw-texto-plano" style="text-align: justify;">
    <strong>• Nutzung des Baggers:</strong> Wenn Sie das Bagger-Item einsammeln, bricht Ihre Spielfigur bei der Bewegung durch die Wände des Labyrinths. Planen Sie Ihre Route sorgfältig, um dauerhafte Abkürzungen in die schwierigsten Bereiche der Karte freizulegen.<br><br>
    <strong>• Die Gefahr durch das Flusspferd:</strong> Achten Sie besonders auf das Flusspferd („Peluco“). Wenn es über Kokosnüsse läuft, die Sie bereits eingesammelt haben, vergräbt es diese wieder. Dadurch müssen Sie den Korridor erneut passieren, um das Level abzuschließen.<br><br>
    <strong>• Punkte-Multiplikatoren:</strong> Versuchen Sie, die Geister direkt nach dem Einsammeln einer Power-Pille hintereinander zu fangen. Der Punktewert jedes besiegten Gegners verdoppelt sich exponentiell, was für das schnelle Erlangen von Extraleben unerlässlich ist.<br><br>
    <strong>• Geister abwehren:</strong> Wenn Sie in einer Sackgasse eingekesselt sind, denken Sie daran, die Sprungfedern und Fallen auf dem Boden zu nutzen, sofern vorhanden. Diese katapultieren Sie direkt über Ihre Verfolger und retten Sie im letzten Moment.
  </div>

  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Karte</div>
  <div class="pcw-texto-plano" style="margin-bottom: 15px;">
    Die schematische Karte der verschlungenen Labyrinte von Mad Mix Game ist beigefügt. Ein Klick darauf öffnet die Grafik in voller Größe in Ihrem Browser.
  </div>
  <div class="pcw-grid-horizontal">
    <div class="pcw-grid-item">
      <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:Mad_Mix_mapa.png" target="_blank">
        <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:Mad_Mix_mapa.png" style="width:320px; cursor:zoom-in;">
      </a>
    </div>
  </div>

  <!-- SECCIÓN DESCARGA -->
  <div class="retro-subtitle">Verfügbare Downloads</div>
  
  <!-- Bloque de Juegos -->
  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Spiel</div>
  <div class="pcw-bloque-imagenes" style="gap: 20px !important;">
    <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:descargas:Madmix.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;">⬇ Mad Mix Game</span>
        <span style="color: #008800; font-size: 0.85em;">PCW-Version mit angepassten Grafikmodi (.ZIP)</span>
      </div>
    </a>
  </div>

  <!-- Bloque de Manuales en PDF -->
  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 30px; border-bottom: 1px dotted #00ff00;">Handbücher</div>
  <div class="pcw-bloque-imagenes" style="gap: 20px !important; margin-bottom: 35px;">
    <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:descargas:Mad_Mix_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;">📄 Offizielles Handbuch</span>
        <span style="color: #008800; font-size: 0.85em;">Archivierte Original-Anleitung von Topo Soft (PDF)</span>
      </div>
    </a>
  </div>

  <!-- SECCIÓN VÍDEOS -->
  <div class="retro-subtitle">Videos</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>9vQWkrHOJHU?large}}<html>
    </div>
  </div>

</div> <!-- Finaler Verschluss des Ficha-Containers -->
</html>