Diferencias

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

--- es:revistas:pcw_user [2026/05/12 11:55] – creado 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: @@
   }
-  /* --- REJILLA DE REVISTAS --- */
+  /* --- CONTENIDOS Y GALERÍAS --- */
-  .magazine-grid {
+  .disk-header { color: #00ff00; font-weight: bold; text-decoration: underline; margin-top: 25px; display: block; font-size: 1.1em; }
-    display: grid;
+  .face-title { color: #008800; font-weight: bold; text-transform: uppercase; margin-top: 8px; display: block; padding-left: 10px; border-left: 2px solid #008800; }
-    grid-template-columns: repeat(5, 1fr);
+  .program-list { list-style: none; padding-left: 25px; margin: 10px 0; }
-    gap: 15px;
+  .program-item { margin-bottom: 5px; line-height: 1.4; color: #aaffaa; }
-    margin-top: 20px;
+  .program-name { color: #00ff00; font-weight: bold; }
-  }
-  .magazine-item { text-align: center; transition: 0.3s; }
+  .disk-gallery { display: flex; gap: 15px; margin: 15px 0 30px 25px; flex-wrap: wrap; align-items: center; }
-  .magazine-item a { text-decoration: none; display: block; }
+  .disk-thumb, .cover-equilibrada { height: 120px; width: auto; border: 1px solid #008800; padding: 2px; background: #111; cursor: pointer; transition: 0.3s; }
-  .magazine-item img { width: 100%; height: auto; border: 2px solid #008800; transition: 0.3s; }
+  .disk-thumb:hover, .cover-equilibrada:hover { transform: scale(1.1); border-color: #00ff00; box-shadow: 0 0 15px #00ff00; }
-  .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 */
+  /* --- REJILLA DESCARGAS NEÓN --- */
-  .disk-content { font-size: 0.9em; margin-bottom: 20px; border-left: 2px solid #008800; padding-left: 15px; }
+  .magazine-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; margin-top: 20px; }
-  .face-title { color: #008800; font-weight: bold; text-transform: uppercase; margin-top: 10px; display: block; }
+  .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; }
-  @media (max-width: 900px) { .magazine-grid { grid-template-columns: repeat(3, 1fr); } }
+  /* --- LIGHTBOX --- */
-  @media (max-width: 700px) {
+  #pcw-lightbox {
-    .ficha-libro-crt { flex-direction: column; align-items: center; }
+    display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;
-    .dato-linea { flex-direction: column; }
+    background-color: rgba(0,11,0,0.95); align-items: center; justify-content: center; cursor: zoom-out;
-    .magazine-grid { grid-template-columns: repeat(2, 1fr); }
   }
+  #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 id="pcw-lightbox" onclick="this.style.display='none'"><img id="lightbox-img" src=""></div>
 <div class="pcw-page-container crt-effect">
-  <!-- 1. FICHA TÉCNICA -->
   <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 96: / 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">
+      <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>
-        <span class="dato-etiqueta">EDITORIAL:</span>
+      <div class="dato-linea"><span class="dato-etiqueta">AÑO:</span><span class="dato-valor">1989 - 1990</span></div>
-        <span class="dato-valor">
+      <div class="dato-linea"><span class="dato-etiqueta">GÉNERO:</span><span class="dato-valor">Disco revista informática</span></div>
-          <a href="doku.php?id=compañia:club_auser" class="link-editorial">Club Auser</a>
+      <div class="dato-linea"><span class="dato-etiqueta">IDIOMA:</span><span class="dato-valor">Español</span></div>
-        </span>
-      </div>
-      <div class="dato-linea"><span class="dato-etiqueta">PERIODO:</span><span class="dato-valor">1989 - 1990</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">SISTEMA:</span><span class="dato-valor">Amstrad PCW 8256 / 8512 / 9512</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">SINOPSIS:</span>
-        <span class="dato-valor" style="margin-top: 5px; text-align: justify; color: #aaffaa;">
-          Segunda revista en soporte disco para Amstrad PCW en España. Tras el cese de "Tu Amstrad PCW", el Club Auser lanzó esta completísima colección de 5 números (con un 6º anunciado pero nunca publicado) que ofrecía software exclusivo, utilidades, listados en Mallard BASIC y trucos técnicos.
-        </span>
-      </div>
     </div>
   </div>
+  <!-- 2. DESCRIPCIÓN COMPLETA (ORIGINAL 100%) -->
-  <!-- 2. DESCRIPCIÓN -->
   <div class="pcw-section-box">
-    <div class="pcw-section-title">A> DESCRIPCIÓN HISTÓRICA</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. Se intenta una vez más mantener a flote el sistema llamando la atención de los usuarios que demandaban una publicación exclusiva, ya que las revistas principales de la época dedicaban muy poco espacio al PCW frente a los CPC.</p>
+      <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;">Fue una de las colecciones de software más interesantes, con un formato de disco de 3" (CF2 de doble cara) que incluía desde pokes y cargadores de juegos hasta lenguajes de programación, utilidades gráficas y aplicaciones educativas. La revista se mantenía gracias a los programas e información aportados por los propios usuarios.</p>
-      <p><strong>Instrucciones de carga:</strong> Introducir el disco en la unidad A (Cara A) e inicializar el ordenador. Tras unos segundos aparecerá el menú de programas que permite imprimir instrucciones detalladas.</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 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>
+        <li>Número 3 - Enero de 1990.</li>
+        <li>Número 4 - Abril de 1990.</li>
+        <li>Número 5 - Junio de 1990.</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.</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 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 DE LA COLECCIÓN -->
+  <!-- 3. CONTENIDO POR NÚMERO (EQUILIBRADO VISUALMENTE) -->
   <div class="pcw-section-box">
-    <div class="pcw-section-title">B> ÍNDICE DE CONTENIDOS POR DISCO</div>
+    <div class="pcw-section-title">A> COLECCIÓN Y PROGRAMAS</div>
-    <div class="disk-content">
+    <!-- NÚMERO 1 -->
-      <strong>Nº 1 - Septiembre 1989</strong>
+    <span class="disk-header">Número 1 - Septiembre de 1989</span>
-      <span class="face-title">Cara A:</span> 3DFun (Gráficos 3D), Graph (Lenguaje gráfico), Pokdis (Buscador pokes), Volcador (Impresora).
+    <span class="face-title">CARA A</span>
-      <span class="face-title">Cara B:</span> Char (Generador letras), Medico (Diagnóstico), Deimos (Juego laberintos), Draw (Rutinas Plot/Draw).
+    <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-equilibrada" onclick="openLightbox(this.src)">
+      <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>
-    <div class="disk-content">
+    <!-- NÚMERO 2 -->
-      <strong>Nº 2 - Noviembre 1989</strong>
+    <span class="disk-header">Número 2 - Noviembre de 1989</span>
-      <span class="face-title">Cara A:</span> Paranoid (Juego damas), Plot (Rutinas gráficas), Volcador (Logo a impresora), Pixmap (Redefinición caracteres).
+    <span class="face-title">CARA A</span>
-      <span class="face-title">Cara B:</span> Funcion (Representación matemática), Copyd (Copiador), 1X2 (Quinielas), Dagoba (Juego laberintos).
+    <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-equilibrada" onclick="openLightbox(this.src)">
+      <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>
-    <div class="disk-content">
+    <!-- NÚMERO 3 -->
-      <strong>Nº 3 - Enero 1990</strong>
+    <span class="disk-header">Número 3 - Enero de 1990</span>
-      <span class="face-title">Cara A:</span> Facturas (Emisión/Control), Libreta (Ahorro), TRJB (Vidas infinitas James Bond 007).
+    <span class="face-title">CARA A</span>
-      <span class="face-title">Cara B:</span> Mina (Juego laberintos), Sub (Variante comecocos), Label (Impresión etiquetas).
+    <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-equilibrada" onclick="openLightbox(this.src)">
+      <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>
-    <div class="disk-content">
+    <!-- NÚMERO 4 -->
-      <strong>Nº 4 - Abril 1990</strong>
+    <span class="disk-header">Número 4 - Abril de 1990</span>
-      <span class="face-title">Cara A:</span> Banksal (Cuentas corrientes), TRHH (Inmunidad Head Over Heels).
+    <span class="face-title">CARA A</span>
-      <span class="face-title">Cara B:</span> Test (Generador tests), Barcos (Juego clásico), Biopcw (Biorritmos).
+    <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-equilibrada" onclick="openLightbox(this.src)">
+      <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>
-    <div class="disk-content">
+    <!-- NÚMERO 5 -->
-      <strong>Nº 5 - Junio 1990</strong>
+    <span class="disk-header">Número 5 - Junio de 1990</span>
-      <span class="face-title">Cara A:</span> Sider (Conversor ficheros), Parchise (Juego parchís), Naves (Lucha espacial).
+    <span class="face-title">CARA A</span>
-      <span class="face-title">Cara B:</span> Calc (Calculadora), Dic (Agenda direcciones), Df (Logo figuras).
+    <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-equilibrada" onclick="openLightbox(this.src)">
+      <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 DISCOS (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>
+<script>
+function openLightbox(src) {
+  document.getElementById('lightbox-img').src = src;
+  document.getElementById('pcw-lightbox').style.display = 'flex';
+}
+</script>
 </html>