software:nuevos_desarrollos:mithos_plus []

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">MYTHOS PLUS EDITION</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:mithos_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:opera_soft" style="color: #00ff00 !important; font-weight: bold; text-decoration: underline !important;">Opera Soft S.A.</a></span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Distribuidora:</span><span class="dato-valor"><a href="doku.php?id=companias:opera_soft" style="color: #00ff00 !important; font-weight: bold; text-decoration: underline !important;">Opera Soft S.A.</a></span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Equipo de producción:</span><span class="dato-valor">Programación Original: José Vicente Pons<br>Gráficos Originales: José Vicente Pons<br>Ilustración de Portada: Carlos A. Díaz Maroto</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">1990 (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">4 Colores Infernales (Paleta extendida optimizada)</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Sonido:</span><span class="dato-valor">Música In-Game Integrada y Efectos de Sonido FX</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 (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 / Plataformas Lateral</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:mithos_1.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:mithos_2.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:mithos_3.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:mithos_4.png" style="width:180px;" onclick="verImagen(this.src)"></td>
    </tr>
    <tr>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:mithos_5.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:mithos_6.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:mithos_7.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:mithos_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 clásico indiscutible de la mítica Edad de Oro del software español, diseñado originalmente en 1990 por José Vicente Pons para Opera Soft S.A., recibe un tratamiento histórico de preservación interactiva extrema. "Mythos Plus Edition" es una ambiciosa y profunda reinterpretación jugable desarrollada por Enrique G. Gálvez para la gama Amstrad PCW y sistemas compactos de nueva generación como PCW# mini. Esta edición rescata un título técnicamente castigado en su día por las limitaciones comerciales del hardware de oficina, transformándolo en una vibrante y frenética experiencia arcade que exprime la arquitectura Z80 a niveles nunca antes vistos en la máquina.<br><br>
    La narrativa nos sumerge por completo en los rincones más implacables de la mitología griega. Tomamos el control del poderoso y ágil centauro arquero Ahyzar, el campeón elegido del dios Krosar. Nuestra sagrada misión consiste en infiltrarnos en las cumbres celestiales y los pasadizos subterráneos del mismísimo Monte Olimpo para recuperar las siete monedas mágicas de poder divino que han sido robadas y dispersadas. La gesta nos enfrentará cara a cara contra oleadas incesantes de criaturas de pesadilla, quimeras, soldados espectrales y guardianes mitológicos que custodian cada sección del escenario en un implacable diseño flip-screen y scroll lateral táctico.<br><br>
    Frente al ritmo torpe y la ausencia de stimuli sonoros de la versión de 1990, esta "Plus Edition" destaca por una profunda reingeniería de su motor: se ha inyectado una tasa de velocidad y respuesta de control drásticamente aumentada que convierte la navegación y el plataformeo en un puro ejercicio de reflejos rápidos. Visualmente, el juego abandona la paleta monocroma plana para vestirse con una espectacular configuración de "4 colores infernales", que dotan de un sombreado y una atmósfera tétrica de alto contraste a los sprites y mapeados del Olimpo.<br><br>
    El apartado sonoro es otro de los grandes triunfos de esta preservación: añade una banda sonora musical original en juego que acompaña rítmicamente la tensión de las flechas y los saltos, complementada con un paquete reescrito de efectos de sonido especiales (FX) para cada impacto, salto y muerte enemiga. 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:mithos_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.
  </div>
  <div class="pcw-grid-horizontal">
    <div class="pcw-grid-item">
      <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:mithos_manual_1.jpg" target="_blank">
        <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:mithos_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:mithos_manual_2.jpg" target="_blank">
        <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:mithos_manual_2.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:mithos_disk_1.jpg" style="width:180px;" onclick="verImagen(this.src)">
    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:discos:mithos_disk_2.jpg" style="width:180px;" onclick="verImagen(this.src)">
    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:discos:mithos_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:mithos_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 el "ghosting". Soporta joysticks digitales emulados y el mapeado de teclas estándar de acción rápida para el centauro Ahyzar.
  </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</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Tecla A:</span><span class="dato-valor">Agacharse / Bajar plataformas</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Tecla O:</span><span class="dato-valor">Cabalgar hacia la Izquierda</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Tecla P:</span><span class="dato-valor">Cabalgar hacia la Derecha</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">ESPACIO:</span><span class="dato-valor">Disparar Flecha Mágica (Fuego rápido mejorado)</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>• Aprovecha la Cadencia del Arco:</strong> La nueva velocidad de juego permite disparar flechas de forma mucho más fluida. No dejes que los enemigos se acerquen a tu cuerpo de centauro, ya que la colisión restará rápidamente tus barras de vida.<br><br>
    <strong>• Memorización de Pantallas (Flip-Screen):</strong> Al cambiar de pantalla, la colocación de los enemigos puede pillarte desprevenido por la velocidad aumentada. Avanza con el arco tenso al llegar a los límites laterales.<br><br>
    <strong>• Rastreo de Monedas Divinas:</strong> Hay 7 monedas en total custodiadas en los altares superiores e inferiores del Olimpo. Explora de forma vertical usando las columnas del escenario para no dejar atrás ninguna ruta.<br><br>
    <strong>• Gestión de las Tres Vidas:</strong> El juego sigue siendo un reto colosal al puro estilo de los 80. Mantén la calma y lee los patrones de salto de los monstruos voladores para evitar muertes instantáneas.
  </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 de las estancias divinas del Olimpo para localizar las monedas sagradas de Krosar.
  </div>
  <div class="pcw-grid-horizontal">
    <div class="pcw-grid-item">
      <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:mithos_mapa.png" target="_blank">
        <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:mithos_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:MythosPlus.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;">⬇ Mythos Plus Edition</span>
        <span style="color: #008800; font-size: 0.85em;">Versión PCW con mejoras de velocidad, sonido y color (.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:mithos_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 para PCW (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>o0pyedXjlP4?large}}<html>
    </div>
  </div>

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