Diferencias

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

--- es:revistas:pcw_user [2026/05/12 12:04] – jesus
+++ es:revistas:pcw_user [2026/05/12 12:43] (actual) – jesus
@@ Línea 18: / 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 25: / Línea 25: @@
   }
   .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; cursor: pointer;
+    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 41: @@
   .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 56: / Línea 53: @@
   .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: 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; align-items: flex-end; }
+  .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; cursor: pointer; transition: 0.2s; }
+  .disk-thumb, .cover-equilibrada { height: 120px; width: auto; border: 1px solid #008800; padding: 2px; background: #111; cursor: pointer; transition: 0.3s; }
-  .cover-thumb { width: 100px; height: auto; border: 1px solid #00ff00; padding: 2px; background: #111; cursor: pointer; transition: 0.2s; }
+  .disk-thumb:hover, .cover-equilibrada:hover { transform: scale(1.1); border-color: #00ff00; box-shadow: 0 0 15px #00ff00; }
-  .disk-thumb:hover, .cover-thumb:hover { transform: scale(1.05); border-color: #00ff00; }
-  /* --- LIGHTBOX (VISOR) --- */
+  /* --- REJILLA DESCARGAS NEÓN --- */
+  .magazine-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; margin-top: 20px; }
+  .magazine-item-link { text-decoration: none !important; display: block; text-align: center; }
+  .download-card { border: 2px solid #004400; padding: 10px; transition: 0.3s; background: rgba(0,0,0,0.3); }
+  .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%;
@@ Línea 72: / Línea 76: @@
   #pcw-lightbox img { max-width: 90%; max-height: 90%; border: 3px solid #00ff00; box-shadow: 0 0 30px #00ff00; }
-  @media (max-width: 700px) {
+  @media (max-width: 800px) { .magazine-grid { grid-template-columns: repeat(2, 1fr); } .ficha-libro-crt { flex-direction: column; align-items: center; } }
-    .ficha-libro-crt { flex-direction: column; align-items: center; }
-    .dato-linea { flex-direction: column; }
-  }
 </style>
@@ Línea 81: / Línea 82: @@
 <div class="pcw-page-container crt-effect">
-  <!-- 1. FICHA TÉCNICA -->
   <div class="ficha-libro-crt">
-    <div class="portada-ficha-container" onclick="openLightbox(this.querySelector('img').src)">
+    <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 92: / 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">Club Auser</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>
@@ Línea 100: / Línea 100: @@
     </div>
   </div>
-  <!-- 2. DESCRIPCIÓN COMPLETA -->
+  <!-- 2. DESCRIPCIÓN COMPLETA (ORIGINAL 100%) -->
   <div class="pcw-section-box">
-    <div class="pcw-section-title">A> HISTORIA Y DETALLES</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>
-      <p style="margin-bottom: 15px;">La revista se concentra únicamente en la gama PCW, cuya aceptación por parte de los usuarios de un PCW, es enorme, con lo que el Club Auser, decide seguir adelante con próximos lanzamientos. Muchos usuarios demandaban una revista exclusiva para PCW, ya que las revistas principales de la época, hablaban y contenían artículos y dedicación muy escasa para ésta gama, con referencia, a otros ordenadores Amstrad, como era el caso de los CPC's que ocupaba casi la totalidad de las páginas.</p>
-      <p><strong>La colección consta de 5 números:</strong></p>
+      <p style="margin-bottom: 15px;">La revista se concentra únicamente en la gama PCW, cuya aceptación por parte de los usuarios de un PCW, es enorme, con lo que el Club Auser, decide seguir adelante con próximos lanzamientos. Muchos usuarios demandaban una revista exclusiva para PCW, ya que las revistas principales de la época, hablaban y contenían artículos y dedicación muy escasa para ésta gama, con referencia, a otros ordenadores Amstrad, como era el caso de los CPC's que ocupaba casi la totalidad de las páginas.</p>
-      <ul style="color: #aaffaa; margin-bottom: 15px;">
+      <p style="margin-bottom: 10px;">La colección consta de 5 números, cuya salida fue la siguiente:</p>
+      <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 114: / Línea 115: @@
         <li>Número 4 - Abril de 1990.</li>
         <li>Número 5 - Junio de 1990.</li>
-        <li>Número 6 - Agosto de 1990 (Anunciada, pero nunca publicada).</li>
+        <li>Número 6 - Agosto de 1990. Se publicó su lanzamiento. aunque éste último número, nunca vio la luz.</li>
       </ul>
-      <p style="margin-bottom: 15px;">Fue una de las colecciones de software para PCW 8256, PCW 8512 y PCW 9512, más interesante para los usuarios de los PCW. La revista se mantenía gracias a los programas e información que aportaban los usuarios a la misma. Era 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.</p>
+      <p style="margin-bottom: 15px;">Fue una de las colecciones de software para PCW 8256, PCW 8512 y PCW 9512, más interesante para los usuarios de los PCW. La revista se mantenía gracias a los programas e información que aportaban los usuarios a la misma.</p>
-      <p style="margin-bottom: 15px;">Algunos de sus contenidos eran: los pokes o cargadores para algunos juegos, programas de utilidades, gráficos, educativos, lenguajes de programación, juegos y programas en Mallard Basic, logo, información de las últimas novedades, correo, libros y aplicaciones.</p>
+      <p style="margin-bottom: 15px;">Era 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 PCW. Su contenido era muy variado y extenso, causando más adictos y haciendo que fuese una de las revistas más importantes para esta gama de ordenadores.</p>
-      <p><strong>Instrucciones de carga:</strong> Introducir el disco en la unidad A (cara A) e inicializar el ordenador. Tras unos segundos de espera aparecerá el menú de programas que permitirá imprimir las instrucciones de carga.</p>
+      <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>
+      • Inicializar el ordenador.<br>
+      • Tras unos segundos de espera aparecerá el menú de programas que permitirá imprimir las instrucciones de carga. Para ejecutar los programas se deberá seguir cada uno de estos pasos.</p>
     </div>
   </div>
-  <!-- 3. CONTENIDO POR NÚMERO -->
+  <!-- 3. CONTENIDO POR NÚMERO (EQUILIBRADO VISUALMENTE) -->
   <div class="pcw-section-box">
-    <div class="pcw-section-title">B> ÍNDICE DE DISCOS Y PROGRAMAS</div>
+    <div class="pcw-section-title">A> COLECCIÓN Y PROGRAMAS</div>
-    <!-- NUM 1 -->
+    <!-- NÚMERO 1 -->
     <span class="disk-header">Número 1 - Septiembre de 1989</span>
-    <span class="face-title">Cara A:</span> <span class="program-desc">3DFun, Graph, Pokdis, Volcador.</span>
+    <span class="face-title">CARA A</span>
-    <span class="face-title">Cara B:</span> <span class="program-desc">Char, Medico, Deimos, Draw.</span>
+    <ul class="program-list">
+      <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> Primer lenguaje de programación de gráficos.</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> 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> Generador de letras en modo 1 y 2 del CPC.</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> Juego donde deberemos enfrentarnos a mil laberintos.</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_caratula_1.jpg" class="cover-thumb" onclick="openLightbox(this.src)" title="Carátula Nº 1">
+      <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_1.jpg" class="disk-thumb" onclick="openLightbox(this.src)" title="Disco 1 Cara A">
+      <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:portadas:PCW_user_revista_disco_1_2.jpg" class="disk-thumb" onclick="openLightbox(this.src)" title="Disco 1 Cara B">
+      <img src="/lib/exe/fetch.php?media=revistas:discos:pcw_user_revista_disco_1_2.jpg" class="disk-thumb" onclick="openLightbox(this.src)">
     </div>
-    <!-- NUM 2 -->
+    <!-- NÚMERO 2 -->
     <span class="disk-header">Número 2 - Noviembre de 1989</span>
-    <span class="face-title">Cara A:</span> <span class="program-desc">Paranoid, Plot, Volcador, Pixmap.</span>
+    <span class="face-title">CARA A</span>
-    <span class="face-title">Cara B:</span> <span class="program-desc">Funcion, Copyd, 1X2, Dagoba.</span>
+    <ul class="program-list">
+      <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> Lo último en rutinas gráficas sin necesidad de utilizar el GSX.</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> 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> Espectaculares representaciones matemáticas de un modo gráfico.</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> Programa que nos ayudará a realizar nuestras quinielas.</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_caratula_2.jpg" class="cover-thumb" onclick="openLightbox(this.src)" title="Carátula Nº 2">
+      <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_1.jpg" class="disk-thumb" onclick="openLightbox(this.src)" title="Disco 2 Cara A">
+      <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:portadas:PCW_user_revista_disco_2_2.jpg" class="disk-thumb" onclick="openLightbox(this.src)" title="Disco 2 Cara B">
+      <img src="/lib/exe/fetch.php?media=revistas:discos:pcw_user_revista_disco_2_2.jpg" class="disk-thumb" onclick="openLightbox(this.src)">
     </div>
-    <!-- NUM 3 -->
+    <!-- NÚMERO 3 -->
     <span class="disk-header">Número 3 - Enero de 1990</span>
-    <span class="face-title">Cara A:</span> <span class="program-desc">Facturas, Libreta, TRJB.</span>
+    <span class="face-title">CARA A</span>
-    <span class="face-title">Cara B:</span> <span class="program-desc">Mina, Sub, Label.</span>
+    <ul class="program-list">
+      <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> Gestión de libretas de ahorro.</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> Juego donde deberemos surcar laberintos peligrosos.</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> 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_caratula_3.jpg" class="cover-thumb" onclick="openLightbox(this.src)" title="Carátula Nº 3">
+      <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_1.jpg" class="disk-thumb" onclick="openLightbox(this.src)" title="Disco 3 Cara A">
+      <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:portadas:PCW_user_revista_disco_3_2.jpg" class="disk-thumb" onclick="openLightbox(this.src)" title="Disco 3 Cara B">
+      <img src="/lib/exe/fetch.php?media=revistas:discos:pcw_user_revista_disco_3_2.jpg" class="disk-thumb" onclick="openLightbox(this.src)">
     </div>
-    <!-- NUM 4 -->
+    <!-- NÚMERO 4 -->
     <span class="disk-header">Número 4 - Abril de 1990</span>
-    <span class="face-title">Cara A:</span> <span class="program-desc">Banksal, TRHH.</span>
+    <span class="face-title">CARA A</span>
-    <span class="face-title">Cara B:</span> <span class="program-desc">Test, Barcos, Biopcw.</span>
+    <ul class="program-list">
+      <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> 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> Programa potente para la generación u corrección de tests.</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> 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_caratula_4.jpg" class="cover-thumb" onclick="openLightbox(this.src)" title="Carátula Nº 4">
+      <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_1.jpg" class="disk-thumb" onclick="openLightbox(this.src)" title="Disco 4 Cara A">
+      <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:portadas:PCW_user_revista_disco_4_2.jpg" class="disk-thumb" onclick="openLightbox(this.src)" title="Disco 4 Cara B">
+      <img src="/lib/exe/fetch.php?media=revistas:discos:pcw_user_revista_disco_4_2.jpg" class="disk-thumb" onclick="openLightbox(this.src)">
     </div>
-    <!-- NUM 5 -->
+    <!-- NÚMERO 5 -->
     <span class="disk-header">Número 5 - Junio de 1990</span>
-    <span class="face-title">Cara A:</span> <span class="program-desc">Sider, Parchise, Naves.</span>
+    <span class="face-title">CARA A</span>
-    <span class="face-title">Cara B:</span> <span class="program-desc">Calc, Dic, Df.</span>
+    <ul class="program-list">
+      <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> El popular juego del parchís.</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> Sencilla y útil calculadora.</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> 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_caratula_5.jpg" class="cover-thumb" onclick="openLightbox(this.src)" title="Carátula Nº 5">
+      <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_1.jpg" class="disk-thumb" onclick="openLightbox(this.src)" title="Disco 5 Cara A">
+      <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:portadas:PCW_user_revista_disco_5_2.jpg" class="disk-thumb" onclick="openLightbox(this.src)" title="Disco 5 Cara B">
+      <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. 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>
-    <div style="display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; padding: 10px;">
+    <div class="magazine-grid">
-      <a href="/lib/exe/fetch.php?media=revistas:descargas:PCW_User_N_1.zip" style="color:#00ff00; text-decoration:none; font-weight:bold;">[ Nº 1 ]</a>
+      <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_2.zip" style="color:#00ff00; text-decoration:none; font-weight:bold;">[ Nº 2 ]</a>
+        <div class="download-card">
-      <a href="/lib/exe/fetch.php?media=revistas:descargas:PCW_User_N_3.zip" style="color:#00ff00; text-decoration:none; font-weight:bold;">[ Nº 3 ]</a>
+          <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_caratula_1.jpg">
-      <a href="/lib/exe/fetch.php?media=revistas:descargas:PCW_User_N_4.zip" style="color:#00ff00; text-decoration:none; font-weight:bold;">[ Nº 4 ]</a>
+          <span class="magazine-label">Número 1</span>
-      <a href="/lib/exe/fetch.php?media=revistas:descargas:PCW_User_N_5.zip" style="color:#00ff00; text-decoration:none; font-weight:bold;">[ Nº 5 ]</a>
+        </div>
+      </a>
+      <a href="/lib/exe/fetch.php?media=revistas:descargas:PCW_User_N_2.zip" class="magazine-item-link">
+        <div class="download-card">
+          <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_caratula_2.jpg">
+          <span class="magazine-label">Número 2</span>
+        </div>
+      </a>
+      <a href="/lib/exe/fetch.php?media=revistas:descargas:PCW_User_N_3.zip" class="magazine-item-link">
+        <div class="download-card">
+          <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_caratula_3.jpg">
+          <span class="magazine-label">Número 3</span>
+        </div>
+      </a>
+      <a href="/lib/exe/fetch.php?media=revistas:descargas:PCW_User_N_4.zip" class="magazine-item-link">
+        <div class="download-card">
+          <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_caratula_4.jpg">
+          <span class="magazine-label">Número 4</span>
+        </div>
+      </a>
+      <a href="/lib/exe/fetch.php?media=revistas:descargas:PCW_User_N_5.zip" class="magazine-item-link">
+        <div class="download-card">
+          <img src="/lib/exe/fetch.php?media=revistas:portadas:PCW_user_revista_caratula_5.jpg">
+          <span class="magazine-label">Número 5</span>
+        </div>
+      </a>
     </div>
   </div>
 </div>