fr:software:nuevos_desarrollos:movie []

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>
  /* --- RECUADRO DE 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 et scintillement 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;
  }

  /* Centrage des blocs multimédias et galeries */
  .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;
  }

  /* Conteneur sur une seule ligne sans barres de défilement */
  .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;
  }

  /* Blocs de grille alignés pour les images avec texte en dessous */
  .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;
  }

  /* Structure de la grille du tableau HTML */
  .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;
  }

  /* Cadres rétro d'écran de moniteur pour les images */
  .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;
  }

  /* --- COMPACT TECHNICAL CARD CONTAINER --- */
  .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; }

  /* Styles des liens DokuWiki à l'intérieur du Moniteur */
  .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;
  }

  /* Visionneuse interactive adaptée à l'écran sans perte sur les côtés */
  .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;
    width: 100%;
    height: 100%;
  }
  .pcw-img-modal img {
    max-width: 90% !important;
    max-height: 90% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
    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>

<!-- Visionneuse adaptée à la taille de l'écran -->
<div id="pcwVisor" class="pcw-img-modal" onclick="this.style.display='none'">
  <div class="pcw-img-modal-content">
    <img id="pcwVisorImg" src="" alt="Visionneuse">
  </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">MOVIE</div>
  <!-- BLOC DE SPÉCIFICATIONS TECHNIQUES (COMPACT) -->
  <div class="ficha-libro-crt">
    <div class="portada-ficha-container">
      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:movie_ficha.jpg" class="portada-fija" style="width:170px; height:240px; object-fit: cover;">
    </div>
    <div class="datos-ficha">
      <div class="titulo-linea">
        <h2>FICHE TECHNIQUE</h2>
        <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">Studio :</span><span class="dato-valor"><a href="doku.php?id=fr: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">Éditeur :</span><span class="dato-valor"><a href="doku.php?id=fr: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">Équipe de prod. :</span><span class="dato-valor">Code & Design Original : Duško Dimitrijević<br>Illustration de la Jaquette : Bob Wakelin</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Adaptation :</span><span class="dato-valor">HabiSoft (<a href="https://habisoft.com" target="_blank" style="color: #00ff00 !important; text-decoration: underline !important;">https://habisoft.com</a>)</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Année originale :</span><span class="dato-valor">1986</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Année du port :</span><span class="dato-valor">2024</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Compatibilité :</span><span class="dato-valor">PCW 8256 - PCW 8512 - PCW 9512</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Graphismes :</span><span class="dato-valor">Perspective Isométrique (Filtrage d'Écran PCW)</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Son :</span><span class="dato-valor">Beeper Interne Émulé</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Périphériques :</span><span class="dato-valor">Clavier / Joystick Compatible</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Chargement :</span><span class="dato-valor">Chargement Unique (Single Load)</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Genre :</span><span class="dato-valor">Aventure Isométrique / Film Noir / Enquête</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Langue :</span><span class="dato-valor">Anglais (Textes du portage et bulles de dialogue originales)</span></div>
    </div>
  </div>

  <!-- SCREENSHOTS SECTION -->
  <div class="retro-subtitle">Captures d'écran</div>
  <table class="pcw-tabla-grid">
    <tr>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:movie_1.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:movie_2.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:movie_3.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:movie_4.png" style="width:180px;" onclick="verImagen(this.src)"></td>
    </tr>
    <tr>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:movie_5.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:movie_6.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:movie_7.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:movie_8.png" style="width:180px;" onclick="verImagen(this.src)"></td>
    </tr>
  </table>
  <!-- DESCRIPTION SECTION -->
  <div class="retro-subtitle">Description</div>
  <div class="pcw-texto-descripcion">
    Initialement édité en 1986 par le célèbre label Imagine Software et conçu par le brillant développeur Duško Dimitrijević, Movie s'impose comme l'un des chefs-d'œuvre incontestés de la perspective isométrique sur les systèmes 8 bits. Plongé dans l'univers impitoyable de la pègre new-yorkaise des années 1930, ce titre marque une évolution mature du genre du jeu d'aventure en mêlant harmonieusement l'exploration de l'environnement à l'esthétique classique du film noir. Ce portage revêt une valeur documentaire inestimable pour la scène de la préservation informatique : il s'agit du tout premier jeu vidéo entièrement porté de l'architecture du ZX Spectrum vers l'Amstrad PCW par le développeur HabiSoft, au terme d'un travail exhaustif d'optimisation du code machine Z80 natif.<br><br>
    L'intrigue vous glisse dans la peau de Jack, un détective privé en imperméable et feutre, qui accepte la mission la plus périlleuse de sa carrière : infiltrer le quartier général du redoutable gang de « Bugsy » Malone. L'objectif est de récupérer une mallette remplie de documents hautement confidentiels, dissimulée au cœur d'une immense forteresse fortifiée de plusieurs étages. Pour pimenter l'aventure, Jack doit non seulement esquiver les tirs de mitraillette des gangsters qui patrouillent dans les couloirs, mais aussi localiser et escorter en lieu sûr sa fiancée Tanya, retenue prisonnière quelque part dans le bâtiment.<br><br>
    Les mécanismes de jeu ont été une véritable révolution grâce à un système sophistiqué d'interaction contextuelle géré par des menus graphiques et des bulles de dialogue (icônes « penser » et « parler »). Les joueurs peuvent fouiller les meubles, ramasser des armes à feu, donner des coups de poing ou négocier et interroger les différents personnages non-joueurs qui arpentent les pièces, leurs réactions changeant en fonction de votre inventaire ou de votre attitude. La fidélité visuelle du moteur isométrique d'origine a été transposée avec une netteté irréprochable sur l'écran au phosphore vert de l'Amstrad PCW, éliminant complètement les classiques problèmes de conflit d'attributs de couleur du Spectrum grâce à la nature monochrome haute résolution de la gamme d'ordinateurs de bureau d'Amstrad.<br><br>
    Le travail d'adaptation de HabiSoft brille particulièrement par sa façon de contourner habilement les profondes différences techniques entre les deux machines classiques. Le PCW ne disposant pas des registres spécifiques de cartographie d'écran et de couleur du Spectrum, chaque routine graphique pour le rendu isométrique a dû être restructurée et filtrée au niveau du code machine Z80. Le résultat final offre des performances fluides et un gameplay robuste qui fait honneur à la marque légendaire Imagine Software et à l'illustration emblématique de la jaquette signée Bob Wakelin, établissant ce portage comme une pièce indispensable de l'archéologie logicielle et un témoignage vivant du talent technique appliqué à la préservation et à l'émulation du matériel informatique classique.
  </div>

  <!-- INLAY/COVER SECTION -->
  <div class="retro-subtitle">Jaquette</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:movie_cover.jpg" style="width:440px;" onclick="verImagen(this.src)">
  </div>

  <!-- MANUAL SECTION -->
  <div class="retro-subtitle">Manuel</div>
  <div class="pcw-texto-plano" style="margin-bottom: 15px;">
    La documentation officielle numérisée en haute fidélité est jointe ci-dessous.
  </div>
  <div class="pcw-grid-horizontal">
    <div class="pcw-grid-item">
      <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:movie_manual.jpg" target="_blank">
        <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:movie_manual.jpg" style="width:220px; cursor:zoom-in;">
      </a>
    </div>
  </div>

  <!-- DISKS SECTION -->
  <div class="retro-subtitle">Disquettes</div>
  <div class="pcw-bloque-imagenes">
    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:discos:movie_disk_1.jpg" style="width:180px;" onclick="verImagen(this.src)">
    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:discos:movie_disk_2.jpg" style="width:180px;" onclick="verImagen(this.src)">
    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:discos:movie_disk_3.jpg" style="width:180px;" onclick="verImagen(this.src)">
  </div>

  <!-- LABELS SECTION -->
  <div class="retro-subtitle">Étiquettes de Disquette</div>
  <div class="pcw-texto-plano" style="text-align: justify; margin-bottom: 20px;">
    Dimensions pour disquettes 3 pouces : Hauteur : 7,00 cm - Largeur : 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:movie_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;">Clavier et Contrôles</div>
  <div class="pcw-texto-plano" style="text-align: justify; margin-bottom: 15px;">
    Le système prend en charge un clavier redéfinissable ainsi que les joysticks Kempston ou DK'Tronics. La configuration du clavier par défaut pour guider le détective Jack à travers l'environnement isométrique est la suivante :
  </div>
  <div style="max-width: 500px; margin-bottom: 25px;">
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Touche Q :</span><span class="dato-valor">ARRIBA (Mouvement diagonal vers le fond-gauche)</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Touche A :</span><span class="dato-valor">ABAJO (Mouvement diagonal vers l'avant-droite)</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Touche O :</span><span class="dato-valor">IZQUIERDA (Mouvement diagonal vers l'avant-gauche)</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Touche P :</span><span class="dato-valor">DERECHA (Mouvement diagonal vers le fond-droite)</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">ESPACE :</span><span class="dato-valor">DISPARO (Activer une action ou interagir con le menu contextuel)</span></div>
  </div>

  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Conseils et Astuces pour Terminer le Jeu</div>

  <div class="pcw-texto-plano" style="text-align: justify;">
    <strong>• Orientation Isométrique :</strong> Pour maîtriser les déplacements dans le repaire de Bugsy, entraînez-vous aux mouvements en diagonale en combinant les touches. Lorsque vous franchissez des portes ou changez de pièce, calculez précisément votre angle d'approche visuel pour ne pas rester bloqué contre les parois logiques.<br><br>
    <strong>• Interrogatoires Stratégiques :</strong> Les gangsters et les civils qui arpentent les lieux ne sont pas toujours hostiles au premier regard. Utilisez l'icône de dialogue (« parler ») pour obtenir des indices cruciaux sur l'emplacement de Tanya et sur la mallette manquante. Leur humeur et les informations fournies changeront radicalement si vous braquez une arme sur eux ou leur proposez un pot-de-vin.<br><br>
    <strong>• Gestion des Munitions :</strong> Ne gaspillez pas vos balles sur les petites frappes. Les munitions de votre revolver sont extrêmement rares sur toute la carte ; privilégiez le combat au corps à corps (« frapper ») dès que vous affrontez des ennemis isolés dans des espaces clos.<br><br>
    <strong>• Fouille Approfondie :</strong> Utilisez le menu contextuel pour fouiller minutieusement les armoires, les classeurs et les bureaux. De nombreux documents indispensables pour résoudre l'enquête et ouvrir les coffres-forts se cachent derrière la géométrie décorative des bureaux principaux.
  </div>

  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Carte</div>
  .
  <div class="pcw-texto-plano" style="margin-bottom: 15px;">
    Le plan cartographique complet du quartier général criminel est joint ci-dessous en perspective isométrique. En cliquant sur la carte, elle s'ouvrira adaptée à la taille de votre écran dans la visionneuse.
  </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:movie_mapa.png" style="width:440px;" onclick="verImagen(this.src)">
  </div>

  <!-- SECCIÓN DESCARGA -->
  <div class="retro-subtitle">Téléchargements Disponibles</div>
  
  <!-- Bloque de Juegos -->
  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Jeu</div>
  <div class="pcw-bloque-imagenes" style="gap: 20px !important;">
    <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:descargas:movie.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;">⬇ Movie</span>
        <span style="color: #008800; font-size: 0.85em;">Version PCW préservée (.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;">Manuels</div>
  <div class="pcw-bloque-imagenes" style="gap: 20px !important; margin-bottom: 35px;">
    <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:descargas:movie_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;">📄 Manuel Officiel</span>
        <span style="color: #008800; font-size: 0.85em;">Édition physique numérisée (PDF)</span>
      </div>
    </a>
  </div>

  <!-- SECCIÓN VÍDEOS -->
  <div class="retro-subtitle">Vidéos</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>dvJyi_mCO6E?large}}<html>
    </div>
  </div>

</div> <!-- Fermeture finale du conteneur de la fiche -->
</html>