Diferencias

Muestra las diferencias entre dos versiones de la página.

--- es:revistas:pcw_user [2026/05/12 12:01] – jesus
+++ es:revistas:pcw_user [2026/05/12 12:43] (actual) – jesus
@@ Línea 6: / Línea 6: @@
     background-color: #000b00 !important;
     font-family: 'Courier New', Courier, monospace !important;
-    padding: 15px;
+    padding: 15px; color: #00ff00 !important;
-    color: #00ff00 !important;
   }
   .crt-effect { position: relative; overflow: hidden; border: 2px solid #2a2a2a; }
   .crt-effect::after {
@@ Línea 20: / Línea 18: @@
   @keyframes flicker-pcw { 0% { opacity: 0.97; } 100% { opacity: 1; } }
-  /* --- 1. FICHA TÉCNICA --- */
+  /* --- 1. FICHA TÉCNICA (CUADRADA) --- */
   .ficha-libro-crt {
     border: 10px solid #2a2a2a; border-radius: 15px; padding: 30px; margin-bottom: 20px;
@@ Línea 26: / Línea 24: @@
     box-shadow: inset 0 0 50px rgba(0,255,0,0.15), 0 10px 30px rgba(0,0,0,0.7);
   }
   .portada-ficha-container {
-    width: 220px; height: 300px; background-color: #111; border: 4px solid #00ff00;
+    width: 300px; height: 300px; background-color: #111; border: 4px solid #00ff00;
-    padding: 2px; box-sizing: border-box;
+    padding: 2px; box-sizing: border-box; display: flex; align-items: center; justify-content: center;
+    cursor: default;
   }
-  .portada-ficha-container img { width: 100%; height: 100%; object-fit: cover; }
+  .portada-ficha-container img { max-width: 100%; max-height: 100%; object-fit: contain; }
   .datos-ficha { flex: 1; min-width: 300px; }
@@ Línea 40: / Línea 38: @@
   .datos-ficha h2 { margin: 0 !important; font-size: 1.8em !important; color: #00ff00 !important; text-transform: uppercase; text-shadow: 0 0 10px #00ff00; }
   .bandera-pais { height: 30px; border: 1px solid #00ff00; }
   .dato-linea { margin: 8px 0; font-size: 0.95em; display: flex; }
   .dato-etiqueta { color: #008800; font-weight: bold; min-width: 130px; text-transform: uppercase; }
   .dato-valor { color: #00ff00; }
-  .link-editorial { color: #00ff00 !important; text-decoration: underline !important; font-weight: bold; }
   /* --- 2. BLOQUES DE SECCIÓN --- */
-  .pcw-section-box {
+  .pcw-section-box { background-color: #000b00; border: 2px solid #00ff00; margin: 20px 0; padding: 20px; }
-    background-color: #000b00; border: 2px solid #00ff00;
-    margin: 20px 0; padding: 20px;
-  }
   .pcw-section-title {
     background-color: #00ff00; color: #000; padding: 3px 12px;
@@ Línea 58: / Línea 50: @@
   }
-  .magazine-grid {
+  /* --- CONTENIDOS Y GALERÍAS --- */
-    display: grid;
-    grid-template-columns: repeat(5, 1fr);
-    gap: 15px;
-    margin-top: 20px;
-  }
-  .magazine-item { text-align: center; transition: 0.3s; }
-  .magazine-item a { text-decoration: none; display: block; }
-  .magazine-item img { width: 100%; height: auto; border: 2px solid #008800; transition: 0.3s; }
-  .magazine-item:hover img { border-color: #00ff00; transform: scale(1.05); box-shadow: 0 0 15px #00ff00; }
-  .magazine-label { display: block; margin-top: 8px; color: #00ff00; font-size: 0.75em; font-weight: bold; }
-  /* Contenidos de discos y galerías */
   .disk-header { color: #00ff00; font-weight: bold; text-decoration: underline; margin-top: 25px; display: block; font-size: 1.1em; }
   .face-title { color: #008800; font-weight: bold; text-transform: uppercase; margin-top: 8px; display: block; padding-left: 10px; border-left: 2px solid #008800; }
-  .program-list { list-style: none; padding-left: 25px; margin: 5px 0; }
+  .program-list { list-style: none; padding-left: 25px; margin: 10px 0; }
-  .program-item { margin-bottom: 3px; }
+  .program-item { margin-bottom: 5px; line-height: 1.4; color: #aaffaa; }
   .program-name { color: #00ff00; font-weight: bold; }
-  .program-desc { color: #aaffaa; opacity: 0.9; }
-  .disk-gallery { display: flex; gap: 15px; margin: 15px 0 30px 25px; flex-wrap: wrap; }
+  .disk-gallery { display: flex; gap: 15px; margin: 15px 0 30px 25px; flex-wrap: wrap; align-items: center; }
-  .disk-thumb { width: 120px; height: auto; border: 1px solid #008800; padding: 2px; background: #111; }
+  .disk-thumb, .cover-equilibrada { height: 120px; width: auto; border: 1px solid #008800; padding: 2px; background: #111; cursor: pointer; transition: 0.3s; }
+  .disk-thumb:hover, .cover-equilibrada:hover { transform: scale(1.1); border-color: #00ff00; box-shadow: 0 0 15px #00ff00; }
-  @media (max-width: 900px) { .magazine-grid { grid-template-columns: repeat(3, 1fr); } }
+  /* --- REJILLA DESCARGAS NEÓN --- */
-  @media (max-width: 700px) {
+  .magazine-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; margin-top: 20px; }
-    .ficha-libro-crt { flex-direction: column; align-items: center; }
+  .magazine-item-link { text-decoration: none !important; display: block; text-align: center; }
-    .dato-linea { flex-direction: column; }
+  .download-card { border: 2px solid #004400; padding: 10px; transition: 0.3s; background: rgba(0,0,0,0.3); }
-    .magazine-grid { grid-template-columns: repeat(2, 1fr); }
+  .magazine-item-link:hover .download-card { border: 2px solid #00ff00; box-shadow: 0 0 20px #00ff00; background: rgba(0, 255, 0, 0.1); transform: translateY(-5px); }
+  .download-card img { width: 100%; height: auto; border: 1px solid #008800; margin-bottom: 10px; }
+  .magazine-label { display: block; color: #00ff00 !important; font-size: 1em; font-weight: bold; text-shadow: 0 0 8px #00ff00; }
+  /* --- LIGHTBOX --- */
+  #pcw-lightbox {
+    display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;
+    background-color: rgba(0,11,0,0.95); align-items: center; justify-content: center; cursor: zoom-out;
   }
+  #pcw-lightbox img { max-width: 90%; max-height: 90%; border: 3px solid #00ff00; box-shadow: 0 0 30px #00ff00; }
+  @media (max-width: 800px) { .magazine-grid { grid-template-columns: repeat(2, 1fr); } .ficha-libro-crt { flex-direction: column; align-items: center; } }
 </style>
-<div class="pcw-page-container crt-effect">
+<div id="pcw-lightbox" onclick="this.style.display='none'"><img id="lightbox-img" src=""></div>
-  <!-- 1. FICHA TÉCNICA -->
+<div class="pcw-page-container crt-effect">
   <div class="ficha-libro-crt">
     <div class="portada-ficha-container">
-      <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_caratula_1.jpg" alt="PCW User">
+      <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user.jpg" alt="PCW User">
     </div>
     <div class="datos-ficha">
@@ Línea 102: / Línea 92: @@
       </div>
       <div class="dato-linea"><span class="dato-etiqueta">REVISTA:</span><span class="dato-valor">PCW User</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">EDITORIAL:</span><span class="dato-valor"><a href="doku.php?id=es:compañia:club_auser" class="link-editorial">Club Auser</a></span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">EDITORIAL:</span><span class="dato-valor"><a href="doku.php?id=:editoriales:club_auser" style="color:#00ff00; text-decoration:underline;">Club Auser</a></span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">DISTRIBUIDORA:</span><span class="dato-valor"><a href="doku.php?id=es:compañia:club_auser" class="link-editorial">Club Auser</a></span></div>
       <div class="dato-linea"><span class="dato-etiqueta">AÑO:</span><span class="dato-valor">1989 - 1990</span></div>
       <div class="dato-linea"><span class="dato-etiqueta">GÉNERO:</span><span class="dato-valor">Disco revista informática</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">IDIOMA:</span><span class="dato-valor">Español</span></div>
       <div class="dato-linea"><span class="dato-etiqueta">PRECIO:</span><span class="dato-valor">2.500 Pesetas</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">IDIOMA:</span><span class="dato-valor">Español</span></div>
       <div class="dato-linea"><span class="dato-etiqueta">ESTADO:</span><span class="dato-valor">Preservado</span></div>
-      <div class="dato-linea" style="flex-direction: column; margin-top: 15px;">
-        <span class="dato-etiqueta">RESUMEN:</span>
-        <span class="dato-valor" style="margin-top: 5px; text-align: justify; color: #aaffaa; font-style: italic;">
-          Una de las revistas más completas en soporte disco de 3", con formato CF2 de doble cara y simple densidad grabado por las dos caras, con contenido único y exclusivo para la gama PCW.
-        </span>
-      </div>
     </div>
   </div>
+  <!-- 2. DESCRIPCIÓN COMPLETA (ORIGINAL 100%) -->
-  <!-- 2. DESCRIPCIÓN COMPLETA (ORIGINAL) -->
   <div class="pcw-section-box">
-    <div class="pcw-section-title">A> DESCRIPCIÓN ORIGINAL</div>
+    <div class="pcw-section-title">A> DESCRIPCIÓN</div>
     <div style="text-align: justify; line-height: 1.6; color: #00ff00;">
       <p style="margin-bottom: 15px;">En Septiembre de 1989, sale al mercado español, la segunda revista en soporte disco, para los usuarios de la gama Amstrad PCW. Tras el fracaso de la primera revista española en disco, dedicada íntegramente al Amstrad PCW llamada "[[es:tu_amstrad_pcw|Tu Amstrad PCW]]", se intenta una vez más, mantener a flote el PCW llamando la atención y la demanda de los usuarios de éstas máquinas.</p>
@@ Línea 128: / Línea 109: @@
       <p style="margin-bottom: 10px;">La colección consta de 5 números, cuya salida fue la siguiente:</p>
-      <ul style="margin-bottom: 15px; padding-left: 20px; color: #aaffaa;">
+      <ul style="color: #aaffaa; margin-bottom: 15px; padding-left: 20px;">
         <li>Número 1 - Septiembre de 1989.</li>
         <li>Número 2 - Noviembre de 1989.</li>
@@ Línea 142: / Línea 123: @@
       <p style="margin-bottom: 15px;">Algunos de sus contenidos eran: los pokes o cargadores para algunos juegos (muy necesarios para la dificultad de algunos de ellos para terminarlos), programas entre utilidades, gráficos, educativos, etc, lenguajes de programación, juegos y programas en Mallard Basic, logo, información de las últimas novedades, correo, libros, aplicaciones, y un largo etc.</p>
       <p><strong>Instrucciones de carga:</strong><br>
       • Introducir el disco en la unidad A (cara A).<br>
@@ Línea 149: / Línea 130: @@
     </div>
   </div>
-  <!-- 3. CONTENIDO DETALLADO Y GALERÍA DE DISCOS -->
+  <!-- 3. CONTENIDO POR NÚMERO (EQUILIBRADO VISUALMENTE) -->
   <div class="pcw-section-box">
-    <div class="pcw-section-title">B> ÍNDICE DE PROGRAMAS Y SOPORTE FÍSICO</div>
+    <div class="pcw-section-title">A> COLECCIÓN Y PROGRAMAS</div>
     <!-- NÚMERO 1 -->
     <span class="disk-header">Número 1 - Septiembre de 1989</span>
     <span class="face-title">CARA A</span>
     <ul class="program-list">
-      <li class="program-item"><span class="program-name">3DFun:</span> <span class="program-desc">Programa para la realización de representaciones gráficas de funciones en 3D.</span></li>
+      <li class="program-item"><span class="program-name">3DFun:</span> Programa para la realización de representaciones gráficas de funciones en 3D.</li>
-      <li class="program-item"><span class="program-name">Graph:</span> <span class="program-desc">Primer lenguaje de programación de gráficos.</span></li>
+      <li class="program-item"><span class="program-name">Graph:</span> Primer lenguaje de programación de gráficos.</li>
-      <li class="program-item"><span class="program-name">Pokdis:</span> <span class="program-desc">Programa indispensable para la búsqueda de pokes.</span></li>
+      <li class="program-item"><span class="program-name">Pokdis:</span> Programa indispensable para la búsqueda de pokes.</li>
-      <li class="program-item"><span class="program-name">Volcador:</span> <span class="program-desc">Utilidad para volcados de pantalla por impresora.</span></li>
+      <li class="program-item"><span class="program-name">Volcador:</span> Utilidad para volcados de pantalla por impresora.</li>
     </ul>
     <span class="face-title">CARA B</span>
     <ul class="program-list">
-      <li class="program-item"><span class="program-name">Char:</span> <span class="program-desc">Generador de letras en modo 1 y 2 del CPC.</span></li>
+      <li class="program-item"><span class="program-name">Char:</span> Generador de letras en modo 1 y 2 del CPC.</li>
-      <li class="program-item"><span class="program-name">Medico:</span> <span class="program-desc">Programa médico para diagnosticar cualquier enfermedad.</span></li>
+      <li class="program-item"><span class="program-name">Medico:</span> Programa médico para diagnosticar cualquier enfermedad.</li>
-      <li class="program-item"><span class="program-name">Deimos:</span> <span class="program-desc">Juego donde deberemos enfrentarnos a mil laberintos.</span></li>
+      <li class="program-item"><span class="program-name">Deimos:</span> Juego donde deberemos enfrentarnos a mil laberintos.</li>
-      <li class="program-item"><span class="program-name">Draw:</span> <span class="program-desc">Conjunto de rutinas que generan las instrucciones Plot y draw.</span></li>
+      <li class="program-item"><span class="program-name">Draw:</span> Conjunto de rutinas que generan las instrucciones Plot y draw.</li>
     </ul>
     <div class="disk-gallery">
-      <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_disco_1_1.jpg" class="disk-thumb" title="Disco 1 - Cara A">
+      <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_caratula_1.jpg" class="cover-equilibrada" onclick="openLightbox(this.src)">
-      <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_disco_1_2.jpg" class="disk-thumb" title="Disco 1 - Cara B">
+      <img src="/lib/exe/fetch.php?media=revistas:discos:pcw_user_revista_disco_1_1.jpg" class="disk-thumb" onclick="openLightbox(this.src)">
+      <img src="/lib/exe/fetch.php?media=revistas:discos:pcw_user_revista_disco_1_2.jpg" class="disk-thumb" onclick="openLightbox(this.src)">
     </div>
@@ Línea 178: / Línea 161: @@
     <span class="face-title">CARA A</span>
     <ul class="program-list">
-      <li class="program-item"><span class="program-name">Paranoid:</span> <span class="program-desc">Juego intrépido de damas.</span></li>
+      <li class="program-item"><span class="program-name">Paranoid:</span> Juego intrépido de damas.</li>
-      <li class="program-item"><span class="program-name">Plot:</span> <span class="program-desc">Lo último en rutinas gráficas sin necesidad de utilizar el GSX.</span></li>
+      <li class="program-item"><span class="program-name">Plot:</span> Lo último en rutinas gráficas sin necesidad de utilizar el GSX.</li>
-      <li class="program-item"><span class="program-name">Volcador:</span> <span class="program-desc">Saca un listado por impresora a toda página de tus mejores pantallas en logo.</span></li>
+      <li class="program-item"><span class="program-name">Volcador:</span> Saca un listado por impresora a toda página de tus mejores pantallas en logo.</li>
-      <li class="program-item"><span class="program-name">Pixmap:</span> <span class="program-desc">Redefina sus propios caracteres y utilícelos después en sus programas.</span></li>
+      <li class="program-item"><span class="program-name">Pixmap:</span> Redefina sus propios caracteres y utilícelos después en sus programas.</li>
     </ul>
     <span class="face-title">CARA B</span>
     <ul class="program-list">
-      <li class="program-item"><span class="program-name">Funcion:</span> <span class="program-desc">Espectaculares representaciones matemáticas de un modo gráfico.</span></li>
+      <li class="program-item"><span class="program-name">Funcion:</span> Espectaculares representaciones matemáticas de un modo gráfico.</li>
-      <li class="program-item"><span class="program-name">Copyd:</span> <span class="program-desc">Copión para hacer copias de seguridad.</span></li>
+      <li class="program-item"><span class="program-name">Copyd:</span> Copión para hacer copias de seguridad.</li>
-      <li class="program-item"><span class="program-name">1X2:</span> <span class="program-desc">Programa que nos ayudará a realizar nuestras quinielas.</span></li>
+      <li class="program-item"><span class="program-name">1X2:</span> Programa que nos ayudará a realizar nuestras quinielas.</li>
-      <li class="program-item"><span class="program-name">Dagoba:</span> <span class="program-desc">Juego de miles de laberintos buscando el tesoro perdido.</span></li>
+      <li class="program-item"><span class="program-name">Dagoba:</span> Juego de miles de laberintos buscando el tesoro perdido.</li>
     </ul>
     <div class="disk-gallery">
-      <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_disco_2_1.jpg" class="disk-thumb" title="Disco 2 - Cara A">
+      <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_caratula_2.jpg" class="cover-equilibrada" onclick="openLightbox(this.src)">
-      <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_disco_2_2.jpg" class="disk-thumb" title="Disco 2 - Cara B">
+      <img src="/lib/exe/fetch.php?media=revistas:discos:pcw_user_revista_disco_2_1.jpg" class="disk-thumb" onclick="openLightbox(this.src)">
+      <img src="/lib/exe/fetch.php?media=revistas:discos:pcw_user_revista_disco_2_2.jpg" class="disk-thumb" onclick="openLightbox(this.src)">
     </div>
@@ Línea 199: / Línea 183: @@
     <span class="face-title">CARA A</span>
     <ul class="program-list">
-      <li class="program-item"><span class="program-name">Facturas:</span> <span class="program-desc">Aplicación desarrollada para la emisión y control de facturas.</span></li>
+      <li class="program-item"><span class="program-name">Facturas:</span> Aplicación desarrollada para la emisión y control de facturas.</li>
-      <li class="program-item"><span class="program-name">Libreta:</span> <span class="program-desc">Gestión de libretas de ahorro.</span></li>
+      <li class="program-item"><span class="program-name">Libreta:</span> Gestión de libretas de ahorro.</li>
-      <li class="program-item"><span class="program-name">TRJB:</span> <span class="program-desc">Cargador para obtener vidas infinitas en el juego James Bond 007.</span></li>
+      <li class="program-item"><span class="program-name">TRJB:</span> Cargador para obtener vidas infinitas en el juego James Bond 007.</li>
     </ul>
     <span class="face-title">CARA B</span>
     <ul class="program-list">
-      <li class="program-item"><span class="program-name">Mina:</span> <span class="program-desc">Juego donde deberemos surcar laberintos peligrosos.</span></li>
+      <li class="program-item"><span class="program-name">Mina:</span> Juego donde deberemos surcar laberintos peligrosos.</li>
-      <li class="program-item"><span class="program-name">Sub:</span> <span class="program-desc">Divertido juego del comecocos pero de una manera más original.</span></li>
+      <li class="program-item"><span class="program-name">Sub:</span> Divertido juego del comecocos pero de una manera más original.</li>
-      <li class="program-item"><span class="program-name">Label:</span> <span class="program-desc">Programa para efectuar impresión de etiquetas.</span></li>
+      <li class="program-item"><span class="program-name">Label:</span> Programa para efectuar impresión de etiquetas.</li>
     </ul>
     <div class="disk-gallery">
-      <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_disco_3_1.jpg" class="disk-thumb" title="Disco 3 - Cara A">
+      <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_caratula_3.jpg" class="cover-equilibrada" onclick="openLightbox(this.src)">
-      <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_disco_3_2.jpg" class="disk-thumb" title="Disco 3 - Cara B">
+      <img src="/lib/exe/fetch.php?media=revistas:discos:pcw_user_revista_disco_3_1.jpg" class="disk-thumb" onclick="openLightbox(this.src)">
+      <img src="/lib/exe/fetch.php?media=revistas:discos:pcw_user_revista_disco_3_2.jpg" class="disk-thumb" onclick="openLightbox(this.src)">
     </div>
@@ Línea 218: / Línea 203: @@
     <span class="face-title">CARA A</span>
     <ul class="program-list">
-      <li class="program-item"><span class="program-name">Banksal:</span> <span class="program-desc">Programa para el control de cuentas corrientes.</span></li>
+      <li class="program-item"><span class="program-name">Banksal:</span> Programa para el control de cuentas corrientes.</li>
-      <li class="program-item"><span class="program-name">TRHH:</span> <span class="program-desc">Cargador para obtener vidas infinitas e inmunidad en el juego Head Over Heels.</span></li>
+      <li class="program-item"><span class="program-name">TRHH:</span> Cargador para obtener vidas infinitas e inmunidad en el juego Head Over Heels.</li>
     </ul>
     <span class="face-title">CARA B</span>
     <ul class="program-list">
-      <li class="program-item"><span class="program-name">Test:</span> <span class="program-desc">Programa potente para la generación u corrección de tests.</span></li>
+      <li class="program-item"><span class="program-name">Test:</span> Programa potente para la generación u corrección de tests.</li>
-      <li class="program-item"><span class="program-name">Barcos:</span> <span class="program-desc">Juego clásico de los barcos.</span></li>
+      <li class="program-item"><span class="program-name">Barcos:</span> Juego clásico de los barcos.</li>
-      <li class="program-item"><span class="program-name">Biopcw:</span> <span class="program-desc">Generador para saber en todo momento tus bioritmos.</span></li>
+      <li class="program-item"><span class="program-name">Biopcw:</span> Generador para saber en todo momento tus bioritmos.</li>
     </ul>
     <div class="disk-gallery">
-      <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_disco_4_1.jpg" class="disk-thumb" title="Disco 4 - Cara A">
+      <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_caratula_4.jpg" class="cover-equilibrada" onclick="openLightbox(this.src)">
-      <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_disco_4_2.jpg" class="disk-thumb" title="Disco 4 - Cara B">
+      <img src="/lib/exe/fetch.php?media=revistas:discos:pcw_user_revista_disco_4_1.jpg" class="disk-thumb" onclick="openLightbox(this.src)">
+      <img src="/lib/exe/fetch.php?media=revistas:discos:pcw_user_revista_disco_4_2.jpg" class="disk-thumb" onclick="openLightbox(this.src)">
     </div>
@@ Línea 236: / Línea 222: @@
     <span class="face-title">CARA A</span>
     <ul class="program-list">
-      <li class="program-item"><span class="program-name">Sider:</span> <span class="program-desc">Potente conversor de ficheros.</span></li>
+      <li class="program-item"><span class="program-name">Sider:</span> Potente conversor de ficheros.</li>
-      <li class="program-item"><span class="program-name">Parchise:</span> <span class="program-desc">El popular juego del parchís.</span></li>
+      <li class="program-item"><span class="program-name">Parchise:</span> El popular juego del parchís.</li>
-      <li class="program-item"><span class="program-name">Naves:</span> <span class="program-desc">Juego apasionante de lucha contra seres de otro planeta.</span></li>
+      <li class="program-item"><span class="program-name">Naves:</span> Juego apasionante de lucha contra seres de otro planeta.</li>
     </ul>
     <span class="face-title">CARA B</span>
     <ul class="program-list">
-      <li class="program-item"><span class="program-name">Calc:</span> <span class="program-desc">Sencilla y útil calculadora.</span></li>
+      <li class="program-item"><span class="program-name">Calc:</span> Sencilla y útil calculadora.</li>
-      <li class="program-item"><span class="program-name">Dic:</span> <span class="program-desc">Programa para llevar el control de personas con direcciones y teléfonos.</span></li>
+      <li class="program-item"><span class="program-name">Dic:</span> Programa para llevar el control de personas con direcciones y teléfonos.</li>
-      <li class="program-item"><span class="program-name">Df:</span> <span class="program-desc">Programa en logo para la generación de figuras.</span></li>
+      <li class="program-item"><span class="program-name">Df:</span> Programa en logo para la generación de figuras.</li>
     </ul>
     <div class="disk-gallery">
-      <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_disco_5_1.jpg" class="disk-thumb" title="Disco 5 - Cara A">
+      <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_caratula_5.jpg" class="cover-equilibrada" onclick="openLightbox(this.src)">
-      <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_disco_5_2.jpg" class="disk-thumb" title="Disco 5 - Cara B">
+      <img src="/lib/exe/fetch.php?media=revistas:discos:pcw_user_revista_disco_5_1.jpg" class="disk-thumb" onclick="openLightbox(this.src)">
+      <img src="/lib/exe/fetch.php?media=revistas:discos:pcw_user_revista_disco_5_2.jpg" class="disk-thumb" onclick="openLightbox(this.src)">
     </div>
   </div>
-  <!-- 4. ARCHIVO DE DESCARGAS -->
+  <!-- 4. ARCHIVO DE DESCARGAS (ESTILO NEÓN VERDE) -->
   <div class="pcw-section-box">
-    <div class="pcw-section-title">C> DESCARGA DE IMÁGENES DE DISCO (ZIP)</div>
+    <div class="pcw-section-title">A> ARCHIVO DE DISCOS</div>
-    <p style="color: #008800; font-size: 0.9em; margin-bottom: 20px;">[ PULSE SOBRE LA CARÁTULA PARA DESCARGAR EL ARCHIVO ]</p>
     <div class="magazine-grid">
-      <div class="magazine-item">
+      <a href="/lib/exe/fetch.php?media=revistas:descargas:PCW_User_N_1.zip" class="magazine-item-link">
-        <a href="/lib/exe/fetch.php?media=revistas:descargas:PCW_User_N_1.zip">
+        <div class="download-card">
-          <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_caratula_1.jpg" alt="Número 1">
+          <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_caratula_1.jpg">
-          <span class="magazine-label">NÚMERO 1</span>
+          <span class="magazine-label">Número 1</span>
-        </a>
+        </div>
-      </div>
+      </a>
-      <div class="magazine-item">
+      <a href="/lib/exe/fetch.php?media=revistas:descargas:PCW_User_N_2.zip" class="magazine-item-link">
-        <a href="/lib/exe/fetch.php?media=revistas:descargas:PCW_User_N_2.zip">
+        <div class="download-card">
-          <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_caratula_2.jpg" alt="Número 2">
+          <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_caratula_2.jpg">
-          <span class="magazine-label">NÚMERO 2</span>
+          <span class="magazine-label">Número 2</span>
-        </a>
+        </div>
-      </div>
+      </a>
-      <div class="magazine-item">
+      <a href="/lib/exe/fetch.php?media=revistas:descargas:PCW_User_N_3.zip" class="magazine-item-link">
-        <a href="/lib/exe/fetch.php?media=revistas:descargas:PCW_User_N_3.zip">
+        <div class="download-card">
-          <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_caratula_3.jpg" alt="Número 3">
+          <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_caratula_3.jpg">
-          <span class="magazine-label">NÚMERO 3</span>
+          <span class="magazine-label">Número 3</span>
-        </a>
+        </div>
-      </div>
+      </a>
-      <div class="magazine-item">
+      <a href="/lib/exe/fetch.php?media=revistas:descargas:PCW_User_N_4.zip" class="magazine-item-link">
-        <a href="/lib/exe/fetch.php?media=revistas:descargas:PCW_User_N_4.zip">
+        <div class="download-card">
-          <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_caratula_4.jpg" alt="Número 4">
+          <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_caratula_4.jpg">
-          <span class="magazine-label">NÚMERO 4</span>
+          <span class="magazine-label">Número 4</span>
-        </a>
+        </div>
-      </div>
+      </a>
-      <div class="magazine-item">
+      <a href="/lib/exe/fetch.php?media=revistas:descargas:PCW_User_N_5.zip" class="magazine-item-link">
-        <a href="/lib/exe/fetch.php?media=revistas:descargas:PCW_User_N_5.zip">
+        <div class="download-card">
-          <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_caratula_5.jpg" alt="Número 5">
+          <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_caratula_5.jpg">
-          <span class="magazine-label">NÚMERO 5</span>
+          <span class="magazine-label">Número 5</span>
-        </a>
+        </div>
-      </div>
+      </a>
     </div>
   </div>
+</div>
-</div>
+<script>
+function openLightbox(src) {
+  document.getElementById('lightbox-img').src = src;
+  document.getElementById('pcw-lightbox').style.display = 'flex';
+}
+</script>
 </html>