Diferencias

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

--- es:hardware:perifericos:master_pack [2026/05/15 10:17] – jesus
+++ es:hardware:perifericos:master_pack [2026/05/15 10:37] (actual) – jesus
@@ Línea 51: / Línea 51: @@
   .content-body { position: relative; z-index: 3; color: #00ff00; line-height: 1.6; text-align: justify; }
   .content-body b, .content-body strong { color: #00ff00; font-weight: bold; }
+  /* Resaltado verde neón para las opciones del menú de pantalla */
+  .neon-highlight {
+    color: #00ff00 !important;
+    font-weight: bold;
+    text-shadow: 0 0 8px rgba(0, 255, 0, 0.6);
+  }
   .content-body ul { list-style: square; margin-top: 10px; padding-left: 20px; }
   .content-body ul li a { color: #00ff00 !important; text-decoration: underline !important; font-weight: bold; }
   .content-body p { margin-bottom: 1em; }
-  /* --- SUBTÍTULO EN CUADRO NEÓN --- */
   .pcw-subtitle-box {
     background-color: #00ff00;
@@ Línea 69: / Línea 76: @@
   }
-  /* --- REJILLA TÉCNICA ADAPTABLE CON CSS GRID --- */
+  /* --- REJILLAS Y COMPORTAMIENTO DE IMÁGENES --- */
   .drive-grid-container {
     display: flex;
@@ Línea 86: / Línea 93: @@
     flex-direction: column;
     gap: 15px;
-    transition: 0.2s;
-  }
-  .drive-card:hover { border-color: #00ff00; background: rgba(0, 30, 0, 0.8); }
-  .drive-info-header {
-    font-size: 1.1em;
-    border-bottom: 1px dashed #004400;
-    padding-bottom: 8px;
-    color: #00ff00;
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    flex-wrap: wrap;
-  }
-  .model-highlight {
-    background-color: #00ff00;
-    color: #000b00 !important;
-    padding: 2px 8px;
-    font-weight: bold;
-    text-transform: uppercase;
   }
   .drive-gallery {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(135px, 1fr));
+    grid-template-columns: repeat(4, 1fr);
-    gap: 12px;
+    gap: 15px;
     width: 100%;
     box-sizing: border-box;
+  }
+  .drive-gallery.balanced {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: 15px;
+  }
+  .drive-gallery.balanced .img-frame {
+    width: calc(25% - 12px);
+    min-width: 140px;
+    max-width: 220px;
   }
@@ Línea 127: / Línea 125: @@
     align-items: center;
     box-sizing: border-box;
-    width: 100%;
   }
@@ Línea 135: / Línea 132: @@
     width: 100%;
     height: auto;
-    max-height: 160px;
+    max-height: 180px;
     object-fit: contain;
     cursor: pointer;
@@ Línea 142: / Línea 139: @@
   }
-  .img-label { font-size: 0.68em; color: #00aa00; margin-top: 8px; text-transform: uppercase; word-break: break-word; }
+  /* --- SECCIÓN DESCARGAS --- */
+  .descargas-box-ultra {
+    background: rgba(0, 15, 0, 0.6);
+    border: 1px solid #004400;
+    padding: 20px;
+    margin-top: 20px;
+    position: relative;
+    z-index: 3;
+  }
+  .descargas-link-programa {
+    color: #00ff00 !important;
+    text-decoration: underline !important;
+    font-weight: bold;
+  }
+  .descargas-link-pdf {
+    display: inline-block;
+    color: #00ff00 !important;
+    text-decoration: underline !important;
+    font-weight: bold;
+  }
-  /* --- LIGHTBOX RESPONSIVE OPTIMIZADO --- */
+  /* --- LIGHTBOX REAL --- */
   .modal-pcw {
     display: none;
@@ Línea 155: / Línea 171: @@
   }
-  .modal-pcw:target { display: flex; align-items: center; justify-content: center; }
+  .modal-pcw:target { display: block; text-align: center; }
   .close-overlay {
-    position: absolute;
+    display: inline-block;
-    top: 0; left: 0;
+    min-width: 100%;
-    width: 100%; height: 100%;
+    min-height: 100%;
-    padding: 20px;
+    padding: 40px;
     box-sizing: border-box;
     text-decoration: none !important;
     cursor: zoom-out;
-    display: flex;
+    vertical-align: middle;
-    align-items: center;
-    justify-content: center;
   }
@@ Línea 173: / Línea 187: @@
     border: 4px solid #00ff00;
     box-shadow: 0 0 50px rgba(0, 255, 0, 0.5);
-    max-width: 90vw !important;
+    margin: 5vh auto;
-    max-height: 85vh !important;
+    display: inline-block;
-    width: auto !important;
+    max-width: none !important;
+    max-height: none !important;
     height: auto !important;
-    object-fit: contain;
-    position: relative;
-    z-index: 10000;
   }
 </style>
@@ Línea 194: / Línea 206: @@
 <div id="scr7" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:capturas:master_scan_screenshot07.png"></a></div>
 <div id="scr8" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:capturas:master_scan_screenshot08.png"></a></div>
-<div id="anat" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:masterpack_anatomia.jpg"></a></div>
+<div id="anat" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:esquemas:masterpack_anatomia.jpg"></a></div>
 <div id="art" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:masterpack_artilugio.jpg"></a></div>
 <div id="sens" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:masterpack_sensor_optico.jpg"></a></div>
@@ Línea 209: / Línea 221: @@
 <div id="ext3" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_extra_3.jpg"></a></div>
 <div id="ext4" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_extra_4.jpg"></a></div>
-<div id="inst" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_instrucciones.jpg"></a></div>
+<div id="inst" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:descargas:master_scan_instrucciones.jpg"></a></div>
-<div id="inst1" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:instrucciones_master_scan_espanol_01.jpg"></a></div>
+<div id="pub1" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:publicidad:master_scan_publicidad_01.jpg"></a></div>
-<div id="inst2" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:instrucciones_master_scan_espanol_02.jpg"></a></div>
-<div id="pub1" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:anuncios:master_scan_publicidad_01.jpg"></a></div>
 <div class="pcw-monitor-ultra">
   <div class="pcw-title-ultra retro-text-green"> A> MASTER SCAN </div>
-  <!-- ====== MASTER SCAN: FICHA TÉCNICA ====== -->
   <div class="drive-grid-container">
     <div class="drive-card">
-      <div class="drive-info-header"><span class="model-highlight">SYSTEM ENTRY</span> <span>Ficha Técnica</span></div>
+      <div class="drive-gallery balanced">
-      <div class="drive-gallery" style="grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));">
+        <div class="img-frame"><a href="#p1"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_p1.jpg"></a></div>
-        <div class="img-frame"><a href="#p1"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_p1.jpg"></a><span class="img-label">Presentación 1</span></div>
+        <div class="img-frame"><a href="#p2"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_p2.jpg"></a></div>
-        <div class="img-frame"><a href="#p2"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_p2.jpg"></a><span class="img-label">Presentación 2</span></div>
       </div>
       <div class="content-body">
         <ul>
-          <li><strong>Compañía:</strong> [[..:companias:database_software|Database Software]]</li>
+          <li><b>Compañía:</b> Database Software</li>
-          <li><strong>Distribuidora:</strong> [[..:companias:database_software|Database Software]]</li>
+          <li><b>Distribuidora:</b> Database Software</li>
-          <li><strong>Año:</strong> 1987</li>
+          <li><b>Año:</b> 1987</li>
-          <li><strong>Embalaje:</strong> Caja de cartón interior y exterior 23,30×16,50×5,50</li>
+          <li><b>Embalaje:</b> Caja de cartón interior y exterior 23,30×16,50×5,50</li>
-          <li><strong>Compatibilidad:</strong> PCW 8256 - PCW 8512</li>
+          <li><b>Compatibilidad:</b> PCW 8256 - PCW 8512</li>
-          <li><strong>Periféricos:</strong> Impresora del PCW - Escaner</li>
+          <li><b>Periféricos:</b> Impresora del PCW - Escaner</li>
-          <li><strong>Carga:</strong> CP/M</li>
+          <li><b>Carga:</b> CP/M</li>
-          <li><strong>Género:</strong> Diseño gráfico</li>
+          <li><b>Género:</b> Diseño gráfico</li>
-          <li><strong>Lenguaje:</strong> Inglés</li>
+          <li><b>Lenguaje:</b> Inglés</li>
-          <li><strong>Precio:</strong> Inglaterra: £69,95</li>
+          <li><b>Precio:</b> Inglaterra: £69,95</li>
-          <li><strong>Estado:</strong> [[es:preservado|Preservado]]</li>
+          <li><b>Estado:</b> Preservado</li>
         </ul>
       </div>
     </div>
   </div>
   <!-- ===== CAPTURAS ===== -->
   <div class="pcw-subtitle-box">Capturas</div>
@@ Línea 247: / Línea 255: @@
     <div class="drive-card">
       <div class="drive-gallery">
-        <div class="img-frame"><a href="#scr1"><img src="/lib/exe/fetch.php?media=hardware:capturas:master_scan_screenshot01.png"></a><span class="img-label">Screenshot 01</span></div>
+        <div class="img-frame"><a href="#scr1"><img src="/lib/exe/fetch.php?media=hardware:capturas:master_scan_screenshot01.png"></a></div>
-        <div class="img-frame"><a href="#scr2"><img src="/lib/exe/fetch.php?media=hardware:capturas:master_scan_screenshot02.png"></a><span class="img-label">Screenshot 02</span></div>
+        <div class="img-frame"><a href="#scr2"><img src="/lib/exe/fetch.php?media=hardware:capturas:master_scan_screenshot02.png"></a></div>
-        <div class="img-frame"><a href="#scr3"><img src="/lib/exe/fetch.php?media=hardware:capturas:master_scan_screenshot03.png"></a><span class="img-label">Screenshot 03</span></div>
+        <div class="img-frame"><a href="#scr3"><img src="/lib/exe/fetch.php?media=hardware:capturas:master_scan_screenshot03.png"></a></div>
-        <div class="img-frame"><a href="#scr4"><img src="/lib/exe/fetch.php?media=hardware:capturas:master_scan_screenshot04.png"></a><span class="img-label">Screenshot 04</span></div>
+        <div class="img-frame"><a href="#scr4"><img src="/lib/exe/fetch.php?media=hardware:capturas:master_scan_screenshot04.png"></a></div>
-        <div class="img-frame"><a href="#scr5"><img src="/lib/exe/fetch.php?media=hardware:capturas:master_scan_screenshot05.png"></a><span class="img-label">Screenshot 05</span></div>
+        <div class="img-frame"><a href="#scr5"><img src="/lib/exe/fetch.php?media=hardware:capturas:master_scan_screenshot05.png"></a></div>
-        <div class="img-frame"><a href="#scr6"><img src="/lib/exe/fetch.php?media=hardware:capturas:master_scan_screenshot06.png"></a><span class="img-label">Screenshot 06</span></div>
+        <div class="img-frame"><a href="#scr6"><img src="/lib/exe/fetch.php?media=hardware:capturas:master_scan_screenshot06.png"></a></div>
-        <div class="img-frame"><a href="#scr7"><img src="/lib/exe/fetch.php?media=hardware:capturas:master_scan_screenshot07.png"></a><span class="img-label">Screenshot 07</span></div>
+        <div class="img-frame"><a href="#scr7"><img src="/lib/exe/fetch.php?media=hardware:capturas:master_scan_screenshot07.png"></a></div>
-        <div class="img-frame"><a href="#scr8"><img src="/lib/exe/fetch.php?media=hardware:capturas:master_scan_screenshot08.png"></a><span class="img-label">Screenshot 08</span></div>
+        <div class="img-frame"><a href="#scr8"><img src="/lib/exe/fetch.php?media=hardware:capturas:master_scan_screenshot08.png"></a></div>
       </div>
     </div>
   </div>
   <!-- ===== DESCRIPCIÓN ===== -->
   <div class="pcw-subtitle-box">Descripción</div>
   <div class="content-body">
     <p>El Master-Scan es el complemento ideal para digitalizar imágenes. Se compone de un sensor óptico y de un interface que se conecta en la toma de expansión del PCW, situado en la parte trasera del ordenador . El interface se tiene que colocar con el ordenador apagado.</p>
   </div>
-  <!-- DIAGRAMAS DE HARDWARE INTERCALADOS CRONOLÓGICAMENTE -->
+  <div class="drive-grid-container" style="margin-bottom: 15px;">
-  <div class="drive-grid-container" style="margin-bottom: 20px;">
     <div class="drive-card">
-      <div class="drive-gallery" style="grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));">
+      <div class="drive-gallery balanced">
-        <div class="img-frame"><a href="#anat"><img src="/lib/exe/fetch.php?media=hardware:perifericos:masterpack_anatomia.jpg"></a><span class="img-label">Anatomía</span></div>
+        <div class="img-frame"><a href="#anat"><img src="/lib/exe/fetch.php?media=hardware:esquemas:masterpack_anatomia.jpg"></a></div>
-        <div class="img-frame"><a href="#art"><img src="/lib/exe/fetch.php?media=hardware:perifericos:masterpack_artilugio.jpg"></a><span class="img-label">Artilugio</span></div>
+        <div class="img-frame"><a href="#art"><img src="/lib/exe/fetch.php?media=hardware:perifericos:masterpack_artilugio.jpg"></a></div>
-        <div class="img-frame"><a href="#sens"><img src="/lib/exe/fetch.php?media=hardware:perifericos:masterpack_sensor_optico.jpg"></a><span class="img-label">Sensor Óptico</span></div>
+        <div class="img-frame"><a href="#sens"><img src="/lib/exe/fetch.php?media=hardware:perifericos:masterpack_sensor_optico.jpg"></a></div>
       </div>
     </div>
@@ Línea 277: / Línea 284: @@
   <div class="content-body">
-    <p>Las imágenes digitalizadas son compatibles con los programas de autoedición <b>Desktop Publisher</b>, <b>Fleet Street Editor Plus</b> y <b>Newsdesk International</b>.</p>
+    <p>Las imágenes digitalizadas son compatibles con los programas de autoedición Desktop Publisher, Fleet Street Editor Plus y Newsdesk International.</p>
     <p>Para utilizar este digitalizador hay que preparar la impresora del PCW quitándole las dos tapas y el recambio de cinta. El dibujo que se quiere digitalizar se coloca en el rodillo de la impresora y se pulsa la palanca de carga de papel, con lo cual automáticamente se carga el dibujo en la impresora. A continuación se coloca el sensor sobre la cabeza de la impresora, con lo que el scaner esta listo para funcionar. Se introduce el disco del sistema operativo CP/M+ y cuando esté cargando se introduce el disco con el programa del scaner, tecleando a continuación "SCAN" y se pulsa la tecla de "Intro" ó "Return". Al cabo de un rato aparecerá un menú con las siguientes opciones.</p>
     <ul>
-      <li><b>SCAN PICTURE:</b> con esta función el scaner empezará a leer el dibujo.</li>
+      <li><span class="neon-highlight">SCAN PICTURE</span>, con esta función el scaner empezará a leer el dibujo.</li>
-      <li><b>VIEW PICTURE:</b> (Ver dibujo). Eligiendo esta opción se puede ver el dibujo que haya en la memoria del ordenador.</li>
+      <li><span class="neon-highlight">VIEW PICTURE</span> (Ver dibujo). Eligiendo esta opción se puede ver el dibujo que haya en la memoria del ordenador.</li>
-      <li><b>MAGNIFICATION:</b> Aquí entra en funcionamiento el ZOOM y podemos elegir entre varios niveles diferentes de ampliación de imagen.</li>
+      <li><span class="neon-highlight">MAGNIFICATION</span>. Aquí entra en funcionamiento el ZOOM y podemos elegir entre varios niveles diferentes de ampliación de imagen.</li>
-      <li><b>BEGIN AT COLUMN Y END AT COLUMN:</b> Con estas dos opciones se elige el principio y el fin de lectura del scaner.</li>
+      <li><span class="neon-highlight">BEGIN AT COLUMN Y END AT COLUMN</span>. Con estas dos opciones se elige el principio y el fin de lectura del scaner.</li>
-      <li><b>SCREEN COLOURS:</b> Con esta función se elige si se quiere que la pantalla funcione en modo normal o inverso.</li>
+      <li><span class="neon-highlight">SCREEN COLOURS</span>. Con esta función se elige si se quiere que la pantalla funcione en modo normal o inverso.</li>
-      <li><b>FILE FUNCTIONS:</b> Aquí se elige las funciones del disco.</li>
+      <li><span class="neon-highlight">FILE FUNCTIONS</span>. Aquí se elige las funciones del disco.</li>
-      <li><b>EXIT TO CP/M:</b> Esta opción es para si queremos salir del programa y volver al sistema operativo.</li>
+      <li><span class="neon-highlight">EXIT TO CP/M</span>. Esta opción es para si queremos salir del programa y volver al sistema operativo.</li>
     </ul>
     <p>Cuando el scaner está funcionando podemos pararlo pulsando la tecla "STOP". Aquí nos da a elegir si queremos guardar ó borrar el dibujo, si lo queremos guardar pulsaremos la tecla "K" (KEEP) y si lo queremos borrar pulsaremos la tecla "S" (SCRAP).</p>
+    <p>Si elegimos la sección de las funciones de disco nos aparecerá en pantalla otro menú con las funciones siguientes:</p>
-    <p style="margin-top: 15px;">Si elegimos la sección de las funciones de disco nos aparecerá en pantalla otro menú con las funciones siguientes:</p>
     <ul>
-      <li><b>LOAD PICTURE:</b> (Leer dibujo).</li>
+      <li><span class="neon-highlight">LOAD PICTURE</span> (Leer dibujo).</li>
-      <li><b>SAVE PICTURE:</b> (Grabar dibujo).</li>
+      <li><span class="neon-highlight">SAVE PICTURE</span> (Grabar dibujo).</li>
-      <li><b>VIEW PICTURE:</b> (Ver dibujo).</li>
+      <li><span class="neon-highlight">VIEW PICTURE</span> (Ver dibujo).</li>
-      <li><b>CATALOGUE DISC:</b> (Directorio del disco A, B o M).</li>
+      <li><span class="neon-highlight">CATALOGUE DISC</span> (Directorio del disco A, B o M).</li>
-      <li><b>PICTURE FORMAT:</b> (Formato de dibujo). Sirve para elegir el tipo de formato del dibujo para utilizarlo con los tipos de programas de autoedición dichos anteriormente.</li>
+      <li><span class="neon-highlight">PICTURE FORMAT</span> (Formato de dibujo). Sirve para elegir el tipo de formato del dibujo para utilizarlo con los tipos de programas de autoedición dichos anteriormente.</li>
-      <li><b>ORDER FILES BY:</b> Aquí se coloca el nombre del programa.</li>
+      <li><span class="neon-highlight">ORDER FILES BY:</span> Aquí se coloca el nombre del programa.</li>
-      <li><b>SELECT DRIVE:</b> Con esta opción se selecciona con que unidad de disco se quiere trabajar (A, B ó M).</li>
+      <li><span class="neon-highlight">SELECT DRIVE</span>. Con esta opción se selecciona con que unidad de disco se quiere trabajar (A, B ó M).</li>
-      <li><b>USER NUMBER:</b> Número de usuario. Se puede elegir un número entre el 0 y el 15, que son los que acepta CP/M.</li>
+      <li><span class="neon-highlight">USER NUMBER</span>. Número de usuario. Se puede elegir un número entre el 0 y el 15, que son los que acepta CP/M.</li>
-      <li><b>EXIT TO SCANNER MENU:</b> Con esta opción volvemos al menú principal.</li>
+      <li><span class="neon-highlight">EXIT TO SCANNER MENU</span>. Con esta opción volvemos al menú principal.</li>
     </ul>
-    <p style="margin-top: 15px;">Como hemos dicho anteriormente los ficheros (dibujos) leídos por el scaner se pueden utilizar con varios tipos de programas de autoedición. Las extensiones de los nombres de los ficheros son las siguientes:</p>
+    <p>Como hemos dicho anteriormente los ficheros (dibujos) leídos por el scaner se pueden utilizar con varios tipos de programas de autoedición. Las extensiones de los nombres de los ficheros son las siguientes:</p>
     <ul>
-      <li>Con Desktop Publisher es <b>.GRF</b>.</li>
+      <li>Con Desktop Publisher es .GRF.</li>
-      <li>Con Fleet Street Editor Plus es <b>.G</b>.</li>
+      <li>Con Fleet Street Editor Plus es .G.</li>
       <li>Con Newsdek International no hay extensión.</li>
-      <li>Si se quiere utilizar con el programa de dibujo Master Paint se utiliza la extensión <b>.PCP</b>.</li>
+      <li>Si se quiere utilizar con el programa de dibujo Master Paint se utiliza la extensión .PCP.</li>
     </ul>
@@ Línea 320: / Línea 326: @@
   <div class="pcw-subtitle-box">Embalaje</div>
   <div class="content-body"><p>En las siguientes imágenes podéis comprobar el empaquetado original.</p></div>
-  <div class="drive-grid-container" style="margin-bottom: 20px;">
+  <div class="drive-grid-container" style="margin-bottom: 15px;">
     <div class="drive-card">
-      <div class="drive-gallery" style="grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));">
+      <div class="drive-gallery balanced">
-        <div class="img-frame"><a href="#box1"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_box_1.jpg"></a><span class="img-label">Caja 1</span></div>
+        <div class="img-frame"><a href="#box1"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_box_1.jpg"></a></div>
-        <div class="img-frame"><a href="#box2"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_box_2.jpg"></a><span class="img-label">Caja 2</span></div>
+        <div class="img-frame"><a href="#box2"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_box_2.jpg"></a></div>
-        <div class="img-frame"><a href="#box3"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_box_3.jpg"></a><span class="img-label">Caja 3</span></div>
+        <div class="img-frame"><a href="#box3"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_box_3.jpg"></a></div>
       </div>
     </div>
@@ Línea 333: / Línea 339: @@
   <div class="pcw-subtitle-box">Carátula</div>
   <div class="content-body"><p>Aquí tenéis la imagen frontal y trasera de la caja.</p></div>
-  <div class="drive-grid-container" style="margin-bottom: 20px;">
+  <div class="drive-grid-container" style="margin-bottom: 15px;">
     <div class="drive-card">
-      <div class="drive-gallery" style="grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));">
+      <div class="drive-gallery balanced">
-        <div class="img-frame"><a href="#front"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_front.jpg"></a><span class="img-label">Frontal Caja</span></div>
+        <div class="img-frame"><a href="#front"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_front.jpg"></a></div>
-        <div class="img-frame"><a href="#back"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_back.jpg"></a><span class="img-label">Trasera Caja</span></div>
+        <div class="img-frame"><a href="#back"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_back.jpg"></a></div>
       </div>
     </div>
@@ Línea 345: / Línea 351: @@
   <div class="pcw-subtitle-box">Discos</div>
   <div class="content-body"><p>Disco original suministrado con Master Scan.</p></div>
-  <div class="drive-grid-container" style="margin-bottom: 20px;">
+  <div class="drive-grid-container" style="margin-bottom: 15px;">
     <div class="drive-card">
-      <div class="drive-gallery" style="grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));">
+      <div class="drive-gallery balanced">
-        <div class="img-frame"><a href="#disc1"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_disco_1.jpg"></a><span class="img-label">Disco Original 1</span></div>
+        <div class="img-frame"><a href="#disc1"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_disco_1.jpg"></a></div>
-        <div class="img-frame"><a href="#disc2"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_disco_2.jpg"></a><span class="img-label">Disco Original 2</span></div>
+        <div class="img-frame"><a href="#disc2"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_disco_2.jpg"></a></div>
-        <div class="img-frame"><a href="#disc3"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_disco_3.jpg"></a><span class="img-label">Disco Original 3</span></div>
+        <div class="img-frame"><a href="#disc3"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_disco_3.jpg"></a></div>
       </div>
     </div>
@@ Línea 358: / Línea 364: @@
   <div class="pcw-subtitle-box">Extras</div>
   <div class="content-body"><p>Imágenes de la placa interna por ambas caras, donde se muestran los componentes que forman este dispositivo.</p></div>
-  <div class="drive-grid-container" style="margin-bottom: 20px;">
+  <div class="drive-grid-container" style="margin-bottom: 15px;">
     <div class="drive-card">
       <div class="drive-gallery">
-        <div class="img-frame"><a href="#ext1"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_extra_1.jpg"></a><span class="img-label">Placa Comp. 1</span></div>
+        <div class="img-frame"><a href="#ext1"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_extra_1.jpg"></a></div>
-        <div class="img-frame"><a href="#ext2"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_extra_2.jpg"></a><span class="img-label">Placa Comp. 2</span></div>
+        <div class="img-frame"><a href="#ext2"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_extra_2.jpg"></a></div>
-        <div class="img-frame"><a href="#ext3"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_extra_3.jpg"></a><span class="img-label">Placa Pistas 1</span></div>
+        <div class="img-frame"><a href="#ext3"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_extra_3.jpg"></a></div>
-        <div class="img-frame"><a href="#ext4"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_extra_4.jpg"></a><span class="img-label">Placa Pistas 2</span></div>
+        <div class="img-frame"><a href="#ext4"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_extra_4.jpg"></a></div>
       </div>
     </div>
@@ Línea 372: / Línea 378: @@
     <p>A continuación las instrucciones de los adaptadores del escaner a diferentes tipos de impresora. Están impresas en una hoja de cartón fino en blanco y negro a una sola cara y sus medidas son; Alto: 14,70 cm Ancho: 10,30 cm.</p>
   </div>
-  <div class="drive-grid-container" style="margin-bottom: 20px;">
+  <div class="drive-grid-container" style="margin-bottom: 15px;">
     <div class="drive-card">
-      <div class="drive-gallery" style="grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));">
+      <div class="drive-gallery balanced">
-        <div class="img-frame"><a href="#inst"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_instrucciones.jpg"></a><span class="img-label">Adaptadores Hoja</span></div>
+        <div class="img-frame"><a href="#inst"><img src="/lib/exe/fetch.php?media=hardware:descargas:master_scan_instrucciones.jpg"></a></div>
-        <div class="img-frame"><a href="#inst1"><img src="/lib/exe/fetch.php?media=hardware:perifericos:instrucciones_master_scan_espanol_01.jpg"></a><span class="img-label">Instrucciones ES 1</span></div>
-        <div class="img-frame"><a href="#inst2"><img src="/lib/exe/fetch.php?media=hardware:perifericos:instrucciones_master_scan_espanol_02.jpg"></a><span class="img-label">Instrucciones ES 2</span></div>
       </div>
     </div>
   </div>
-  <div class="content-body"><b>Publicidad</b><br><p>Algunos anuncios del programa en revistas de gran tirada de la época.</p></div>
+  <div class="content-body">
-  <div class="drive-grid-container" style="margin-bottom: 20px;">
+    <p><b>Publicidad</b></p>
+    <p>Algunos anuncios del programa en revistas de gran tirada de la época.</p>
+  </div>
+  <div class="drive-grid-container" style="margin-bottom: 15px;">
     <div class="drive-card">
-      <div class="drive-gallery" style="grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));">
+      <div class="drive-gallery balanced">
-        <div class="img-frame"><a href="#pub1"><img src="/lib/exe/fetch.php?media=hardware:anuncios:master_scan_publicidad_01.jpg"></a><span class="img-label">Anuncio Revista</span></div>
+        <div class="img-frame"><a href="#pub1"><img src="/lib/exe/fetch.php?media=hardware:publicidad:master_scan_publicidad_01.jpg"></a></div>
       </div>
     </div>
   </div>
-  <!-- ===== DESCARGA (TERMINAL DE OPERACIONES TOTALMENTE DIFERENCIADO) ===== -->
+  <!-- ===== DESCARGA ===== -->
-  <div class="pcw-subtitle-box" style="background-color: #ff0000; color: #fff !important; box-shadow: 0 0 15px rgba(255,0,0,0.4);">A> DISK_TRANSFER.SYS</div>
+  <div class="pcw-subtitle-box">Descarga</div>
-  <div class="content-body" style="background: rgba(0, 8, 0, 0.95); border: 2px dashed #00ff00; padding: 22px; border-radius: 6px; margin-top: 10px; box-shadow: inset 0 0 20px rgba(0,255,0,0.1);">
+  <div class="descargas-box-ultra">
+    <div class="content-body">
-    <!-- SECCIÓN SOFTWARE -->
+      <p><b>Programa</b></p>
-    <div style="border-left: 4px solid #00ff00; padding-left: 15px; margin-bottom: 25px;">
+      <p>Las imágenes de disco, se han obtenido de la versión original de Master Scan, han sido grabadas y verificadas.</p>
-      <p style="margin: 0 0 4px 0; font-size: 0.95em; letter-spacing: 1px; font-weight: bold; text-transform: uppercase;"><b>[ DRIVE_A: PROGRAMA ORIGINAL ]</b></p>
-      <p style="font-size: 0.8em; opacity: 0.85; margin: 0 0 15px 0;">Las imágenes de disco, se han obtenido de la versión original de Master Scan, han sido grabadas y verificadas.</p>
-      <a href="/lib/exe/fetch.php?media=hardware:descargas:master_scan_database_software_1987.zip"
+      <ul style="list-style: square; padding-left: 20px; margin-top: 10px;">
-         style="display: inline-flex; align-items: center; border: 2px solid #00ff00; background: #00ff00; padding: 12px 22px; color: #000b00 !important; text-decoration: none !important; font-weight: bold; text-transform: uppercase; font-size: 0.85em; letter-spacing: 1px; box-shadow: 0 0 15px rgba(0,255,0,0.3); transition: all 0.2s ease-in-out;"
+        <li><a href="/lib/exe/fetch.php?media=hardware:descargas:master_scan_database_software_1987_.zip" class="descargas-link-programa">Master Scan</a> (Archivo .DSK comprimido en formato ZIP)</li>
-         onmouseover="this.style.background='#000b00'; this.style.color='#00ff00'; this.style.boxShadow='0 0 20px rgba(0,255,0,0.6)';"
+      </ul>
-         onmouseout="this.style.background='#00ff00'; this.style.color='#000b00'; this.style.boxShadow='0 0 15px rgba(0,255,0,0.3)';">
-        <span style="margin-right: 15px;">💾 DESCARGAR MASTER SCAN (.ZIP)</span>
-        <span style="background: #000b00; color: #00ff00; padding: 2px 8px; font-size: 0.75em; border-radius: 2px;">RUN &gt;</span>
-      </a>
-    </div>
-    <!-- SECCIÓN DOCUMENTACIÓN -->
+      <p style="margin-top: 15px;"><b>Manual / Instrucciones</b></p>
-    <div style="border-left: 4px solid #00aa00; padding-left: 15px;">
+      <p>A continuación puede descargar el manual o las instrucciones del programa Master Scan o verlo en línea.</p>
-      <p style="margin: 0 0 4px 0; font-size: 0.95em; letter-spacing: 1px; font-weight: bold; text-transform: uppercase;"><b>[ DRIVE_M: DOCUMENTACIÓN Y MANUALES ]</b></p>
-      <p style="font-size: 0.8em; opacity: 0.85; margin: 0 0 15px 0;">A continuación puede descargar el manual o las instrucciones del programa Master Scan o verlo en línea.</p>
-      <div style="display: flex; flex-direction: column; gap: 10px; max-width: 500px;">
+      <ul style="list-style: square; padding-left: 20px; margin-top: 10px;">
-        <!-- Enlace Manual -->
+        <li><a href="/lib/exe/fetch.php?media=hardware:descargas:master_scan_manual.pdf" class="descargas-link-pdf">Manual de Master Scan</a></li>
-        <a href="/lib/exe/fetch.php?media=hardware:descargas:master_scan_manual.pdf"
+        <li><a href="/lib/exe/fetch.php?media=hardware:descargas:master_scan_instrucciones.pdf" class="descargas-link-pdf">Instrucciones de Master Scan</a></li>
-           style="display: flex; align-items: center; justify-content: space-between; border: 1px solid #00ff00; background: rgba(0,30,0,0.7); padding: 11px 16px; color: #00ff00 !important; text-decoration: none !important; font-size: 0.8em; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px; transition: all 0.2s;"
+      </ul>
-           onmouseover="this.style.background='rgba(0,255,0,0.15)'; this.style.borderColor='#00ff00';"
-           onmouseout="this.style.background='rgba(0,30,0,0.7)';">
-          <span>📖 MANUAL DE MASTER SCAN</span>
-          <span style="border: 1px solid #00ff00; padding: 2px 6px; font-size: 0.8em; background: #000; color: #00ff00;">[PDF]</span>
-        </a>
-        <!-- Enlace Instrucciones -->
-        <a href="/lib/exe/fetch.php?media=hardware:descargas:master_scan_instrucciones.pdf"
-           style="display: flex; align-items: center; justify-content: space-between; border: 1px solid #00ff00; background: rgba(0,30,0,0.7); padding: 11px 16px; color: #00ff00 !important; text-decoration: none !important; font-size: 0.8em; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px; transition: all 0.2s;"
-           onmouseover="this.style.background='rgba(0,255,0,0.15)'; this.style.borderColor='#00ff00';"
-           onmouseout="this.style.background='rgba(0,30,0,0.7)';">
-          <span>📋 INSTRUCCIONES DE MASTER SCAN</span>
-          <span style="border: 1px solid #00ff00; padding: 2px 6px; font-size: 0.8em; background: #000; color: #00ff00;">[PDF]</span>
-        </a>
-      </div>
     </div>
   </div>