Diferencias

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

--- es:hardware:perifericos:master_pack [2026/05/15 10:06] – 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 { margin-bottom: 5px; }
   .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 REAJUSTADA AL ANCHO REAL --- */
+  /* --- 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 {
+  .drive-gallery {
-    font-size: 1.1em;
+    display: grid;
-    border-bottom: 1px dashed #004400;
+    grid-template-columns: repeat(4, 1fr);
-    padding-bottom: 8px;
+    gap: 15px;
-    color: #00ff00;
+    width: 100%;
+    box-sizing: border-box;
+  }
+  .drive-gallery.balanced {
     display: flex;
-    align-items: center;
-    gap: 10px;
     flex-wrap: wrap;
+    justify-content: center;
+    gap: 15px;
   }
+  .drive-gallery.balanced .img-frame {
-  .model-highlight {
+    width: calc(25% - 12px);
-    background-color: #00ff00;
+    min-width: 140px;
-    color: #000b00 !important;
+    max-width: 220px;
-    padding: 2px 8px;
-    font-weight: bold;
-    text-transform: uppercase;
-  }
-  .drive-gallery {
-    display: flex;
-    gap: 12px;
-    flex-direction: row;
-    flex-wrap: wrap;
-    justify-content: flex-start;
-    width: 100%;
   }
   .img-frame {
     border: 2px solid #00ff00;
-    padding: 4px;
+    padding: 6px;
     background: #000;
     text-align: center;
-    display: inline-flex;
+    display: flex;
     flex-direction: column;
+    justify-content: space-between;
     align-items: center;
     box-sizing: border-box;
   }
+  .img-frame a { width: 100%; display: block; }
   .img-frame img {
-    max-width: 140px;
+    width: 100%;
     height: auto;
+    max-height: 180px;
     object-fit: contain;
     cursor: pointer;
     background-color: #000;
+    display: block;
   }
-  .img-label { font-size: 0.68em; color: #00aa00; margin-top: 6px; text-transform: uppercase; word-break: break-word; }
+  /* --- SECCIÓN DESCARGAS --- */
+  .descargas-box-ultra {
-  /* Ficha de datos técnicos de cabecera */
+    background: rgba(0, 15, 0, 0.6);
-  .tech-table {
-    width: 100%;
-    border-collapse: collapse;
-    margin-bottom: 20px;
-  }
-  .tech-table td {
-    padding: 6px 10px;
     border: 1px solid #004400;
+    padding: 20px;
+    margin-top: 20px;
+    position: relative;
+    z-index: 3;
   }
-  .tech-table td.tech-label {
+  .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;
-    background: rgba(0, 30, 0, 0.5);
-    width: 30%;
-    text-transform: uppercase;
   }
-  /* --- LIGHTBOX SCROLL (MODIFICADO A TAMAÑO REAL FIJO) --- */
+  /* --- LIGHTBOX REAL --- */
   .modal-pcw {
     display: none;
@@ Línea 191: / Línea 195: @@
 </style>
-<!-- CAPA DE MODALES INTERACTIVOS (LIGHTBOX) DE MASTER SCAN -->
+<!-- CAPA DE MODALES INTERACTIVOS (LIGHTBOX) -->
-<!-- Presentación -->
+<div id="p1" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_p1.jpg"></a></div>
-<div id="m_pres1" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:presentacion:master_scan_p1.jpg"></a></div>
+<div id="p2" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_p2.jpg"></a></div>
-<div id="m_pres2" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:presentacion:master_scan_p2.jpg"></a></div>
+<div id="scr1" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:capturas:master_scan_screenshot01.png"></a></div>
-<!-- Capturas -->
+<div id="scr2" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:capturas:master_scan_screenshot02.png"></a></div>
-<div id="m_ss1" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:capturas:master_scan_screenshot01.png"></a></div>
+<div id="scr3" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:capturas:master_scan_screenshot03.png"></a></div>
-<div id="m_ss2" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:capturas:master_scan_screenshot02.png"></a></div>
+<div id="scr4" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:capturas:master_scan_screenshot04.png"></a></div>
-<div id="m_ss3" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:capturas:master_scan_screenshot03.png"></a></div>
+<div id="scr5" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:capturas:master_scan_screenshot05.png"></a></div>
-<div id="m_ss4" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:capturas:master_scan_screenshot04.png"></a></div>
+<div id="scr6" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:capturas:master_scan_screenshot06.png"></a></div>
-<div id="m_ss5" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:capturas:master_scan_screenshot05.png"></a></div>
+<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="m_ss6" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:capturas:master_scan_screenshot06.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="m_ss7" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:capturas:master_scan_screenshot07.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:esquemas:masterpack_anatomia.jpg"></a></div>
-<div id="m_ss8" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:capturas:master_scan_screenshot08.png"></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>
-<!-- Anatomía / Extras Descripción -->
+<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>
-<div id="m_anat" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:extras:masterpack_anatomia.jpg"></a></div>
+<div id="box1" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_box_1.jpg"></a></div>
-<div id="m_art" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:extras:masterpack_artilugio.jpg"></a></div>
+<div id="box2" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_box_2.jpg"></a></div>
-<div id="m_sens" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:extras:masterpack_sensor_optico.jpg"></a></div>
+<div id="box3" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_box_3.jpg"></a></div>
-<!-- Embalaje -->
+<div id="front" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_front.jpg"></a></div>
-<div id="m_box1" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:cajas:master_scan_box_1.jpg"></a></div>
+<div id="back" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_back.jpg"></a></div>
-<div id="m_box2" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:cajas:master_scan_box_2.jpg"></a></div>
+<div id="disc1" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_disco_1.jpg"></a></div>
-<div id="m_box3" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:cajas:master_scan_box_3.jpg"></a></div>
+<div id="disc2" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_disco_2.jpg"></a></div>
-<!-- Carátulas -->
+<div id="disc3" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_disco_3.jpg"></a></div>
-<div id="m_cfront" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:caratulas:master_scan_front.jpg"></a></div>
+<div id="ext1" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_extra_1.jpg"></a></div>
-<div id="m_cback" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:caratulas:master_scan_back.jpg"></a></div>
+<div id="ext2" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_extra_2.jpg"></a></div>
-<!-- Discos -->
+<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="m_disc1" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:discos:master_scan_disco_1.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="m_disc2" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:discos:master_scan_disco_2.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="m_disc3" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:discos:master_scan_disco_3.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>
-<!-- Extras Placa -->
-<div id="m_ext1" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:extras:master_scan_extra_1.jpg"></a></div>
-<div id="m_ext2" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:extras:master_scan_extra_2.jpg"></a></div>
-<div id="m_ext3" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:extras:master_scan_extra_3.jpg"></a></div>
-<div id="m_ext4" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:extras:master_scan_extra_4.jpg"></a></div>
-<!-- Instrucciones / Publicidad -->
-<div id="m_inst" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:extras:master_scan_instrucciones.jpg"></a></div>
-<div id="m_inst_es1" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:extras:instrucciones_master_scan_espanol_01.jpg"></a></div>
-<div id="m_inst_es2" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:extras:instrucciones_master_scan_espanol_02.jpg"></a></div>
-<div id="m_pub1" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=aplicaciones:publicidad:master_scan_publicidad_01.jpg"></a></div>
 <div class="pcw-monitor-ultra">
   <div class="pcw-title-ultra retro-text-green"> A> MASTER SCAN </div>
-  <!-- BLOQUE PRESENTACIÓN Y FICHA TÉCNICA -->
   <div class="drive-grid-container">
     <div class="drive-card">
-      <div class="drive-info-header"><span class="model-highlight">MASTER SCAN</span> <span>Información del Sistema</span></div>
+      <div class="drive-gallery balanced">
-      <div style="display: flex; gap: 20px; flex-wrap: wrap; position: relative; z-index: 3;">
+        <div class="img-frame"><a href="#p1"><img src="/lib/exe/fetch.php?media=hardware:perifericos:master_scan_p1.jpg"></a></div>
-        <div class="drive-gallery" style="width: auto; max-width: 360px;">
+        <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="#m_pres1"><img src="/lib/exe/fetch.php?media=aplicaciones:presentacion:master_scan_p1.jpg"></a><span class="img-label">Presentación 1</span></div>
+      </div>
-          <div class="img-frame"><a href="#m_pres2"><img src="/lib/exe/fetch.php?media=aplicaciones:presentacion:master_scan_p2.jpg"></a><span class="img-label">Presentación 2</span></div>
+      <div class="content-body">
-        </div>
+        <ul>
-        <div style="flex: 1; min-width: 280px;" class="content-body">
+          <li><b>Compañía:</b> Database Software</li>
-          <table class="tech-table">
+          <li><b>Distribuidora:</b> Database Software</li>
-            <tr><td class="tech-label">Compañía</td><td>[[..:companias:database_software|Database Software]]</td></tr>
+          <li><b>Año:</b> 1987</li>
-            <tr><td class="tech-label">Distribuidora</td><td>[[..:companias:database_software|Database Software]]</td></tr>
+          <li><b>Embalaje:</b> Caja de cartón interior y exterior 23,30×16,50×5,50</li>
-            <tr><td class="tech-label">Año</td><td>1987</td></tr>
+          <li><b>Compatibilidad:</b> PCW 8256 - PCW 8512</li>
-            <tr><td class="tech-label">Embalaje</td><td>Caja de cartón interior y exterior 23,30×16,50×5,50</td></tr>
+          <li><b>Periféricos:</b> Impresora del PCW - Escaner</li>
-            <tr><td class="tech-label">Compatibilidad</td><td>PCW 8256 - PCW 8512</td></tr>
+          <li><b>Carga:</b> CP/M</li>
-            <tr><td class="tech-label">Periféricos</td><td>Impresora del PCW - Escaner</td></tr>
+          <li><b>Género:</b> Diseño gráfico</li>
-            <tr><td class="tech-label">Carga</td><td>CP/M</td></tr>
+          <li><b>Lenguaje:</b> Inglés</li>
-            <tr><td class="tech-label">Género</td><td>Diseño gráfico</td></tr>
+          <li><b>Precio:</b> Inglaterra: £69,95</li>
-            <tr><td class="tech-label">Lenguaje</td><td>Inglés</td></tr>
+          <li><b>Estado:</b> Preservado</li>
-            <tr><td class="tech-label">Precio</td><td>Inglaterra: £69,95</td></tr>
+        </ul>
-            <tr><td class="tech-label">Estado</td><td>[[es:preservado|Preservado]]</td></tr>
-          </table>
-        </div>
       </div>
     </div>
   </div>
+  <!-- ===== CAPTURAS ===== -->
-  <!-- CAPTURAS -->
+  <div class="pcw-subtitle-box">Capturas</div>
-  <div class="pcw-subtitle-box">Capturas de Pantalla</div>
   <div class="drive-grid-container">
     <div class="drive-card">
       <div class="drive-gallery">
-        <div class="img-frame"><a href="#m_ss1"><img src="/lib/exe/fetch.php?media=aplicaciones:capturas:master_scan_screenshot01.png"></a><span class="img-label">Scr 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="#m_ss2"><img src="/lib/exe/fetch.php?media=aplicaciones:capturas:master_scan_screenshot02.png"></a><span class="img-label">Scr 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="#m_ss3"><img src="/lib/exe/fetch.php?media=aplicaciones:capturas:master_scan_screenshot03.png"></a><span class="img-label">Scr 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="#m_ss4"><img src="/lib/exe/fetch.php?media=aplicaciones:capturas:master_scan_screenshot04.png"></a><span class="img-label">Scr 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="#m_ss5"><img src="/lib/exe/fetch.php?media=aplicaciones:capturas:master_scan_screenshot05.png"></a><span class="img-label">Scr 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="#m_ss6"><img src="/lib/exe/fetch.php?media=aplicaciones:capturas:master_scan_screenshot06.png"></a><span class="img-label">Scr 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="#m_ss7"><img src="/lib/exe/fetch.php?media=aplicaciones:capturas:master_scan_screenshot07.png"></a><span class="img-label">Scr 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="#m_ss8"><img src="/lib/exe/fetch.php?media=aplicaciones:capturas:master_scan_screenshot08.png"></a><span class="img-label">Scr 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 -->
+  <!-- ===== 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>
+    <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>
-    <div class="drive-grid-container" style="margin: 15px 0;">
-      <div class="drive-card">
+  <div class="drive-grid-container" style="margin-bottom: 15px;">
-        <div class="drive-gallery">
+    <div class="drive-card">
-          <div class="img-frame"><a href="#m_anat"><img src="/lib/exe/fetch.php?media=aplicaciones:extras:masterpack_anatomia.jpg"></a><span class="img-label">Anatomía</span></div>
+      <div class="drive-gallery balanced">
-          <div class="img-frame"><a href="#m_art"><img src="/lib/exe/fetch.php?media=aplicaciones:extras:masterpack_artilugio.jpg"></a><span class="img-label">Mecanismo</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="#m_sens"><img src="/lib/exe/fetch.php?media=aplicaciones:extras:masterpack_sensor_optico.jpg"></a><span class="img-label">Sensor Óptico</span></div>
+        <div class="img-frame"><a href="#art"><img src="/lib/exe/fetch.php?media=hardware:perifericos:masterpack_artilugio.jpg"></a></div>
-        </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>
+  </div>
+  <div class="content-body">
     <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>
+    <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><strong>SCAN PICTURE:</strong> 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><strong>VIEW PICTURE (Ver dibujo):</strong> 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><strong>MAGNIFICATION:</strong> 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><strong>BEGIN AT COLUMN Y END AT COLUMN:</strong> 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><strong>SCREEN COLOURS:</strong> 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><strong>FILE FUNCTIONS:</strong> 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><strong>EXIT TO CP/M:</strong> 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>
@@ Línea 310: / Línea 301: @@
     <ul>
-      <li><strong>LOAD PICTURE (Leer dibujo).</strong></li>
+      <li><span class="neon-highlight">LOAD PICTURE</span> (Leer dibujo).</li>
-      <li><strong>SAVE PICTURE (Grabar dibujo).</strong></li>
+      <li><span class="neon-highlight">SAVE PICTURE</span> (Grabar dibujo).</li>
-      <li><strong>VIEW PICTURE (Ver dibujo).</strong></li>
+      <li><span class="neon-highlight">VIEW PICTURE</span> (Ver dibujo).</li>
-      <li><strong>CATALOGUE DISC (Directorio del disco A, B o M).</strong></li>
+      <li><span class="neon-highlight">CATALOGUE DISC</span> (Directorio del disco A, B o M).</li>
-      <li><strong>PICTURE FORMAT (Formato de dibujo):</strong> 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><strong>ORDER FILES BY:</strong> 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><strong>SELECT DRIVE:</strong> 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><strong>USER NUMBER:</strong> 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><strong>EXIT TO SCANNER MENU:</strong> 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>
@@ Línea 324: / Línea 315: @@
     <ul>
-      <li>Con Desktop Publisher es <strong>.GRF</strong>.</li>
+      <li>Con Desktop Publisher es .GRF.</li>
-      <li>Con Fleet Street Editor Plus es <strong>.G</strong>.</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 <strong>.PCP</strong>.</li>
+      <li>Si se quiere utilizar con el programa de dibujo Master Paint se utiliza la extensión .PCP.</li>
     </ul>
-    <p><strong>NOTA:</strong> El mando que se encuentra en el interface es el regulador de sensibilidad del sensor óptico. Este mando se regula cuando el scaner esta funcionando.</p>
+    <p><i>NOTA: El mando que se encuentra en el interface es el regulador de sensibilidad del sensor óptico. Este mando se regula cuando el scaner esta funcionando.</i></p>
   </div>
+  <!-- ===== EMBALAJE ===== -->
-  <!-- EMBALAJE -->
+  <div class="pcw-subtitle-box">Embalaje</div>
-  <div class="pcw-subtitle-box">Embalaje Original</div>
   <div class="content-body"><p>En las siguientes imágenes podéis comprobar el empaquetado original.</p></div>
-  <div class="drive-grid-container">
+  <div class="drive-grid-container" style="margin-bottom: 15px;">
     <div class="drive-card">
-      <div class="drive-gallery">
+      <div class="drive-gallery balanced">
-        <div class="img-frame"><a href="#m_box1"><img src="/lib/exe/fetch.php?media=aplicaciones:cajas:master_scan_box_1.jpg"></a><span class="img-label">Caja Vista 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="#m_box2"><img src="/lib/exe/fetch.php?media=aplicaciones:cajas:master_scan_box_2.jpg"></a><span class="img-label">Caja Vista 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="#m_box3"><img src="/lib/exe/fetch.php?media=aplicaciones:cajas:master_scan_box_3.jpg"></a><span class="img-label">Caja Vista 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>
   </div>
-  <!-- CARÁTULA -->
+  <!-- ===== CARÁTULA ===== -->
   <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">
+  <div class="drive-grid-container" style="margin-bottom: 15px;">
     <div class="drive-card">
-      <div class="drive-gallery">
+      <div class="drive-gallery balanced">
-        <div class="img-frame"><a href="#m_cfront"><img src="/lib/exe/fetch.php?media=aplicaciones:caratulas: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="#m_cback"><img src="/lib/exe/fetch.php?media=aplicaciones:caratulas: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>
   </div>
-  <!-- DISCOS -->
+  <!-- ===== DISCOS ===== -->
-  <div class="pcw-subtitle-box">Discos Originales</div>
+  <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">
+  <div class="drive-grid-container" style="margin-bottom: 15px;">
     <div class="drive-card">
-      <div class="drive-gallery">
+      <div class="drive-gallery balanced">
-        <div class="img-frame"><a href="#m_disc1"><img src="/lib/exe/fetch.php?media=aplicaciones:discos:master_scan_disco_1.jpg"></a><span class="img-label">Disco 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="#m_disc2"><img src="/lib/exe/fetch.php?media=aplicaciones:discos:master_scan_disco_2.jpg"></a><span class="img-label">Disco 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="#m_disc3"><img src="/lib/exe/fetch.php?media=aplicaciones:discos:master_scan_disco_3.jpg"></a><span class="img-label">Disco 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>
   </div>
-  <!-- EXTRAS Y PUBLICIDAD -->
+  <!-- ===== EXTRAS ===== -->
-  <div class="pcw-subtitle-box">Extras e Inspección de la Placa</div>
+  <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">
+  <div class="drive-grid-container" style="margin-bottom: 15px;">
     <div class="drive-card">
       <div class="drive-gallery">
-        <div class="img-frame"><a href="#m_ext1"><img src="/lib/exe/fetch.php?media=aplicaciones:extras:master_scan_extra_1.jpg"></a><span class="img-label">Placa Componentes 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="#m_ext2"><img src="/lib/exe/fetch.php?media=aplicaciones:extras:master_scan_extra_2.jpg"></a><span class="img-label">Placa Componentes 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="#m_ext3"><img src="/lib/exe/fetch.php?media=aplicaciones:extras: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="#m_ext4"><img src="/lib/exe/fetch.php?media=aplicaciones:extras: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>
   </div>
-  <div class="content-body" style="margin-top: 15px;">
+  <div class="content-body">
-    <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>
+    <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">
+  <div class="drive-grid-container" style="margin-bottom: 15px;">
     <div class="drive-card">
-      <div class="drive-gallery">
+      <div class="drive-gallery balanced">
-        <div class="img-frame"><a href="#m_inst"><img src="/lib/exe/fetch.php?media=aplicaciones:extras:master_scan_instrucciones.jpg"></a><span class="img-label">Instrucciones Adaptador</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="#m_inst_es1"><img src="/lib/exe/fetch.php?media=aplicaciones:extras:instrucciones_master_scan_espanol_01.jpg"></a><span class="img-label">Manual ES Pág 1</span></div>
-        <div class="img-frame"><a href="#m_inst_es2"><img src="/lib/exe/fetch.php?media=aplicaciones:extras:instrucciones_master_scan_espanol_02.jpg"></a><span class="img-label">Manual ES Pág 2</span></div>
       </div>
     </div>
   </div>
-  <div class="pcw-subtitle-box">Publicidad de la Época</div>
+  <div class="content-body">
-  <div class="content-body"><p>Algunos anuncios del programa en revistas de gran tirada de la época.</p></div>
+    <p><b>Publicidad</b></p>
-  <div class="drive-grid-container">
+    <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">
+      <div class="drive-gallery balanced">
-        <div class="img-frame"><a href="#m_pub1"><img src="/lib/exe/fetch.php?media=aplicaciones:publicidad: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 -->
+  <!-- ===== DESCARGA ===== -->
-  <div class="pcw-subtitle-box">Sección de Descargas</div>
+  <div class="pcw-subtitle-box">Descarga</div>
-  <div class="content-body">
-    <p><strong>Programa:</strong></p>
+  <div class="descargas-box-ultra">
-    <p>Las imágenes de disco se han obtenido de la versión original de Master Scan, han sido grabadas y verificadas.</p>
+    <div class="content-body">
-    <ul>
+      <p><b>Programa</b></p>
-      <li>{{:hardware:descargas:master_scan_database_software_1
+      <p>Las imágenes de disco, se han obtenido de la versión original de Master Scan, han sido grabadas y verificadas.</p>
+      <ul style="list-style: square; padding-left: 20px; margin-top: 10px;">
+        <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>
+      </ul>
+      <p style="margin-top: 15px;"><b>Manual / Instrucciones</b></p>
+      <p>A continuación puede descargar el manual o las instrucciones del programa Master Scan o verlo en línea.</p>
+      <ul style="list-style: square; padding-left: 20px; margin-top: 10px;">
+        <li><a href="/lib/exe/fetch.php?media=hardware:descargas:master_scan_manual.pdf" class="descargas-link-pdf">Manual de Master Scan</a></li>
+        <li><a href="/lib/exe/fetch.php?media=hardware:descargas:master_scan_instrucciones.pdf" class="descargas-link-pdf">Instrucciones de Master Scan</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+</html>