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>
  /* --- 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 */
  .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 adaptado para pantallas sin perder los lados */
  .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>

<!-- Contenedor del visor adaptado a pantalla -->
<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">MOVIE</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:movie_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:reino_unido.jpg" class="bandera-pais" style="width:30px;">
      </div>
      <div class="dato-linea"><span class="dato-etiqueta">Compañía:</span><span class="dato-valor"><a href="doku.php?id=companias: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">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">Diseño y Programación Original: Duško Dimitrijević<br>Ilustración de Portada: Bob Wakelin</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Portado:</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">Año del juego:</span><span class="dato-valor">1986 (Original)</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Año del port:</span><span class="dato-valor">2024</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Compatibilidad:</span><span class="dato-valor">PCW 8256 - PCW 8512 - PCW 9512</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Gráficos:</span><span class="dato-valor">Perspectiva Isométrica (Filtrado de Pantalla PCW)</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Sonido:</span><span class="dato-valor">Beeper Integrado Adaptado</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Periféricos:</span><span class="dato-valor">Teclado / Joystick Compatible</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Carga:</span><span class="dato-valor">Carga Única</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Género:</span><span class="dato-valor">Aventura Isométrica / Cine Negro / Misterio</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Idioma:</span><span class="dato-valor">Inglés (Textos y bocadillos de diálogo originales)</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: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>
  <!-- SECCIÓN DESCRIPCIÓN -->
  <div class="retro-subtitle">Descripción</div>
  <div class="pcw-texto-descripcion">
    Lanzado originalmente en 1986 por el célebre sello Imagine Software y concebido por el brillante desarrollador Duško Dimitrijević, Movie se alza como una de las obras cumbre de la perspectiva isométrica en los sistemas de 8 bits. Ambientado en el implacable submundo criminal de la Nueva York de los años 30, este título supuso una evolución madura del género de las videoaventuras al entrelazar la exploración de entornos con la estética del cine negro clásico. Este port ostenta un valor documental incalculable dentro del panorama de la preservación informática: se trata del primer videojuego portado íntegramente desde la arquitectura de ZX Spectrum hacia el Amstrad PCW por el desarrollador HabiSoft, completado tras un exhaustivo proceso de optimización del código Z80.<br><br>
    La narrativa nos pone en la piel de Jack, un detective privado de gabardina y sombrero que asume el encargo más peligroso de su carrera: infiltrarse en el cuartel general de la temible banda del gángster "Bugsy" Malone. El objetivo es recuperar un maletín repleto de documentos confidenciales de vital importancia que se encuentra oculto en los entresijos de un inmenso baluarte fortificado de múltiples plantas. Para añadir tensión a la trama, Jack no solo debe esquivar las ráfagas de ametralladora de los matones que patrullan los pasillos, sino que debe localizar y escoltar sana y salva a su amada novia, Tanya, atrapada en algún punto del edificio.<br><br>
    La mecánica de juego supuso una revolución gracias a un complejo sistema de interacción contextual por menús gráficos y bocadillos de diálogo (iconos de "pensar" y "hablar"). Los jugadores pueden registrar muebles, recoger armas de fuego, golpear con los puños o negociar e interrogar a diversos personajes no jugables que pululan por los escenarios, cuyas reacciones varían según nuestro inventario o actitud. La fidelidad visual del motor isométrico original se ha volcado con una nitidez impecable en la pantalla de fósforo del Amstrad PCW, erradicando los clásicos problemas de colisión de atributos de color del Spectrum gracias a la nítida naturaleza monocroma de alta resolución del sistema ofimático de Amstrad.<br><br>
    El trabajo de adaptación de HabiSoft brilla con luz propia al sortear las profundas disparidades técnicas entre ambas máquinas clásicas. Dado que el PCW carece de los registros específicos de mapeado de pantalla y color del Spectrum, cada rutina gráfica de trazado isométrico tuvo que ser reestructurada y filtrada a nivel de código de máquina Z80. El resultado final respira un rendimiento fluido y una jugabilidad robusta que rinde homenaje a la mítica marca Imagine Software y a la mítica ilustración de portada diseñada por Bob Wakelin, consolidando este port como una pieza indispensable de arqueología del software y un testimonio vivo del talento técnico aplicado a la emulación y preservación del hardware clásico.
  </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:movie_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-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>

  <!-- 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: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>

  <!-- SECCIÓN ETIQUETAS -->
  <div class="retro-subtitle">Etiquetas</div>
  <div class="pcw-texto-plano" style="text-align: justify; margin-bottom: 20px;">
    Medida en 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: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;">Teclado y Control</div>
  <div class="pcw-texto-plano" style="text-align: justify; margin-bottom: 15px;">
    El sistema cuenta con soporte para teclado redefinible y joysticks Kempston o DK'Tronics. El mapeado de teclado por defecto para guiar al detective Jack de forma isométrica es el siguiente:
  </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">ARRIBA (Movimiento diagonal hacia el fondo-izquierda)</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Tecla A:</span><span class="dato-valor">ABAJO (Movimiento diagonal hacia abajo-derecha)</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Tecla O:</span><span class="dato-valor">IZQUIERDA (Movimiento diagonal hacia abajo-izquierda)</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Tecla P:</span><span class="dato-valor">DERECHA (Movimiento diagonal hacia el fondo-derecha)</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">ESPACIO:</span><span class="dato-valor">DISPARO (Activar acción o interactuar con el menú contextual)</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>• Orientación Isométrica:</strong> Para dominar el movimiento en el cuartel general de Bugsy, practica los giros diagonales combinando las teclas. Al cruzar puertas o cambiar de habitación, calcula el ángulo visual para no quedar atrapado en los bordes de los muros lógicos.<br><br>
    <strong>• Interrogatorios Estratégicos:</strong> Los gángsters y civiles que deambulan no siempre son hostiles de inmediato. Utiliza el icono de diálogo ("hablar") para sonsacar pistas sobre la ubicación de Tanya y el maletín. Su humor e información cambiarán radicalmente si les apuntas con un arma o les ofreces un soborno.<br><br>
    <strong>• Gestión de Munición:</strong> No malgastes las balas con los primeros matones comunes. La munición de tu revólver es extremadamente limitada en el mapa; recurre al combate cuerpo a cuerpo ("golpear") siempre que te enfrentes a un solo enemigo en habitaciones cerradas.<br><br>
    <strong>• Búsqueda por Registro:</strong> Usa el comando contextual de registrar en armarios, archivadores y mesas de despacho. Muchos de los documentos indispensables para resolver la investigación y abrir las cajas fuertes se ocultan tras la geometría decorativa de los despachos principales.
  </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;">
    Se adjunta el plano general de la base criminal estructurado en perspectiva de cuadrícula isométrica. Al hacer clic sobre él se abrirá adaptado a la pantalla en el visor.
  </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">Descargas Disponibles</div>
  
  <!-- Bloque de Juegos -->
  <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: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;">Versión PCW preservada (.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;">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: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;">📄 Manual Oficial</span>
        <span style="color: #008800; font-size: 0.85em;">Edición física escaneada (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>dvJyi_mCO6E?large}}<html>
    </div>
  </div>

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